@syncfusion/ej2-image-editor 23.2.6 → 23.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.6
+*  version : 23.2.7
 *  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.2.5",
+  "_id": "@syncfusion/ej2-image-editor@23.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-4nutRixVgh8ge2ig6lyUTE0c1Ig5S6ydk2gnBNOARqpPUx12BWmYf5GU27Nr4haAh+Tv3t+1xKjwxwb9AUxxmw==",
+  "_integrity": "sha512-RP/xIi6rWDW3xEdVwXpCJbbYUkZLXBPl3yMd75ep5PS7/CxFhDon95uL0dEMLC67CBRgGAa0i+WIgzHaj99lPg==",
   "_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.2.5.tgz",
-  "_shasum": "ea1a556cf7a98fbb21ced1ea332a49c6cb2766d8",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-23.2.6.tgz",
+  "_shasum": "291bd6b3ae2ea5c346fb23a4896592267d767594",
   "_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.2.6",
-    "@syncfusion/ej2-buttons": "~23.2.4",
+    "@syncfusion/ej2-buttons": "~23.2.7",
     "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.5",
+    "@syncfusion/ej2-navigations": "~23.2.7",
     "@syncfusion/ej2-popups": "~23.2.4",
     "@syncfusion/ej2-splitbuttons": "~23.2.4"
   },
@@ -67,7 +67,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "23.2.6",
+  "version": "23.2.7",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1068,8 +1068,14 @@ var FreehandDrawing = /** @class */ (function () {
         if (isBlazor() && parent.events && parent.events.shapeChanging.hasDelegate === true) {
             /* 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;
                 _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) {
                     parent.pointColl[_this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                     parent.pointColl[_this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
@@ -1084,8 +1090,11 @@ var FreehandDrawing = /** @class */ (function () {
         }
         else {
             parent.trigger('shapeChanging', shapeChangingArgs);
-            parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
             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) {
                 parent.pointColl[this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                 parent.pointColl[this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;