@syncfusion/ej2-inputs 20.4.51 → 20.4.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.51
+*  version : 20.4.52
 *  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-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@20.4.48",
+  "_id": "@syncfusion/ej2-inputs@20.4.51",
   "_inBundle": false,
-  "_integrity": "sha512-FRWDUwkYLJk9gnXe6Vl0eipQzrAurV1MkwWdl4gHD4SSwy0d04AaDO9ppCIUIAQieC+enqNzIlfgaKfhx0AHWw==",
+  "_integrity": "sha512-rkBLNwRsKM1GSsSwj3U1D0KvLrfCxASc5KGcVPOsdIOagN5KgR6AgftuKqUsekqbfmNqq1VXSBhSnHFOECNBqg==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.48.tgz",
-  "_shasum": "536c3e9c1ad5374b53999855749003f596899ba4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.51.tgz",
+  "_shasum": "d23dae3576a8fda8c3988eaf9b836be68fb11a44",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -50,7 +50,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.51",
     "@syncfusion/ej2-buttons": "~20.4.50",
-    "@syncfusion/ej2-popups": "~20.4.51",
+    "@syncfusion/ej2-popups": "~20.4.52",
     "@syncfusion/ej2-splitbuttons": "~20.4.50"
   },
   "deprecated": false,
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "20.4.51",
+  "version": "20.4.52",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/common/signature-base.d.ts

@@ -26,10 +26,8 @@ export declare abstract class SignatureBase extends Component<HTMLCanvasElement>
     private isBlazor;
     private isResponsive;
     private dotnetRef;
-    private panStart;
-    private scale;
-    protected canvasRatio: Dimension;
-    protected imageEditorPointsColl: Point[];
+    private signPointsColl;
+    private signRatioPointsColl;
     /**
      * Gets or sets the background color of the component.
      *
@@ -92,7 +90,7 @@ export declare abstract class SignatureBase extends Component<HTMLCanvasElement>
     private wireEvents;
     private unwireEvents;
     private setHTMLProperties;
-    protected mouseDownHandler(e: MouseEvent & TouchEvent, canvas?: HTMLCanvasElement, panStart?: any, zoomState?: number): void;
+    protected mouseDownHandler(e: MouseEvent & TouchEvent): void;
     private mouseMoveHandler;
     private mouseUpHandler;
     private keyboardHandler;
@@ -249,23 +247,6 @@ export declare abstract class SignatureBase extends Component<HTMLCanvasElement>
      */
     propertyChanged(key: string, value: string | boolean | number): void;
 }
-/**
- * Interface for Point object.
- */
-interface Point {
-    /**
-     * Gets or sets the x position of the point.
-     */
-    x: number;
-    /**
-     * Gets or sets the y position of the point.
-     */
-    y: number;
-    /**
-     * Gets or sets the time.
-     */
-    time?: number;
-}
 /**
  * Defines the signature file type.
  */
@@ -350,4 +331,3 @@ export interface ActivePoint {
      */
     radius?: number;
 }
-export {};

package/src/common/signature-base.js

@@ -28,7 +28,8 @@ var SignatureBase = /** @class */ (function (_super) {
         _this.clearArray = [];
         _this.isBlazor = false;
         _this.isResponsive = false;
-        _this.imageEditorPointsColl = [];
+        _this.signPointsColl = [];
+        _this.signRatioPointsColl = [];
         return _this;
     }
     /**
@@ -100,17 +101,12 @@ var SignatureBase = /** @class */ (function (_super) {
         }
     };
     // eslint-disable-next-line
-    SignatureBase.prototype.mouseDownHandler = function (e, canvas, panStart, zoomState) {
+    SignatureBase.prototype.mouseDownHandler = function (e) {
         if (e.buttons === 1 || e.buttons === 2 || e.type === 'touchstart') {
             if (e.type === 'touchstart') {
                 e.preventDefault();
                 e.stopPropagation();
             }
-            if (canvas) {
-                this.canvasContext = canvas.getContext('2d');
-                this.scale = zoomState;
-                this.panStart = panStart;
-            }
             this.beginStroke(e);
             this.wireEvents();
         }
@@ -145,6 +141,11 @@ var SignatureBase = /** @class */ (function (_super) {
             this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'mouseUp');
         }
         this.signatureValue = this.snapColl[this.incStep];
+        for (var i = 0; i < this.signPointsColl.length; i++) {
+            this.signRatioPointsColl.push({ x: (this.signPointsColl[i].x / this.canvasContext.canvas.width),
+                y: (this.signPointsColl[i].y / this.canvasContext.canvas.height) });
+        }
+        this.signPointsColl = [];
     };
     SignatureBase.prototype.keyboardHandler = function (e) {
         var _this = this;
@@ -182,13 +183,23 @@ var SignatureBase = /** @class */ (function (_super) {
             this.canvasContext.canvas.width = this.element.offsetWidth;
             this.canvasContext.canvas.height = this.element.offsetHeight;
             this.canvasContext.scale(1, 1);
+            this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+            var pointSize = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
+            for (var i = 0; i < this.signRatioPointsColl.length; i++) {
+                this.arcDraw((this.signRatioPointsColl[i].x * this.canvasContext.canvas.width), (this.signRatioPointsColl[i].y * this.canvasContext.canvas.height), pointSize);
+            }
+            this.signPointsColl = [];
+            this.canvasContext.closePath();
+            this.canvasContext.fill();
+        }
+        else {
+            var restoreImg_1 = new Image();
+            restoreImg_1.src = this.snapColl[this.incStep];
+            restoreImg_1.onload = function () {
+                proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
+                proxy.canvasContext.drawImage(restoreImg_1, 0, 0, proxy.element.width, proxy.element.height);
+            };
         }
-        var restoreImg = new Image();
-        restoreImg.src = this.snapColl[this.incStep];
-        restoreImg.onload = function () {
-            proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
-            proxy.canvasContext.drawImage(restoreImg, 0, 0, proxy.element.width, proxy.element.height);
-        };
     };
     SignatureBase.prototype.beginStroke = function (e) {
         this.refresh();
@@ -228,34 +239,10 @@ var SignatureBase = /** @class */ (function (_super) {
     SignatureBase.prototype.createPoint = function (e) {
         var rect = this.canvasContext.canvas.getBoundingClientRect();
         if (e.type === 'mousedown' || e.type === 'mousemove') {
-            // signature
-            if (this.canvasRatio === undefined) {
-                return this.point(e.clientX - rect.left, e.clientY - rect.top, new Date().getTime());
-            }
-            // image editor
-            else if (this.scale === 1) {
-                return this.point(((e.clientX - rect.left) * this.canvasRatio.width) / this.scale, ((e.clientY - rect.top) * this.canvasRatio.height) / this.scale, new Date().getTime());
-            }
-            else {
-                return this.point((((e.clientX - rect.left) + ((this.panStart.startX) / this.canvasRatio.width
-                    * this.scale)) / this.scale) * this.canvasRatio.width, (((e.clientY - rect.top) + ((this.panStart.startY) / this.canvasRatio.height
-                    * this.scale)) / this.scale) * this.canvasRatio.height, new Date().getTime());
-            }
+            return this.point(e.clientX - rect.left, e.clientY - rect.top, new Date().getTime());
         }
         else {
-            // signature
-            if (this.canvasRatio === undefined) {
-                return this.point(e.touches[0].clientX - rect.left, e.touches[0].clientY - rect.top, new Date().getTime());
-            }
-            // image editor
-            else if (this.scale === 1) {
-                return this.point(((e.touches[0].clientX - rect.left) * this.canvasRatio.width) / this.scale, ((e.touches[0].clientY - rect.top) * this.canvasRatio.height) / this.scale, new Date().getTime());
-            }
-            else {
-                return this.point((e.touches[0].clientX - rect.left) + this.panStart.startX / (this.canvasRatio.width
-                    * this.scale), (e.touches[0].clientY - rect.top) + this.panStart.startY / (this.canvasRatio.height
-                    * this.scale), new Date().getTime());
-            }
+            return this.point(e.touches[0].clientX - rect.left, e.touches[0].clientY - rect.top, new Date().getTime());
         }
     };
     /* Returns the current point corrdinates(x, y) and time.*/
@@ -273,7 +260,6 @@ var SignatureBase = /** @class */ (function (_super) {
         var isLastPointTooClose = lastPoint ? this.distanceTo(lastPoint) <= this.minDistance : false;
         if (!lastPoint || !(lastPoint && isLastPointTooClose)) {
             points.push(point);
-            this.imageEditorPointsColl.push(point);
             if (points.length > 2) {
                 if (points.length === 3) {
                     points.unshift(points[0]);
@@ -354,6 +340,7 @@ var SignatureBase = /** @class */ (function (_super) {
         this.isSignatureEmpty = false;
     };
     SignatureBase.prototype.arcDraw = function (x, y, size) {
+        this.signPointsColl.push({ x: x, y: y });
         var context = this.canvasContext;
         context.moveTo(x, y);
         context.arc(x, y, size, 0, 2 * Math.PI, false);
@@ -554,6 +541,7 @@ var SignatureBase = /** @class */ (function (_super) {
         var args = { actionName: 'clear' };
         this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
         this.refresh();
+        this.signRatioPointsColl = [];
         this.updateSnapCollection(true);
         this.isSignatureEmpty = true;
         if (!this.isBlazor) {

package/src/maskedtextbox/base/mask-base.js

@@ -675,7 +675,7 @@ function removeMaskInputValues(event) {
 function maskInputKeyPressHandler(event) {
     if (this.mask && !this.readonly) {
         var oldValue = this.element.value;
-        if ((!event.ctrlKey) || (event.ctrlKey && event.code !== 'KeyA' && event.code !== 'KeyY'
+        if (!(event.ctrlKey || event.metaKey) || ((event.ctrlKey || event.metaKey) && event.code !== 'KeyA' && event.code !== 'KeyY'
             && event.code !== 'KeyZ' && event.code !== 'KeyX' && event.code !== 'KeyC' && event.code !== 'KeyV')) {
             this.maskKeyPress = true;
             var key = event.key;

package/src/uploader/uploader.js

@@ -2200,7 +2200,7 @@ var Uploader = /** @class */ (function (_super) {
         for (var selectFileIndex = 0; selectFileIndex < selectedFiles.length; selectFileIndex++) {
             var selectedFileData = selectedFiles[selectFileIndex];
             for (var fileDataIndex = 0; fileDataIndex < this.filesData.length; fileDataIndex++) {
-                if (this.filesData[fileDataIndex].name === selectedFileData.name) {
+                if (this.filesData[fileDataIndex].name === selectedFileData.name && this.filesData[fileDataIndex].status === selectedFileData.status) {
                     matchFiles[matchFilesIndex] = this.filesData[fileDataIndex];
                     ++matchFilesIndex;
                 }