@syncfusion/ej2-image-editor 24.2.8 → 25.1.35

package/src/image-editor/action/transform.d.ts

@@ -42,7 +42,6 @@ export declare class Transform {
     private updateFlipColl;
     private setDestPointsForFlipState;
     private zoomAction;
-    private getZoomTriggerType;
     private zoomEvent;
     private disableZoomOutBtn;
     private drawZoomImgToCanvas;

package/src/image-editor/action/transform.js

@@ -1,4 +1,4 @@
-import { Browser, extend, getComponent, isBlazor, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Browser, extend, getComponent, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Direction } from '../index';
 import { hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 var Transform = /** @class */ (function () {
@@ -203,22 +203,13 @@ var Transform = /** @class */ (function () {
         this.isPreventSelect = this.preventDownScale = false;
     };
     Transform.prototype.rotateImage = function (degree) {
-        var _this = this;
         var parent = this.parent;
         var transitionArgs = { cancel: false, previousDegree: parent.transform.degree,
             currentDegree: Math.abs(parent.transform.degree + degree) === 360 ? 0 : parent.transform.degree + degree };
-        if (!this.isPreventSelect && isBlazor() && parent.events && parent.events.rotating.hasDelegate === true) {
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.dotNetRef.invokeMethodAsync('RotateEventAsync', 'OnRotate', transitionArgs, null).then(function (args) {
-                _this.rotateEvent(args, degree);
-            });
-        }
-        else {
-            if (!this.isPreventSelect) {
-                parent.trigger('rotating', transitionArgs);
-            }
-            this.rotateEvent(transitionArgs, degree);
+        if (!this.isPreventSelect) {
+            parent.trigger('rotating', transitionArgs);
         }
+        this.rotateEvent(transitionArgs, degree);
     };
     Transform.prototype.rotateEvent = function (transitionArgs, degree) {
         var parent = this.parent;
@@ -280,16 +271,6 @@ var Transform = /** @class */ (function () {
                 parent.setProperties({ zoomSettings: { zoomFactor: 1 } }, true);
                 this.prevZoomValue = parent.zoomSettings.zoomFactor;
             }
-            transitionArgs = { previousDegree: transitionArgs.previousDegree, currentDegree: transitionArgs.currentDegree };
-            if (!this.isPreventSelect && isBlazor() && parent.events && parent.events.rotated.hasDelegate === true) {
-                var rotatedArgs = { degree: transitionArgs.currentDegree };
-                parent.dotNetRef.invokeMethodAsync('RotateEventAsync', 'Rotated', null, rotatedArgs);
-            }
-            else if (!this.isPreventSelect) { }
-            if (isBlazor() && parent.events && parent.events.rotating.hasDelegate === true) {
-                parent.notify('draw', { prop: 'resetStraightenDestPoints' });
-                parent.notify('draw', { prop: 'setDestForStraighten' });
-            }
         }
         else {
             parent.notify('draw', { prop: 'setCurrentObj', onPropertyChange: false, value: { obj: parent.prevEventObjPoint } });
@@ -393,22 +374,13 @@ var Transform = /** @class */ (function () {
         }
     };
     Transform.prototype.flipImage = function (direction) {
-        var _this = this;
         var parent = this.parent;
         var transitionArgs = { direction: direction, cancel: false,
             previousDirection: parent.toPascalCase(parent.transform.currFlipState || direction) };
-        if (!this.isPreventSelect && isBlazor() && parent.events && parent.events.flipping.hasDelegate === true) {
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.dotNetRef.invokeMethodAsync('FlipEventAsync', 'OnFlip', transitionArgs, null).then(function (args) {
-                _this.flipEvent(args, direction);
-            });
-        }
-        else {
-            if (!this.isPreventSelect) {
-                parent.trigger('flipping', transitionArgs);
-            }
-            this.flipEvent(transitionArgs, direction);
+        if (!this.isPreventSelect) {
+            parent.trigger('flipping', transitionArgs);
         }
+        this.flipEvent(transitionArgs, direction);
     };
     Transform.prototype.flipEvent = function (transitionArgs, direction) {
         var parent = this.parent;
@@ -554,12 +526,6 @@ var Transform = /** @class */ (function () {
             parent.setProperties({ zoomSettings: { zoomFactor: 1 } }, true);
             this.prevZoomValue = parent.zoomSettings.zoomFactor;
         }
-        transitionArgs = { previousDirection: transitionArgs.previousDirection, direction: transitionArgs.direction };
-        if (!this.isPreventSelect && isBlazor() && parent.events && parent.events.flipped.hasDelegate === true) {
-            var flipped = { direction: transitionArgs.direction };
-            parent.dotNetRef.invokeMethodAsync('FlipEventAsync', 'Flipped', null, flipped);
-        }
-        else { }
     };
     Transform.prototype.updateFlipState = function (direction) {
         var degree = this.parent.transform.degree;
@@ -633,15 +599,12 @@ var Transform = /** @class */ (function () {
         }
     };
     Transform.prototype.zoomAction = function (zoomFactor, zoomPoint, isResize, isPreventApply) {
-        var _this = this;
         var parent = this.parent;
         if (!parent.disabled && parent.isImageLoaded) {
             if (isNullOrUndefined(isResize) && (parent.zoomSettings.zoomFactor >= parent.zoomSettings.maxZoomFactor && zoomFactor > 0 ||
                 (parent.zoomSettings.zoomFactor > parent.zoomSettings.minZoomFactor && zoomFactor < 0 && this.disableZoomOutBtn(true)) ||
                 (parent.zoomSettings.zoomFactor <= parent.zoomSettings.minZoomFactor && zoomFactor < 0))) {
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'zoom-up-handler', onPropertyChange: false });
-                }
+                parent.notify('toolbar', { prop: 'zoom-up-handler', onPropertyChange: false });
                 return;
             }
             parent.notify('draw', { prop: 'setImageEdited', onPropertyChange: false });
@@ -697,31 +660,10 @@ var Transform = /** @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.isZoomBtnClick && 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, null).then(function (args) {
-                    _this.zoomEvent(args, zoomFactor, isPreventApply);
-                });
+            if (!parent.isCropToolbar && parent.isZoomBtnClick) {
+                parent.trigger('zooming', zoomEventArgs);
             }
-            else {
-                if (!parent.isCropToolbar && parent.isZoomBtnClick) {
-                    parent.trigger('zooming', zoomEventArgs);
-                }
-                this.zoomEvent(zoomEventArgs, zoomFactor, isPreventApply);
-            }
-        }
-    };
-    Transform.prototype.getZoomTriggerType = function (type) {
-        switch (type) {
-            case 'MouseWheel':
-                return '1';
-            case 'Pinch':
-                return '2';
-            case 'Commands':
-                return '4';
-            default:
-                return '8';
+            this.zoomEvent(zoomEventArgs, zoomFactor, isPreventApply);
         }
     };
     Transform.prototype.zoomEvent = function (zoomEventArgs, zoomFact, isPreventApply) {
@@ -731,13 +673,7 @@ var Transform = /** @class */ (function () {
             parent.isZoomBtnClick = false;
             return;
         }
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'close-contextual-toolbar', onPropertyChange: false });
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-        }
-        else if ((parent.currentToolbar !== 'resize-toolbar' && parent.currentToolbar !== 'crop-toolbar') && parent.element.querySelector('.e-contextual-toolbar-wrapper') && !parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.contains('e-hidden')) {
-            parent.updateToolbar(parent.element, 'closeContextualToolbar');
-        }
+        parent.notify('toolbar', { prop: 'close-contextual-toolbar', onPropertyChange: false });
         parent.notify('shape', { prop: 'redrawActObj', onPropertyChange: false,
             value: { x: null, y: null, isMouseDown: true } });
         parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
@@ -834,25 +770,14 @@ var Transform = /** @class */ (function () {
         }
         parent.isUndoRedo = false;
         var zoomOut;
-        if (!isBlazor()) {
-            zoomOut = document.querySelector('#' + parent.element.id + '_zoomOut');
-            if (zoomOut && zoomFactor <= minZoomFactor) {
-                zoomOut.classList.add('e-disabled');
-                zoomOut.parentElement.classList.add('e-overlay');
-            }
-            else if (zoomOut) {
-                zoomOut.classList.remove('e-disabled');
-                zoomOut.parentElement.classList.remove('e-overlay');
-            }
+        zoomOut = document.querySelector('#' + parent.element.id + '_zoomOut');
+        if (zoomOut && zoomFactor <= minZoomFactor) {
+            zoomOut.classList.add('e-disabled');
+            zoomOut.parentElement.classList.add('e-overlay');
         }
-        else {
-            zoomOut = parent.element.querySelector('#zoomout');
-            if (zoomOut && zoomFactor <= minZoomFactor) {
-                zoomOut.classList.add('e-overlay');
-            }
-            else if (zoomOut) {
-                zoomOut.classList.remove('e-overlay');
-            }
+        else if (zoomOut) {
+            zoomOut.classList.remove('e-disabled');
+            zoomOut.parentElement.classList.remove('e-overlay');
         }
         this.autoEnablePan();
         if (this.tempActiveObj) {
@@ -873,26 +798,13 @@ var Transform = /** @class */ (function () {
             parent.objColl.pop();
             parent.notify('draw', { prop: 'drawObject', onPropertyChange: false, value: { canvas: 'duplicate', obj: parent.activeObj, isCropRatio: null,
                     points: null, isPreventDrag: true, saveContext: null, isPreventSelection: null } });
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
-                parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
-            }
-        }
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
+            parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
+            parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
         }
+        parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
         parent.notify('selection', { prop: 'setZoomType', onPropertyChange: false, value: { zoomType: 'Toolbar' } });
         zoomEventArgs = { zoomPoint: zoomEventArgs.zoomPoint, previousZoomFactor: zoomEventArgs.previousZoomFactor, currentZoomFactor: zoomEventArgs.currentZoomFactor, zoomTrigger: zoomEventArgs.zoomTrigger };
-        if (isBlazor() && !parent.isCropToolbar && parent.isZoomBtnClick && parent.events && parent.events.zoomed.hasDelegate === true) {
-            zoomEventArgs.zoomTrigger = typeof zoomEventArgs.zoomTrigger !== 'number' ? parseInt(this.getZoomTriggerType(zoomEventArgs.zoomTrigger)) : zoomEventArgs.zoomTrigger;
-            var zoomedArgs = { zoomPoint: zoomEventArgs.zoomPoint, zoomFactor: zoomEventArgs.currentZoomFactor, zoomTrigger: zoomEventArgs.zoomTrigger };
-            parent.dotNetRef.invokeMethodAsync('ZoomEventAsync', 'Zoomed', null, zoomedArgs);
-            parent.isZoomBtnClick = false;
-        }
-        else if (!parent.isCropToolbar && parent.isZoomBtnClick) {
+        if (!parent.isCropToolbar && parent.isZoomBtnClick) {
             parent.isZoomBtnClick = false;
         }
     };
@@ -904,12 +816,7 @@ var Transform = /** @class */ (function () {
         if (!isNullOrUndefined(isZoomOut)) {
             parent.transform.zoomFactor -= 0.1;
         }
-        if (isBlazor()) {
-            zoomOut = parent.element.querySelector('#zoomout');
-        }
-        else {
-            zoomOut = parent.element.querySelector('#' + parent.element.id + '_zoomOut');
-        }
+        zoomOut = parent.element.querySelector('#' + parent.element.id + '_zoomOut');
         var destPoints = { destLeft: parent.img.destLeft, destTop: parent.img.destTop,
             destWidth: parent.img.destWidth, destHeight: parent.img.destHeight };
         if (parent.activeObj.shape) {
@@ -921,23 +828,13 @@ var Transform = /** @class */ (function () {
                         actPoint.startY || parent.img.destLeft + parent.img.destWidth <
                         actPoint.endX || parent.img.destTop + parent.img.destHeight < actPoint.endY
                         || zoomFactor === minZoomFactor) {
-                        if (!isBlazor()) {
-                            zoomOut.classList.add('e-disabled');
-                            zoomOut.parentElement.classList.add('e-overlay');
-                        }
-                        else {
-                            zoomOut.classList.add('e-overlay');
-                        }
+                        zoomOut.classList.add('e-disabled');
+                        zoomOut.parentElement.classList.add('e-overlay');
                         isDisabled = true;
                     }
                     else {
-                        if (!isBlazor()) {
-                            zoomOut.classList.remove('e-disabled');
-                            zoomOut.parentElement.classList.remove('e-overlay');
-                        }
-                        else {
-                            zoomOut.classList.remove('e-overlay');
-                        }
+                        zoomOut.classList.remove('e-disabled');
+                        zoomOut.parentElement.classList.remove('e-overlay');
                         isDisabled = false;
                     }
                 }
@@ -949,23 +846,13 @@ var Transform = /** @class */ (function () {
                     parent.notify('draw', { prop: 'isLinesIntersect', onPropertyChange: false, value: { obj: obj } });
                     if (obj['isIntersect'] ||
                         zoomFactor === minZoomFactor) {
-                        if (!isBlazor()) {
-                            zoomOut.classList.add('e-disabled');
-                            zoomOut.parentElement.classList.add('e-overlay');
-                        }
-                        else {
-                            zoomOut.classList.add('e-overlay');
-                        }
+                        zoomOut.classList.add('e-disabled');
+                        zoomOut.parentElement.classList.add('e-overlay');
                         isDisabled = true;
                     }
                     else {
-                        if (!isBlazor()) {
-                            zoomOut.classList.remove('e-disabled');
-                            zoomOut.parentElement.classList.remove('e-overlay');
-                        }
-                        else {
-                            zoomOut.classList.remove('e-overlay');
-                        }
+                        zoomOut.classList.remove('e-disabled');
+                        zoomOut.parentElement.classList.remove('e-overlay');
                         isDisabled = false;
                     }
                 }
@@ -1199,23 +1086,12 @@ var Transform = /** @class */ (function () {
         return maxDimension;
     };
     Transform.prototype.drawPannedImage = function (xDiff, yDiff) {
-        var _this = this;
         var parent = this.parent;
         var obj = { panDown: null };
         parent.notify('selection', { prop: 'getPanDown', onPropertyChange: false, value: { obj: obj } });
         var panEventArgs = { startPoint: obj['panDown'], endPoint: this.panMove, cancel: false };
-        if (isBlazor() && isNullOrUndefined(parent.eventType) && parent.events && parent.events.onPanStart.hasDelegate === true) {
-            parent.eventType = 'pan';
-            parent.panEventArgs = panEventArgs;
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.dotNetRef.invokeMethodAsync('PanEventAsync', 'OnPanStart', panEventArgs).then(function (args) {
-                _this.panEvent(args, xDiff, yDiff);
-            });
-        }
-        else {
-            parent.trigger('panning', panEventArgs);
-            this.panEvent(panEventArgs, xDiff, yDiff);
-        }
+        parent.trigger('panning', panEventArgs);
+        this.panEvent(panEventArgs, xDiff, yDiff);
     };
     Transform.prototype.panEvent = function (panEventArgs, xDiff, yDiff) {
         if (panEventArgs.cancel) {
@@ -1666,44 +1542,25 @@ var Transform = /** @class */ (function () {
             }
             var frameObj = { bool: null };
             parent.notify('toolbar', { prop: 'getFrameToolbar', onPropertyChange: false, value: { obj: frameObj } });
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            if (frameObj['bool'] || (isBlazor() && parent.currentToolbar === 'frame-toolbar')) {
-                isFrameToolbar = true;
-            }
             if (!straightenObj['bool'] && ((ctToolbar && !ctToolbar.parentElement.classList.contains('e-hide')) ||
                 (hdWrapper && !hdWrapper.parentElement.classList.contains('e-hide')))) {
                 ctWrapper.classList.add('e-hide');
                 if (!isCropSelection) {
                     parent.okBtn();
                 }
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-                    parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
-                }
-                else {
-                    parent.updateToolbar(parent.element, 'imageLoaded');
-                }
+                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
+                parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
             }
             parent.notify('selection', { prop: 'getFreehandDrawEditing', onPropertyChange: false, value: { obj: freehandObj } });
             if (freehandObj['bool']) {
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
-                }
-                else {
-                    parent.updateToolbar(parent.element, 'destroyQuickAccessToolbar');
-                }
+                parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
             }
             if (parent.activeObj.shape !== undefined) {
                 isActiveObj = true;
                 if (parent.textArea.style.display === 'block' || parent.textArea.style.display === 'inline-block') {
                     parent.notify('shape', { prop: 'redrawActObj', onPropertyChange: false,
                         value: { x: null, y: null, isMouseDown: null } });
-                    if (isBlazor()) {
-                        parent.updateToolbar(parent.element, 'destroyQuickAccessToolbar');
-                    }
-                    else {
-                        parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
-                    }
+                    parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
                 }
                 else {
                     parent.notify('shape', { prop: 'updImgRatioForActObj', onPropertyChange: false });
@@ -1723,6 +1580,11 @@ var Transform = /** @class */ (function () {
         }
         else if (parent.element.querySelector('#' + parent.element.id + '_toolbar')) {
             toolbarHeight = parent.element.querySelector('#' + parent.element.id + '_toolbar').clientHeight;
+            if (toolbarHeight === 0 && parent.toolbar && parent.toolbar.length > 0 && parent.toolbar.indexOf('Open') === -1) {
+                var obj = { toolbarHeight: 0 };
+                parent.notify('toolbar', { prop: 'getToolbarHeight', value: { obj: obj } });
+                toolbarHeight = obj['toolbarHeight'];
+            }
         }
         if (Browser.isDevice && straightenObj['bool']) {
             cxtTbarHeight = parent.element.querySelector('#' + parent.element.id + '_contextualToolbarArea').clientHeight;
@@ -1762,10 +1624,8 @@ var Transform = /** @class */ (function () {
             if (canvasWrapper) {
                 canvasWrapper.style.width = parent.element.offsetWidth - 2 + 'px';
                 canvasWrapper.style.height = parent.element.offsetHeight + 'px';
-                var obj_1 = { toolbarHeight: !isBlazor() ? 0 : parent.toolbarHeight };
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'getToolbarHeight', value: { obj: obj_1 } });
-                }
+                var obj_1 = { toolbarHeight: 0 };
+                parent.notify('toolbar', { prop: 'getToolbarHeight', value: { obj: obj_1 } });
                 if (Browser.isDevice) {
                     canvasWrapper.style.height = (parseFloat(canvasWrapper.style.height) - (2 * obj_1['toolbarHeight']) - cxtTbarHeight) - 4 + 'px';
                 }
@@ -1817,15 +1677,13 @@ var Transform = /** @class */ (function () {
             hideSpinner(parent.element);
             parent.element.style.opacity = '1';
             var obj1 = { defToolbarItems: null };
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'getDefToolbarItems', value: { obj: obj1 } });
-                if (obj1['defToolbarItems'] && obj1['defToolbarItems'].length > 0 && document.getElementById(parent.element.id + '_toolbar')) {
-                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                    var toolbar_1 = getComponent(parent.element.id + '_toolbar', 'toolbar');
-                    toolbar_1.refreshOverflow();
-                    if (ctWrapper && !straightenObj['bool']) {
-                        ctWrapper.classList.add('e-hide');
-                    }
+            parent.notify('toolbar', { prop: 'getDefToolbarItems', value: { obj: obj1 } });
+            if (obj1['defToolbarItems'] && obj1['defToolbarItems'].length > 0 && document.getElementById(parent.element.id + '_toolbar')) {
+                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                var toolbar_1 = getComponent(parent.element.id + '_toolbar', 'toolbar');
+                toolbar_1.refreshOverflow();
+                if (ctWrapper && !straightenObj['bool']) {
+                    ctWrapper.classList.add('e-hide');
                 }
             }
             parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
@@ -1850,43 +1708,23 @@ var Transform = /** @class */ (function () {
                     if (parent.activeObj.shape === 'rectangle' || parent.activeObj.shape === 'ellipse' || parent.activeObj.shape === 'text' ||
                         parent.activeObj.shape === 'line' || parent.activeObj.shape === 'arrow' || parent.activeObj.shape === 'path' ||
                         parent.activeObj.shape === 'image') {
-                        if (!isBlazor()) {
-                            parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
-                        }
-                        else {
-                            parent.updateToolbar(parent.element, 'quickAccessToolbar', parent.activeObj.shape);
-                        }
+                        parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
                     }
                 }
             }
             if (freehandObj['bool']) {
-                if (isBlazor()) {
-                    parent.updateToolbar(parent.element, 'quickAccessToolbar', 'pen');
-                }
-                else {
-                    parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: true } });
-                }
+                parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: true } });
             }
             if (isFrameToolbar) {
-                if (isBlazor()) {
-                    parent.updateToolbar(parent.element, 'frame');
-                }
-                else {
-                    parent.notify('toolbar', { prop: 'callFrameToolbar', onPropertyChange: false });
-                }
+                parent.notify('toolbar', { prop: 'callFrameToolbar', onPropertyChange: false });
             }
             else if (parent.isResize) {
                 parent.aspectWidth = Math.ceil(parent.img.destWidth);
                 parent.aspectHeight = Math.ceil(parent.img.destHeight);
-                if (isBlazor()) {
-                    parent.updateToolbar(parent.element, 'resize');
-                }
-                else {
-                    parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
-                            isApplyBtn: false, isCropping: false } });
-                    parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
-                            isApplyBtn: false, isCropping: false } });
-                }
+                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
+                        isApplyBtn: false, isCropping: false } });
+                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
+                        isApplyBtn: false, isCropping: false } });
             }
             if ((parent.transform.degree !== 0 || parent.transform.currFlipState !== '') && parent.transform.defaultZoomFactor > 0) {
                 var totalPannedPoint = extend({}, parent.panPoint.totalPannedPoint, null, true);
@@ -1912,24 +1750,14 @@ var Transform = /** @class */ (function () {
             else if (parent.transform.degree !== 0 && parent.transform.cropZoomFactor > 0) {
                 parent.transform.zoomFactor = 0;
                 parent.transform.cropZoomFactor = null;
-                if (isBlazor()) {
-                    parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
-                }
-                else {
-                    parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
-                }
+                parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
             }
         }
     };
     Transform.prototype.calcMaxDimension = function (width, height, obj, isImgShape) {
         var object = { toolbarHeight: 0 };
         var parent = this.parent;
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'getToolbarHeight', value: { obj: object } });
-        }
-        else {
-            object['toolbarHeight'] = parent.toolbarHeight;
-        }
+        parent.notify('toolbar', { prop: 'getToolbarHeight', value: { obj: object } });
         var canvasMaxWidth = isImgShape ? parent.element.clientWidth / 3 :
             parent.element.clientWidth;
         var canvasMaxHeight = isImgShape ? (parent.element.clientHeight - object['toolbarHeight']) / 3 :
@@ -2267,7 +2095,6 @@ var Transform = /** @class */ (function () {
             height: parent.img.srcHeight };
     };
     Transform.prototype.resize = function (width, height, isAspectRatio) {
-        var _this = this;
         var parent = this.parent;
         parent.isResize = true;
         if (isNullOrUndefined(parent.prevCropObj) && isNullOrUndefined(parent.prevObj)) {
@@ -2281,36 +2108,20 @@ var Transform = /** @class */ (function () {
                 parent.notify('toolbar', { prop: 'init-main-toolbar', value: { isApplyBtn: false, isDevice: true, isOkBtn: true, isResize: true } });
             }
         }
+        var aspectRatioHeight = parent.element.querySelector('#' + parent.element.id + '_resizeHeight');
+        var aspectHeight = aspectRatioHeight.value === '' ? aspectRatioHeight.placeholder : aspectRatioHeight.value;
         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) :
-                (parent.aspectHeight ? parent.aspectHeight : Math.ceil(parent.img.destHeight)),
+                (isAspectRatio ? Math.ceil(parseFloat(aspectHeight)) : Math.ceil(parent.img.destHeight)),
             isAspectRatio: isAspectRatio ? isAspectRatio : false };
-        if (!isBlazor()) {
-            parent.trigger('resizing', resizeEventArgs);
-            if (!resizeEventArgs.cancel) {
-                this.resizeEventHandler(resizeEventArgs);
-            }
-            else if (parent.aspectHeight && parent.aspectWidth) {
-                parent.aspectHeight = resizeEventArgs.previousHeight;
-                parent.aspectWidth = resizeEventArgs.previousWidth;
-            }
-        }
-        else if (isBlazor() && parent.events && parent.events.imageResizing.hasDelegate === true && !parent.isResizeOkBtn) {
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.dotNetRef.invokeMethodAsync('OnImageResizingAsync', 'ImageResizing', resizeEventArgs, null).then(function (args) {
-                _this.resizeEventCancel = args.cancel;
-                if (!args.cancel) {
-                    _this.resizeEventHandler(args);
-                }
-                else if (parent.aspectHeight && parent.aspectWidth) {
-                    parent.aspectHeight = resizeEventArgs.previousHeight;
-                    parent.aspectWidth = resizeEventArgs.previousWidth;
-                }
-            });
-        }
-        else if (!this.resizeEventCancel) {
+        parent.trigger('resizing', resizeEventArgs);
+        if (!resizeEventArgs.cancel) {
             this.resizeEventHandler(resizeEventArgs);
         }
+        else if (parent.aspectHeight && parent.aspectWidth) {
+            parent.aspectHeight = resizeEventArgs.previousHeight;
+            parent.aspectWidth = resizeEventArgs.previousWidth;
+        }
     };
     Transform.prototype.resizeEventHandler = function (args) {
         var parent = this.parent;
@@ -2329,13 +2140,7 @@ var Transform = /** @class */ (function () {
                 var originalWidth = parent.img.destWidth;
                 var originalHeight = parent.img.destHeight;
                 var aspectRatioWidthValue = void 0;
-                if (!isBlazor()) {
-                    aspectRatioWidthValue = parseFloat(aspectRatioWidth.value === '' ? aspectRatioWidth.placeholder :
-                        aspectRatioWidth.value);
-                }
-                else {
-                    aspectRatioWidthValue = parseFloat(widthElem.value === '' ? widthElem.placeholder : widthElem.value);
-                }
+                aspectRatioWidthValue = parseFloat(aspectRatioWidth.value === '' ? aspectRatioWidth.placeholder : aspectRatioWidth.value);
                 if (aspectRatioHeight) {
                     var value = aspectRatioWidthValue / (originalWidth / originalHeight);
                     var height = value % 1 >= 0.5 || value % 1 <= -0.5 ? Math.round(value) : (value < 0) ? Math.ceil(value) : Math.floor(value);
@@ -2383,28 +2188,17 @@ var Transform = /** @class */ (function () {
                 parent.notify('undo-redo', { prop: 'setPreventUR', value: { bool: false } });
                 parent.resizeSrc = { startX: parent.img.srcLeft, startY: parent.img.srcTop, width: parent.img.srcWidth,
                     height: parent.img.srcHeight };
-                if (isBlazor()) {
-                    parent.updateToolbar(parent.element, 'resize');
-                }
-                else {
-                    parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
-                            isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-                    parent.notify('transform', { prop: 'setPreventDownScale', value: { bool: false } });
-                    parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
-                            isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-                }
+                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
+                        isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
+                parent.notify('transform', { prop: 'setPreventDownScale', value: { bool: false } });
+                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'resize',
+                        isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
             }
             else {
                 parent.notify('transform', { prop: 'resizeCrop', value: { width: args.width, height: args.height } });
             }
         }
         this.resizedImgAngle = parent.transform.degree;
-        args = { previousHeight: args.previousHeight, previousWidth: args.previousWidth, width: args.width, height: args.height, isAspectRatio: args.isAspectRatio };
-        if (isBlazor() && parent.isResizeOkBtn && parent.events && parent.events.imageResized.hasDelegate === true) {
-            var resizeArgs = { width: args.width, height: args.height, isAspectRatio: args.isAspectRatio };
-            parent.dotNetRef.invokeMethodAsync('OnImageResizingAsync', 'ImageResized', null, resizeArgs);
-        }
-        else { }
     };
     Transform.prototype.straightenImage = function (degree) {
         var parent = this.parent;
@@ -2412,13 +2206,7 @@ var Transform = /** @class */ (function () {
             parent.notify('draw', { prop: 'select', onPropertyChange: false,
                 value: { type: 'custom', startX: null, startY: null, width: null, height: null } });
         }
-        if (isBlazor()) {
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.performCropClick();
-        }
-        else {
-            parent.notify('toolbar', { prop: 'performCropTransformClick', value: { shape: null } });
-        }
+        parent.notify('toolbar', { prop: 'performCropTransformClick', value: { shape: null } });
         parent.setStraighten(degree, true);
         parent.okBtn();
     };