@syncfusion/ej2-image-editor 23.2.4 → 23.2.5

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

@@ -15758,7 +15758,9 @@ class Transform {
             const previousZoomFactor = parent.zoomSettings.zoomFactor - (zoomFactor * 10);
             const 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((args) => {
                     this.zoomEvent(args, zoomFactor);
@@ -15772,6 +15774,18 @@ class Transform {
             }
         }
     }
+    getZoomTriggerType(type) {
+        switch (type) {
+            case 'MouseWheel':
+                return '1';
+            case 'Pinch':
+                return '2';
+            case 'Commands':
+                return '4';
+            default:
+                return '8';
+        }
+    }
     zoomEvent(zoomEventArgs, zoomFactor) {
         const parent = this.parent;
         if (zoomEventArgs.cancel) {
@@ -17250,7 +17264,9 @@ class Transform {
     resizeEventHandler(args) {
         const parent = this.parent;
         let isRotate;
+        const aspectRatioWidth = parent.element.querySelector('#' + parent.element.id + '_resizeWidth');
         const aspectRatioHeight = parent.element.querySelector('#' + parent.element.id + '_resizeHeight');
+        const widthElem = parent.element.querySelector(".e-ie-toolbar-e-resize-width-input .e-numerictextbox");
         const 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) {
@@ -17263,10 +17279,19 @@ class Transform {
                     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 {