@syncfusion/ej2-image-editor 31.1.21 → 31.2.2

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

@@ -14733,6 +14733,7 @@ var Shape = /** @__PURE__ @class */ (function () {
         this.keyHistory = ''; // text history
         this.preventFrameAnnotation = false;
         this.redactType = 'blur';
+        this.isPublicUpdateShape = false;
         this.parent = parent;
         this.addEventListener();
     }
@@ -15006,6 +15007,9 @@ var Shape = /** @__PURE__ @class */ (function () {
             case 'setRedactType':
                 this.redactType = args.value['redactType'];
                 break;
+            case 'setPublicUpdateShape':
+                this.isPublicUpdateShape = args.value['isPublicUpdateShape'];
+                break;
         }
     };
     Shape.prototype.getModuleName = function () {
@@ -15032,7 +15036,7 @@ var Shape = /** @__PURE__ @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');
@@ -15744,7 +15748,7 @@ var Shape = /** @__PURE__ @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 = '';
@@ -15763,6 +15767,20 @@ var Shape = /** @__PURE__ @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();
@@ -24237,6 +24255,9 @@ var ImageEditor = /** @__PURE__ @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 };
@@ -24308,6 +24329,9 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        if (setting.type.toLowerCase() === 'text') {
+            this.notify('shape', { prop: 'setPublicUpdateShape', onPropertyChange: false, value: { isPublicUpdateShape: false } });
+        }
         return obj['isSelected'];
     };
     /**
@@ -24521,7 +24545,7 @@ var ImageEditor = /** @__PURE__ @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' });
     };
@@ -24533,7 +24557,7 @@ var ImageEditor = /** @__PURE__ @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' });
     };
@@ -27301,6 +27325,13 @@ var ImageEditor = /** @__PURE__ @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('')