@syncfusion/ej2-image-editor 25.1.42 → 25.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.42
+*  version : 25.2.4
 *  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@25.1.40",
+  "_id": "@syncfusion/ej2-image-editor@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-XMjEHXnbJE44A6WuIBbiBBQnQD3+VOCPNZnWcxUFHXubNhb4TsfG5xqNJM1szIryTRxA8yQ7h7dHUnHpEmN0LA==",
+  "_integrity": "sha512-f6CztZG4/zvCCgr6Y2my2p1cm/WFVbagIfbAceQ/h1SuX+etkcG7QIHtWfoRW1klFXMsd8FqcanusXdle53UZQ==",
   "_location": "/@syncfusion/ej2-image-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-vue-image-editor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-25.1.40.tgz",
-  "_shasum": "745bd56bc7c13ce0a23c78523129579f67fba1f6",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-25.2.3.tgz",
+  "_shasum": "f736e418255c725487fb29aabd36c2dfccd05ea7",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-inputs": "~25.1.42",
-    "@syncfusion/ej2-navigations": "~25.1.42",
-    "@syncfusion/ej2-popups": "~25.1.42",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.4",
+    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-navigations": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 ImageEditor",
@@ -67,7 +67,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "25.1.42",
+  "version": "25.2.4",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -138,13 +138,14 @@ var Export = /** @class */ (function () {
         showSpinner(parent.element);
         parent.element.style.opacity = '0.5';
         var tempCanvas = this.exportToCanvas();
+        var imagetype = (type === 'jpeg') ? 'image/jpeg' : 'image/png';
         // eslint-disable-next-line @typescript-eslint/tslint/config
         tempCanvas.toBlob(function (blob) {
             var blobUrl = URL.createObjectURL(blob);
             proxy.downloadImg(blobUrl, fileName + '.' + type);
             hideSpinner(parent.element);
             parent.element.style.opacity = '1';
-        }, 'image/png');
+        }, imagetype);
     };
     Export.prototype.exportToCanvas = function (object) {
         var parent = this.parent;

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

@@ -475,10 +475,10 @@ var ImageEditor = /** @class */ (function (_super) {
         if (!this.element.getAttribute('class')) {
             this.element.removeAttribute('class');
         }
+        this.unwireEvent();
         this.notify('toolbar', { prop: 'destroySubComponents', onPropertyChange: false });
         this.notify('destroyed', null);
         _super.prototype.destroy.call(this);
-        this.unwireEvent();
         this.element.innerHTML = '';
     };
     ImageEditor.prototype.initialize = function () {

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

@@ -641,27 +641,27 @@ var ToolbarModule = /** @class */ (function () {
         var id = parent.element.id;
         var toolbarItems = [];
         if (isFrame) {
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_none', prefixIcon: 'e-icons e-frame-none', cssClass: 'top-icon e-frame-none',
                     tooltipText: this.l10n.getConstant('None'), align: 'Center' });
             }
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_mat', prefixIcon: 'e-icons e-frame-mat', cssClass: 'top-icon e-frame-mat',
                     tooltipText: this.l10n.getConstant('Mat'), align: 'Center' });
             }
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_bevel', prefixIcon: 'e-icons e-frame-bevel', cssClass: 'top-icon e-frame-bevel',
                     tooltipText: this.l10n.getConstant('Bevel'), align: 'Center' });
             }
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_line', prefixIcon: 'e-icons e-frame-line', cssClass: 'top-icon e-frame-line',
                     tooltipText: this.l10n.getConstant('Line'), align: 'Center' });
             }
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_inset', prefixIcon: 'e-icons e-frame-inset', cssClass: 'top-icon e-frame-inset',
                     tooltipText: this.l10n.getConstant('Inset'), align: 'Center' });
             }
-            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1)) {
+            if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1) || parent.toolbar.indexOf('Frame') > -1) {
                 toolbarItems.push({ id: id + '_hook', prefixIcon: 'e-icons e-frame-hook', cssClass: 'top-icon e-frame-hook',
                     tooltipText: this.l10n.getConstant('Hook'), align: 'Center' });
             }

package/styles/bootstrap-dark.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/bootstrap.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/bootstrap4.css

@@ -545,8 +545,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/bootstrap5-dark.css

@@ -563,8 +563,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/bootstrap5.css

@@ -563,8 +563,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/fabric-dark.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/fabric.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/fluent-dark.css

@@ -558,8 +558,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/fluent.css

@@ -558,8 +558,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/highcontrast-light.css

@@ -545,8 +545,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/highcontrast.css

@@ -549,8 +549,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/_layout.scss

@@ -534,8 +534,8 @@
   }
 
   .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-    height: 250px;
-    overflow-y: scroll;
+    max-height: 250px;
+    overflow-y: auto;
   }
 
   .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/bootstrap.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/bootstrap4.css

@@ -545,8 +545,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -563,8 +563,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/bootstrap5.css

@@ -563,8 +563,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/fabric.css

@@ -547,8 +547,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -558,8 +558,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/fluent.css

@@ -558,8 +558,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/highcontrast-light.css

@@ -545,8 +545,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/highcontrast.css

@@ -549,8 +549,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -554,8 +554,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/material.css

@@ -559,8 +559,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -623,8 +623,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/material3.css

@@ -679,8 +679,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

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

@@ -552,8 +552,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/image-editor/tailwind.css

@@ -552,8 +552,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/material-dark.css

@@ -554,8 +554,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/material.css

@@ -559,8 +559,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/material3-dark.css

@@ -623,8 +623,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/material3.css

@@ -679,8 +679,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/tailwind-dark.css

@@ -552,8 +552,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {

package/styles/tailwind.css

@@ -552,8 +552,8 @@
 }
 
 .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-  height: 250px;
-  overflow-y: scroll;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .e-dropdown-popup.e-ie-ddb-popup {