@syncfusion/ej2-image-editor 31.1.22 → 31.2.5

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

@@ -12296,6 +12296,29 @@ var Selection = /** @__PURE__ @class */ (function () {
         var cursor = parent.activeObj.shape && parent.activeObj.shape === 'text' ?
             parent.cursor : 'default';
         var tempCursor = parent.upperCanvas.style.cursor;
+        var textArea = document.querySelector('#' + parent.element.id + '_textArea');
+        if (textArea.style.display === 'block' || textArea.style.display === 'inline-block') {
+            var isShapeUnderCursor = false;
+            for (var i = 0; i < parent.objColl.length; i++) {
+                var actObj = parent.objColl[i];
+                if (actObj && actObj.shape && actObj.activePoint) {
+                    var activePoint_1 = actObj.activePoint;
+                    var startX = activePoint_1.startX;
+                    var startY = activePoint_1.startY;
+                    var endX = activePoint_1.endX;
+                    var endY = activePoint_1.endY;
+                    var radius = actObj.topLeftCircle && actObj.topLeftCircle.radius ? actObj.topLeftCircle.radius : 0;
+                    var isCursorWithinBounds = (x >= (startX - (radius * 2)) && x <= (endX + (radius * 2)) &&
+                        y >= (startY - (radius * 2)) && y <= (endY + (radius * 2)));
+                    if (isCursorWithinBounds) {
+                        isShapeUnderCursor = true;
+                    }
+                }
+            }
+            if (isShapeUnderCursor) {
+                parent.okBtn();
+            }
+        }
         if (parent.isResize) {
             this.performEnterAction(e);
             parent.upperCanvas.style.cursor = 'default';
@@ -14733,6 +14756,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 +15030,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 +15059,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 +15771,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 +15790,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 +24278,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 +24352,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'];
     };
     /**