@syncfusion/ej2-image-editor 25.1.40 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.40
+*  version : 25.2.3
 *  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.39",
+  "_id": "@syncfusion/ej2-image-editor@25.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-DLjSgamnLghon4x6IjnuAK7fITD1/EUXPLP9mCO8zui1ITW0M99SuUkr+l6ohy/pP8wuPM85bdHcEj+Bn4x9Qw==",
+  "_integrity": "sha512-epbvTL+Fhixf+ZZtvUHaOvYBR9yf4yfLJaSpzGF0avYO9WpHsLNdfTWRim2m/IGkX5yJ/UEquqX61Liz1s4wNQ==",
   "_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.39.tgz",
-  "_shasum": "41e05c1978cabd06b28176b3f3d0f71f68b16fe3",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-25.1.42.tgz",
+  "_shasum": "f9ee82891233d0da6e48be3793265195ee37a487",
   "_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.40",
-    "@syncfusion/ej2-navigations": "~25.1.40",
-    "@syncfusion/ej2-popups": "~25.1.39",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-navigations": "~25.2.3",
+    "@syncfusion/ej2-popups": "~25.2.3",
+    "@syncfusion/ej2-splitbuttons": "~25.2.3"
   },
   "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.40",
+  "version": "25.2.3",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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' });
             }
@@ -1133,7 +1133,7 @@ var ToolbarModule = /** @class */ (function () {
         var isCustomized = false;
         var items = [];
         var id = parent.element.id;
-        var defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text'];
+        var defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text', 'Image'];
         if (parent.toolbar) {
             for (var i = 0; i < defItems.length; i++) {
                 if (parent.toolbar.indexOf(defItems[i]) !== -1) {
@@ -1163,7 +1163,7 @@ var ToolbarModule = /** @class */ (function () {
         if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Text') > -1)) {
             items.push({ text: this.l10n.getConstant('Text'), id: 'text', iconCss: 'e-icons e-add-text' });
         }
-        if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Image') > -1)) {
+        if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Image') > -1)) {
             items.push({ text: this.l10n.getConstant('Image'), id: 'image', iconCss: 'e-icons e-image' });
         }
         var obj = { freehandDrawSelectedId: null };

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 {