@syncfusion/ej2-image-editor 30.1.37 → 30.1.38

package/dist/global/index.d.ts

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

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

@@ -1605,6 +1605,9 @@ var Selection = /** @class */ (function () {
                 endY = destTop + destHeight;
             }
         }
+        if (actPoint.width < 0 && actPoint.height < 0 && this.isCropSelection) {
+            isLimiting = true;
+        }
         if (parent.transform.straighten !== 0) {
             var obj = { isIntersect: null, arr: null };
             parent.notify('draw', { prop: 'updateImgCanvasPoints', onPropertyChange: false });
@@ -2348,7 +2351,7 @@ var Selection = /** @class */ (function () {
                     scale = Math.max(width, height);
                     var newScale = this.getScaleRatio(scale);
                     actPoint.endX += newScale.x;
-                    actPoint.endY += newScale.x;
+                    actPoint.endY += newScale.y;
                     if (actPoint.endX > (destLeft + destWidth) ||
                         actPoint.endY > (destTop + destHeight)) {
                         actPoint.endX -= newScale.x;

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

@@ -425,7 +425,17 @@ var ToolbarModule = /** @class */ (function () {
     };
     ToolbarModule.prototype.reset = function () {
         var parent = this.parent;
-        this.toolbarHeight = 46;
+        if (isNullOrUndefined(parent.toolbar) || (parent.toolbar && parent.toolbar.length > 0) || parent.toolbarTemplate) {
+            if (parent.toolbarTemplate) {
+                this.toolbarHeight = parent.element.querySelector('#' + parent.element.id + '_toolbarArea').clientHeight;
+            }
+            else {
+                this.toolbarHeight = 46;
+            }
+        }
+        else {
+            this.toolbarHeight = 0;
+        }
         parent.prevCurrSelectionPoint = null;
         this.zoomBtnHold = null;
         this.currToolbar = '';

package/styles/highcontrast-lite.css

@@ -417,7 +417,7 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
-  padding: 2px 17px;
+  padding: 2px 15px;
 }
 
 .e-ie-straighten-value-span,

package/styles/highcontrast.css

@@ -417,7 +417,7 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
-  padding: 2px 17px;
+  padding: 2px 15px;
 }
 
 .e-ie-straighten-value-span,
@@ -853,7 +853,7 @@
 .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
 .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
 .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
-  padding: 3px 14px;
+  padding: 3px 10px;
 }
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/image-editor/_bigger.scss

@@ -140,7 +140,7 @@
         padding: 10px;
       }
       @if $skin-name == 'highcontrast' {
-        padding: 3px 14px;
+        padding: 3px 10px;
       }
       @if $skin-name == 'FluentUI' {
         padding: 7px 14px;

package/styles/image-editor/_layout.scss

@@ -178,6 +178,9 @@
                 padding-top: 7.5px;
                 padding-bottom: 7.5px;
               }
+              @if $skin-name == 'Material3' {
+                padding: 8px 16px;
+              }
             }
           }
         }
@@ -394,7 +397,7 @@
         padding: 8px 13px;
       }
       @if $skin-name == 'highcontrast' {
-        padding: 2px 17px;
+        padding: 2px 15px;
       }
     }
 

package/styles/image-editor/highcontrast.css

@@ -417,7 +417,7 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
-  padding: 2px 17px;
+  padding: 2px 15px;
 }
 
 .e-ie-straighten-value-span,
@@ -853,7 +853,7 @@
 .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
 .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
 .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
-  padding: 3px 14px;
+  padding: 3px 10px;
 }
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/image-editor/material3-dark.css

@@ -310,6 +310,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }

package/styles/image-editor/material3.css

@@ -312,6 +312,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }

package/styles/material3-dark-lite.css

@@ -310,6 +310,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }

package/styles/material3-dark.css

@@ -310,6 +310,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }

package/styles/material3-lite.css

@@ -312,6 +312,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }

package/styles/material3.css

@@ -312,6 +312,9 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding: 8px 16px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }