@syncfusion/ej2-image-editor 31.2.10 → 31.2.16

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 (11) 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 +41 -43
  4. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es5.js +41 -43
  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 +8 -8
  11. package/src/image-editor/renderer/toolbar.js +41 -43
package/dist/es6/ej2-image-editor.es2015.js CHANGED
@@ -28842,17 +28842,17 @@ class ToolbarModule {
28842
28842
  }
28843
28843
  const frame = document.querySelector('#' + id + '_frame');
28844
28844
  if (frame && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
28845
- frame.classList.add('e-overlay');
28845
+ frame.parentElement.classList.add('e-overlay');
28846
28846
  }
28847
28847
  else if (frame) {
28848
- frame.classList.remove('e-overlay');
28848
+ frame.parentElement.classList.remove('e-overlay');
28849
28849
  }
28850
28850
  const ratio = document.querySelector('#' + id + '_aspectratio');
28851
28851
  if (ratio && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
28852
- ratio.classList.add('e-overlay');
28852
+ ratio.parentElement.classList.add('e-overlay');
28853
28853
  }
28854
28854
  else if (ratio) {
28855
- ratio.classList.remove('e-overlay');
28855
+ ratio.parentElement.classList.remove('e-overlay');
28856
28856
  }
28857
28857
  }
28858
28858
  createLeftToolbarControls() {
@@ -29085,34 +29085,34 @@ class ToolbarModule {
29085
29085
  && parent.activeObj.pointColl.length === 0)) &&
29086
29086
  isNullOrUndefined(obj['freehandDrawSelectedId'])) {
29087
29087
  if (duplicateElement) {
29088
- duplicateElement.classList.add('e-overlay');
29088
+ duplicateElement.parentElement.classList.add('e-overlay');
29089
29089
  }
29090
29090
  if (removeElement) {
29091
- removeElement.classList.add('e-overlay');
29091
+ removeElement.parentElement.classList.add('e-overlay');
29092
29092
  }
29093
29093
  if (editTextElement) {
29094
- editTextElement.classList.add('e-overlay');
29094
+ editTextElement.parentElement.classList.add('e-overlay');
29095
29095
  }
29096
29096
  if (zOrderElement) {
29097
- zOrderElement.classList.add('e-overlay');
29097
+ zOrderElement.parentElement.classList.add('e-overlay');
29098
29098
  }
29099
29099
  }
29100
29100
  else {
29101
29101
  if (duplicateElement) {
29102
- duplicateElement.classList.remove('e-overlay');
29102
+ duplicateElement.parentElement.classList.remove('e-overlay');
29103
29103
  }
29104
29104
  if (removeElement) {
29105
- removeElement.classList.remove('e-overlay');
29105
+ removeElement.parentElement.classList.remove('e-overlay');
29106
29106
  }
29107
29107
  if (editTextElement) {
29108
- editTextElement.classList.remove('e-overlay');
29108
+ editTextElement.parentElement.classList.remove('e-overlay');
29109
29109
  }
29110
29110
  if (zOrderElement) {
29111
- zOrderElement.classList.remove('e-overlay');
29111
+ zOrderElement.parentElement.classList.remove('e-overlay');
29112
29112
  }
29113
29113
  }
29114
29114
  if (zOrderElement && (parent.shapeColl.length === 0 || (obj['freehandDrawSelectedId'] && parent.shapeColl.length === 1))) {
29115
- zOrderElement.classList.add('e-overlay');
29115
+ zOrderElement.parentElement.classList.add('e-overlay');
29116
29116
  }
29117
29117
  }
29118
29118
  renderStraightenSlider() {
@@ -30981,7 +30981,7 @@ class ToolbarModule {
30981
30981
  const drawingObject = { shape: '' };
30982
30982
  parent.notify('selection', { prop: 'getCurrentDrawingShape', onPropertyChange: false, value: { obj: drawingObject } });
30983
30983
  if (drawingObject['shape'] === 'path' && okBtn) {
30984
- okBtn.classList.add('e-overlay');
30984
+ okBtn.parentElement.classList.add('e-overlay');
30985
30985
  }
30986
30986
  }
30987
30987
  if (parent.activeObj.shape === 'line' || parent.activeObj.shape === 'path') {
@@ -32461,11 +32461,11 @@ class ToolbarModule {
32461
32461
  const orderObj = { order: null };
32462
32462
  parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32463
32463
  if (parent.activeObj.order > orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
32464
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32464
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
32465
32465
  }
32466
32466
  else {
32467
32467
  if (document.getElementById(parent.element.id + '_bringToFront')) {
32468
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32468
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
32469
32469
  }
32470
32470
  }
32471
32471
  qtArea.style.width = 'auto';
@@ -32519,11 +32519,11 @@ class ToolbarModule {
32519
32519
  parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32520
32520
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
32521
32521
  if (parent.getObjFromId(parent.pointColl[indexObj['freehandSelectedIndex']].id).order >= orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
32522
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32522
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
32523
32523
  }
32524
32524
  else {
32525
32525
  if (document.getElementById(parent.element.id + '_bringToFront')) {
32526
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32526
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
32527
32527
  }
32528
32528
  }
32529
32529
  const obj = { activePoint: null };
@@ -32689,32 +32689,30 @@ class ToolbarModule {
32689
32689
  parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32690
32690
  break;
32691
32691
  case 'bringtofront':
32692
- if (!parent.element.querySelector('#' + id + '_bringToFront').classList.contains('e-overlay')) {
32693
- parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
32694
- shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
32695
- parent.activeObj.currIndex;
32696
- parent.updateShapeOrder(shapeId, type);
32697
- isDisabled = false;
32698
- parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32699
- if (shapeId.indexOf('pen') > -1) {
32700
- parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
32701
- /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32702
- const order = parent.getObjFromId(shapeId).order;
32703
- isDisabled = order >= orderObj['order'] ? true : false;
32704
- }
32705
- else {
32706
- /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32707
- const order = parent.getObjFromId(shapeId).order;
32708
- isDisabled = order > orderObj['order'] ? true : false;
32709
- }
32710
- if (isDisabled) {
32711
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32712
- }
32713
- else {
32714
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32715
- }
32716
- parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32692
+ parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
32693
+ shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
32694
+ parent.activeObj.currIndex;
32695
+ parent.updateShapeOrder(shapeId, type);
32696
+ isDisabled = false;
32697
+ parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32698
+ if (shapeId.indexOf('pen') > -1) {
32699
+ parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
32700
+ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32701
+ const order = parent.getObjFromId(shapeId).order;
32702
+ isDisabled = order >= orderObj['order'] ? true : false;
32703
+ }
32704
+ else {
32705
+ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32706
+ const order = parent.getObjFromId(shapeId).order;
32707
+ isDisabled = order > orderObj['order'] ? true : false;
32717
32708
  }
32709
+ if (isDisabled) {
32710
+ document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32711
+ }
32712
+ else {
32713
+ document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32714
+ }
32715
+ parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32718
32716
  break;
32719
32717
  }
32720
32718
  if (type === 'duplicate' || type === 'remove') {