@syncfusion/ej2-image-editor 27.1.53 → 27.1.58

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

@@ -13354,10 +13354,6 @@ var Selection = /** @__PURE__ @class */ (function () {
     };
     Selection.prototype.handleScroll = function (e) {
         this.mouseWheel++;
-        if (this.mouseWheel === 2) {
-            this.mouseWheel = 0;
-            return;
-        }
         var parent = this.parent;
         var x;
         var y;
@@ -13374,6 +13370,13 @@ var Selection = /** @__PURE__ @class */ (function () {
             y < parent.img.destTop + parent.img.destHeight) {
             isInsideCanvas = true;
         }
+        if (this.mouseWheel === 2) {
+            this.mouseWheel = 0;
+            if (e.ctrlKey === true && isInsideCanvas) {
+                e.preventDefault();
+            }
+            return;
+        }
         e.stopPropagation();
         if (e.ctrlKey === true && isInsideCanvas) {
             e.preventDefault();
@@ -20377,6 +20380,7 @@ var Transform = /** @__PURE__ @class */ (function () {
     };
     Transform.prototype.resize = function (width, height, isAspectRatio) {
         var parent = this.parent;
+        var aspectHeight;
         parent.isResize = true;
         if (isNullOrUndefined(parent.prevCropObj) && isNullOrUndefined(parent.prevObj)) {
             parent.notify('transform', { prop: 'updateResize', value: { bool: false } });
@@ -20390,7 +20394,12 @@ var Transform = /** @__PURE__ @class */ (function () {
             }
         }
         var aspectRatioHeight = parent.element.querySelector('#' + parent.element.id + '_resizeHeight');
-        var aspectHeight = aspectRatioHeight.value === '' ? aspectRatioHeight.placeholder : aspectRatioHeight.value;
+        if (aspectRatioHeight) {
+            aspectHeight = aspectRatioHeight.value === '' ? aspectRatioHeight.placeholder : aspectRatioHeight.value;
+        }
+        else {
+            aspectHeight = height + 'px';
+        }
         var resizeEventArgs = { cancel: false, previousWidth: Math.ceil(parent.img.destWidth),
             previousHeight: Math.ceil(parent.img.destHeight), width: Math.ceil(width), height: height && height !== 0 ? Math.ceil(height) :
                 (isAspectRatio ? Math.ceil(parseFloat(aspectHeight)) : Math.ceil(parent.img.destHeight)),
@@ -20420,8 +20429,8 @@ var Transform = /** @__PURE__ @class */ (function () {
                 var originalWidth = parent.img.destWidth;
                 var originalHeight = parent.img.destHeight;
                 var aspectRatioWidthValue = void 0;
-                aspectRatioWidthValue = parseFloat(aspectRatioWidth.value === '' ? aspectRatioWidth.placeholder : aspectRatioWidth.value);
                 if (aspectRatioHeight) {
+                    aspectRatioWidthValue = parseFloat(aspectRatioWidth.value === '' ? aspectRatioWidth.placeholder : aspectRatioWidth.value);
                     var value = aspectRatioWidthValue / (originalWidth / originalHeight);
                     // eslint-disable-next-line max-len
                     var height = value % 1 >= 0.5 || value % 1 <= -0.5 ? Math.round(value) : (value < 0) ? Math.ceil(value) : Math.floor(value);