ngx-mask 14.2.3 → 14.2.4

package/fesm2015/ngx-mask.mjs

@@ -91,7 +91,7 @@ class MaskApplierService {
         this.actualValue = '';
         this.shownMaskExpression = '';
         this._formatWithSeparators = (str, thousandSeparatorChar, decimalChars, precision) => {
-            var _a, _b;
+            var _a, _b, _c;
             let x = [];
             let decimalChar = '';
             if (Array.isArray(decimalChars)) {
@@ -104,7 +104,7 @@ class MaskApplierService {
                 decimalChar = decimalChars;
             }
             const decimals = x.length > 1 ? `${decimalChar}${x[1]}` : '';
-            let res = x[0];
+            let res = (_c = x[0]) !== null && _c !== void 0 ? _c : '';
             const separatorLimit = this.separatorLimit.replace(/\s/g, '');
             if (separatorLimit && +separatorLimit) {
                 if (res[0] === '-') {
@@ -124,7 +124,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;
@@ -137,17 +137,20 @@ class MaskApplierService {
             return Infinity;
         };
         this.checkAndRemoveSuffix = (inputValue) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             for (let i = ((_a = this.suffix) === null || _a === void 0 ? void 0 : _a.length) - 1; i >= 0; i--) {
-                const substr = this.suffix.substr(i, (_b = this.suffix) === null || _b === void 0 ? void 0 : _b.length);
+                const substr = this.suffix.substring(i, (_b = this.suffix) === null || _b === void 0 ? void 0 : _b.length);
                 if (inputValue.includes(substr) &&
-                    (i - 1 < 0 || !inputValue.includes(this.suffix.substr(i - 1, (_c = this.suffix) === null || _c === void 0 ? void 0 : _c.length)))) {
+                    i !== ((_c = this.suffix) === null || _c === void 0 ? void 0 : _c.length) - 1 &&
+                    (i - 1 < 0 ||
+                        !inputValue.includes(this.suffix.substring(i - 1, (_d = this.suffix) === null || _d === void 0 ? void 0 : _d.length)))) {
                     return inputValue.replace(substr, '');
                 }
             }
             return inputValue;
         };
         this.checkInputPrecision = (inputValue, precision, decimalMarker) => {
+            var _a, _b, _c;
             if (precision < Infinity) {
                 // TODO need think about decimalMarker
                 if (Array.isArray(decimalMarker)) {
@@ -156,9 +159,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 = (_a = inputValue.match(precisionRegEx)) !== null && _a !== void 0 ? _a : [];
+                const precisionMatchLength = (_c = (_b = precisionMatch[0]) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+                if (precisionMatchLength - 1 > precision) {
+                    const diff = precisionMatchLength - 1 - precision;
                     // eslint-disable-next-line no-param-reassign
                     inputValue = inputValue.substring(0, inputValue.length - diff);
                 }
@@ -192,8 +196,10 @@ class MaskApplierService {
         this.customPattern = customPattern;
         return this.applyMask(inputValue, mask);
     }
-    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, cb = () => { }) {
-        var _a, _b;
+    applyMask(inputValue, maskExpression, position = 0, justPasted = false, backspaced = false, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
+    cb = () => { }) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         if (!maskExpression || typeof inputValue !== 'string') {
             return '';
         }
@@ -221,7 +227,7 @@ class MaskApplierService {
         const arr = [];
         for (let i = 0; i < inputValue.length; i++) {
             if ((_a = inputValue[i]) === null || _a === void 0 ? void 0 : _a.match('\\d')) {
-                arr.push(inputValue[i]);
+                arr.push((_b = inputValue[i]) !== null && _b !== void 0 ? _b : '');
             }
         }
         if (maskExpression === 'CPF_CNPJ') {
@@ -237,6 +243,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);
@@ -261,7 +268,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);
@@ -316,7 +323,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;
@@ -332,33 +341,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 = (_c = inputArray[i]) !== null && _c !== void 0 ? _c : '') {
                 if (cursor === maskExpression.length) {
                     break;
                 }
-                if (this._checkSymbolMask(inputSymbol, maskExpression[cursor]) &&
+                if (this._checkSymbolMask(inputSymbol, (_d = maskExpression[cursor]) !== null && _d !== void 0 ? _d : '') &&
                     maskExpression[cursor + 1] === '?') {
                     result += inputSymbol;
                     cursor += 2;
                 }
                 else if (maskExpression[cursor + 1] === '*' &&
                     multi &&
-                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2])) {
+                    this._checkSymbolMask(inputSymbol, (_e = maskExpression[cursor + 2]) !== null && _e !== void 0 ? _e : '')) {
                     result += inputSymbol;
                     cursor += 3;
                     multi = false;
                 }
-                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor]) &&
+                else if (this._checkSymbolMask(inputSymbol, (_f = maskExpression[cursor]) !== null && _f !== void 0 ? _f : '') &&
                     maskExpression[cursor + 1] === '*') {
                     result += inputSymbol;
                     multi = true;
                 }
                 else if (maskExpression[cursor + 1] === '?' &&
-                    this._checkSymbolMask(inputSymbol, maskExpression[cursor + 2])) {
+                    this._checkSymbolMask(inputSymbol, (_g = maskExpression[cursor + 2]) !== null && _g !== void 0 ? _g : '')) {
                     result += inputSymbol;
                     cursor += 3;
                 }
-                else if (this._checkSymbolMask(inputSymbol, maskExpression[cursor])) {
+                else if (this._checkSymbolMask(inputSymbol, (_h = maskExpression[cursor]) !== null && _h !== void 0 ? _h : '')) {
                     if (maskExpression[cursor] === 'H') {
                         if (Number(inputSymbol) > 2) {
                             cursor += 1;
@@ -468,15 +477,15 @@ class MaskApplierService {
                     result += inputSymbol;
                     cursor++;
                 }
-                else if (this.maskSpecialCharacters.indexOf(maskExpression[cursor]) !== -1) {
+                else if (this.maskSpecialCharacters.indexOf((_j = maskExpression[cursor]) !== null && _j !== void 0 ? _j : '') !== -1) {
                     result += maskExpression[cursor];
                     cursor++;
                     this._shiftStep(maskExpression, cursor, inputArray.length);
                     i--;
                 }
                 else if (this.maskSpecialCharacters.indexOf(inputSymbol) > -1 &&
-                    this.maskAvailablePatterns[maskExpression[cursor]] &&
-                    ((_b = this.maskAvailablePatterns[maskExpression[cursor]]) === null || _b === void 0 ? void 0 : _b.optional)) {
+                    this.maskAvailablePatterns[(_k = maskExpression[cursor]) !== null && _k !== void 0 ? _k : ''] &&
+                    ((_m = this.maskAvailablePatterns[(_l = maskExpression[cursor]) !== null && _l !== void 0 ? _l : '']) === null || _m === void 0 ? void 0 : _m.optional)) {
                     if (!!inputArray[cursor] &&
                         maskExpression !== '099.099.099.099' &&
                         maskExpression !== '000.000.000-00' &&
@@ -488,14 +497,14 @@ class MaskApplierService {
                     i--;
                 }
                 else if (this.maskExpression[cursor + 1] === '*' &&
-                    this._findSpecialChar(this.maskExpression[cursor + 2]) &&
+                    this._findSpecialChar((_o = this.maskExpression[cursor + 2]) !== null && _o !== void 0 ? _o : '') &&
                     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((_p = this.maskExpression[cursor + 2]) !== null && _p !== void 0 ? _p : '') &&
                     this._findSpecialChar(inputSymbol) === this.maskExpression[cursor + 2] &&
                     multi) {
                     cursor += 3;
@@ -509,7 +518,8 @@ class MaskApplierService {
             }
         }
         if (result.length + 1 === maskExpression.length &&
-            this.maskSpecialCharacters.indexOf(maskExpression[maskExpression.length - 1]) !== -1) {
+            this.maskSpecialCharacters.indexOf((_q = maskExpression[maskExpression.length - 1]) !== null && _q !== void 0 ? _q : '') !==
+                -1) {
             result += maskExpression[maskExpression.length - 1];
         }
         let newPosition = position + 1;
@@ -543,12 +553,12 @@ class MaskApplierService {
         return this.maskSpecialCharacters.find((val) => val === inputSymbol);
     }
     _checkSymbolMask(inputSymbol, maskSymbol) {
+        var _a, _b, _c;
         this.maskAvailablePatterns = this.customPattern
             ? this.customPattern
             : this.maskAvailablePatterns;
-        return (this.maskAvailablePatterns[maskSymbol] &&
-            this.maskAvailablePatterns[maskSymbol].pattern &&
-            this.maskAvailablePatterns[maskSymbol].pattern.test(inputSymbol));
+        return ((_c = (((_a = this.maskAvailablePatterns[maskSymbol]) === null || _a === void 0 ? void 0 : _a.pattern) &&
+            ((_b = this.maskAvailablePatterns[maskSymbol]) === null || _b === void 0 ? void 0 : _b.pattern.test(inputSymbol)))) !== null && _c !== void 0 ? _c : false);
     }
     _stripToDecimal(str) {
         return str
@@ -576,7 +586,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) {
@@ -594,9 +606,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: [{
@@ -625,10 +637,14 @@ 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 = () => { }) {
+        var _a;
         if (!maskExpression) {
             return inputValue !== this.actualValue ? this.actualValue : inputValue;
         }
@@ -643,7 +659,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'
+            ? (_a = inputValue[this.selStart]) !== null && _a !== void 0 ? _a : ''
+            : '';
         let newInputValue = '';
         if (this.hiddenInput !== undefined && !this.writingValue) {
             let actualResult = this.actualValue.split('');
@@ -684,12 +702,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;
         }
@@ -715,7 +736,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()) {
@@ -727,11 +750,11 @@ class MaskService extends MaskApplierService {
         return inputValue
             .split('')
             .map((curr, index) => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e;
             if (this.maskAvailablePatterns &&
-                this.maskAvailablePatterns[maskExpression[index]] &&
-                ((_a = this.maskAvailablePatterns[maskExpression[index]]) === null || _a === void 0 ? void 0 : _a.symbol)) {
-                return (_b = this.maskAvailablePatterns[maskExpression[index]]) === null || _b === void 0 ? void 0 : _b.symbol;
+                this.maskAvailablePatterns[(_a = maskExpression[index]) !== null && _a !== void 0 ? _a : ''] &&
+                ((_c = this.maskAvailablePatterns[(_b = maskExpression[index]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.symbol)) {
+                return (_e = this.maskAvailablePatterns[(_d = maskExpression[index]) !== null && _d !== void 0 ? _d : '']) === null || _e === void 0 ? void 0 : _e.symbol;
             }
             return curr;
         })
@@ -739,11 +762,12 @@ 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) => {
+            var _a;
+            const maskChar = (_a = this.maskExpression[i]) !== null && _a !== void 0 ? _a : '';
+            return (this._checkSymbolMask(symbol, maskChar) ||
+                (this.maskSpecialCharacters.includes(maskChar) && symbol === maskChar));
+        });
         if (compare.join('') === res) {
             return compare.join('');
         }
@@ -753,7 +777,8 @@ class MaskService extends MaskApplierService {
         let symbolToReplace = '';
         const newInputValue = (inputValue &&
             inputValue.split('').map((currSymbol, index) => {
-                if (this.maskSpecialCharacters.includes(inputValue[index + 1]) &&
+                var _a;
+                if (this.maskSpecialCharacters.includes((_a = inputValue[index + 1]) !== null && _a !== void 0 ? _a : '') &&
                     inputValue[index + 1] !== this.maskExpression[index + 1]) {
                     symbolToReplace = currSymbol;
                     return inputValue[index + 1];
@@ -817,7 +842,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) {
@@ -830,8 +857,12 @@ class MaskService extends MaskApplierService {
         }
         const arr = [];
         for (let i = 0; i < inputVal.length; i++) {
-            if ((_a = inputVal[i]) === null || _a === void 0 ? void 0 : _a.match('\\d')) {
-                arr.push(inputVal[i]);
+            const value = (_a = inputVal[i]) !== null && _a !== void 0 ? _a : '';
+            if (!value) {
+                continue;
+            }
+            if (value.match('\\d')) {
+                arr.push(value);
             }
         }
         if (arr.length <= 3) {
@@ -864,8 +895,12 @@ class MaskService extends MaskApplierService {
         }
         const arr = [];
         for (let i = 0; i < inputVal.length; i++) {
-            if ((_a = inputVal[i]) === null || _a === void 0 ? void 0 : _a.match('\\d')) {
-                arr.push(inputVal[i]);
+            const value = (_a = inputVal[i]) !== null && _a !== void 0 ? _a : '';
+            if (!value) {
+                continue;
+            }
+            if (value.match('\\d')) {
+                arr.push(value);
             }
         }
         if (arr.length <= 3) {
@@ -958,7 +993,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) {
@@ -992,12 +1029,12 @@ 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: [{
+        return [{ type: Document, decorators: [{
                         type: Inject,
                         args: [DOCUMENT]
                     }] }, { type: undefined, decorators: [{
@@ -1036,7 +1073,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) {
@@ -1114,7 +1153,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) {
@@ -1127,6 +1167,7 @@ class MaskDirective {
     }
     // eslint-disable-next-line complexity
     validate({ value }) {
+        var _a, _b;
         if (!this._maskService.validation || !this._maskValue) {
             return null;
         }
@@ -1151,7 +1192,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 ((_a = this._maskService.maskAvailablePatterns[key]) === null || _a === void 0 ? void 0 : _a.optional) {
                     if (this._maskValue.indexOf(key) !== this._maskValue.lastIndexOf(key)) {
                         const opt = this._maskValue
                             .split('')
@@ -1173,7 +1214,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(((_b = this._maskValue.split('{')[1]) !== null && _b !== void 0 ? _b : '').split('}')[0]) -
+                        4) {
                 return null;
             }
             if (this._maskValue.indexOf('*') === 1 || this._maskValue.indexOf('?') === 1) {
@@ -1208,7 +1251,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('');
         }
     }
@@ -1234,7 +1278,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);
@@ -1284,27 +1329,29 @@ 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();
         }
     }
     // eslint-disable-next-line complexity
     onKeyDown(e) {
-        var _a;
+        var _a, _b;
         if (!this._maskValue) {
             return;
         }
@@ -1330,8 +1377,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(((_b = this._inputValue[el.selectionStart - 1]) !== null && _b !== void 0 ? _b : '').toString()) &&
+                            ((this.prefix.length >= 1 &&
+                                el.selectionStart > this.prefix.length) ||
                                 this.prefix.length === 0)) {
                             el.setSelectionRange(el.selectionStart - 1, el.selectionEnd);
                         }
@@ -1384,7 +1432,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;
             }
@@ -1397,7 +1447,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',
@@ -1438,10 +1488,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));
@@ -1459,11 +1513,14 @@ class MaskDirective {
         ];
     }
     _validateTime(value) {
-        const rowMaskLen = this._maskValue.split('').filter((s) => s !== ':').length;
+        var _a;
+        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 ((+((_a = value[value.length - 1]) !== null && _a !== void 0 ? _a : -1) === 0 && value.length < rowMaskLen) ||
             value.length <= rowMaskLen - 2) {
             return this._createValidationError(value);
         }
@@ -1484,7 +1541,7 @@ class MaskDirective {
     _setMask() {
         if (this._maskExpressionArray.length > 0) {
             this._maskExpressionArray.some((mask) => {
-                var _a, _b;
+                var _a, _b, _c;
                 const test = ((_a = this._maskService.removeMask(this._inputValue)) === null || _a === void 0 ? void 0 : _a.length) <=
                     ((_b = this._maskService.removeMask(mask)) === null || _b === void 0 ? void 0 : _b.length);
                 if (this._inputValue && test) {
@@ -1494,17 +1551,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 = (_c = this._maskExpressionArray[this._maskExpressionArray.length - 1]) !== null && _c !== void 0 ? _c : '';
+                    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),
@@ -1517,7 +1575,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]',
@@ -1537,7 +1595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
                     exportAs: 'mask,ngxMask',
                 }]
         }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
+        return [{ type: Document, decorators: [{
                         type: Inject,
                         args: [DOCUMENT]
                     }] }, { type: MaskService }, { type: undefined, decorators: [{
@@ -1622,9 +1680,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',
@@ -1667,10 +1725,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],
@@ -1689,6 +1747,7 @@ const commonjsGlobal = typeof globalThis !== 'undefined'
                 : {};
 (function () {
     if (!commonjsGlobal.KeyboardEvent) {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         commonjsGlobal.KeyboardEvent = function (_eventType, _init) { };
     }
 })();