@syncfusion/ej2-image-editor 24.2.5 → 25.1.35

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

@@ -1,4 +1,4 @@
-import { extend, isBlazor, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 var Export = /** @class */ (function () {
     function Export(parent) {
@@ -20,17 +20,7 @@ var Export = /** @class */ (function () {
         this.parent.off('destroyed', this.destroy);
     };
     Export.prototype.export = function (args) {
-        if (isBlazor()) {
-            var obj = { shape: '' };
-            this.parent.notify('selection', { prop: 'getCurrentDrawingShape', onPropertyChange: false, value: { obj: obj } });
-            if (obj['shape'] !== '') {
-                this.parent.notify('selection', { prop: 'setCurrentDrawingShape', onPropertyChange: false, value: { value: '' } });
-                this.parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
-            }
-        }
-        else {
-            this.parent.notify('toolbar', { prop: 'refreshShapeDrawing', onPropertyChange: false });
-        }
+        this.parent.notify('toolbar', { prop: 'refreshShapeDrawing', onPropertyChange: false });
         this.updatePvtVar();
         switch (args.prop) {
             case 'export':
@@ -57,7 +47,6 @@ var Export = /** @class */ (function () {
         }
     };
     Export.prototype.exportImg = function (type, fileName) {
-        var _this = this;
         var parent = this.parent;
         var obj = { fileName: '' };
         parent.notify('draw', { prop: 'getFileName', onPropertyChange: false, value: { obj: obj } });
@@ -84,16 +73,8 @@ var Export = /** @class */ (function () {
                 value: { x: null, y: null, isMouseDown: null } });
             var beforeSave = { cancel: false, fileName: fileName ? fileName : imageName,
                 fileType: type };
-            if (isBlazor() && parent.events && parent.events.saving.hasDelegate === true) {
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                parent.dotNetRef.invokeMethodAsync('BeforeSaveEventAsync', 'BeforeSave', beforeSave).then(function (beforeSave) {
-                    _this.beforeSaveEvent(beforeSave, type, fileName, imageName);
-                });
-            }
-            else {
-                parent.trigger('beforeSave', beforeSave);
-                this.beforeSaveEvent(beforeSave, type, fileName, imageName);
-            }
+            parent.trigger('beforeSave', beforeSave);
+            this.beforeSaveEvent(beforeSave, type, fileName, imageName);
         }
     };
     Export.prototype.beforeSaveEvent = function (observableSaveArgs, type, fileName, imageName) {
@@ -111,9 +92,7 @@ var Export = /** @class */ (function () {
             }
             var saved = { fileName: fileName ? fileName : imageName, fileType: type };
             parent.trigger('saved', saved);
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-            }
+            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
             parent.lowerCanvas.style.left = parent.upperCanvas.style.left = '';
             parent.lowerCanvas.style.top = parent.upperCanvas.style.top = '';
             parent.lowerCanvas.style.maxWidth = parent.upperCanvas.style.maxWidth = '';
@@ -183,15 +162,7 @@ var Export = /** @class */ (function () {
             value: { obj: selPointCollObj } });
         if (this.parent.aspectWidth) {
             parent.notify('undo-redo', { prop: 'setPreventUR', value: { bool: true } });
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'resizeClick', value: { bool: false } });
-            }
-            else {
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                parent.performResizeClick();
-            }
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.currentToolbar = 'resize-toolbar';
+            parent.notify('toolbar', { prop: 'resizeClick', value: { bool: false } });
             parent.okBtn();
             if (parent.transform.degree % 90 === 0 && parent.transform.degree % 180 !== 0) {
                 width = this.parent.aspectHeight;

package/src/image-editor/action/freehand-draw.js

@@ -1,4 +1,4 @@
-import { EventHandler, extend, isBlazor, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { EventHandler, extend, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { ShapeType } from '../index';
 var FreehandDrawing = /** @class */ (function () {
     function FreehandDrawing(parent) {
@@ -627,15 +627,11 @@ var FreehandDrawing = /** @class */ (function () {
         if (selectedPoint.strokeColor === '#42a5f5') {
             selectedPoint.strokeColor = this.tempFHDStyles.strokeColor;
         }
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'setSelectedFreehandColor', value: { color: '#42a5f5' } });
-        }
+        parent.notify('toolbar', { prop: 'setSelectedFreehandColor', value: { color: '#42a5f5' } });
         this.upperContext.clearRect(0, 0, parent.upperCanvas.width, parent.upperCanvas.height);
         this.lowerContext.clearRect(0, 0, parent.lowerCanvas.width, parent.lowerCanvas.height);
         parent.notify('draw', { prop: 'render-image', value: { isMouseWheel: null } });
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-        }
+        parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
         if (selectedPoint) {
             selectedPoint.isSelected = false;
         }
@@ -646,9 +642,7 @@ var FreehandDrawing = /** @class */ (function () {
         var parent = this.parent;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var selectedPoint = parent.pointColl[this.fhdSelIdx];
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'setSelectedFreehandColor', value: { color: '#42a5f5' } });
-        }
+        parent.notify('toolbar', { prop: 'setSelectedFreehandColor', value: { color: '#42a5f5' } });
         this.upperContext.clearRect(0, 0, parent.upperCanvas.width, parent.upperCanvas.height);
         this.lowerContext.clearRect(0, 0, parent.upperCanvas.width, parent.upperCanvas.height);
         this.pointCounter = 0;
@@ -663,12 +657,7 @@ var FreehandDrawing = /** @class */ (function () {
         parent.activeObj.strokeSettings.strokeWidth = this.penStrokeWidth = this.tempFHDStyles.strokeWidth;
         this.tempFHDStyles = { strokeColor: null, strokeWidth: null, fillColor: null };
         parent.notify('draw', { prop: 'render-image', value: { isMouseWheel: null } });
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'imageLoaded');
-        }
+        parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
     };
     FreehandDrawing.prototype.selectFhd = function (index) {
         var parent = this.parent;
@@ -706,10 +695,6 @@ var FreehandDrawing = /** @class */ (function () {
         else {
             parent.okBtn();
         }
-        if (isBlazor()) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            parent.getShapeValue('pen');
-        }
     };
     FreehandDrawing.prototype.deleteFhd = function (index, isId) {
         var parent = this.parent;
@@ -744,9 +729,7 @@ var FreehandDrawing = /** @class */ (function () {
             this.fhdHovIdx = this.fhdSelIdx = null;
             parent.notify('selection', { prop: 'resetFreehandDrawVariables' });
             parent.notify('draw', { prop: 'render-image', value: { isMouseWheel: null } });
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-            }
+            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
         }
     };
     FreehandDrawing.prototype.zoomX = function (x) {
@@ -1086,24 +1069,14 @@ var FreehandDrawing = /** @class */ (function () {
             if (isNullOrUndefined(parent.activeObj.strokeSettings.strokeWidth)) {
                 parent.activeObj.strokeSettings.strokeWidth = 2;
             }
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'pen',
-                        isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-            }
-            else {
-                parent.updateToolbar(parent.element, 'pen');
-            }
+            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'pen',
+                    isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
         }
         else {
             parent.upperCanvas.style.cursor = parent.cursor = 'default';
             parent.notify('shape', { prop: 'apply', onPropertyChange: false, value: { shape: null, obj: null, canvas: null } });
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-                parent.notify('toolbar', { prop: 'setCurrentToolbar', value: { type: 'main' } });
-            }
-            else {
-                parent.updateToolbar(parent.element, 'imageLoaded');
-            }
+            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
+            parent.notify('toolbar', { prop: 'setCurrentToolbar', value: { type: 'main' } });
             parent.notify('selection', { prop: 'setFreehandDrawCustomized', value: { isFreehandDrawCustomized: false } });
         }
     };
@@ -1139,52 +1112,25 @@ var FreehandDrawing = /** @class */ (function () {
         }
     };
     FreehandDrawing.prototype.triggerShapeChanging = function (shapeChangingArgs) {
-        var _this = this;
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         var parent = this.parent;
         var point = parent.pointColl[this.fhdSelIdx];
-        if (isBlazor() && parent.events && parent.events.shapeChanging.hasDelegate === true) {
-            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            parent.dotNetRef.invokeMethodAsync('ShapeEventAsync', 'OnShape', shapeChangingArgs, null).then(function (shapeChangingArgs) {
-                _this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
-                if (parent.activeObj.strokeSettings.strokeColor !== shapeChangingArgs.currentShapeSettings.strokeColor) {
-                    parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-                    var penColorElement = parent.element.querySelector('.e-ie-toolbar-e-pen-color .e-dropdownbtn-preview');
-                    if (penColorElement) {
-                        penColorElement.style.background = shapeChangingArgs.currentShapeSettings.strokeColor;
-                    }
-                }
-                if (_this.fhdSelID) {
-                    point.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-                    point.strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
-                    point.points = shapeChangingArgs.currentShapeSettings.points;
-                    point.opacity = shapeChangingArgs.currentShapeSettings.opacity;
-                }
-                if (shapeChangingArgs.action === 'select') {
-                    _this.freehandRedraw(_this.upperContext);
-                    parent.updateToolbar(parent.element, 'imageLoaded');
-                    parent.updateToolbar(parent.element, 'pen');
-                }
-            });
-        }
-        else {
-            parent.trigger('shapeChanging', shapeChangingArgs);
-            this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
-            if (parent.activeObj.strokeSettings.strokeColor !== shapeChangingArgs.currentShapeSettings.strokeColor) {
-                parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-                parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
-            }
-            if (this.fhdSelID) {
-                point.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-                point.strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
-                point.points = shapeChangingArgs.currentShapeSettings.points;
-                point.opacity = shapeChangingArgs.currentShapeSettings.opacity;
-            }
-            if (shapeChangingArgs.action === 'select') {
-                this.freehandRedraw(this.upperContext);
-                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'pen',
-                        isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-            }
+        parent.trigger('shapeChanging', shapeChangingArgs);
+        this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+        if (parent.activeObj.strokeSettings.strokeColor !== shapeChangingArgs.currentShapeSettings.strokeColor) {
+            parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
+            parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
+        }
+        if (this.fhdSelID && point && shapeChangingArgs.currentShapeSettings) {
+            point.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
+            point.strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+            point.points = shapeChangingArgs.currentShapeSettings.points;
+            point.opacity = shapeChangingArgs.currentShapeSettings.opacity;
+        }
+        if (shapeChangingArgs.action === 'select') {
+            this.freehandRedraw(this.upperContext);
+            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'pen',
+                    isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
         }
     };
     FreehandDrawing.prototype.setCenterSelPoints = function () {