@syncfusion/ej2-image-editor 30.1.38 → 30.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.38
+*  version : 30.2.5
 *  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.1.38",
+  "version": "30.2.5",
   "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.1.38",
-    "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-dropdowns": "~30.1.37",
-    "@syncfusion/ej2-inputs": "~30.1.38",
-    "@syncfusion/ej2-navigations": "~30.1.37",
-    "@syncfusion/ej2-popups": "~30.1.37",
-    "@syncfusion/ej2-splitbuttons": "~30.1.37"
+    "@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"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -82,7 +82,7 @@ var Export = /** @class */ (function () {
                 this.toSVGImg(fileName);
             }
             else {
-                this.toBlobFn(fileName, lowerCaseType, imgQuality);
+                this.toBlobFn(fileName, lowerCaseType, observableSaveArgs.imageQuality || imgQuality);
             }
             var saved = { fileName: fileName ? fileName : imageName, fileType: type };
             parent.trigger('saved', saved);

package/src/image-editor/action/freehand-draw.d.ts

@@ -32,6 +32,7 @@ export declare class FreehandDrawing {
     private hoverFhd;
     private freehandDownHandler;
     private freehandUpHandler;
+    private getHighestOrder;
     private freehandMoveHandler;
     private processPoint;
     private calcCurveCP;

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

@@ -149,6 +149,15 @@ var FreehandDrawing = /** @class */ (function () {
             case 'resetFreehandDrawSelectedId':
                 this.fhdSelID = null;
                 break;
+            case 'getFHDSelected':
+                args.value['obj']['isSelected'] = (this.parent.pointColl[this.fhdSelIdx] && this.parent.pointColl[this.fhdSelIdx].isSelected) ? this.parent.pointColl[this.fhdSelIdx].isSelected : false;
+                break;
+            case 'resetFHDIdx':
+                this.fhdHovIdx = this.fhdSelID = this.fhdSelIdx = null;
+                break;
+            case 'getHighestOrder':
+                this.getHighestOrder();
+                break;
             case 'getTempFreeHandDrawEditingStyles':
                 args.value['obj']['tempFreeHandDrawEditingStyles'] = this.tempFHDStyles;
                 break;
@@ -331,10 +340,11 @@ var FreehandDrawing = /** @class */ (function () {
         parent.notify('freehand-draw', { prop: 'getSelPointColl', onPropertyChange: false, value: { obj: selPointCollObj } });
         prevObj.selPointColl = extend([], selPointCollObj['selPointColl'], [], true);
         var fhCnt = parent.freehandCounter;
-        var order = parent.objColl.length + parent.freehandCounter + 1;
+        var penIndex = this.getHighestOrder();
+        var order = parent.objColl.length + penIndex + 1;
         parent.pointColl[fhCnt] = { points: extend([], parent.points), strokeColor: parent.activeObj.strokeSettings.strokeColor,
             strokeWidth: this.penStrokeWidth, flipState: parent.transform.currFlipState,
-            id: 'pen_' + (this.currFHDIdx + 1), order: order };
+            id: 'pen_' + (penIndex + 1), order: order };
         parent.points = [];
         this.dummyPoints = [];
         this.selPointColl[fhCnt] = { points: extend([], this.selPoints) };
@@ -349,7 +359,7 @@ var FreehandDrawing = /** @class */ (function () {
                     previousCropObj: prevCropObj, previousText: null,
                     currentText: null, previousFilter: null, isCircleCrop: null } });
         }
-        var shapeSettings = { id: 'pen_' + (this.currFHDIdx + 1), type: ShapeType.FreehandDraw,
+        var shapeSettings = { id: 'pen_' + (penIndex + 1), type: ShapeType.FreehandDraw,
             startX: this.freehandDownPoint.x, startY: this.freehandDownPoint.y,
             strokeColor: parent.activeObj.strokeSettings.strokeColor, strokeWidth: this.penStrokeWidth,
             points: parent.pointColl[this.currFHDIdx].points, index: order };
@@ -358,6 +368,17 @@ var FreehandDrawing = /** @class */ (function () {
         this.triggerShapeChanging(shapeChangingArgs);
         this.currFHDIdx++;
     };
+    FreehandDrawing.prototype.getHighestOrder = function () {
+        var parent = this.parent;
+        var index = 0;
+        for (var i = 0; i < parent.pointColl.length; i++) {
+            var value = parseInt(parent.pointColl[i].id.split('_')[1], 10);
+            if (index < value) {
+                index = value;
+            }
+        }
+        return index;
+    };
     FreehandDrawing.prototype.freehandMoveHandler = function (e) {
         this.isFreehandPointMoved = true;
         var rect = this.parent.upperCanvas.getBoundingClientRect();
@@ -746,6 +767,7 @@ var FreehandDrawing = /** @class */ (function () {
             }
             parent.freehandCounter -= 1;
             this.fhdHovIdx = this.fhdSelIdx = null;
+            this.currFHDIdx--;
             parent.notify('selection', { prop: 'resetFreehandDrawVariables' });
             parent.notify('draw', { prop: 'render-image', value: { isMouseWheel: null } });
             parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });

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

@@ -359,6 +359,12 @@ var UndoRedo = /** @class */ (function () {
                 parent.initialAdjustmentValue = this.lowerContext.filter;
                 parent.notify('filter', { prop: 'setBevelFilter', onPropertyChange: false, value: { bevelFilter: this.lowerContext.filter } });
                 var editCompleteArgs = { action: this.getUndoRedoAction(obj.operation) };
+                var isSelected = void 0;
+                if (obj.operation === 'freehanddraw' || obj.operation === 'freehand-draw') {
+                    var object = { isSelected: null };
+                    parent.notify('freehand-draw', { prop: 'getFHDSelected', onPropertyChange: false, value: { obj: object } });
+                    isSelected = object['isSelected'];
+                }
                 switch (obj.operation) {
                     case 'shapeTransform':
                     case 'brightness':
@@ -386,6 +392,10 @@ var UndoRedo = /** @class */ (function () {
                         this.updateFreehandDraw(obj.previousPointColl, obj.previousSelPointColl);
                         parent.notify('freehand-draw', { prop: 'setCurrentFreehandDrawIndex',
                             value: { value: parent.pointColl.length } });
+                        if (isSelected) {
+                            parent.notify('freehand-draw', { prop: 'resetFHDIdx' });
+                            parent.notify('selection', { prop: 'resetFreehandDrawVariables' });
+                        }
                         break;
                     case 'freehanddrawCustomized':
                         this.updateFreehandDrawCustomized(obj.previousObjColl, obj.previousPointColl);