@syncfusion/ej2-image-editor 31.2.12 → 31.2.16

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.12
+*  version : 31.2.16
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-image-editor",
-  "version": "31.2.12",
+  "version": "31.2.16",
   "description": "Essential JS 2 ImageEditor",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,10 +9,10 @@
   "es2015": "./dist/es6/ej2-image-editor.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-buttons": "~31.2.12",
-    "@syncfusion/ej2-dropdowns": "~31.2.12",
-    "@syncfusion/ej2-inputs": "~31.2.12",
-    "@syncfusion/ej2-navigations": "~31.2.12",
+    "@syncfusion/ej2-buttons": "~31.2.16",
+    "@syncfusion/ej2-dropdowns": "~31.2.16",
+    "@syncfusion/ej2-inputs": "~31.2.15",
+    "@syncfusion/ej2-navigations": "~31.2.16",
     "@syncfusion/ej2-popups": "~31.2.12",
     "@syncfusion/ej2-splitbuttons": "~31.2.12"
   },

package/src/image-editor/renderer/toolbar.js

@@ -1201,17 +1201,17 @@ var ToolbarModule = /** @class */ (function () {
         }
         var frame = document.querySelector('#' + id + '_frame');
         if (frame && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
-            frame.classList.add('e-overlay');
+            frame.parentElement.classList.add('e-overlay');
         }
         else if (frame) {
-            frame.classList.remove('e-overlay');
+            frame.parentElement.classList.remove('e-overlay');
         }
         var ratio = document.querySelector('#' + id + '_aspectratio');
         if (ratio && ((parent.currSelectionPoint && parent.currSelectionPoint.shape === 'crop-circle') || parent.isCircleCrop)) {
-            ratio.classList.add('e-overlay');
+            ratio.parentElement.classList.add('e-overlay');
         }
         else if (ratio) {
-            ratio.classList.remove('e-overlay');
+            ratio.parentElement.classList.remove('e-overlay');
         }
     };
     ToolbarModule.prototype.createLeftToolbarControls = function () {
@@ -1445,34 +1445,34 @@ var ToolbarModule = /** @class */ (function () {
                 && parent.activeObj.pointColl.length === 0)) &&
             isNullOrUndefined(obj['freehandDrawSelectedId'])) {
             if (duplicateElement) {
-                duplicateElement.classList.add('e-overlay');
+                duplicateElement.parentElement.classList.add('e-overlay');
             }
             if (removeElement) {
-                removeElement.classList.add('e-overlay');
+                removeElement.parentElement.classList.add('e-overlay');
             }
             if (editTextElement) {
-                editTextElement.classList.add('e-overlay');
+                editTextElement.parentElement.classList.add('e-overlay');
             }
             if (zOrderElement) {
-                zOrderElement.classList.add('e-overlay');
+                zOrderElement.parentElement.classList.add('e-overlay');
             }
         }
         else {
             if (duplicateElement) {
-                duplicateElement.classList.remove('e-overlay');
+                duplicateElement.parentElement.classList.remove('e-overlay');
             }
             if (removeElement) {
-                removeElement.classList.remove('e-overlay');
+                removeElement.parentElement.classList.remove('e-overlay');
             }
             if (editTextElement) {
-                editTextElement.classList.remove('e-overlay');
+                editTextElement.parentElement.classList.remove('e-overlay');
             }
             if (zOrderElement) {
-                zOrderElement.classList.remove('e-overlay');
+                zOrderElement.parentElement.classList.remove('e-overlay');
             }
         }
         if (zOrderElement && (parent.shapeColl.length === 0 || (obj['freehandDrawSelectedId'] && parent.shapeColl.length === 1))) {
-            zOrderElement.classList.add('e-overlay');
+            zOrderElement.parentElement.classList.add('e-overlay');
         }
     };
     ToolbarModule.prototype.renderStraightenSlider = function () {
@@ -3359,7 +3359,7 @@ var ToolbarModule = /** @class */ (function () {
                     var drawingObject = { shape: '' };
                     parent.notify('selection', { prop: 'getCurrentDrawingShape', onPropertyChange: false, value: { obj: drawingObject } });
                     if (drawingObject['shape'] === 'path' && okBtn) {
-                        okBtn.classList.add('e-overlay');
+                        okBtn.parentElement.classList.add('e-overlay');
                     }
                 }
                 if (parent.activeObj.shape === 'line' || parent.activeObj.shape === 'path') {
@@ -4851,11 +4851,11 @@ var ToolbarModule = /** @class */ (function () {
                 var orderObj = { order: null };
                 parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
                 if (parent.activeObj.order > orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
-                    document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
+                    document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
                 }
                 else {
                     if (document.getElementById(parent.element.id + '_bringToFront')) {
-                        document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
+                        document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
                     }
                 }
                 qtArea.style.width = 'auto';
@@ -4909,11 +4909,11 @@ var ToolbarModule = /** @class */ (function () {
                 parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (parent.getObjFromId(parent.pointColl[indexObj['freehandSelectedIndex']].id).order >= orderObj['order'] && document.getElementById(parent.element.id + '_bringToFront')) {
-                    document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
+                    document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.add('e-overlay');
                 }
                 else {
                     if (document.getElementById(parent.element.id + '_bringToFront')) {
-                        document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
+                        document.getElementById(parent.element.id + '_bringToFront').parentElement.classList.remove('e-overlay');
                     }
                 }
                 var obj = { activePoint: null };
@@ -5079,32 +5079,30 @@ var ToolbarModule = /** @class */ (function () {
                     parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
                     break;
                 case 'bringtofront':
-                    if (!parent.element.querySelector('#' + id + '_bringToFront').classList.contains('e-overlay')) {
-                        parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
-                        shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
-                            parent.activeObj.currIndex;
-                        parent.updateShapeOrder(shapeId, type);
-                        isDisabled = false;
-                        parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
-                        if (shapeId.indexOf('pen') > -1) {
-                            parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
-                            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                            var order = parent.getObjFromId(shapeId).order;
-                            isDisabled = order >= orderObj['order'] ? true : false;
-                        }
-                        else {
-                            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                            var order = parent.getObjFromId(shapeId).order;
-                            isDisabled = order > orderObj['order'] ? true : false;
-                        }
-                        if (isDisabled) {
-                            document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
-                        }
-                        else {
-                            document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
-                        }
-                        parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
+                    parent.notify('freehand-draw', { prop: 'getFreehandSelectedIndex', onPropertyChange: false, value: { obj: indexObj } });
+                    shapeId = indexObj['freehandSelectedIndex'] !== null ? parent.pointColl[indexObj['freehandSelectedIndex']].id :
+                        parent.activeObj.currIndex;
+                    parent.updateShapeOrder(shapeId, type);
+                    isDisabled = false;
+                    parent.notify('shape', { prop: 'getHighestOrder', onPropertyChange: false, value: { obj: orderObj } });
+                    if (shapeId.indexOf('pen') > -1) {
+                        parent.notify('shape', { prop: 'updateShapeColl', onPropertyChange: false });
+                        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                        var order = parent.getObjFromId(shapeId).order;
+                        isDisabled = order >= orderObj['order'] ? true : false;
+                    }
+                    else {
+                        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                        var order = parent.getObjFromId(shapeId).order;
+                        isDisabled = order > orderObj['order'] ? true : false;
                     }
+                    if (isDisabled) {
+                        document.getElementById(parent.element.id + '_bringToFront').classList.add('e-overlay');
+                    }
+                    else {
+                        document.getElementById(parent.element.id + '_bringToFront').classList.remove('e-overlay');
+                    }
+                    parent.notify('undo-redo', { prop: 'updateUndoRedoStack', onPropertyChange: false });
                     break;
             }
             if (type === 'duplicate' || type === 'remove') {