ngx-mask 14.2.2 → 14.2.4

package/fesm2020/ngx-mask.mjs

@@ -102,7 +102,7 @@ class MaskApplierService {
                 decimalChar = decimalChars;
             }
             const decimals = x.length > 1 ? `${decimalChar}${x[1]}` : '';
-            let res = x[0];
+            let res = x[0] ?? '';
             const separatorLimit = this.separatorLimit.replace(/\s/g, '');
             if (separatorLimit && +separatorLimit) {
                 if (res[0] === '-') {
@@ -122,7 +122,7 @@ class MaskApplierService {
             else if (precision === 0) {
                 return res;
             }
-            return res + decimals.substr(0, precision + 1);
+            return res + decimals.substring(0, precision + 1);
         };
         this.percentage = (str) => {
             return Number(str) >= 0 && Number(str) <= 100;
@@ -136,9 +136,11 @@ class MaskApplierService {
         };
         this.checkAndRemoveSuffix = (inputValue) => {
             for (let i = this.suffix?.length - 1; i >= 0; i--) {
-                const substr = this.suffix.substr(i, this.suffix?.length);
+                const substr = this.suffix.substring(i, this.suffix?.length);
                 if (inputValue.includes(substr) &&
-                    (i - 1 < 0 || !inputValue.includes(this.suffix.substr(i - 1, this.suffix?.length)))) {
+                    i !== this.suffix?.length - 1 &&
+                    (i - 1 < 0 ||
+                        !inputValue.includes(this.suffix.substring(i - 1, this.suffix?.length)))) {
                     return inputValue.replace(substr, '');
                 }
             }
@@ -153,9 +155,10 @@ class MaskApplierService {
                     decimalMarker = marker ? marker : decimalMarker[0];
                 }
                 const precisionRegEx = new RegExp(this._charToRegExpExpression(decimalMarker) + `\\d{${precision}}.*$`);
-                const precisionMatch = inputValue.match(precisionRegEx);
-                if (precisionMatch && precisionMatch[0].length - 1 > precision) {
-                    const diff = precisionMatch[0].length - 1 - precision;
+                const precisionMatch = inputValue.match(precisionRegEx) ?? [];
+                const precisionMatchLength = precisionMatch[0]?.length ?? 0;
+                if (precisionMatchLength - 1 > precision) {
+                    const diff = precisionMatchLength - 1 - precision;
                     // eslint-disable-next-line no-param-reassign
                     inputValue = inputValue.substring(0, inputValue.length - diff);
                 }
@@ -189,7 +192,9 @@ class MaskApplierService {
         this.customPattern = customPattern;
         return this.applyMask(inputValue, mask);
     }
-    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, cb = () => { }) {
+    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
+    cb = () => { }) {
         if (!maskExpression || typeof inputValue !== 'string') {
             return '';
         }
@@ -217,7 +222,7 @@ class MaskApplierService {
         const arr = [];
         for (let i = 0; i < inputValue.length; i++) {
             if (inputValue[i]?.match('\\d')) {
-                arr.push(inputValue[i]);
+                arr.push(inputValue[i] ?? '');
             }
         }
         if (maskExpression === 'CPF_CNPJ') {
@@ -233,6 +238,7 @@ class MaskApplierService {
         }
         if (maskExpression.startsWith('percent')) {
             if (inputValue.match('[a-z]|[A-Z]') ||
+                // eslint-disable-next-line no-useless-escape
                 inputValue.match(/[-!$%^&*()_+|~=`{}\[\]:";'<>?,\/.]/)) {
                 // eslint-disable-next-line no-param-reassign
                 inputValue = this._stripToDecimal(inputValue);
@@ -257,7 +263,7 @@ class MaskApplierService {
             if (inputValue.match('[wа-яА-Я]') ||
                 inputValue.match('[ЁёА-я]') ||
                 inputValue.match('[a-z]|[A-Z]') ||
-                inputValue.match(/[-@#!$%\\^&*()_£¬'+|~=`{}\[\]:";<>.?\/]/) ||
+                inputValue.match(/[-@#!$%\\^&*()_£¬'+|~=`{}\]:";<>.?/]/) ||
                 inputValue.match('[^A-Za-z0-9,]')) {
                 // eslint-disable-next-line no-param-reassign
                 inputValue = this._stripToDecimal(inputValue);
@@ -266,9 +272,10 @@ class MaskApplierService {
             inputValue =
                 inputValue.length > 1 &&
                     inputValue[0] === '0' &&
+                    inputValue[1] !== this.thousandSeparator &&
                     !this._compareOrIncludes(inputValue[1], this.decimalMarker, this.thousandSeparator) &&
                     !backspaced
-                    ? inputValue.slice(1, inputValue.length)
+                    ? inputValue.slice(0, inputValue.length - 1)
                     : inputValue;
             if (backspaced) {
                 // eslint-disable-next-line no-param-reassign
@@ -311,7 +318,9 @@ class MaskApplierService {
                     _shift++;
                 } while (_shift < shiftStep);
             }
-            else if ((commaShift !== 0 && position > 0 && !(result.indexOf(',') >= position && position > 3)) ||
+            else if ((commaShift !== 0 &&
+                position > 0 &&
+                !(result.indexOf(',') >= position && position > 3)) ||
                 (!(result.indexOf('.') >= position && position > 3) && shiftStep <= 0)) {
                 this._shift.clear();
                 backspaceShift = true;
@@ -327,33 +336,33 @@ class MaskApplierService {
         else {
             for (
             // eslint-disable-next-line
-            let i = 0, inputSymbol = inputArray[0]; i < inputArray.length; i++, inputSymbol = inputArray[i]) {
+            let i = 0, inputSymbol = inputArray[0]; i < inputArray.length; i++, inputSymbol = inputArray[i] ?? '') {
                 if (cursor === maskExpression.length) {
                     break;
                 }
-                if (this._checkSymbolMask(inputSymbol, maskExpression[cursor]) &&
+                if (this._checkSymbolMask(inputSymbol, maskExpression[cursor] ?? '') &&
                     maskExpression[cursor + 1] === '?') {
                     result += inputSymbol;
                     cursor += 2;
                 }
                 else if (maskExpression[cursor + 1] === '*' &&
                     multi &&
-                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2])) {
+                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2] ?? '')) {
                     result += inputSymbol;
                     cursor += 3;
                     multi = false;
                 }
-                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor]) &&
+                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor] ?? '') &&
                     maskExpression[cursor + 1] === '*') {
                     result += inputSymbol;
                     multi = true;
                 }
                 else if (maskExpression[cursor + 1] === '?' &&
-                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2])) {
+                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2] ?? '')) {
                     result += inputSymbol;
                     cursor += 3;
                 }
-                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor])) {
+                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor] ?? '')) {
                     if (maskExpression[cursor] === 'H') {
                         if (Number(inputSymbol) > 2) {
                             cursor += 1;
@@ -463,15 +472,15 @@ class MaskApplierService {
                     result += inputSymbol;
                     cursor++;
                 }
-                else if (this.maskSpecialCharacters.indexOf(maskExpression[cursor]) !== -1) {
+                else if (this.maskSpecialCharacters.indexOf(maskExpression[cursor] ?? '') !== -1) {
                     result += maskExpression[cursor];
                     cursor++;
                     this._shiftStep(maskExpression, cursor, inputArray.length);
                     i--;
                 }
                 else if (this.maskSpecialCharacters.indexOf(inputSymbol) > -1 &&
-                    this.maskAvailablePatterns[maskExpression[cursor]] &&
-                    this.maskAvailablePatterns[maskExpression[cursor]]?.optional) {
+                    this.maskAvailablePatterns[maskExpression[cursor] ?? ''] &&
+                    this.maskAvailablePatterns[maskExpression[cursor] ?? '']?.optional) {
                     if (!!inputArray[cursor] &&
                         maskExpression !== '099.099.099.099' &&
                         maskExpression !== '000.000.000-00' &&
@@ -483,14 +492,14 @@ class MaskApplierService {
                     i--;
                 }
                 else if (this.maskExpression[cursor + 1] === '*' &&
-                    this._findSpecialChar(this.maskExpression[cursor + 2]) &&
+                    this._findSpecialChar(this.maskExpression[cursor + 2] ?? '') &&
                     this._findSpecialChar(inputSymbol) === this.maskExpression[cursor + 2] &&
                     multi) {
                     cursor += 3;
                     result += inputSymbol;
                 }
                 else if (this.maskExpression[cursor + 1] === '?' &&
-                    this._findSpecialChar(this.maskExpression[cursor + 2]) &&
+                    this._findSpecialChar(this.maskExpression[cursor + 2] ?? '') &&
                     this._findSpecialChar(inputSymbol) === this.maskExpression[cursor + 2] &&
                     multi) {
                     cursor += 3;
@@ -504,7 +513,8 @@ class MaskApplierService {
             }
         }
         if (result.length + 1 === maskExpression.length &&
-            this.maskSpecialCharacters.indexOf(maskExpression[maskExpression.length - 1]) !== -1) {
+            this.maskSpecialCharacters.indexOf(maskExpression[maskExpression.length - 1] ?? '') !==
+                -1) {
             result += maskExpression[maskExpression.length - 1];
         }
         let newPosition = position + 1;
@@ -541,18 +551,21 @@ class MaskApplierService {
         this.maskAvailablePatterns = this.customPattern
             ? this.customPattern
             : this.maskAvailablePatterns;
-        return (this.maskAvailablePatterns[maskSymbol] &&
-            this.maskAvailablePatterns[maskSymbol].pattern &&
-            this.maskAvailablePatterns[maskSymbol].pattern.test(inputSymbol));
+        return ((this.maskAvailablePatterns[maskSymbol]?.pattern &&
+            this.maskAvailablePatterns[maskSymbol]?.pattern.test(inputSymbol)) ??
+            false);
     }
     _stripToDecimal(str) {
         return str
             .split('')
             .filter((i, idx) => {
+            const isDecimalMarker = typeof this.decimalMarker === 'string'
+                ? i === this.decimalMarker
+                : // TODO (inepipenko) use utility type
+                    this.decimalMarker.includes(i);
             return (i.match('^-?\\d') ||
-                i.match('\\s') ||
-                i === '.' ||
-                i === ',' ||
+                i === this.thousandSeparator ||
+                isDecimalMarker ||
                 (i === '-' && idx === 0 && this.allowNegativeNumbers));
         })
             .join('');
@@ -568,7 +581,9 @@ class MaskApplierService {
         return char;
     }
     _shiftStep(maskExpression, cursor, inputLength) {
-        const shiftStep = /[*?]/g.test(maskExpression.slice(0, cursor)) ? inputLength : cursor;
+        const shiftStep = /[*?]/g.test(maskExpression.slice(0, cursor))
+            ? inputLength
+            : cursor;
         this._shift.add(shiftStep + this.prefix.length || 0);
     }
     _compareOrIncludes(value, comparedValue, excludedValue) {
@@ -586,9 +601,9 @@ class MaskApplierService {
             }));
     }
 }
-MaskApplierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskApplierService, deps: [{ token: config }], target: i0.ɵɵFactoryTarget.Injectable });
-MaskApplierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskApplierService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskApplierService, decorators: [{
+MaskApplierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskApplierService, deps: [{ token: config }], target: i0.ɵɵFactoryTarget.Injectable });
+MaskApplierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskApplierService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskApplierService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -615,10 +630,13 @@ class MaskService extends MaskApplierService {
         this.writingValue = false;
         this.maskChanged = false;
         this.triggerOnMaskChange = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
         this.onChange = (_) => { };
     }
     // eslint-disable-next-line complexity
-    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, cb = () => { }) {
+    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
+    cb = () => { }) {
         if (!maskExpression) {
             return inputValue !== this.actualValue ? this.actualValue : inputValue;
         }
@@ -633,7 +651,9 @@ class MaskService extends MaskApplierService {
             this.formControlResult(this.prefix);
             return this.prefix + this.maskIsShown;
         }
-        const getSymbol = !!inputValue && typeof this.selStart === 'number' ? inputValue[this.selStart] : '';
+        const getSymbol = !!inputValue && typeof this.selStart === 'number'
+            ? inputValue[this.selStart] ?? ''
+            : '';
         let newInputValue = '';
         if (this.hiddenInput !== undefined && !this.writingValue) {
             let actualResult = this.actualValue.split('');
@@ -674,12 +694,15 @@ class MaskService extends MaskApplierService {
         }
         // b) remove decimal marker from list of special characters to mask
         if (this.maskExpression.startsWith('separator') && this.dropSpecialCharacters === true) {
-            this.maskSpecialCharacters = this.maskSpecialCharacters.filter((item) => !this._compareOrIncludes(item, this.decimalMarker, this.thousandSeparator));
+            this.maskSpecialCharacters = this.maskSpecialCharacters.filter((item) => !this._compareOrIncludes(item, this.decimalMarker, this.thousandSeparator) //item !== this.decimalMarker, // !
+            );
         }
         this.formControlResult(result);
         if (!this.showMaskTyped) {
             if (this.hiddenInput) {
-                return result && result.length ? this.hideInput(result, this.maskExpression) : result;
+                return result && result.length
+                    ? this.hideInput(result, this.maskExpression)
+                    : result;
             }
             return result;
         }
@@ -705,7 +728,9 @@ class MaskService extends MaskApplierService {
         }
         return countSkipedSymbol;
     }
-    applyValueChanges(position, justPasted, backspaced, cb = () => { }) {
+    applyValueChanges(position, justPasted, backspaced, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
+    cb = () => { }) {
         const formElement = this._elementRef.nativeElement;
         formElement.value = this.applyMask(formElement.value, this.maskExpression, position, justPasted, backspaced, cb);
         if (formElement === this._getActiveElement()) {
@@ -718,9 +743,9 @@ class MaskService extends MaskApplierService {
             .split('')
             .map((curr, index) => {
             if (this.maskAvailablePatterns &&
-                this.maskAvailablePatterns[maskExpression[index]] &&
-                this.maskAvailablePatterns[maskExpression[index]]?.symbol) {
-                return this.maskAvailablePatterns[maskExpression[index]]?.symbol;
+                this.maskAvailablePatterns[maskExpression[index] ?? ''] &&
+                this.maskAvailablePatterns[maskExpression[index] ?? '']?.symbol) {
+                return this.maskAvailablePatterns[maskExpression[index] ?? '']?.symbol;
             }
             return curr;
         })
@@ -728,11 +753,11 @@ class MaskService extends MaskApplierService {
     }
     // this function is not necessary, it checks result against maskExpression
     getActualValue(res) {
-        const compare = res
-            .split('')
-            .filter((symbol, i) => this._checkSymbolMask(symbol, this.maskExpression[i]) ||
-            (this.maskSpecialCharacters.includes(this.maskExpression[i]) &&
-                symbol === this.maskExpression[i]));
+        const compare = res.split('').filter((symbol, i) => {
+            const maskChar = this.maskExpression[i] ?? '';
+            return (this._checkSymbolMask(symbol, maskChar) ||
+                (this.maskSpecialCharacters.includes(maskChar) && symbol === maskChar));
+        });
         if (compare.join('') === res) {
             return compare.join('');
         }
@@ -742,7 +767,7 @@ class MaskService extends MaskApplierService {
         let symbolToReplace = '';
         const newInputValue = (inputValue &&
             inputValue.split('').map((currSymbol, index) => {
-                if (this.maskSpecialCharacters.includes(inputValue[index + 1]) &&
+                if (this.maskSpecialCharacters.includes(inputValue[index + 1] ?? '') &&
                     inputValue[index + 1] !== this.maskExpression[index + 1]) {
                     symbolToReplace = currSymbol;
                     return inputValue[index + 1];
@@ -806,7 +831,9 @@ class MaskService extends MaskApplierService {
         Promise.resolve().then(() => this._renderer.setProperty(this._elementRef.nativeElement, name, value));
     }
     checkSpecialCharAmount(mask) {
-        const chars = mask.split('').filter((item) => this._findSpecialChar(item));
+        const chars = mask
+            .split('')
+            .filter((item) => this._findSpecialChar(item));
         return chars.length;
     }
     removeMask(inputValue) {
@@ -818,8 +845,12 @@ class MaskService extends MaskApplierService {
         }
         const arr = [];
         for (let i = 0; i < inputVal.length; i++) {
-            if (inputVal[i]?.match('\\d')) {
-                arr.push(inputVal[i]);
+            const value = inputVal[i] ?? '';
+            if (!value) {
+                continue;
+            }
+            if (value.match('\\d')) {
+                arr.push(value);
             }
         }
         if (arr.length <= 3) {
@@ -851,8 +882,12 @@ class MaskService extends MaskApplierService {
         }
         const arr = [];
         for (let i = 0; i < inputVal.length; i++) {
-            if (inputVal[i]?.match('\\d')) {
-                arr.push(inputVal[i]);
+            const value = inputVal[i] ?? '';
+            if (!value) {
+                continue;
+            }
+            if (value.match('\\d')) {
+                arr.push(value);
             }
         }
         if (arr.length <= 3) {
@@ -944,7 +979,9 @@ class MaskService extends MaskApplierService {
         return new RegExp(specialCharactersForRemove.map((item) => `\\${item}`).join('|'), 'gi');
     }
     _replaceDecimalMarkerToDot(value) {
-        const markers = Array.isArray(this.decimalMarker) ? this.decimalMarker : [this.decimalMarker];
+        const markers = Array.isArray(this.decimalMarker)
+            ? this.decimalMarker
+            : [this.decimalMarker];
         return value.replace(this._regExpForRemove(markers), '.');
     }
     _checkSymbols(result) {
@@ -978,11 +1015,11 @@ class MaskService extends MaskApplierService {
         return Number(separatorValue);
     }
 }
-MaskService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskService, deps: [{ token: DOCUMENT }, { token: config }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-MaskService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskService, decorators: [{
+MaskService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskService, deps: [{ token: DOCUMENT }, { token: config }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+MaskService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: undefined, decorators: [{
@@ -1020,7 +1057,9 @@ class MaskDirective {
         this._position = null;
         this._maskExpressionArray = [];
         this._justPasted = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
         this.onChange = (_) => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouch = () => { };
     }
     ngOnChanges(changes) {
@@ -1098,7 +1137,8 @@ class MaskDirective {
         if (allowNegativeNumbers) {
             this._maskService.allowNegativeNumbers = allowNegativeNumbers.currentValue;
             if (this._maskService.allowNegativeNumbers) {
-                this._maskService.maskSpecialCharacters = this._maskService.maskSpecialCharacters.filter((c) => c !== '-');
+                this._maskService.maskSpecialCharacters =
+                    this._maskService.maskSpecialCharacters.filter((c) => c !== '-');
             }
         }
         if (leadZeroDateTime) {
@@ -1135,7 +1175,7 @@ class MaskDirective {
         if (value && value.toString().length >= 1) {
             let counterOfOpt = 0;
             for (const key in this._maskService.maskAvailablePatterns) {
-                if (this._maskService.maskAvailablePatterns[key].optional) {
+                if (this._maskService.maskAvailablePatterns[key]?.optional) {
                     if (this._maskValue.indexOf(key) !== this._maskValue.lastIndexOf(key)) {
                         const opt = this._maskValue
                             .split('')
@@ -1157,7 +1197,9 @@ class MaskDirective {
             }
             if (this._maskValue.indexOf('{') === 1 &&
                 value.toString().length ===
-                    this._maskValue.length + Number(this._maskValue.split('{')[1].split('}')[0]) - 4) {
+                    this._maskValue.length +
+                        Number((this._maskValue.split('{')[1] ?? '').split('}')[0]) -
+                        4) {
                 return null;
             }
             if (this._maskValue.indexOf('*') === 1 || this._maskValue.indexOf('?') === 1) {
@@ -1192,7 +1234,8 @@ class MaskDirective {
     }
     onModelChange(value) {
         // on form reset we need to update the actualValue
-        if ((value === '' || value === null || value === undefined) && this._maskService.actualValue) {
+        if ((value === '' || value === null || value === undefined) &&
+            this._maskService.actualValue) {
             this._maskService.actualValue = this._maskService.getActualValue('');
         }
     }
@@ -1218,7 +1261,8 @@ class MaskDirective {
         if (this._getActiveElement() !== el) {
             return;
         }
-        this._position = this._position === 1 && this._inputValue.length === 1 ? null : this._position;
+        this._position =
+            this._position === 1 && this._inputValue.length === 1 ? null : this._position;
         let positionToApply = this._position
             ? this._inputValue.length + position + caretShift
             : position + (this._code === 'Backspace' && !backspaceShift ? 0 : caretShift);
@@ -1268,21 +1312,23 @@ class MaskDirective {
                 }
             }
         }
-        const nextValue = !el.value || el.value === this._maskService.prefix
-            ? this._maskService.prefix + this._maskService.maskIsShown
-            : el.value;
+        const nextValue = el &&
+            (!el.value || el.value === this._maskService.prefix
+                ? this._maskService.prefix + this._maskService.maskIsShown
+                : el.value);
         /** Fix of cursor position jumping to end in most browsers no matter where cursor is inserted onFocus */
-        if (el.value !== nextValue) {
+        if (el && el.value !== nextValue) {
             el.value = nextValue;
         }
         /** fix of cursor position with prefix when mouse click occur */
-        if ((el.selectionStart || el.selectionEnd) <=
-            this._maskService.prefix.length) {
+        if (el &&
+            (el.selectionStart || el.selectionEnd) <=
+                this._maskService.prefix.length) {
             el.selectionStart = this._maskService.prefix.length;
             return;
         }
         /** select only inserted text */
-        if (el.selectionEnd > this._getActualInputLength()) {
+        if (el && el.selectionEnd > this._getActualInputLength()) {
             el.selectionEnd = this._getActualInputLength();
         }
     }
@@ -1313,8 +1359,9 @@ class MaskDirective {
                 else {
                     if (this._inputValue.length !== el.selectionStart &&
                         el.selectionStart !== 1) {
-                        while (this.specialCharacters.includes(this._inputValue[el.selectionStart - 1].toString()) &&
-                            ((this.prefix.length >= 1 && el.selectionStart > this.prefix.length) ||
+                        while (this.specialCharacters.includes((this._inputValue[el.selectionStart - 1] ?? '').toString()) &&
+                            ((this.prefix.length >= 1 &&
+                                el.selectionStart > this.prefix.length) ||
                                 this.prefix.length === 0)) {
                             el.setSelectionRange(el.selectionStart - 1, el.selectionEnd);
                         }
@@ -1366,7 +1413,9 @@ class MaskDirective {
             if (!Array.isArray(this.decimalMarker)) {
                 // eslint-disable-next-line no-param-reassign
                 inputValue =
-                    this.decimalMarker !== '.' ? inputValue.replace('.', this.decimalMarker) : inputValue;
+                    this.decimalMarker !== '.'
+                        ? inputValue.replace('.', this.decimalMarker)
+                        : inputValue;
             }
             this._maskService.isNumberValue = true;
         }
@@ -1379,7 +1428,7 @@ class MaskDirective {
         if ((inputValue && this._maskService.maskExpression) ||
             (this._maskService.maskExpression &&
                 (this._maskService.prefix || this._maskService.showMaskTyped))) {
-            // Let the service we know we are writing value so that triggering onChange function wont happen during applyMask
+            // Let the service we know we are writing value so that triggering onChange function won't happen during applyMask
             this._maskService.writingValue = true;
             this._maskService.formElementProperty = [
                 'value',
@@ -1394,8 +1443,7 @@ class MaskDirective {
         this._inputValue = inputValue;
     }
     registerOnChange(fn) {
-        this.onChange = fn;
-        this._maskService.onChange = this.onChange;
+        this._maskService.onChange = this.onChange = fn;
     }
     registerOnTouched(fn) {
         this.onTouch = fn;
@@ -1419,10 +1467,14 @@ class MaskDirective {
     }
     _repeatPatternSymbols(maskExp) {
         return ((maskExp.match(/{[0-9]+}/) &&
-            maskExp.split('').reduce((accum, currval, index) => {
-                this._start = currval === '{' ? index : this._start;
-                if (currval !== '}') {
-                    return this._maskService._findSpecialChar(currval) ? accum + currval : accum;
+            maskExp
+                .split('')
+                .reduce((accum, currVal, index) => {
+                this._start = currVal === '{' ? index : this._start;
+                if (currVal !== '}') {
+                    return this._maskService._findSpecialChar(currVal)
+                        ? accum + currVal
+                        : accum;
                 }
                 this._end = index;
                 const repeatNumber = Number(maskExp.slice(this._start + 1, this._end));
@@ -1440,11 +1492,13 @@ class MaskDirective {
         ];
     }
     _validateTime(value) {
-        const rowMaskLen = this._maskValue.split('').filter((s) => s !== ':').length;
+        const rowMaskLen = this._maskValue
+            .split('')
+            .filter((s) => s !== ':').length;
         if (!value) {
             return null; // Don't validate empty values to allow for optional form control
         }
-        if ((+value[value.length - 1] === 0 && value.length < rowMaskLen) ||
+        if ((+(value[value.length - 1] ?? -1) === 0 && value.length < rowMaskLen) ||
             value.length <= rowMaskLen - 2) {
             return this._createValidationError(value);
         }
@@ -1474,17 +1528,18 @@ class MaskDirective {
                     return test;
                 }
                 else {
-                    this._maskValue = this._maskExpressionArray[this._maskExpressionArray.length - 1];
-                    this.maskExpression = this._maskExpressionArray[this._maskExpressionArray.length - 1];
-                    this._maskService.maskExpression =
-                        this._maskExpressionArray[this._maskExpressionArray.length - 1];
+                    const expression = this._maskExpressionArray[this._maskExpressionArray.length - 1] ?? '';
+                    this._maskValue =
+                        this.maskExpression =
+                            this._maskService.maskExpression =
+                                expression;
                 }
             });
         }
     }
 }
-MaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskDirective, deps: [{ token: DOCUMENT }, { token: MaskService }, { token: config }], target: i0.ɵɵFactoryTarget.Directive });
-MaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: MaskDirective, selector: "input[mask], textarea[mask]", inputs: { maskExpression: ["mask", "maskExpression"], specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", showTemplate: "showTemplate", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", triggerOnMaskChange: "triggerOnMaskChange" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "blur": "onBlur()", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
+MaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskDirective, deps: [{ token: DOCUMENT }, { token: MaskService }, { token: config }], target: i0.ɵɵFactoryTarget.Directive });
+MaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: MaskDirective, selector: "input[mask], textarea[mask]", inputs: { maskExpression: ["mask", "maskExpression"], specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", showTemplate: "showTemplate", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", triggerOnMaskChange: "triggerOnMaskChange" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "blur": "onBlur()", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MaskDirective),
@@ -1497,7 +1552,7 @@ MaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version:
         },
         MaskService,
     ], exportAs: ["mask", "ngxMask"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[mask], textarea[mask]',
@@ -1516,7 +1571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
                     ],
                     exportAs: 'mask,ngxMask',
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: MaskService }, { type: undefined, decorators: [{
@@ -1600,9 +1655,9 @@ class MaskPipe {
         return this._maskService.applyMaskWithPattern(`${value}`, mask);
     }
 }
-MaskPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskPipe, deps: [{ token: MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
-MaskPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: MaskPipe, name: "mask" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: MaskPipe, decorators: [{
+MaskPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskPipe, deps: [{ token: MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
+MaskPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: MaskPipe, name: "mask" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: MaskPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mask',
@@ -1646,10 +1701,10 @@ class NgxMaskModule {
         };
     }
 }
-NgxMaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: NgxMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: NgxMaskModule, declarations: [MaskDirective, MaskPipe], exports: [MaskDirective, MaskPipe] });
-NgxMaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: NgxMaskModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: NgxMaskModule, decorators: [{
+NgxMaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, declarations: [MaskDirective, MaskPipe], exports: [MaskDirective, MaskPipe] });
+NgxMaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [MaskDirective, MaskPipe],
@@ -1668,6 +1723,7 @@ const commonjsGlobal = typeof globalThis !== 'undefined'
                 : {};
 (function () {
     if (!commonjsGlobal.KeyboardEvent) {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         commonjsGlobal.KeyboardEvent = function (_eventType, _init) { };
     }
 })();