@syncfusion/ej2-image-editor 27.1.51 → 27.1.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.51
+*  version : 27.1.52
 *  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@27.1.50",
+  "_id": "@syncfusion/ej2-image-editor@27.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-jbOqBMJzNwFx5r4c2P3xYh1n3aW2br4yKOwC8alxYLnRfDY6d5OTbWY62XEAdW30IqaQHH635RpdhZUkHVtGhg==",
+  "_integrity": "sha512-D2co3Roz/iOn3T1Ef3sXGpOukufgf2f3UqrUr1mYn4nm42eVAZ/RutRLdRXFBGMQa9NZ3h5p8VwCWpV43HXYGg==",
   "_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-27.1.50.tgz",
-  "_shasum": "f84391b62e7a8c4e10937b6603abaeb16e3a66d1",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-27.1.51.tgz",
+  "_shasum": "352f528238cdecb1dccbadc4df5f2dd8ccd50f9a",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -32,11 +32,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
+    "@syncfusion/ej2-base": "~27.1.52",
     "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-dropdowns": "~27.1.51",
+    "@syncfusion/ej2-dropdowns": "~27.1.52",
     "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.51",
+    "@syncfusion/ej2-navigations": "~27.1.52",
     "@syncfusion/ej2-popups": "~27.1.50",
     "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
@@ -68,7 +68,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "27.1.51",
+  "version": "27.1.52",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -2108,12 +2108,7 @@ var Draw = /** @class */ (function () {
             var coll = actObj.rotateFlipColl[i];
             tempColl.push(coll);
             if (typeof (coll) === 'number') {
-                if (actObj.shapeDegree === 0) {
-                    tempDegree = coll;
-                }
-                else {
-                    tempDegree = coll - actObj.shapeDegree;
-                }
+                tempDegree = coll;
                 if (tempDegree === -450) {
                     tempDegree = -90;
                 }
@@ -2213,12 +2208,7 @@ var Draw = /** @class */ (function () {
             var coll = actObj.rotateFlipColl[i];
             tempColl.push(coll);
             if (typeof (coll) === 'number') {
-                if (actObj.shapeDegree === 0) {
-                    tempDegree = coll;
-                }
-                else {
-                    tempDegree = coll - actObj.shapeDegree;
-                }
+                tempDegree = coll;
                 if (tempDegree === -450) {
                     tempDegree = -90;
                 }

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

@@ -657,7 +657,7 @@ var Filter = /** @class */ (function () {
     Filter.prototype.parseFilterString = function (filterString) {
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         var filterArray = [];
-        if (filterString !== 'none') {
+        if (filterString && filterString !== 'none') {
             filterArray = filterString.split(' ').map(function (filter) {
                 var _a = filter.match(/([a-z-]+)\(([^)]+)\)/).slice(1, 3), name = _a[0], value = _a[1];
                 return { filter: name, value: value };

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

@@ -3265,6 +3265,7 @@ var Selection = /** @class */ (function () {
             this.triggerShapeChange(shapeResizingArgs, shapeMovingArgs, 'mouse-down');
             parent.activeObj.activePoint = activePoint;
             parent.isShapeDrawing = true;
+            this.tempActiveObj = extend({}, parent.activeObj, {}, true);
             return;
         }
         parent.notify('draw', { prop: 'resetFrameZoom', onPropertyChange: false, value: { isOk: true } });

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

@@ -1625,7 +1625,7 @@ var ToolbarModule = /** @class */ (function () {
         qualityOptionDiv.appendChild(parent.createElement('button', { id: id + '_qualitybuttonIcon', className: 'e-ie-img-icon-button', attrs: { type: 'button' } }));
         qualityNameDiv.appendChild(qualityOptionDiv);
         if (Browser.isDevice) {
-            qualityNameDiv.appendChild(parent.createElement('span', {
+            dialogRightContent.appendChild(parent.createElement('span', {
                 id: id + '_qualitySize', className: 'e-ie-img-quality-size'
             }));
         }
@@ -1885,48 +1885,44 @@ var ToolbarModule = /** @class */ (function () {
             }).bind(this), 'image/jpeg', quality);
         }
         else if (!isNullOrUndefined(fileType) && fileType.toLowerCase() === 'png') {
-            if (Browser.isDevice) {
-                canvas.style.display = 'none';
+            ctx.drawImage(tempCanvas, 0, 0);
+            tempCanvas.toBlob((function (blob) {
+                fileSize = Math.floor(blob.size / 1024);
+                if (fileSize > 1000) {
+                    var megabytes = fileSize / 1024;
+                    imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + megabytes.toFixed(2) + ' MB';
+                    fileSize = +megabytes.toFixed(2);
+                }
+                else {
+                    imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + fileSize.toFixed(2) + ' KB';
+                    fileSize = +fileSize.toFixed(2);
+                }
+                if (Browser.isDevice) {
+                    canvas.style.display = 'none';
+                }
+                this.fileSize = fileSize;
+            }).bind(this), 'image/png', 1);
+        }
+        else if (!isNullOrUndefined(fileType) && fileType.toLowerCase() === 'svg') {
+            ctx.drawImage(tempCanvas, 0, 0);
+            var svgDataUrl = tempCanvas.toDataURL('image/svg+xml');
+            var base64Data = svgDataUrl.split(',')[1];
+            var binaryStringLength = base64Data.length;
+            var rawByteSize = binaryStringLength;
+            var fileSize_1 = Math.floor(rawByteSize / 1024); // KB
+            if (fileSize_1 > 1000) {
+                var megabytes = fileSize_1 / 1024; // Convert to MB
+                imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + megabytes.toFixed(2) + ' MB';
+                fileSize_1 = +megabytes.toFixed(2);
             }
             else {
-                ctx.drawImage(tempCanvas, 0, 0);
-                tempCanvas.toBlob((function (blob) {
-                    fileSize = Math.floor(blob.size / 1024);
-                    if (fileSize > 1000) {
-                        var megabytes = fileSize / 1024;
-                        imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + megabytes.toFixed(2) + ' MB';
-                        fileSize = +megabytes.toFixed(2);
-                    }
-                    else {
-                        imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + fileSize.toFixed(2) + ' KB';
-                        fileSize = +fileSize.toFixed(2);
-                    }
-                    this.fileSize = fileSize;
-                }).bind(this), 'image/png', 1);
+                imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + fileSize_1.toFixed(2) + ' KB';
+                fileSize_1 = +fileSize_1.toFixed(2);
             }
-        }
-        else if (!isNullOrUndefined(fileType) && fileType.toLowerCase() === 'svg') {
             if (Browser.isDevice) {
                 canvas.style.display = 'none';
             }
-            else {
-                ctx.drawImage(tempCanvas, 0, 0);
-                var svgDataUrl = tempCanvas.toDataURL('image/svg+xml');
-                var base64Data = svgDataUrl.split(',')[1];
-                var binaryStringLength = base64Data.length;
-                var rawByteSize = binaryStringLength;
-                var fileSize_1 = Math.floor(rawByteSize / 1024); // KB
-                if (fileSize_1 > 1000) {
-                    var megabytes = fileSize_1 / 1024; // Convert to MB
-                    imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + megabytes.toFixed(2) + ' MB';
-                    fileSize_1 = +megabytes.toFixed(2);
-                }
-                else {
-                    imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + fileSize_1.toFixed(2) + ' KB';
-                    fileSize_1 = +fileSize_1.toFixed(2);
-                }
-            }
-            this.fileSize = fileSize;
+            this.fileSize = fileSize_1;
         }
         else {
             if (Browser.isDevice) {