@syncfusion/ej2-inputs 20.4.48 → 20.4.52

package/dist/es6/ej2-inputs.es5.js

@@ -426,8 +426,8 @@ var Input;
      * @param {any} element - Input element which is need to add.
      * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
      */
-    function calculateWidth(element, container) {
-        var elementWidth = element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
+    function calculateWidth(element, container, moduleName) {
+        var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
         if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
                 container.getElementsByClassName('e-float-text-content')[0].classList.remove('e-float-text-overflow');
@@ -2947,7 +2947,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;
@@ -8073,7 +8073,12 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             var inputElement = this.createElement('input', { attrs: { type: 'file' } });
             var index = 0;
             for (index; index < this.element.attributes.length; index++) {
-                inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+                if (this.element.attributes[index].nodeName !== 'id') {
+                    inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+                }
+                else if (this.element.attributes[index].nodeName === 'id') {
+                    inputElement.setAttribute(this.element.attributes[index].nodeName, getUniqueID('uploader'));
+                }
                 inputElement.innerHTML = this.element.innerHTML;
             }
             if (!inputElement.hasAttribute('name')) {
@@ -9931,7 +9936,7 @@ var Uploader = /** @__PURE__ @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;
                 }
@@ -13921,7 +13926,8 @@ var SignatureBase = /** @__PURE__ @class */ (function (_super) {
         _this.clearArray = [];
         _this.isBlazor = false;
         _this.isResponsive = false;
-        _this.imageEditorPointsColl = [];
+        _this.signPointsColl = [];
+        _this.signRatioPointsColl = [];
         return _this;
     }
     /**
@@ -13993,17 +13999,12 @@ var SignatureBase = /** @__PURE__ @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();
         }
@@ -14038,6 +14039,11 @@ var SignatureBase = /** @__PURE__ @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;
@@ -14075,13 +14081,23 @@ var SignatureBase = /** @__PURE__ @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();
@@ -14121,34 +14137,10 @@ var SignatureBase = /** @__PURE__ @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.*/
@@ -14166,7 +14158,6 @@ var SignatureBase = /** @__PURE__ @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]);
@@ -14247,6 +14238,7 @@ var SignatureBase = /** @__PURE__ @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);
@@ -14447,6 +14439,7 @@ var SignatureBase = /** @__PURE__ @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) {