@syncfusion/ej2-image-editor 27.1.51 → 27.1.52

package/dist/es6/ej2-image-editor.es2015.js

@@ -3004,12 +3004,7 @@ class Draw {
             /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             let coll = actObj.rotateFlipColl[i];
             if (typeof (coll) === 'number') {
-                if (actObj.shapeDegree === 0) {
-                    tempDegree = coll;
-                }
-                else {
-                    tempDegree = coll - actObj.shapeDegree;
-                }
+                tempDegree = coll;
                 if (tempDegree === -450) {
                     tempDegree = -90;
                 }
@@ -3107,12 +3102,7 @@ class Draw {
             /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             let coll = actObj.rotateFlipColl[i];
             if (typeof (coll) === 'number') {
-                if (actObj.shapeDegree === 0) {
-                    tempDegree = coll;
-                }
-                else {
-                    tempDegree = coll - actObj.shapeDegree;
-                }
+                tempDegree = coll;
                 if (tempDegree === -450) {
                     tempDegree = -90;
                 }
@@ -7300,7 +7290,7 @@ class Filter {
     parseFilterString(filterString) {
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         let filterArray = [];
-        if (filterString !== 'none') {
+        if (filterString && filterString !== 'none') {
             filterArray = filterString.split(' ').map((filter) => {
                 const [name, value] = filter.match(/([a-z-]+)\(([^)]+)\)/).slice(1, 3);
                 return { filter: name, value: value };
@@ -12006,6 +11996,7 @@ class Selection {
             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 } });
@@ -27912,7 +27903,7 @@ class ToolbarModule {
         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'
             }));
         }
@@ -28170,39 +28161,11 @@ class ToolbarModule {
             }).bind(this), 'image/jpeg', quality);
         }
         else if (!isNullOrUndefined(fileType) && fileType.toLowerCase() === 'png') {
-            if (Browser.isDevice) {
-                canvas.style.display = 'none';
-            }
-            else {
-                ctx.drawImage(tempCanvas, 0, 0);
-                tempCanvas.toBlob((function (blob) {
-                    fileSize = Math.floor(blob.size / 1024);
-                    if (fileSize > 1000) {
-                        const 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);
-            }
-        }
-        else if (!isNullOrUndefined(fileType) && fileType.toLowerCase() === 'svg') {
-            if (Browser.isDevice) {
-                canvas.style.display = 'none';
-            }
-            else {
-                ctx.drawImage(tempCanvas, 0, 0);
-                const svgDataUrl = tempCanvas.toDataURL('image/svg+xml');
-                const base64Data = svgDataUrl.split(',')[1];
-                const binaryStringLength = base64Data.length;
-                const rawByteSize = binaryStringLength;
-                let fileSize = Math.floor(rawByteSize / 1024); // KB
+            ctx.drawImage(tempCanvas, 0, 0);
+            tempCanvas.toBlob((function (blob) {
+                fileSize = Math.floor(blob.size / 1024);
                 if (fileSize > 1000) {
-                    const megabytes = fileSize / 1024; // Convert to MB
+                    const megabytes = fileSize / 1024;
                     imageNameLabel.innerHTML = this.l10n.getConstant('ImageSize') + ': ' + megabytes.toFixed(2) + ' MB';
                     fileSize = +megabytes.toFixed(2);
                 }
@@ -28210,6 +28173,30 @@ class ToolbarModule {
                     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);
+            const svgDataUrl = tempCanvas.toDataURL('image/svg+xml');
+            const base64Data = svgDataUrl.split(',')[1];
+            const binaryStringLength = base64Data.length;
+            const rawByteSize = binaryStringLength;
+            let fileSize = Math.floor(rawByteSize / 1024); // KB
+            if (fileSize > 1000) {
+                const megabytes = fileSize / 1024; // Convert to MB
+                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;
         }