@syncfusion/ej2-image-editor 31.1.21 → 31.2.2

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.21
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.2.2
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-image-editor",
-  "version": "31.1.21",
+  "version": "31.2.2",
   "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": "~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"
+    "@syncfusion/ej2-base": "~31.2.2",
+    "@syncfusion/ej2-buttons": "~31.2.2",
+    "@syncfusion/ej2-dropdowns": "~31.2.2",
+    "@syncfusion/ej2-inputs": "~31.2.2",
+    "@syncfusion/ej2-navigations": "~31.2.2",
+    "@syncfusion/ej2-popups": "~31.2.2",
+    "@syncfusion/ej2-splitbuttons": "~31.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/src/image-editor/action/shape.d.ts

@@ -10,6 +10,7 @@ export declare class Shape {
     private shapeImg;
     private preventFrameAnnotation;
     private redactType;
+    private isPublicUpdateShape;
     constructor(parent: ImageEditor);
     destroy(): void;
     private addEventListener;

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

@@ -8,6 +8,7 @@ var Shape = /** @class */ (function () {
         this.keyHistory = ''; // text history
         this.preventFrameAnnotation = false;
         this.redactType = 'blur';
+        this.isPublicUpdateShape = false;
         this.parent = parent;
         this.addEventListener();
     }
@@ -281,6 +282,9 @@ var Shape = /** @class */ (function () {
             case 'setRedactType':
                 this.redactType = args.value['redactType'];
                 break;
+            case 'setPublicUpdateShape':
+                this.isPublicUpdateShape = args.value['isPublicUpdateShape'];
+                break;
         }
     };
     Shape.prototype.getModuleName = function () {
@@ -307,7 +311,7 @@ var Shape = /** @class */ (function () {
         this.textSettings =
             { text: 'Enter Text', fontFamily: this.parent.fontFamily.default, fontSize: null, fontRatio: null, bold: false, italic: false, underline: false, strikethrough: false };
         this.strokeSettings = { strokeColor: '#fff', fillColor: '', strokeWidth: null, radius: null, outlineColor: '', outlineWidth: null };
-        this.preventFrameAnnotation = false;
+        this.preventFrameAnnotation = this.isPublicUpdateShape = false;
     };
     Shape.prototype.drawEllipse = function (x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree, isSelected) {
         this.initializeShape('ellipse');
@@ -1019,7 +1023,7 @@ var Shape = /** @class */ (function () {
         }
         parent.notify('selection', { prop: 'setTextSelection', onPropertyChange: false,
             value: { width: width, height: height } });
-        if (parent.activeObj.rotatedAngle !== 0) {
+        if (parent.activeObj.rotatedAngle !== 0 && !this.isPublicUpdateShape) {
             var width_1 = parent.activeObj.activePoint.width - tempActiveObj.activePoint.width;
             var height_1 = parent.activeObj.activePoint.height - tempActiveObj.activePoint.height;
             var value = '';
@@ -1038,6 +1042,20 @@ var Shape = /** @class */ (function () {
             parent.notify('shape', { prop: 'updateFontSize', onPropertyChange: false,
                 value: { obj: parent.activeObj } });
         }
+        else if (this.isPublicUpdateShape) {
+            var width_2 = parent.activeObj.activePoint.width - tempActiveObj.activePoint.width;
+            var height_2 = parent.activeObj.activePoint.height - tempActiveObj.activePoint.height;
+            var value = '';
+            if (parent.transform.degree === 0 || parent.transform.degree === 180) {
+                value = 'width';
+            }
+            else if (parent.transform.degree === 90 || parent.transform.degree === 270) {
+                value = 'height';
+            }
+            parent.activeObj.activePoint = extend({}, tempActiveObj.activePoint, {}, true);
+            parent.notify('selection', { prop: 'adjustRotationPoints', onPropertyChange: false, value: { rectangle: parent.activeObj.activePoint,
+                    x: width_2, y: height_2, angle: parent.activeObj.rotatedAngle, type: 'text', elem: value } });
+        }
         parent.notify('draw', { prop: 'updateActiveObject', onPropertyChange: false, value: { actPoint: parent.activeObj.activePoint, obj: parent.activeObj,
                 isMouseMove: null, x: null, y: null } });
         this.updImgRatioForActObj();

package/src/image-editor/base/image-editor.d.ts

@@ -1925,4 +1925,5 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @returns {boolean}.
      */
     drawRedact(type?: RedactType, x?: number, y?: number, width?: number, height?: number, value?: number): boolean;
+    private handlePenActiveState;
 }

package/src/image-editor/base/image-editor.js

@@ -1817,6 +1817,9 @@ var ImageEditor = /** @class */ (function (_super) {
      *
      */
     ImageEditor.prototype.updateShape = function (setting, isSelected) {
+        if (setting.type.toLowerCase() === 'text') {
+            this.notify('shape', { prop: 'setPublicUpdateShape', onPropertyChange: false, value: { isPublicUpdateShape: true } });
+        }
         var obj = { isSelected: false };
         var isTextArea = false;
         var freehandObj = { bool: false };
@@ -1888,6 +1891,9 @@ var ImageEditor = /** @class */ (function (_super) {
                 }
             }
         }
+        if (setting.type.toLowerCase() === 'text') {
+            this.notify('shape', { prop: 'setPublicUpdateShape', onPropertyChange: false, value: { isPublicUpdateShape: false } });
+        }
         return obj['isSelected'];
     };
     /**
@@ -2101,7 +2107,7 @@ var ImageEditor = /** @class */ (function (_super) {
      * @returns {void}.
      */
     ImageEditor.prototype.undo = function () {
-        this.manageActiveAction();
+        this.handlePenActiveState();
         this.notify('undo-redo', { prop: 'undo', onPropertyChange: false });
         this.notify('draw', { prop: 'redrawDownScale' });
     };
@@ -2113,7 +2119,7 @@ var ImageEditor = /** @class */ (function (_super) {
      * @returns {void}.
      */
     ImageEditor.prototype.redo = function () {
-        this.manageActiveAction();
+        this.handlePenActiveState();
         this.notify('undo-redo', { prop: 'redo', onPropertyChange: false });
         this.notify('draw', { prop: 'redrawDownScale' });
     };
@@ -4881,6 +4887,13 @@ var ImageEditor = /** @class */ (function (_super) {
         }
         return isRedact;
     };
+    ImageEditor.prototype.handlePenActiveState = function () {
+        var freehandDrawObj = { freehandDrawSelectedId: null };
+        this.notify('freehand-draw', { prop: 'getFreehandDrawSelectedId', onPropertyChange: false, value: { obj: freehandDrawObj } });
+        if (isNullOrUndefined(freehandDrawObj['freehandDrawSelectedId'])) {
+            this.manageActiveAction();
+        }
+    };
     var ImageEditor_1;
     __decorate([
         Property('')