ngx-mask 20.0.1 → 20.0.3

package/fesm2022/ngx-mask.mjs

@@ -927,6 +927,7 @@ class NgxMaskService extends NgxMaskApplierService {
      * since writeValue should be a one way only process of writing the DOM value based on the Angular model value.
      */
     writingValue = false;
+    isInitialized = false;
     _emitValue = false;
     _start;
     _end;
@@ -1113,7 +1114,6 @@ class NgxMaskService extends NgxMaskApplierService {
             this.currentValue = result;
             this._emitValue =
                 this.previousValue !== this.currentValue ||
-                    (newInputValue !== this.currentValue && this.writingValue) ||
                     (this.previousValue === this.currentValue && justPasted);
         }
         // Propagate the input value back to the Angular model
@@ -1391,6 +1391,9 @@ class NgxMaskService extends NgxMaskApplierService {
             : (v) => v;
         this.writingValue = false;
         this.maskChanged = false;
+        if (!this.isInitialized && this._emitValue) {
+            return;
+        }
         if (Array.isArray(this.dropSpecialCharacters)) {
             this.onChange(outputTransformFn(this._toNumber(this._checkSymbols(this._removeMask(this._removeSuffix(this._removePrefix(inputValue)), this.dropSpecialCharacters)))));
         }
@@ -1516,7 +1519,7 @@ class NgxMaskService extends NgxMaskApplierService {
         const separatorPrecision = this.getPrecision(separatorExpression);
         let value = separatorValue;
         if (separatorExpression.indexOf('2') > 0 ||
-            (this.leadZero && Number(separatorPrecision) > 0)) {
+            (this.leadZero && Number(separatorPrecision) > 0 && Number.isFinite(separatorPrecision))) {
             if (this.decimalMarker === MaskExpression.COMMA && this.leadZero) {
                 value = value.replace(',', '.');
             }
@@ -1901,6 +1904,7 @@ class NgxMaskDirective {
         }
     }
     onInput(e) {
+        this._maskService.isInitialized = true;
         // If IME is composing text, we wait for the composed text.
         if (this._isComposing()) {
             return;
@@ -2208,8 +2212,9 @@ class NgxMaskDirective {
         const el = e.target;
         this._inputValue.set(el.value);
         this._setMask();
+        const isTextarea = el.tagName.toLowerCase() === 'textarea';
         if (el.type !== 'number') {
-            if (e.key === MaskExpression.ARROW_UP) {
+            if (e.key === MaskExpression.ARROW_UP && !isTextarea) {
                 e.preventDefault();
             }
             if (e.key === MaskExpression.ARROW_LEFT ||
@@ -2339,9 +2344,11 @@ class NgxMaskDirective {
                 ];
                 // Let the service know we've finished writing value
                 this._maskService.writingValue = false;
+                this._maskService.isInitialized = true;
             }
             else {
                 this._maskService.formElementProperty = ['value', inputValue];
+                this._maskService.isInitialized = true;
             }
             this._inputValue.set(inputValue);
         }