@syncfusion/ej2-image-editor 23.2.4 → 23.2.5

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

@@ -15786,7 +15786,9 @@ var Transform = /** @__PURE__ @class */ (function () {
             var previousZoomFactor = parent.zoomSettings.zoomFactor - (zoomFactor * 10);
             var zoomEventArgs = { zoomPoint: zoomPoint, cancel: false, previousZoomFactor: previousZoomFactor,
                 currentZoomFactor: parent.zoomSettings.zoomFactor, zoomTrigger: obj['zoomType'] };
-            if (!parent.isCropToolbar && isBlazor() && parent.events && parent.events.zooming.hasDelegate === true) {
+            if (isBlazor() && !parent.isCropToolbar && parent.currentToolbar !== 'resize-toolbar' && parent.currentToolbar !== 'frame-toolbar'
+                && parent.events && parent.events.zooming.hasDelegate === true) {
+                zoomEventArgs.zoomTrigger = parseInt(this.getZoomTriggerType(zoomEventArgs.zoomTrigger));
                 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 parent.dotNetRef.invokeMethodAsync('ZoomEventAsync', 'OnZoom', zoomEventArgs).then(function (args) {
                     _this.zoomEvent(args, zoomFactor);
@@ -15800,6 +15802,18 @@ var Transform = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    Transform.prototype.getZoomTriggerType = function (type) {
+        switch (type) {
+            case 'MouseWheel':
+                return '1';
+            case 'Pinch':
+                return '2';
+            case 'Commands':
+                return '4';
+            default:
+                return '8';
+        }
+    };
     Transform.prototype.zoomEvent = function (zoomEventArgs, zoomFactor) {
         var parent = this.parent;
         if (zoomEventArgs.cancel) {
@@ -17281,7 +17295,9 @@ var Transform = /** @__PURE__ @class */ (function () {
     Transform.prototype.resizeEventHandler = function (args) {
         var parent = this.parent;
         var isRotate;
+        var aspectRatioWidth = parent.element.querySelector('#' + parent.element.id + '_resizeWidth');
         var aspectRatioHeight = parent.element.querySelector('#' + parent.element.id + '_resizeHeight');
+        var widthElem = parent.element.querySelector(".e-ie-toolbar-e-resize-width-input .e-numerictextbox");
         var heightElem = parent.element.querySelector(".e-ie-toolbar-e-resize-height-input .e-numerictextbox");
         if (args.isAspectRatio) {
             if (this.resizedImgAngle == null || this.resizedImgAngle !== parent.transform.degree) {
@@ -17294,10 +17310,19 @@ var Transform = /** @__PURE__ @class */ (function () {
                     getComponent(aspectRatioHeight, 'numerictextbox').value = Math.floor(parent.img.destHeight);
                     aspectRatioHeight.value = Math.floor(parent.img.destHeight).toString() + ' px';
                     parent.aspectHeight = Math.floor(parent.img.destHeight);
+                    if (aspectRatioWidth && aspectRatioWidth.value === '') {
+                        getComponent(aspectRatioWidth, 'numerictextbox').value = Math.floor(parent.img.destWidth);
+                        aspectRatioWidth.value = Math.floor(parent.img.destWidth).toString() + ' px';
+                        parent.aspectWidth = Math.floor(parent.img.destWidth);
+                    }
                 }
                 else if (heightElem) {
                     heightElem.value = Math.floor(parent.img.destHeight).toString();
                     parent.aspectHeight = Math.floor(parent.img.destHeight);
+                    if (widthElem && widthElem.value === '') {
+                        widthElem.value = Math.floor(parent.img.destWidth).toString();
+                        parent.aspectWidth = Math.floor(parent.img.destWidth);
+                    }
                 }
             }
             else {