@syncfusion/ej2-image-editor 30.2.5 → 31.1.21

package/dist/es6/ej2-image-editor.es2015.js

@@ -6379,8 +6379,12 @@ class Export {
             type = type ? type : 'Png';
             parent.notify('shape', { prop: 'redrawActObj', onPropertyChange: false,
                 value: { x: null, y: null, isMouseDown: null } });
+            const imageQualityObj = { currentImageQuality: 1 };
+            if (type.toLowerCase() === 'jpeg') {
+                parent.notify('toolbar', { prop: 'getcurrentImageQuality', onPropertyChange: false, value: { obj: imageQualityObj } });
+            }
             const beforeSave = { cancel: false, fileName: fileName ? fileName : imageName,
-                fileType: type, imageQuality: imgQuality };
+                fileType: type, imageQuality: imgQuality || imageQualityObj['currentImageQuality'] };
             parent.trigger('beforeSave', beforeSave);
             this.beforeSaveEvent(beforeSave, type, fileName, imageName, imgQuality);
         }
@@ -8882,6 +8886,11 @@ class FreehandDrawing {
         const parent = this.parent;
         const point = parent.pointColl[this.fhdSelIdx];
         parent.trigger('shapeChanging', shapeChangingArgs);
+        if (shapeChangingArgs.cancel) {
+            parent.editCompleteArgs = shapeChangingArgs;
+            this.cancelFhd();
+            return;
+        }
         if (parent.element.getAttribute('data-value') === 'mask-drawing' && !this.isMasking) {
             this.isMasking = true;
             parent.upperCanvas.style.cursor = 'crosshair';
@@ -12403,6 +12412,9 @@ class Selection {
                 const objColl = extend([], parent.objColl, [], true);
                 if (!isNullOrUndefined(obj['index']) && obj['index'] > -1) {
                     parent.notify('freehand-draw', { prop: 'selectFhd', value: { type: 'ok' } });
+                    if (!this.isFhdPoint) {
+                        return;
+                    }
                     parent.notify('freehand-draw', { prop: 'hoverFhd', onPropertyChange: false,
                         value: { strokeColor: null, strokeWidth: null } });
                     parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: true } });
@@ -12947,7 +12959,9 @@ class Selection {
                 this.currentDrawingShape = parent.drawingShape.toLowerCase();
                 if (dummyClick) {
                     parent.enableShapeDrawing(parent.toPascalCase(parent.drawingShape), true);
-                    parent.upperCanvas.style.cursor = 'crosshair';
+                    if (parent.cursor !== 'move') {
+                        parent.upperCanvas.style.cursor = 'crosshair';
+                    }
                 }
             }
             parent.isShapeDrawing = false;
@@ -13969,7 +13983,14 @@ class Selection {
                 }
                 if (!this.isCropSelection && parent.activeObj.shape !== 'redact') {
                     parent.trigger('shapeChanging', shapeChangingArgs);
-                    this.shapeEvent(shapeChangingArgs);
+                    if (shapeChangingArgs.cancel) {
+                        parent.objColl.splice(i, 0, temp);
+                        parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
+                        parent.notify('draw', { prop: 'render-image', value: { isMouseWheel: null } });
+                    }
+                    else {
+                        this.shapeEvent(shapeChangingArgs);
+                    }
                     parent.editCompleteArgs = shapeChangingArgs;
                 }
                 else {
@@ -21207,15 +21228,15 @@ class UndoRedo {
                     this.updateUndoRedoStack();
                 }
                 break;
-            case 'reset':
-                this.reset();
-                break;
             case 'preventEditComplete':
                 args.value['obj']['bool'] = this.preventEditComplete;
                 break;
             case 'preventApplyEditComplete':
                 this.preventApplyEditComplete = args.value['bool'];
                 break;
+            case 'reset':
+                this.reset();
+                break;
         }
     }
     getModuleName() {
@@ -27849,6 +27870,9 @@ class ToolbarModule {
             case 'getToolbarHeight':
                 args.value['obj']['toolbarHeight'] = this.toolbarHeight;
                 break;
+            case 'getcurrentImageQuality':
+                args.value['obj']['currentImageQuality'] = this.currentQuality;
+                break;
             case 'setToolbarHeight':
                 if (isNullOrUndefined(parent.toolbar) || (parent.toolbar && parent.toolbar.length > 0 && parent.toolbar.indexOf('Open') > -1)) {
                     this.toolbarHeight = args.value['height'];