@syncfusion/ej2-image-editor 21.2.5 → 21.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.5
+*  version : 21.2.10
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.2.3",
+  "_id": "@syncfusion/ej2-image-editor@21.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-Z7InCNgVrgwr+Zil7yis3xs3unU8IQYazv92PqwOIMqsXG2UN6vpbJ8CaMASA5TXMAd64lUym1vbfht5zaMKFw==",
+  "_integrity": "sha512-3TNFotEXJWfF7aUHzI7X78bwG5gd4tKDZzd4alwDasNlYNuETzRHzjfPTkGdtj0NU6FzkcgxbJCVKJR4r36OXw==",
   "_location": "/@syncfusion/ej2-image-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-vue-image-editor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-21.2.3.tgz",
-  "_shasum": "c3da0151afadfe9e604da48605032e49e16ac9ae",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-21.2.6.tgz",
+  "_shasum": "da47fbe9ff898d3a7d63c0e9061675697f1c9055",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,11 +32,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.5",
-    "@syncfusion/ej2-inputs": "~21.2.4",
-    "@syncfusion/ej2-navigations": "~21.2.5",
-    "@syncfusion/ej2-popups": "~21.2.4",
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-buttons": "~21.2.10",
+    "@syncfusion/ej2-inputs": "~21.2.9",
+    "@syncfusion/ej2-navigations": "~21.2.9",
+    "@syncfusion/ej2-popups": "~21.2.10",
     "@syncfusion/ej2-splitbuttons": "~21.2.5"
   },
   "deprecated": false,
@@ -67,7 +67,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "21.2.5",
+  "version": "21.2.10",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -3402,6 +3402,7 @@ var ImageEditor = /** @class */ (function (_super) {
                 this.pointColl = [];
                 this.freehandCounter = 0;
                 this.objColl.push(this.currSelectionPoint);
+                this.currSelectionPoint = null;
                 this.zoomAction(this.cropObj.cropZoom);
                 this.currSelectionPoint = extend({}, this.objColl[0], null, true);
                 this.objColl = cropObjColl_1;
@@ -6258,7 +6259,9 @@ var ImageEditor = /** @class */ (function (_super) {
         if (this.disabled) {
             this.element.setAttribute('class', 'e-disabled');
         }
-        this.trigger('fileOpened', fileOpened);
+        if (this.isImageLoaded && this.element.style.opacity !== '0.5') {
+            this.trigger('fileOpened', fileOpened);
+        }
         if (this.zoomSettings.zoomFactor !== 1 || !isNullOrUndefined(this.zoomSettings.zoomPoint)) {
             this.zoom(this.zoomSettings.zoomFactor, this.zoomSettings.zoomPoint);
         }
@@ -6503,10 +6506,33 @@ var ImageEditor = /** @class */ (function (_super) {
     };
     ImageEditor.prototype.fileSelect = function (inputElement, args) {
         if (!this.disabled) {
-            showSpinner(this.element);
-            this.element.style.opacity = '0.5';
             /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             var filesData = args.target.files[0];
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+            var fileData = filesData;
+            if (!isNullOrUndefined(fileData.name.split('.')) &&
+                !isNullOrUndefined(fileData.name.split('.')[1]) &&
+                fileData.name.split('.')[1].toLowerCase() !== 'jpg' &&
+                fileData.name.split('.')[1].toLowerCase() !== 'jpeg' &&
+                fileData.name.split('.')[1].toLowerCase() !== 'png' &&
+                fileData.name.split('.')[1].toLowerCase() !== 'svg') {
+                return;
+            }
+            showSpinner(this.element);
+            this.element.style.opacity = '0.5';
+            if (!isNullOrUndefined(fileData.name.split('.')) &&
+                !isNullOrUndefined(fileData.name.split('.')[1])) {
+                var fileType = this.toPascalCase(fileData.name.split('.')[1]);
+                if (fileType === 'JPG' || fileType === 'Jpg') {
+                    this.fileType = 'Jpeg';
+                }
+                else {
+                    this.fileType = fileType;
+                }
+            }
+            else {
+                this.fileType = null;
+            }
             if (this.isImageLoaded) {
                 this.isImageLoaded = false;
                 this.reset();
@@ -8137,17 +8163,19 @@ var ImageEditor = /** @class */ (function (_super) {
         if (this.degree === 0 || this.degree === 180) {
             if (!isNullOrUndefined(this.activeObj.shape)) {
                 this.setZoomDimension(-0.1, this.activeObj);
-                if (this.destLeft > this.activeObj.activePoint.startX || this.destTop > this.activeObj.activePoint.startY ||
-                    this.destLeft + this.destWidth < this.activeObj.activePoint.endX || this.destTop + this.destHeight <
-                    this.activeObj.activePoint.endY) {
-                    zoomOut.classList.add('e-disabled');
-                    zoomOut.parentElement.classList.add('e-overlay');
-                    isDisabled = true;
-                }
-                else {
-                    zoomOut.classList.remove('e-disabled');
-                    zoomOut.parentElement.classList.remove('e-overlay');
-                    isDisabled = false;
+                if (!isNullOrUndefined(zoomOut)) {
+                    if (this.destLeft > this.activeObj.activePoint.startX || this.destTop > this.activeObj.activePoint.startY ||
+                        this.destLeft + this.destWidth < this.activeObj.activePoint.endX || this.destTop + this.destHeight <
+                        this.activeObj.activePoint.endY) {
+                        zoomOut.classList.add('e-disabled');
+                        zoomOut.parentElement.classList.add('e-overlay');
+                        isDisabled = true;
+                    }
+                    else {
+                        zoomOut.classList.remove('e-disabled');
+                        zoomOut.parentElement.classList.remove('e-overlay');
+                        isDisabled = false;
+                    }
                 }
             }
             else {
@@ -13330,10 +13358,24 @@ var ImageEditor = /** @class */ (function (_super) {
                 else {
                     this.fileName = 'ImageEditor';
                 }
+                if (!isNullOrUndefined(data.split('.')) &&
+                    !isNullOrUndefined(data.split('.')[2])) {
+                    var fileType = this.toPascalCase(data.split('.')[2]);
+                    if (fileType === 'JPG' || fileType === 'Jpg') {
+                        this.fileType = 'Jpeg';
+                    }
+                    else {
+                        this.fileType = fileType;
+                    }
+                }
+                else {
+                    this.fileType = null;
+                }
                 this.imageOnLoad(data);
             }
             else {
                 this.fileName = 'ImageEditor';
+                this.fileType = null;
                 this.lowerCanvas = document.querySelector('#' + this.element.id + '_lowerCanvas');
                 this.upperCanvas = document.querySelector('#' + this.element.id + '_upperCanvas');
                 this.lowerContext = this.lowerCanvas.getContext('2d');
@@ -13483,7 +13525,9 @@ var ImageEditor = /** @class */ (function (_super) {
             if (!isNullOrUndefined(document.getElementById(this.element.id + '_quickAccessToolbarArea'))) {
                 document.getElementById(this.element.id + '_quickAccessToolbarArea').style.display = 'none';
             }
+            this.isImageLoaded = false;
             this.updateCanvas();
+            this.isImageLoaded = true;
             this.refreshDropDownBtn(false);
             this.enableDisableToolbarBtn();
         }