ngx-mask 16.3.0 → 16.3.2

package/fesm2022/ngx-mask.mjs

@@ -26,6 +26,7 @@ const initialConfig = {
     leadZeroDateTime: false,
     apm: false,
     leadZero: false,
+    keepCharacterPositions: false,
     triggerOnMaskChange: false,
     inputTransformFn: (value) => value,
     outputTransformFn: (value) => value,
@@ -113,9 +114,11 @@ class NgxMaskApplierService {
         this.apm = this._config.apm;
         this.inputTransformFn = this._config.inputTransformFn;
         this.outputTransformFn = this._config.outputTransformFn;
+        this.keepCharacterPositions = this._config.keepCharacterPositions;
         this._shift = new Set();
         this.maskExpression = '';
         this.actualValue = '';
+        this.showKeepCharacterExp = '';
         this.shownMaskExpression = '';
         this.deletedSpecialCharacter = false;
         this._formatWithSeparators = (str, thousandSeparatorChar, decimalChars, precision) => {
@@ -640,6 +643,14 @@ class NgxMaskApplierService {
         if (result.length === 0) {
             res = !this.dropSpecialCharacters ? `${this.prefix}${result}` : `${result}`;
         }
+        if (result.includes("-" /* MaskExpression.MINUS */) && this.prefix && this.allowNegativeNumbers) {
+            if (backspaced && result === "-" /* MaskExpression.MINUS */) {
+                return '';
+            }
+            res = `${"-" /* MaskExpression.MINUS */}${this.prefix}${result
+                .split("-" /* MaskExpression.MINUS */)
+                .join("" /* MaskExpression.EMPTY_STRING */)}${this.suffix}`;
+        }
         return res;
     }
     _findSpecialChar(inputSymbol) {
@@ -835,6 +846,15 @@ class NgxMaskService extends NgxMaskApplierService {
             newInputValue =
                 Boolean(newInputValue) && newInputValue.length ? newInputValue : inputValue;
         }
+        if (this.showMaskTyped && this.keepCharacterPositions && this.actualValue && !justPasted) {
+            const value = this.dropSpecialCharacters
+                ? this.removeMask(this.actualValue)
+                : this.actualValue;
+            this.formControlResult(value);
+            return this.actualValue
+                ? this.actualValue
+                : this.prefix + this.maskIsShown + this.suffix;
+        }
         const result = super.applyMask(newInputValue, maskExpression, position, justPasted, backspaced, cb);
         this.actualValue = this.getActualValue(result);
         // handle some separator implications:
@@ -1334,6 +1354,7 @@ class NgxMaskDirective {
         this.apm = null;
         this.inputTransformFn = null;
         this.outputTransformFn = null;
+        this.keepCharacterPositions = null;
         this.maskFilled = new EventEmitter();
         this._maskValue = '';
         this._position = null;
@@ -1350,7 +1371,7 @@ class NgxMaskDirective {
         this.onTouch = () => { };
     }
     ngOnChanges(changes) {
-        const { maskExpression, specialCharacters, patterns, prefix, suffix, thousandSeparator, decimalMarker, dropSpecialCharacters, hiddenInput, showMaskTyped, placeHolderCharacter, shownMaskExpression, showTemplate, clearIfNotMatch, validation, separatorLimit, allowNegativeNumbers, leadZeroDateTime, leadZero, triggerOnMaskChange, apm, inputTransformFn, outputTransformFn, } = changes;
+        const { maskExpression, specialCharacters, patterns, prefix, suffix, thousandSeparator, decimalMarker, dropSpecialCharacters, hiddenInput, showMaskTyped, placeHolderCharacter, shownMaskExpression, showTemplate, clearIfNotMatch, validation, separatorLimit, allowNegativeNumbers, leadZeroDateTime, leadZero, triggerOnMaskChange, apm, inputTransformFn, outputTransformFn, keepCharacterPositions, } = changes;
         if (maskExpression) {
             if (maskExpression.currentValue !== maskExpression.previousValue &&
                 !maskExpression.firstChange) {
@@ -1447,6 +1468,9 @@ class NgxMaskDirective {
         if (outputTransformFn) {
             this._maskService.outputTransformFn = outputTransformFn.currentValue;
         }
+        if (keepCharacterPositions) {
+            this._maskService.keepCharacterPositions = keepCharacterPositions.currentValue;
+        }
         this._applyMask();
     }
     // eslint-disable-next-line complexity
@@ -1534,7 +1558,7 @@ class NgxMaskDirective {
                     const lastIndexArray = array[array.length - 1];
                     if (lastIndexArray &&
                         this._maskService.specialCharacters.includes(lastIndexArray[0]) &&
-                        value.includes(lastIndexArray[0]) &&
+                        String(value).includes(lastIndexArray[0] ?? '') &&
                         !this.dropSpecialCharacters) {
                         const special = value.split(lastIndexArray[0]);
                         return special[special.length - 1].length === lastIndexArray.length - 1
@@ -1580,72 +1604,173 @@ class NgxMaskDirective {
             return;
         const el = e.target;
         const transformedValue = this._maskService.inputTransformFn(el.value);
-        if (typeof transformedValue === 'string' || typeof transformedValue === 'number') {
-            el.value = transformedValue.toString();
-            this._inputValue = el.value;
-            this._setMask();
-            if (!this._maskValue) {
-                this.onChange(el.value);
-                return;
-            }
-            let position = el.selectionStart === 1
-                ? el.selectionStart + this._maskService.prefix.length
-                : el.selectionStart;
-            let caretShift = 0;
-            let backspaceShift = false;
-            if (this._code === "Delete" /* MaskExpression.DELETE */ && "separator" /* MaskExpression.SEPARATOR */) {
-                this._maskService.deletedSpecialCharacter = true;
-            }
-            if (this._inputValue.length >= this._maskService.maskExpression.length - 1 &&
-                this._code !== "Backspace" /* MaskExpression.BACKSPACE */ &&
-                this._maskService.maskExpression === "d0/M0/0000" /* MaskExpression.DAYS_MONTHS_YEARS */ &&
-                position < 10) {
-                const inputSymbol = this._inputValue.slice(position - 1, position);
-                el.value =
-                    this._inputValue.slice(0, position - 1) +
-                        inputSymbol +
-                        this._inputValue.slice(position + 1);
-            }
-            this._maskService.applyValueChanges(position, this._justPasted, this._code === "Backspace" /* MaskExpression.BACKSPACE */ || this._code === "Delete" /* MaskExpression.DELETE */, (shift, _backspaceShift) => {
-                this._justPasted = false;
-                caretShift = shift;
-                backspaceShift = _backspaceShift;
-            });
-            // only set the selection if the element is active
-            if (this._getActiveElement() !== el) {
-                return;
-            }
-            // update position after applyValueChanges to prevent cursor on wrong position when it has an array of maskExpression
-            if (this._maskExpressionArray.length) {
-                if (this._code === "Backspace" /* MaskExpression.BACKSPACE */) {
-                    position = this.specialCharacters.includes(this._inputValue.slice(position - 1, position))
-                        ? position - 1
-                        : position;
+        if (el.type !== 'number') {
+            if (typeof transformedValue === 'string' || typeof transformedValue === 'number') {
+                el.value = transformedValue.toString();
+                this._inputValue = el.value;
+                this._setMask();
+                if (!this._maskValue) {
+                    this.onChange(el.value);
+                    return;
                 }
-                else {
-                    position =
-                        el.selectionStart === 1
-                            ? el.selectionStart + this._maskService.prefix.length
-                            : el.selectionStart;
+                let position = el.selectionStart === 1
+                    ? el.selectionStart + this._maskService.prefix.length
+                    : el.selectionStart;
+                if (this.showMaskTyped &&
+                    this.keepCharacterPositions &&
+                    this._maskService.placeHolderCharacter.length === 1) {
+                    const inputSymbol = el.value.slice(position - 1, position);
+                    const prefixLength = this.prefix.length;
+                    const checkSymbols = this._maskService._checkSymbolMask(inputSymbol, this._maskService.maskExpression[position - 1 - prefixLength] ??
+                        "" /* MaskExpression.EMPTY_STRING */);
+                    const checkSpecialCharacter = this._maskService._checkSymbolMask(inputSymbol, this._maskService.maskExpression[position + 1 - prefixLength] ??
+                        "" /* MaskExpression.EMPTY_STRING */);
+                    const selectRangeBackspace = this._maskService.selStart === this._maskService.selEnd;
+                    const selStart = Number(this._maskService.selStart) - prefixLength ?? '';
+                    const selEnd = Number(this._maskService.selEnd) - prefixLength ?? '';
+                    if (this._code === "Backspace" /* MaskExpression.BACKSPACE */) {
+                        if (!selectRangeBackspace) {
+                            if (this._maskService.selStart === prefixLength) {
+                                this._maskService.actualValue =
+                                    this.prefix +
+                                        this._maskService.maskIsShown.slice(0, selEnd) +
+                                        this._inputValue.split(this.prefix).join('');
+                            }
+                            else if (this._maskService.selStart ===
+                                this._maskService.maskIsShown.length + prefixLength) {
+                                this._maskService.actualValue =
+                                    this._inputValue +
+                                        this._maskService.maskIsShown.slice(selStart, selEnd);
+                            }
+                            else {
+                                this._maskService.actualValue =
+                                    this.prefix +
+                                        this._inputValue
+                                            .split(this.prefix)
+                                            .join('')
+                                            .slice(0, selStart) +
+                                        this._maskService.maskIsShown.slice(selStart, selEnd) +
+                                        this._maskService.actualValue.slice(selEnd + prefixLength, this._maskService.maskIsShown.length + prefixLength) +
+                                        this.suffix;
+                            }
+                        }
+                        else if (!this._maskService.specialCharacters.includes(this._maskService.maskExpression.slice(position - this.prefix.length, position + 1 - this.prefix.length)) &&
+                            selectRangeBackspace) {
+                            if (selStart === 1 && this.prefix) {
+                                this._maskService.actualValue =
+                                    this.prefix +
+                                        this._maskService.placeHolderCharacter +
+                                        el.value
+                                            .split(this.prefix)
+                                            .join('')
+                                            .split(this.suffix)
+                                            .join('') +
+                                        this.suffix;
+                                position = position - 1;
+                            }
+                            else {
+                                const part1 = el.value.substring(0, position);
+                                const part2 = el.value.substring(position);
+                                this._maskService.actualValue =
+                                    part1 + this._maskService.placeHolderCharacter + part2;
+                            }
+                        }
+                    }
+                    if (this._code !== "Backspace" /* MaskExpression.BACKSPACE */) {
+                        if (!checkSymbols && !checkSpecialCharacter && selectRangeBackspace) {
+                            position = Number(el.selectionStart) - 1;
+                        }
+                        else if (this._maskService.specialCharacters.includes(el.value.slice(position, position + 1)) &&
+                            checkSpecialCharacter &&
+                            !this._maskService.specialCharacters.includes(el.value.slice(position + 1, position + 2))) {
+                            this._maskService.actualValue =
+                                el.value.slice(0, position - 1) +
+                                    el.value.slice(position, position + 1) +
+                                    inputSymbol +
+                                    el.value.slice(position + 2);
+                            position = position + 1;
+                        }
+                        else if (checkSymbols) {
+                            this._maskService.actualValue =
+                                el.value.slice(0, position - 1) +
+                                    inputSymbol +
+                                    el.value
+                                        .slice(position + 1)
+                                        .split(this.suffix)
+                                        .join('') +
+                                    this.suffix;
+                        }
+                    }
                 }
+                let caretShift = 0;
+                let backspaceShift = false;
+                if (this._code === "Delete" /* MaskExpression.DELETE */ && "separator" /* MaskExpression.SEPARATOR */) {
+                    this._maskService.deletedSpecialCharacter = true;
+                }
+                if (this._inputValue.length >= this._maskService.maskExpression.length - 1 &&
+                    this._code !== "Backspace" /* MaskExpression.BACKSPACE */ &&
+                    this._maskService.maskExpression === "d0/M0/0000" /* MaskExpression.DAYS_MONTHS_YEARS */ &&
+                    position < 10) {
+                    const inputSymbol = this._inputValue.slice(position - 1, position);
+                    el.value =
+                        this._inputValue.slice(0, position - 1) +
+                            inputSymbol +
+                            this._inputValue.slice(position + 1);
+                }
+                if (this._maskService.maskExpression === "Hh:m0:s0" /* MaskExpression.HOURS_MINUTES_SECONDS */ &&
+                    this.apm) {
+                    if (this._justPasted && el.value.slice(0, 2) === "00" /* MaskExpression.DOUBLE_ZERO */) {
+                        el.value = el.value.slice(1, 2) + el.value.slice(2, el.value.length);
+                    }
+                    el.value =
+                        el.value === "00" /* MaskExpression.DOUBLE_ZERO */
+                            ? "0" /* MaskExpression.NUMBER_ZERO */
+                            : el.value;
+                }
+                this._maskService.applyValueChanges(position, this._justPasted, this._code === "Backspace" /* MaskExpression.BACKSPACE */ || this._code === "Delete" /* MaskExpression.DELETE */, (shift, _backspaceShift) => {
+                    this._justPasted = false;
+                    caretShift = shift;
+                    backspaceShift = _backspaceShift;
+                });
+                // only set the selection if the element is active
+                if (this._getActiveElement() !== el) {
+                    return;
+                }
+                // update position after applyValueChanges to prevent cursor on wrong position when it has an array of maskExpression
+                if (this._maskExpressionArray.length) {
+                    if (this._code === "Backspace" /* MaskExpression.BACKSPACE */) {
+                        position = this.specialCharacters.includes(this._inputValue.slice(position - 1, position))
+                            ? position - 1
+                            : position;
+                    }
+                    else {
+                        position =
+                            el.selectionStart === 1
+                                ? el.selectionStart + this._maskService.prefix.length
+                                : el.selectionStart;
+                    }
+                }
+                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" /* MaskExpression.BACKSPACE */ && !backspaceShift ? 0 : caretShift);
+                if (positionToApply > this._getActualInputLength()) {
+                    positionToApply = this._getActualInputLength();
+                }
+                if (positionToApply < 0) {
+                    positionToApply = 0;
+                }
+                el.setSelectionRange(positionToApply, positionToApply);
+                this._position = null;
             }
-            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" /* MaskExpression.BACKSPACE */ && !backspaceShift ? 0 : caretShift);
-            if (positionToApply > this._getActualInputLength()) {
-                positionToApply = this._getActualInputLength();
-            }
-            if (positionToApply < 0) {
-                positionToApply = 0;
+            else {
+                console.warn('Ngx-mask writeValue work with string | number, your current value:', typeof transformedValue);
             }
-            el.setSelectionRange(positionToApply, positionToApply);
-            this._position = null;
         }
         else {
-            console.warn('Ngx-mask writeValue work with string | number, your current value:', typeof transformedValue);
+            this._maskService.applyValueChanges(el.value.length, this._justPasted, this._code === "Backspace" /* MaskExpression.BACKSPACE */ || this._code === "Delete" /* MaskExpression.DELETE */);
         }
     }
     // IME starts
@@ -1695,7 +1820,7 @@ class NgxMaskDirective {
             el.selectionStart > this._maskService.prefix.length &&
             // eslint-disable-next-line
             e.keyCode !== 38) {
-            if (this._maskService.showMaskTyped) {
+            if (this._maskService.showMaskTyped && !this.keepCharacterPositions) {
                 // We are showing the mask in the input
                 this._maskService.maskIsShown = this._maskService.showMaskInInput();
                 if (el.setSelectionRange &&
@@ -1723,6 +1848,7 @@ class NgxMaskDirective {
         }
         /** fix of cursor position with prefix when mouse click occur */
         if (el &&
+            el.type !== 'number' &&
             (el.selectionStart || el.selectionEnd) <=
                 this._maskService.prefix.length) {
             el.selectionStart = this._maskService.prefix.length;
@@ -1748,65 +1874,68 @@ class NgxMaskDirective {
         const el = e.target;
         this._inputValue = el.value;
         this._setMask();
-        if (e.key === "ArrowUp" /* MaskExpression.ARROW_UP */) {
-            e.preventDefault();
-        }
-        if (e.key === "ArrowLeft" /* MaskExpression.ARROW_LEFT */ ||
-            e.key === "Backspace" /* MaskExpression.BACKSPACE */ ||
-            e.key === "Delete" /* MaskExpression.DELETE */) {
-            if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.value.length === 0) {
-                el.selectionStart = el.selectionEnd;
-            }
-            if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.selectionStart !== 0) {
-                // If specialChars is false, (shouldn't ever happen) then set to the defaults
-                this.specialCharacters = this.specialCharacters?.length
-                    ? this.specialCharacters
-                    : this._config.specialCharacters;
-                if (this.prefix.length > 1 && el.selectionStart <= this.prefix.length) {
-                    el.setSelectionRange(this.prefix.length, el.selectionEnd);
+        if (el.type !== 'number') {
+            if (e.key === "ArrowUp" /* MaskExpression.ARROW_UP */) {
+                e.preventDefault();
+            }
+            if (e.key === "ArrowLeft" /* MaskExpression.ARROW_LEFT */ ||
+                e.key === "Backspace" /* MaskExpression.BACKSPACE */ ||
+                e.key === "Delete" /* MaskExpression.DELETE */) {
+                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.value.length === 0) {
+                    el.selectionStart = el.selectionEnd;
                 }
-                else {
-                    if (this._inputValue.length !== el.selectionStart &&
-                        el.selectionStart !== 1) {
-                        while (this.specialCharacters.includes((this._inputValue[el.selectionStart - 1] ??
-                            "" /* MaskExpression.EMPTY_STRING */).toString()) &&
-                            ((this.prefix.length >= 1 &&
-                                el.selectionStart > this.prefix.length) ||
-                                this.prefix.length === 0)) {
-                            el.setSelectionRange(el.selectionStart - 1, el.selectionEnd);
+                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.selectionStart !== 0) {
+                    // If specialChars is false, (shouldn't ever happen) then set to the defaults
+                    this.specialCharacters = this.specialCharacters?.length
+                        ? this.specialCharacters
+                        : this._config.specialCharacters;
+                    if (this.prefix.length > 1 &&
+                        el.selectionStart <= this.prefix.length) {
+                        el.setSelectionRange(this.prefix.length, el.selectionEnd);
+                    }
+                    else {
+                        if (this._inputValue.length !== el.selectionStart &&
+                            el.selectionStart !== 1) {
+                            while (this.specialCharacters.includes((this._inputValue[el.selectionStart - 1] ??
+                                "" /* MaskExpression.EMPTY_STRING */).toString()) &&
+                                ((this.prefix.length >= 1 &&
+                                    el.selectionStart > this.prefix.length) ||
+                                    this.prefix.length === 0)) {
+                                el.setSelectionRange(el.selectionStart - 1, el.selectionEnd);
+                            }
                         }
                     }
                 }
+                this.checkSelectionOnDeletion(el);
+                if (this._maskService.prefix.length &&
+                    el.selectionStart <= this._maskService.prefix.length &&
+                    el.selectionEnd <= this._maskService.prefix.length) {
+                    e.preventDefault();
+                }
+                const cursorStart = el.selectionStart;
+                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ &&
+                    !el.readOnly &&
+                    cursorStart === 0 &&
+                    el.selectionEnd === el.value.length &&
+                    el.value.length !== 0) {
+                    this._position = this._maskService.prefix ? this._maskService.prefix.length : 0;
+                    this._maskService.applyMask(this._maskService.prefix, this._maskService.maskExpression, this._position);
+                }
             }
-            this.checkSelectionOnDeletion(el);
-            if (this._maskService.prefix.length &&
-                el.selectionStart <= this._maskService.prefix.length &&
-                el.selectionEnd <= this._maskService.prefix.length) {
-                e.preventDefault();
+            if (!!this.suffix &&
+                this.suffix.length > 1 &&
+                this._inputValue.length - this.suffix.length < el.selectionStart) {
+                el.setSelectionRange(this._inputValue.length - this.suffix.length, this._inputValue.length);
             }
-            const cursorStart = el.selectionStart;
-            if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ &&
-                !el.readOnly &&
-                cursorStart === 0 &&
-                el.selectionEnd === el.value.length &&
-                el.value.length !== 0) {
-                this._position = this._maskService.prefix ? this._maskService.prefix.length : 0;
-                this._maskService.applyMask(this._maskService.prefix, this._maskService.maskExpression, this._position);
+            else if ((e.code === 'KeyA' && e.ctrlKey) ||
+                (e.code === 'KeyA' && e.metaKey) // Cmd + A (Mac)
+            ) {
+                el.setSelectionRange(0, this._getActualInputLength());
+                e.preventDefault();
             }
+            this._maskService.selStart = el.selectionStart;
+            this._maskService.selEnd = el.selectionEnd;
         }
-        if (!!this.suffix &&
-            this.suffix.length > 1 &&
-            this._inputValue.length - this.suffix.length < el.selectionStart) {
-            el.setSelectionRange(this._inputValue.length - this.suffix.length, this._inputValue.length);
-        }
-        else if ((e.code === 'KeyA' && e.ctrlKey) ||
-            (e.code === 'KeyA' && e.metaKey) // Cmd + A (Mac)
-        ) {
-            el.setSelectionRange(0, this._getActualInputLength());
-            e.preventDefault();
-        }
-        this._maskService.selStart = el.selectionStart;
-        this._maskService.selEnd = el.selectionEnd;
     }
     /** It writes the value in the input */
     async writeValue(controlValue) {
@@ -1991,7 +2120,7 @@ class NgxMaskDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgxMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgxMaskDirective, isStandalone: true, 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", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgxMaskDirective, isStandalone: true, 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", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn", keepCharacterPositions: "keepCharacterPositions" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: NgxMaskDirective,
@@ -2072,6 +2201,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImpor
                 type: Input
             }], outputTransformFn: [{
                 type: Input
+            }], keepCharacterPositions: [{
+                type: Input
             }], maskFilled: [{
                 type: Output
             }], onPaste: [{