@syncfusion/ej2-image-editor 22.1.36 → 22.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.36
+*  version : 22.1.37
 *  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.1.36",
+  "_id": "@syncfusion/ej2-image-editor@22.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-pmbpEu82WdhCH0h07sYy0X9D4Axq7lrjKoARSiGjlXLCVTSm4cLOkEwBS9+ilicYEwz5Is/VI0zcVi+zJDtFcw==",
+  "_integrity": "sha512-ckJ9WXGq8Evlr/L+ToszUEaW5o17UvtPdFBxX8U+ZNvAQHyWiJeH0hrSMUTBRnXzwXpqwhIuUQBEIvA61tjOPw==",
   "_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.1.36.tgz",
-  "_shasum": "68c2ef2c49d847748770fd97a3c9d455e8fd4e31",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-22.1.36.tgz",
+  "_shasum": "88ab5df13c6b37ffda89a70889cabfc031c1c454",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -33,11 +33,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-buttons": "~21.1.36",
+    "@syncfusion/ej2-buttons": "~22.1.36",
     "@syncfusion/ej2-inputs": "~22.1.34",
     "@syncfusion/ej2-navigations": "~22.1.36",
-    "@syncfusion/ej2-popups": "~22.1.36",
-    "@syncfusion/ej2-splitbuttons": "~22.1.34"
+    "@syncfusion/ej2-popups": "~22.1.37",
+    "@syncfusion/ej2-splitbuttons": "~22.1.37"
   },
   "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": "22.1.36",
+  "version": "22.1.37",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/image-editor/action/selection.d.ts

@@ -109,6 +109,7 @@ export declare class Selection {
     private canvasMouseMoveHandler;
     private canvasMouseUpHandler;
     private touchStartHandler;
+    private unwireEvent;
     private keyDownEventHandler;
     private isKeyBoardCrop;
     private beforeSaveEvent;

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

@@ -237,6 +237,9 @@ var Selection = /** @class */ (function () {
             case 'reset':
                 this.reset();
                 break;
+            case 'unWireEvent':
+                this.unwireEvent();
+                break;
         }
     };
     Selection.prototype.getModuleName = function () {
@@ -3580,6 +3583,12 @@ var Selection = /** @class */ (function () {
         EventHandler.add(this.parent.upperCanvas, 'touchend', this.mouseUpEventHandler, this);
         EventHandler.add(this.parent.upperCanvas, 'touchmove', this.mouseMoveEventHandler, this);
     };
+    Selection.prototype.unwireEvent = function () {
+        EventHandler.remove(this.parent.lowerCanvas, 'touchend', this.mouseUpEventHandler);
+        EventHandler.remove(this.parent.lowerCanvas, 'touchmove', this.mouseMoveEventHandler);
+        EventHandler.remove(this.parent.upperCanvas, 'touchend', this.mouseUpEventHandler);
+        EventHandler.remove(this.parent.upperCanvas, 'touchmove', this.mouseMoveEventHandler);
+    };
     Selection.prototype.keyDownEventHandler = function (e) {
         var _this = this;
         var parent = this.parent;

package/src/image-editor/action/undo-redo.js

@@ -254,7 +254,9 @@ var UndoRedo = /** @class */ (function () {
                 this.undoRedoStep--;
                 if (!isBlazor()) {
                     parent.notify('toolbar', { prop: 'enable-disable-btns' });
-                    parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
+                    if (parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
+                        parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
+                    }
                 }
                 else {
                     parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
@@ -357,7 +359,7 @@ var UndoRedo = /** @class */ (function () {
                 parent.cropObj = extend({}, obj.currentCropObj, {}, true);
                 parent.afterCropActions = obj.currentObj.afterCropActions;
                 this.lowerContext.filter = obj.currentObj.filter;
-                if (!isBlazor()) {
+                if (!isBlazor() && parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
                     parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
                 }
                 parent.canvasFilter = this.lowerContext.filter;

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

@@ -504,6 +504,7 @@ var ImageEditor = /** @class */ (function (_super) {
             screen.orientation.removeEventListener('change', this.screenOrientation.bind(this));
         }
         this.notify('shape', { prop: 'unWireEvent', onPropertyChange: false });
+        this.notify('selection', { prop: 'unWireEvent', onPropertyChange: false });
     };
     ImageEditor.prototype.createCanvas = function () {
         this.element.style.boxSizing = 'border-box';
@@ -2074,9 +2075,6 @@ var ImageEditor = /** @class */ (function (_super) {
         });
         this.upperCanvas.width = this.lowerCanvas.width = this.inMemoryCanvas.width = this.element.offsetWidth;
         this.upperCanvas.height = this.lowerCanvas.height = this.inMemoryCanvas.height = (this.element.offsetHeight - this.toolbarHeight);
-        this.baseImg = this.createElement('img', {
-            id: this.element.id + '_orgImg', attrs: { name: 'Image', crossorigin: 'anonymous' }
-        });
         this.lowerContext = this.lowerCanvas.getContext('2d');
         this.baseImg = this.createElement('img', {
             id: this.element.id + '_orgImg', attrs: { name: 'Image', crossorigin: 'anonymous' }