@syncfusion/ej2-image-editor 25.1.35 → 25.1.37

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

@@ -13567,6 +13567,8 @@ var Shape = /** @__PURE__ @class */ (function () {
             endX: parent.activeObj.activePoint.startX + parent.activeObj.activePoint.width,
             endY: parent.activeObj.activePoint.startY + parent.activeObj.activePoint.height,
             width: selectionSettings.width, height: selectionSettings.height };
+        parent.activeObj.activePoint.endX = parent.activeObj.activePoint.startX + parent.activeObj.activePoint.width;
+        parent.activeObj.activePoint.endY = parent.activeObj.activePoint.startY + parent.activeObj.activePoint.height;
     };
     Shape.prototype.updateShapeChangeEventArgs = function (shapeSettings) {
         var parent = this.parent;
@@ -13625,6 +13627,7 @@ var Shape = /** @__PURE__ @class */ (function () {
                     if (shapeSettings.degree) {
                         parent.activeObj.rotatedAngle = shapeSettings.degree * (Math.PI / 180);
                     }
+                    this.updateFontRatio(parent.activeObj);
                     break;
                 case 'rectangle':
                 case 'image':
@@ -17781,8 +17784,9 @@ var Transform = /** @__PURE__ @class */ (function () {
                 toolbarHeight = obj['toolbarHeight'];
             }
         }
-        if (Browser.isDevice && straightenObj['bool']) {
-            cxtTbarHeight = parent.element.querySelector('#' + parent.element.id + '_contextualToolbarArea').clientHeight;
+        var ctxTbarArea = parent.element.querySelector('#' + parent.element.id + '_contextualToolbarArea');
+        if (Browser.isDevice && straightenObj['bool'] && ctxTbarArea) {
+            cxtTbarHeight = ctxTbarArea.clientHeight;
         }
         parent.notify('toolbar', { prop: 'setToolbarHeight', value: { height: toolbarHeight } });
         if (Browser.isDevice) {
@@ -19162,32 +19166,6 @@ var UndoRedo = /** @__PURE__ @class */ (function () {
         parent.notify('filter', { prop: 'setAdjustmentValue', onPropertyChange: false, value: { adjustmentValue: this.lowerContext.filter } });
         parent.currObjType.isCustomCrop = false;
     };
-    UndoRedo.prototype.getImageAction = function (operation) {
-        if (['brightness', 'contrast', 'saturation', 'opacity', 'blur', 'hue'].indexOf(operation) !== -1) {
-            return 'FinetuneApplied';
-        }
-        else if (['chrome', 'cold', 'warm', 'grayscale', 'blackandwhite', 'sepia', 'invert'].indexOf(operation) !== -1) {
-            return 'FilterApplied';
-        }
-        else if (operation === 'frame') {
-            return 'FrameApplied';
-        }
-        else if (operation === 'resize') {
-            return 'ImageResized';
-        }
-        else if (['deleteFreehandDrawing', 'deleteObj'].indexOf(operation) !== -1) {
-            return 'ShapeDeleted';
-        }
-        else if (operation === 'crop') {
-            return 'Cropped';
-        }
-        else if (['shapeInsert', 'freehanddraw', 'freehand-draw'].indexOf(operation) !== -1) {
-            return 'ShapeInserted';
-        }
-        else {
-            return 'ShapeCustomized';
-        }
-    };
     UndoRedo.prototype.updateUrc = function (operation, previousObj, previousObjColl, previousPointColl, previousSelPointColl, previousCropObj, previousText, currentText, previousFilter, isCircleCrop) {
         var parent = this.parent;
         if (parent.isResize || this.isPreventing) {
@@ -19947,7 +19925,7 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
     ImageEditor.prototype.createDropUploader = function () {
         var _this = this;
         var uploadObj = new Uploader({
-            dropArea: document.getElementsByClassName('e-canvas-wrapper')[0],
+            dropArea: this.element.getElementsByClassName('e-canvas-wrapper')[0],
             allowedExtensions: '.jpg, .jpeg, .png,.svg',
             multiple: false,
             selected: function (args) {
@@ -20233,7 +20211,8 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
     ImageEditor.prototype.notifyResetForAllModules = function () {
         var modules = this.requiredModules();
         for (var i = 0; i < modules.length; i++) {
-            this.notify(modules[i].member, { prop: 'reset', onPropertyChange: false });
+            var module = modules[i].member;
+            this.notify(module === 'toolbar-module' ? 'toolbar' : module, { prop: 'reset', onPropertyChange: false });
         }
     };
     ImageEditor.prototype.allowShape = function (x, y) {
@@ -21052,8 +21031,19 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
             this.notify('shape', { prop: 'selectShape', onPropertyChange: false, value: { id: setting.id, obj: obj } });
             this.notify('selection', { prop: 'getFreehandDrawEditing', onPropertyChange: false, value: { obj: freehandObj } });
             if (obj['isSelected']) {
+                var tempFontSize = this.activeObj.textSettings.fontSize;
                 this.notify('shape', { prop: 'updateShapeChangeEventArgs', onPropertyChange: false,
                     value: { shapeSettings: setting } });
+                if (this.activeObj.shape === 'text' && tempFontSize) {
+                    var diff = this.activeObj.textSettings.fontSize - tempFontSize;
+                    if (diff !== 0) {
+                        this.activeObj.activePoint.height += diff;
+                        this.activeObj.activePoint.startY -= (diff / 2);
+                        this.activeObj.activePoint.endY += (diff / 2);
+                        this.notify('draw', { prop: 'updateActiveObject', onPropertyChange: false, value: { actPoint: this.activeObj.activePoint, obj: this.activeObj,
+                                isMouseMove: null, x: null, y: null } });
+                    }
+                }
                 var activeObj = extend({}, this.activeObj, {}, true);
                 this.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
                 this.notify('draw', { prop: 'render-image', value: { isMouseWheel: null, isPreventClearRect: null, isFrame: null } });
@@ -23351,12 +23341,6 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
             case 'setSelectedFreehandColor':
                 this.selFhdColor = args.value['color'];
                 break;
-            case 'getCurrentFilter':
-                args.value['obj']['currentFilter'] = parent.currentFilter;
-                break;
-            case 'setCurrentFilter':
-                parent.currentFilter = args.value['filter'];
-                break;
             case 'setInitialAdjustmentValue':
                 parent.initialAdjustmentValue = args.value['value'];
                 break;
@@ -23378,9 +23362,6 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
             case 'refreshSlider':
                 this.refreshSlider();
                 break;
-            case 'renderSlider':
-                this.renderSlider(args.value['type']);
-                break;
             case 'getCurrAdjustmentValue':
                 parent.getCurrAdjustmentValue(args.value['type']);
                 break;
@@ -23390,18 +23371,6 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
             case 'refreshShapeDrawing':
                 this.refreshShapeDrawing();
                 break;
-            case 'getCropToolbar':
-                args.value['obj']['isCropToolbar'] = parent.isCropToolbar;
-                break;
-            case 'getPrevCurrSelectionPoint':
-                args.value['obj']['prevCurrSelectionPoint'] = parent.prevCurrSelectionPoint;
-                break;
-            case 'setPrevCurrSelectionPoint':
-                parent.prevCurrSelectionPoint = args.value['point'];
-                break;
-            case 'updateCropTransformItems':
-                parent.updateCropTransformItems();
-                break;
             case 'setEnableDisableUndoRedo':
                 this.preventEnableDisableUr = args.value['isPrevent'];
                 break;
@@ -23452,7 +23421,6 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
     };
     ToolbarModule.prototype.reset = function () {
         var parent = this.parent;
-        this.defToolbarItems = [];
         this.toolbarHeight = 46;
         parent.prevCurrSelectionPoint = null;
         this.zoomBtnHold = null;