@syncfusion/ej2-image-editor 23.1.38 → 23.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.38
+*  version : 23.1.39
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-image-editor@*",
-  "_id": "@syncfusion/ej2-image-editor@23.1.36",
+  "_id": "@syncfusion/ej2-image-editor@23.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-A6bph2XTzzn8GAjli/kAtAz4JPSrDYTzAQF6UOa0I+RqOKB3/w2/7CBmLNKlQVFd3I5nyY45z1M26X0ua0+48w==",
+  "_integrity": "sha512-uuXxNE5Haq0i5Nm7+59rT9+cSlFOZVkbVfRZaWoO8d3ZmCowMTc9JKJys+M7QS2VOfAl01wmwFkl0baHvKUoOA==",
   "_location": "/@syncfusion/ej2-image-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-vue-image-editor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-23.1.36.tgz",
-  "_shasum": "b13260748329c7b0412240bdd9714f2bbeb97281",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-23.1.38.tgz",
+  "_shasum": "9797d280c96410779d9338fe418f75e4ca993819",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -33,9 +33,9 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-buttons": "~23.1.36",
+    "@syncfusion/ej2-buttons": "~23.1.39",
     "@syncfusion/ej2-inputs": "~23.1.38",
-    "@syncfusion/ej2-navigations": "~23.1.36",
+    "@syncfusion/ej2-navigations": "~23.1.39",
     "@syncfusion/ej2-popups": "~23.1.38",
     "@syncfusion/ej2-splitbuttons": "~23.1.36"
   },
@@ -67,7 +67,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "23.1.38",
+  "version": "23.1.39",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -3434,7 +3434,11 @@ var Draw = /** @class */ (function () {
                 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 filesData = fileData = args.filesData[0].rawFile;
             }
-            var fileExtension = fileData.name && fileData.name.split('.')[1].toLowerCase();
+            var fileExtension = void 0;
+            if (fileData.name) {
+                var fileExtensionArray = fileData.name.split('.');
+                fileExtension = fileExtensionArray[fileExtensionArray.length - 1].toLowerCase();
+            }
             if (fileExtension && ['jpg', 'jpeg', 'png', 'svg'].indexOf(fileExtension) === -1) {
                 this.errorLoading();
                 return;

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

@@ -253,7 +253,7 @@ var FreehandDrawing = /** @class */ (function () {
         EventHandler.add(canvas, 'mousemove touchmove', this.freehandMoveHandler, this);
         var shapeSettings = { id: 'pen_' + (this.currFHDIdx + 1), type: ShapeType.FreehandDraw,
             startX: this.freehandDownPoint.x, startY: this.freehandDownPoint.y,
-            strokeColor: this.parent.activeObj.strokeSettings.strokeColor, strokeWidth: this.parent.activeObj.strokeSettings.strokeWidth,
+            strokeColor: this.parent.activeObj.strokeSettings.strokeColor, strokeWidth: this.penStrokeWidth,
             points: null };
         var shapeChangingArgs = { action: 'draw-start', previousShapeSettings: shapeSettings,
             currentShapeSettings: shapeSettings };
@@ -310,7 +310,7 @@ var FreehandDrawing = /** @class */ (function () {
                 currentText: null, previousFilter: null, isCircleCrop: null } });
         var shapeSettings = { id: 'pen_' + (this.currFHDIdx + 1), type: ShapeType.FreehandDraw,
             startX: this.freehandDownPoint.x, startY: this.freehandDownPoint.y,
-            strokeColor: this.parent.activeObj.strokeSettings.strokeColor, strokeWidth: this.parent.activeObj.strokeSettings.strokeWidth,
+            strokeColor: this.parent.activeObj.strokeSettings.strokeColor, strokeWidth: this.penStrokeWidth,
             points: this.parent.pointColl[this.currFHDIdx].points };
         var shapeChangingArgs = { action: 'draw-end', previousShapeSettings: shapeSettings,
             currentShapeSettings: shapeSettings };
@@ -331,6 +331,7 @@ var FreehandDrawing = /** @class */ (function () {
             y = e.touches[0].clientY - rect.top;
         }
         if (this.isFreehandDrawing) {
+            this.upperContext.fillStyle = this.parent.activeObj.strokeSettings.strokeColor;
             this.processPoint(x, y, false, this.upperContext);
         }
     };
@@ -1068,7 +1069,7 @@ var FreehandDrawing = /** @class */ (function () {
             /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             parent.dotNetRef.invokeMethodAsync('ShapeEventAsync', 'OnShape', shapeChangingArgs).then(function (shapeChangingArgs) {
                 parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-                parent.activeObj.strokeSettings.strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+                _this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
                 if (_this.fhdSelID) {
                     parent.pointColl[_this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                     parent.pointColl[_this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
@@ -1084,7 +1085,7 @@ var FreehandDrawing = /** @class */ (function () {
         else {
             parent.trigger('shapeChanging', shapeChangingArgs);
             parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
-            parent.activeObj.strokeSettings.strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+            this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
             if (this.fhdSelID) {
                 parent.pointColl[this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                 parent.pointColl[this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;

package/src/image-editor/base/enum.d.ts

@@ -122,7 +122,34 @@ export declare enum ImageEditorCommand {
     RotateLeft = "RotateLeft",
     RotateRight = "RotateRight",
     FlipHorizontal = "FlipHorizontal",
-    FlipVertical = "FlipVertical"
+    FlipVertical = "FlipVertical",
+    Undo = "Undo",
+    Redo = "Redo",
+    None = "None",
+    Mat = "Mat",
+    Bevel = "Bevel",
+    Inset = "Inset",
+    Hook = "Hook",
+    Finetune = "Finetune",
+    Filter = "Filter",
+    Frame = "Frame",
+    Resize = "Resize",
+    HorizontalFlip = "HorizontalFlip",
+    VerticalFlip = "VerticalFlip",
+    Brightness = "Brightness",
+    Contrast = "Contrast",
+    Hue = "Hue",
+    Saturation = "Saturation",
+    Opacity = "Opacity",
+    Blur = "Blur",
+    Exposure = "Exposure",
+    Default = "Default",
+    Chrome = "Chrome",
+    Cold = "Cold",
+    Warm = "Warm",
+    Grayscale = "Grayscale",
+    Sepia = "Sepia",
+    Invert = "Invert"
 }
 /**
  * An enumeration of available image filter options.

package/src/image-editor/base/enum.js

@@ -129,6 +129,33 @@ export var ImageEditorCommand;
     ImageEditorCommand["RotateRight"] = "RotateRight";
     ImageEditorCommand["FlipHorizontal"] = "FlipHorizontal";
     ImageEditorCommand["FlipVertical"] = "FlipVertical";
+    ImageEditorCommand["Undo"] = "Undo";
+    ImageEditorCommand["Redo"] = "Redo";
+    ImageEditorCommand["None"] = "None";
+    ImageEditorCommand["Mat"] = "Mat";
+    ImageEditorCommand["Bevel"] = "Bevel";
+    ImageEditorCommand["Inset"] = "Inset";
+    ImageEditorCommand["Hook"] = "Hook";
+    ImageEditorCommand["Finetune"] = "Finetune";
+    ImageEditorCommand["Filter"] = "Filter";
+    ImageEditorCommand["Frame"] = "Frame";
+    ImageEditorCommand["Resize"] = "Resize";
+    ImageEditorCommand["HorizontalFlip"] = "HorizontalFlip";
+    ImageEditorCommand["VerticalFlip"] = "VerticalFlip";
+    ImageEditorCommand["Brightness"] = "Brightness";
+    ImageEditorCommand["Contrast"] = "Contrast";
+    ImageEditorCommand["Hue"] = "Hue";
+    ImageEditorCommand["Saturation"] = "Saturation";
+    ImageEditorCommand["Opacity"] = "Opacity";
+    ImageEditorCommand["Blur"] = "Blur";
+    ImageEditorCommand["Exposure"] = "Exposure";
+    ImageEditorCommand["Default"] = "Default";
+    ImageEditorCommand["Chrome"] = "Chrome";
+    ImageEditorCommand["Cold"] = "Cold";
+    ImageEditorCommand["Warm"] = "Warm";
+    ImageEditorCommand["Grayscale"] = "Grayscale";
+    ImageEditorCommand["Sepia"] = "Sepia";
+    ImageEditorCommand["Invert"] = "Invert";
 })(ImageEditorCommand || (ImageEditorCommand = {}));
 /**
  * An enumeration of available image filter options.