@syncfusion/ej2-image-editor 30.2.5 → 31.1.21

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.5
+*  version : 31.1.21
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-image-editor",
-  "version": "30.2.5",
+  "version": "31.1.21",
   "description": "Essential JS 2 ImageEditor",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-image-editor.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-buttons": "~30.2.4",
-    "@syncfusion/ej2-dropdowns": "~30.2.5",
-    "@syncfusion/ej2-inputs": "~30.2.4",
-    "@syncfusion/ej2-navigations": "~30.2.5",
-    "@syncfusion/ej2-popups": "~30.2.4",
-    "@syncfusion/ej2-splitbuttons": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.20",
+    "@syncfusion/ej2-buttons": "~31.1.21",
+    "@syncfusion/ej2-dropdowns": "~31.1.20",
+    "@syncfusion/ej2-inputs": "~31.1.21",
+    "@syncfusion/ej2-navigations": "~31.1.20",
+    "@syncfusion/ej2-popups": "~31.1.20",
+    "@syncfusion/ej2-splitbuttons": "~31.1.17"
   },
   "devDependencies": {},
   "keywords": [

package/src/image-editor/action/export.js

@@ -65,8 +65,12 @@ var Export = /** @class */ (function () {
             type = type ? type : 'Png';
             parent.notify('shape', { prop: 'redrawActObj', onPropertyChange: false,
                 value: { x: null, y: null, isMouseDown: null } });
+            var imageQualityObj = { currentImageQuality: 1 };
+            if (type.toLowerCase() === 'jpeg') {
+                parent.notify('toolbar', { prop: 'getcurrentImageQuality', onPropertyChange: false, value: { obj: imageQualityObj } });
+            }
             var 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);
         }

package/src/image-editor/action/freehand-draw.js

@@ -1164,6 +1164,11 @@ var FreehandDrawing = /** @class */ (function () {
         var parent = this.parent;
         var 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';

package/src/image-editor/action/selection.js

@@ -3463,6 +3463,9 @@ var Selection = /** @class */ (function () {
                 var 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 } });
@@ -4007,7 +4010,9 @@ var Selection = /** @class */ (function () {
                 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;
@@ -5029,7 +5034,14 @@ var Selection = /** @class */ (function () {
                 }
                 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 {

package/src/image-editor/action/undo-redo.js

@@ -87,15 +87,15 @@ var UndoRedo = /** @class */ (function () {
                     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;
         }
     };
     UndoRedo.prototype.getModuleName = function () {

package/src/image-editor/renderer/toolbar.js

@@ -280,6 +280,9 @@ var ToolbarModule = /** @class */ (function () {
             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'];