@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.es5.js CHANGED
@@ -28975,17 +28975,17 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
28975
28975
  }
28976
28976
  var frame = document.querySelector('#' + id + '_frame');
28977
28977
  if (frame && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
28978
- frame.classList.add('e-overlay');
28978
+ frame.parentElement.classList.add('e-overlay');
28979
28979
  }
28980
28980
  else if (frame) {
28981
- frame.classList.remove('e-overlay');
28981
+ frame.parentElement.classList.remove('e-overlay');
28982
28982
  }
28983
28983
  var ratio = document.querySelector('#' + id + '_aspectratio');
28984
28984
  if (ratio && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
28985
- ratio.classList.add('e-overlay');
28985
+ ratio.parentElement.classList.add('e-overlay');
28986
28986
  }
28987
28987
  else if (ratio) {
28988
- ratio.classList.remove('e-overlay');
28988
+ ratio.parentElement.classList.remove('e-overlay');
28989
28989
  }
28990
28990
  };
28991
28991
  ToolbarModule.prototype.createLeftToolbarControls = function () {
@@ -29219,34 +29219,34 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
29219
29219
  && parent.activeObj.pointColl.length === 0)) &&
29220
29220
  isNullOrUndefined(obj['freehandDrawSelectedId'])) {
29221
29221
  if (duplicateElement) {
29222
- duplicateElement.classList.add('e-overlay');
29222
+ duplicateElement.parentElement.classList.add('e-overlay');
29223
29223
  }
29224
29224
  if (removeElement) {
29225
- removeElement.classList.add('e-overlay');
29225
+ removeElement.parentElement.classList.add('e-overlay');
29226
29226
  }
29227
29227
  if (editTextElement) {
29228
- editTextElement.classList.add('e-overlay');
29228
+ editTextElement.parentElement.classList.add('e-overlay');
29229
29229
  }
29230
29230
  if (zOrderElement) {
29231
- zOrderElement.classList.add('e-overlay');
29231
+ zOrderElement.parentElement.classList.add('e-overlay');
29232
29232
  }
29233
29233
  }
29234
29234
  else {
29235
29235
  if (duplicateElement) {
29236
- duplicateElement.classList.remove('e-overlay');
29236
+ duplicateElement.parentElement.classList.remove('e-overlay');
29237
29237
  }
29238
29238
  if (removeElement) {
29239
- removeElement.classList.remove('e-overlay');
29239
+ removeElement.parentElement.classList.remove('e-overlay');
29240
29240
  }
29241
29241
  if (editTextElement) {
29242
- editTextElement.classList.remove('e-overlay');
29242
+ editTextElement.parentElement.classList.remove('e-overlay');
29243
29243
  }
29244
29244
  if (zOrderElement) {
29245
- zOrderElement.classList.remove('e-overlay');
29245
+ zOrderElement.parentElement.classList.remove('e-overlay');
29246
29246
  }
29247
29247
  }
29248
29248
  if (zOrderElement && (parent.shapeColl.length === 0 || (obj['freehandDrawSelectedId'] && parent.shapeColl.length === 1))) {
29249
- zOrderElement.classList.add('e-overlay');
29249
+ zOrderElement.parentElement.classList.add('e-overlay');
29250
29250
  }
29251
29251
  };
29252
29252
  ToolbarModule.prototype.renderStraightenSlider = function () {
@@ -31133,7 +31133,7 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
31133
31133
  var drawingObject = { shape: '' };
31134
31134
  parent.notify('selection', { prop: 'getCurrentDrawingShape', onPropertyChange: false, value: { obj: drawingObject } });
31135
31135
  if (drawingObject['shape'] === 'path' && okBtn) {
31136
- okBtn.classList.add('e-overlay');
31136
+ okBtn.parentElement.classList.add('e-overlay');
31137
31137
  }
31138
31138
  }
31139
31139
  if (parent.activeObj.shape === 'line' || parent.activeObj.shape === 'path') {
@@ -32625,11 +32625,11 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
32625
32625
  var orderObj = { order: null };
32626
32626
  parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32627
32627
  if (parent.activeObj.order > orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
32628
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32628
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
32629
32629
  }
32630
32630
  else {
32631
32631
  if (document.getElementById(parent.element.id + '_bringToFront')) {
32632
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32632
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
32633
32633
  }
32634
32634
  }
32635
32635
  qtArea.style.width = 'auto';
@@ -32683,11 +32683,11 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
32683
32683
  parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32684
32684
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
32685
32685
  if (parent.getObjFromId(parent.pointColl[indexObj['freehandSelectedIndex']].id).order >= orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
32686
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32686
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
32687
32687
  }
32688
32688
  else {
32689
32689
  if (document.getElementById(parent.element.id + '_bringToFront')) {
32690
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32690
+ document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
32691
32691
  }
32692
32692
  }
32693
32693
  var obj = { activePoint: null };
@@ -32853,32 +32853,30 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
32853
32853
  parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32854
32854
  break;
32855
32855
  case 'bringtofront':
32856
- if (!parent.element.querySelector('#' + id + '_bringToFront').classList.contains('e-overlay')) {
32857
- parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
32858
- shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
32859
- parent.activeObj.currIndex;
32860
- parent.updateShapeOrder(shapeId, type);
32861
- isDisabled = false;
32862
- parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32863
- if (shapeId.indexOf('pen') > -1) {
32864
- parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
32865
- /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32866
- var order = parent.getObjFromId(shapeId).order;
32867
- isDisabled = order >= orderObj['order'] ? true : false;
32868
- }
32869
- else {
32870
- /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32871
- var order = parent.getObjFromId(shapeId).order;
32872
- isDisabled = order > orderObj['order'] ? true : false;
32873
- }
32874
- if (isDisabled) {
32875
- document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32876
- }
32877
- else {
32878
- document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32879
- }
32880
- parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32856
+ parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
32857
+ shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
32858
+ parent.activeObj.currIndex;
32859
+ parent.updateShapeOrder(shapeId, type);
32860
+ isDisabled = false;
32861
+ parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
32862
+ if (shapeId.indexOf('pen') > -1) {
32863
+ parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
32864
+ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32865
+ var order = parent.getObjFromId(shapeId).order;
32866
+ isDisabled = order >= orderObj['order'] ? true : false;
32867
+ }
32868
+ else {
32869
+ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
32870
+ var order = parent.getObjFromId(shapeId).order;
32871
+ isDisabled = order > orderObj['order'] ? true : false;
32881
32872
  }
32873
+ if (isDisabled) {
32874
+ document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
32875
+ }
32876
+ else {
32877
+ document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
32878
+ }
32879
+ parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
32882
32880
  break;
32883
32881
  }
32884
32882
  if (type === 'duplicate' || type === 'remove') {