@syncfusion/ej2-image-editor 31.1.21 → 31.2.2

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

@@ -14659,6 +14659,7 @@ class Shape {
         this.keyHistory = ''; // text history
         this.preventFrameAnnotation = false;
         this.redactType = 'blur';
+        this.isPublicUpdateShape = false;
         this.parent = parent;
         this.addEventListener();
     }
@@ -14932,6 +14933,9 @@ class Shape {
             case 'setRedactType':
                 this.redactType = args.value['redactType'];
                 break;
+            case 'setPublicUpdateShape':
+                this.isPublicUpdateShape = args.value['isPublicUpdateShape'];
+                break;
         }
     }
     getModuleName() {
@@ -14958,7 +14962,7 @@ class Shape {
         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;
     }
     drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree, isSelected) {
         this.initializeShape('ellipse');
@@ -15670,7 +15674,7 @@ class Shape {
         }
         parent.notify('selection', { prop: 'setTextSelection', onPropertyChange: false,
             value: { width: width, height: height } });
-        if (parent.activeObj.rotatedAngle !== 0) {
+        if (parent.activeObj.rotatedAngle !== 0 && !this.isPublicUpdateShape) {
             const width = parent.activeObj.activePoint.width - tempActiveObj.activePoint.width;
             const height = parent.activeObj.activePoint.height - tempActiveObj.activePoint.height;
             let value = '';
@@ -15689,6 +15693,20 @@ class Shape {
             parent.notify('shape', { prop: 'updateFontSize', onPropertyChange: false,
                 value: { obj: parent.activeObj } });
         }
+        else if (this.isPublicUpdateShape) {
+            const width = parent.activeObj.activePoint.width - tempActiveObj.activePoint.width;
+            const height = parent.activeObj.activePoint.height - tempActiveObj.activePoint.height;
+            let 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, y: height, 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();
@@ -24112,6 +24130,9 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
      *
      */
     updateShape(setting, isSelected) {
+        if (setting.type.toLowerCase() === 'text') {
+            this.notify('shape', { prop: 'setPublicUpdateShape', onPropertyChange: false, value: { isPublicUpdateShape: true } });
+        }
         const obj = { isSelected: false };
         let isTextArea = false;
         const freehandObj = { bool: false };
@@ -24183,6 +24204,9 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
                 }
             }
         }
+        if (setting.type.toLowerCase() === 'text') {
+            this.notify('shape', { prop: 'setPublicUpdateShape', onPropertyChange: false, value: { isPublicUpdateShape: false } });
+        }
         return obj['isSelected'];
     }
     /**
@@ -24396,7 +24420,7 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
      * @returns {void}.
      */
     undo() {
-        this.manageActiveAction();
+        this.handlePenActiveState();
         this.notify('undo-redo', { prop: 'undo', onPropertyChange: false });
         this.notify('draw', { prop: 'redrawDownScale' });
     }
@@ -24408,7 +24432,7 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
      * @returns {void}.
      */
     redo() {
-        this.manageActiveAction();
+        this.handlePenActiveState();
         this.notify('undo-redo', { prop: 'redo', onPropertyChange: false });
         this.notify('draw', { prop: 'redrawDownScale' });
     }
@@ -27174,6 +27198,13 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
         }
         return isRedact;
     }
+    handlePenActiveState() {
+        const freehandDrawObj = { freehandDrawSelectedId: null };
+        this.notify('freehand-draw', { prop: 'getFreehandDrawSelectedId', onPropertyChange: false, value: { obj: freehandDrawObj } });
+        if (isNullOrUndefined(freehandDrawObj['freehandDrawSelectedId'])) {
+            this.manageActiveAction();
+        }
+    }
 };
 __decorate([
     Property('')