@syncfusion/ej2-image-editor 26.1.35 → 26.1.40

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 (70) hide show
  1. package/dist/ej2-image-editor.umd.min.js +2 -2
  2. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-image-editor.es2015.js +30 -6
  4. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es5.js +30 -6
  6. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  7. package/dist/global/ej2-image-editor.min.js +2 -2
  8. package/dist/global/ej2-image-editor.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +11 -11
  11. package/src/image-editor/action/draw.js +8 -2
  12. package/src/image-editor/action/selection.js +1 -1
  13. package/src/image-editor/action/shape.js +11 -1
  14. package/src/image-editor/action/undo-redo.js +2 -0
  15. package/src/image-editor/base/image-editor.js +8 -2
  16. package/styles/bootstrap-dark.css +7 -0
  17. package/styles/bootstrap.css +7 -0
  18. package/styles/bootstrap4.css +7 -0
  19. package/styles/bootstrap5-dark.css +7 -0
  20. package/styles/bootstrap5.css +7 -0
  21. package/styles/fabric-dark.css +7 -0
  22. package/styles/fabric.css +7 -0
  23. package/styles/fluent-dark.css +7 -0
  24. package/styles/fluent.css +7 -0
  25. package/styles/fluent2.css +13 -5
  26. package/styles/highcontrast-light.css +7 -0
  27. package/styles/highcontrast.css +7 -0
  28. package/styles/image-editor/_bds-definition.scss +1 -0
  29. package/styles/image-editor/_bootstrap-dark-definition.scss +1 -0
  30. package/styles/image-editor/_bootstrap-definition.scss +1 -0
  31. package/styles/image-editor/_bootstrap4-definition.scss +1 -0
  32. package/styles/image-editor/_bootstrap5-definition.scss +1 -0
  33. package/styles/image-editor/_bootstrap5.3-definition.scss +1 -0
  34. package/styles/image-editor/_fabric-dark-definition.scss +1 -0
  35. package/styles/image-editor/_fabric-definition.scss +1 -0
  36. package/styles/image-editor/_fluent-definition.scss +1 -0
  37. package/styles/image-editor/_fluent2-definition.scss +1 -0
  38. package/styles/image-editor/_fusionnew-definition.scss +1 -0
  39. package/styles/image-editor/_highcontrast-definition.scss +1 -0
  40. package/styles/image-editor/_highcontrast-light-definition.scss +1 -0
  41. package/styles/image-editor/_layout.scss +32 -4
  42. package/styles/image-editor/_material-dark-definition.scss +1 -0
  43. package/styles/image-editor/_material-definition.scss +1 -0
  44. package/styles/image-editor/_material3-definition.scss +1 -0
  45. package/styles/image-editor/_tailwind-definition.scss +1 -0
  46. package/styles/image-editor/_theme.scss +7 -0
  47. package/styles/image-editor/bootstrap-dark.css +7 -0
  48. package/styles/image-editor/bootstrap.css +7 -0
  49. package/styles/image-editor/bootstrap4.css +7 -0
  50. package/styles/image-editor/bootstrap5-dark.css +7 -0
  51. package/styles/image-editor/bootstrap5.css +7 -0
  52. package/styles/image-editor/fabric-dark.css +7 -0
  53. package/styles/image-editor/fabric.css +7 -0
  54. package/styles/image-editor/fluent-dark.css +7 -0
  55. package/styles/image-editor/fluent.css +7 -0
  56. package/styles/image-editor/fluent2.css +13 -5
  57. package/styles/image-editor/highcontrast-light.css +7 -0
  58. package/styles/image-editor/highcontrast.css +7 -0
  59. package/styles/image-editor/material-dark.css +7 -0
  60. package/styles/image-editor/material.css +7 -0
  61. package/styles/image-editor/material3-dark.css +20 -3
  62. package/styles/image-editor/material3.css +20 -3
  63. package/styles/image-editor/tailwind-dark.css +7 -0
  64. package/styles/image-editor/tailwind.css +7 -0
  65. package/styles/material-dark.css +7 -0
  66. package/styles/material.css +7 -0
  67. package/styles/material3-dark.css +20 -3
  68. package/styles/material3.css +20 -3
  69. package/styles/tailwind-dark.css +7 -0
  70. package/styles/tailwind.css +7 -0
@@ -4768,7 +4768,10 @@ class Draw {
4768
4768
  }
4769
4769
  }
4770
4770
  open(data) {
4771
- document.getElementById(this.parent.element.id + '_dropArea').style.display = 'none';
4771
+ const dropArea = document.getElementById(this.parent.element.id + '_dropArea');
4772
+ if (dropArea) {
4773
+ dropArea.style.display = 'none';
4774
+ }
4772
4775
  if (!this.parent.disabled) {
4773
4776
  this.openURL = data;
4774
4777
  this.restoreOldImage();
@@ -4789,7 +4792,10 @@ class Draw {
4789
4792
  }
4790
4793
  fileSelect(inputElement, args) {
4791
4794
  const parent = this.parent;
4792
- document.getElementById(parent.element.id + '_dropArea').style.display = 'none';
4795
+ const dropArea = document.getElementById(parent.element.id + '_dropArea');
4796
+ if (dropArea) {
4797
+ dropArea.style.display = 'none';
4798
+ }
4793
4799
  if (!parent.disabled) {
4794
4800
  let filesData;
4795
4801
  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
@@ -9332,7 +9338,7 @@ class Selection {
9332
9338
  }
9333
9339
  else {
9334
9340
  parent.trigger('shapeChanging', shapeMovingArgs);
9335
- this.isPreventShaping = shapeResizingArgs.cancel;
9341
+ this.isPreventShaping = shapeMovingArgs.cancel;
9336
9342
  parent.notify('shape', { prop: 'updateShapeChangeEventArgs', onPropertyChange: false,
9337
9343
  value: { shapeSettings: shapeMovingArgs.currentShapeSettings } });
9338
9344
  }
@@ -13834,6 +13840,14 @@ class Shape {
13834
13840
  parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
13835
13841
  parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
13836
13842
  }
13843
+ if (text && text.indexOf('\n') > -1 && parent.isPublicMethod) {
13844
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
13845
+ const fontSizeInd = String(parent.fontSizeColl.findIndex((item) => item.text === String(parent.activeObj.textSettings.fontSize)) + 1);
13846
+ parent.noPushUndo = true;
13847
+ parent.updateFontSize('5');
13848
+ parent.updateFontSize(fontSizeInd);
13849
+ parent.noPushUndo = false;
13850
+ }
13837
13851
  if (parent.isPublicMethod && !isSelected) {
13838
13852
  parent.notify('undo-redo', { prop: 'updateUndoRedo', value: { operation: 'shapeInsert' }, onPropertyChange: false });
13839
13853
  }
@@ -15925,7 +15939,9 @@ class Shape {
15925
15939
  pushActItemIntoObj() {
15926
15940
  const parent = this.parent;
15927
15941
  if (parent.textArea.style.display === 'none') {
15928
- parent.objColl.push(parent.activeObj);
15942
+ if (parent.activeObj.activePoint.width !== 0 || parent.activeObj.activePoint.height !== 0) {
15943
+ parent.objColl.push(parent.activeObj);
15944
+ }
15929
15945
  }
15930
15946
  else {
15931
15947
  const temp = extend({}, parent.activeObj, {}, true);
@@ -19555,6 +19571,7 @@ class UndoRedo {
19555
19571
  case 'freehanddraw':
19556
19572
  case 'freehand-draw':
19557
19573
  this.updateFreehandDraw(obj.previousPointColl, obj.previousSelPointColl);
19574
+ parent.notify('freehand-draw', { prop: 'setCurrentFreehandDrawIndex', value: { value: parent.pointColl.length } });
19558
19575
  break;
19559
19576
  case 'freehanddrawCustomized':
19560
19577
  this.updateFreehandDrawCustomized(obj.previousObjColl, obj.previousPointColl);
@@ -19685,6 +19702,7 @@ class UndoRedo {
19685
19702
  case 'freehanddraw':
19686
19703
  case 'freehand-draw':
19687
19704
  this.updateFreehandDraw(obj.currentPointColl, obj.currentSelPointColl);
19705
+ parent.notify('freehand-draw', { prop: 'setCurrentFreehandDrawIndex', value: { value: parent.pointColl.length } });
19688
19706
  break;
19689
19707
  case 'freehanddrawCustomized':
19690
19708
  this.updateFreehandDrawCustomized(obj.currentObjColl, obj.currentPointColl);
@@ -21185,7 +21203,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
21185
21203
  if (isNullOrUndefined(data)) {
21186
21204
  return;
21187
21205
  }
21188
- document.getElementById(this.element.id + '_dropArea').style.display = 'none';
21206
+ const dropArea = document.getElementById(this.element.id + '_dropArea');
21207
+ if (dropArea) {
21208
+ dropArea.style.display = 'none';
21209
+ }
21189
21210
  this.notify('draw', { prop: 'open', value: { data: data } });
21190
21211
  }
21191
21212
  /**
@@ -22215,7 +22236,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
22215
22236
  this.notify('toolbar', { prop: 'destroy-top-toolbar', onPropertyChange: false });
22216
22237
  this.notify('toolbar', { prop: 'create-toolbar', onPropertyChange: false });
22217
22238
  this.notify('toolbar', { prop: 'create-contextual-toolbar', onPropertyChange: false });
22218
- document.getElementById(this.element.id + '_dropArea').style.display = 'block';
22239
+ const dropArea = document.getElementById(this.element.id + '_dropArea');
22240
+ if (dropArea) {
22241
+ dropArea.style.display = 'block';
22242
+ }
22219
22243
  }
22220
22244
  // Toolbar related codes
22221
22245
  applyShapes() {