ngx-mask 22.1.0 → 22.2.0

package/fesm2022/ngx-mask.mjs

@@ -29,6 +29,8 @@ var MaskExpression;
     MaskExpression["SECOND"] = "s";
     MaskExpression["LETTER_S"] = "S";
     MaskExpression["DOT"] = ".";
+    MaskExpression["NUMPAD_DECIMAL"] = "Decimal";
+    MaskExpression["NUMPAD_DECIMAL_CODE"] = "NumpadDecimal";
     MaskExpression["COMMA"] = ",";
     MaskExpression["CURLY_BRACKETS_LEFT"] = "{";
     MaskExpression["CURLY_BRACKETS_RIGHT"] = "}";
@@ -539,9 +541,9 @@ const percentHandler = function (state, params) {
         (processedValue.match(/[-!$%^&*()_+|~=`{}\[\]:";'<>?,\/.]/) && !backspaced)) {
         processedValue = this._stripToDecimal(processedValue);
         const precision = this.getPrecision(state.maskExpression);
-        processedValue = this.checkInputPrecision(processedValue, precision, this.decimalMarker);
+        processedValue = this.checkInputPrecision(processedValue, precision);
     }
-    const decimalMarker = typeof this.decimalMarker === 'string' ? this.decimalMarker : MaskExpression.DOT;
+    const decimalMarker = this._activeDecimalMarker(processedValue);
     if (processedValue.indexOf(decimalMarker) > 0 &&
         !this.percentage(processedValue.substring(0, processedValue.indexOf(decimalMarker)))) {
         let base = processedValue.substring(0, processedValue.indexOf(decimalMarker) - 1);
@@ -594,15 +596,7 @@ const separatorHandler = function (state, params) {
     const precision = this.getPrecision(state.maskExpression);
     let decimalMarker = this.decimalMarker;
     if (Array.isArray(this.decimalMarker)) {
-        if (this.actualValue.includes(this.decimalMarker[0]) ||
-            this.actualValue.includes(this.decimalMarker[1])) {
-            decimalMarker = this.actualValue.includes(this.decimalMarker[0])
-                ? this.decimalMarker[0]
-                : this.decimalMarker[1];
-        }
-        else {
-            decimalMarker = this.decimalMarker.find((dm) => dm !== this.thousandSeparator);
-        }
+        decimalMarker = this._activeDecimalMarker(this.actualValue);
     }
     // Issues #733/#1414/#1315: opt-in "banking" typing mode — typed digits fill
     // the value from the decimal end, ATM/calculator style (5 -> 0.05 -> 0.57
@@ -804,7 +798,7 @@ const separatorHandler = function (state, params) {
     if (processedValue.match(invalidCharRegexp)) {
         processedValue = processedValue.substring(0, processedValue.length - 1);
     }
-    processedValue = this.checkInputPrecision(processedValue, precision, this.decimalMarker);
+    processedValue = this.checkInputPrecision(processedValue, precision);
     const strForSep = processedValue.replace(new RegExp(thousandSeparatorCharEscaped, 'g'), '');
     result = this._formatWithSeparators(strForSep, this.thousandSeparator, this.decimalMarker, precision);
     const commaShift = result.indexOf(MaskExpression.COMMA) - processedValue.indexOf(MaskExpression.COMMA);
@@ -1193,18 +1187,11 @@ class NgxMaskApplierService {
         }
         return inputValue;
     };
-    checkInputPrecision = (inputValue, precision, decimalMarker) => {
+    checkInputPrecision = (inputValue, precision) => {
         let processedInputValue = inputValue;
-        let processedDecimalMarker = decimalMarker;
         if (precision < Infinity) {
-            // With an array decimalMarker (default ['.', ',']), pick the first configured
-            // marker that isn't also the thousandSeparator — mirrors the same fallback
-            // resolution used in separator.handler.ts (no marker typed yet in this value).
-            if (Array.isArray(processedDecimalMarker)) {
-                const marker = processedDecimalMarker.find((dm) => dm !== this.thousandSeparator);
-                processedDecimalMarker = marker ? marker : processedDecimalMarker[0];
-            }
-            const precisionRegEx = new RegExp(this._charToRegExpExpression(processedDecimalMarker) + `\\d{${precision}}.*$`);
+            const decimalMarker = this._activeDecimalMarker(inputValue);
+            const precisionRegEx = new RegExp(this._charToRegExpExpression(decimalMarker) + `\\d{${precision}}.*$`);
             const precisionMatch = processedInputValue.match(precisionRegEx);
             const precisionMatchLength = (precisionMatch && precisionMatch[0]?.length) ?? 0;
             if (precisionMatchLength - 1 > precision) {
@@ -1212,7 +1199,7 @@ class NgxMaskApplierService {
                 processedInputValue = processedInputValue.substring(0, processedInputValue.length - diff);
             }
             if (precision === 0 &&
-                this._compareOrIncludes(processedInputValue[processedInputValue.length - 1], processedDecimalMarker, this.thousandSeparator)) {
+                this._compareOrIncludes(processedInputValue[processedInputValue.length - 1], decimalMarker, this.thousandSeparator)) {
                 processedInputValue = processedInputValue.substring(0, processedInputValue.length - 1);
             }
         }
@@ -1260,13 +1247,24 @@ class NgxMaskApplierService {
                 return value === MaskExpression.EMPTY_STRING || Number(value.substring(0, 3)) > 255;
             }));
     }
+    /**
+     * The single rule for "which decimal marker is active": the configured marker, or — for an
+     * array — the first configured marker present in `value` that is not the thousandSeparator,
+     * else the first configured marker that is not the thousandSeparator (#1653).
+     */
+    _activeDecimalMarker(value) {
+        if (!Array.isArray(this.decimalMarker)) {
+            return this.decimalMarker;
+        }
+        const candidates = this.decimalMarker.filter((dm) => dm !== this.thousandSeparator);
+        return (candidates.find((dm) => value.includes(dm)) ?? candidates[0] ?? this.decimalMarker[0]);
+    }
     _splitPercentZero(value) {
         if (value === MaskExpression.MINUS && this.allowNegativeNumbers) {
             return value;
         }
-        const decimalIndex = typeof this.decimalMarker === 'string'
-            ? value.indexOf(this.decimalMarker)
-            : value.indexOf(MaskExpression.DOT);
+        const decimal = this._activeDecimalMarker(value);
+        const decimalIndex = value.indexOf(decimal);
         const emptyOrMinus = this.allowNegativeNumbers && value.includes(MaskExpression.MINUS) ? '-' : '';
         if (decimalIndex === -1) {
             const parsedValue = parseInt(emptyOrMinus ? value.slice(1, value.length) : value, 10);
@@ -1278,7 +1276,6 @@ class NgxMaskApplierService {
             const integerPart = parseInt(value.replace('-', '').substring(0, decimalIndex), 10);
             const decimalPart = value.substring(decimalIndex + 1);
             const integerString = isNaN(integerPart) ? '' : integerPart.toString();
-            const decimal = typeof this.decimalMarker === 'string' ? this.decimalMarker : MaskExpression.DOT;
             return integerString === MaskExpression.EMPTY_STRING
                 ? MaskExpression.EMPTY_STRING
                 : `${emptyOrMinus}${integerString}${decimal}${decimalPart}`;
@@ -1304,10 +1301,10 @@ class NgxMaskApplierService {
             nonZeroIndex,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskApplierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskApplierService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskApplierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskApplierService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskApplierService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskApplierService, decorators: [{
             type: Injectable
         }] });
 
@@ -2007,7 +2004,10 @@ class NgxMaskService extends NgxMaskApplierService {
     }
     _removeMask(value, specialCharactersForRemove) {
         if (this.maskExpression.startsWith(MaskExpression.PERCENT) &&
-            value.includes(MaskExpression.DOT)) {
+            (value.includes(MaskExpression.DOT) ||
+                (Array.isArray(this.decimalMarker) &&
+                    value.includes(MaskExpression.COMMA) &&
+                    this._activeDecimalMarker(value) === MaskExpression.COMMA))) {
             return value;
         }
         return value
@@ -2063,7 +2063,7 @@ class NgxMaskService extends NgxMaskApplierService {
             return processedResult;
         }
         if (this.maskExpression.startsWith(MaskExpression.PERCENT) &&
-            this.decimalMarker === MaskExpression.COMMA) {
+            this._activeDecimalMarker(processedResult) === MaskExpression.COMMA) {
             processedResult = processedResult.replace(MaskExpression.COMMA, MaskExpression.DOT);
         }
         const separatorPrecision = this._retrieveSeparatorPrecision(this.maskExpression);
@@ -2201,10 +2201,10 @@ class NgxMaskService extends NgxMaskApplierService {
     currentLocaleDecimalMarker() {
         return MaskExpression.DOT;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskService, decorators: [{
             type: Injectable
         }] });
 
@@ -2295,6 +2295,18 @@ class NgxMaskDirective {
     // config, so no ngOnChanges mirroring into the service is needed (#1435).
     defaultValueOnBlur = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "defaultValueOnBlur" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal Forms `FormValueControl` surface. At runtime `FormField` never drives this model
+     * when the directive is bound (it prefers the `NG_VALUE_ACCESSOR` provided above, see
+     * `_isCvaMode`), but the template type-checker treats any directive owning a `value` model
+     * as the field's custom control and checks the bound field's value type against it (#1640).
+     * The model therefore accepts exactly what `writeValue()` accepts — `string | number | null |
+     * undefined` — so numeric and nullable fields (`signal({ amount: 0 })`,
+     * `signal<number | null>(null)`, `signal<string | null>(null)`) compile under
+     * `strictTemplates`. Values pushed back into the model are always the unmasked string (see
+     * `_propagateToValueModel`), i.e. `value()` / `valueChange` are declared wider than what is
+     * emitted.
+     */
     value = model('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -2534,7 +2546,10 @@ class NgxMaskDirective {
             }
         }
         if (placeHolderCharacter) {
-            this._maskService.placeHolderCharacter = placeHolderCharacter.currentValue;
+            // `null`/`undefined` means "no custom placeholder" (#1643): fall back to the default
+            // instead of storing null, which broke every `.length` read on the service.
+            this._maskService.placeHolderCharacter =
+                placeHolderCharacter.currentValue ?? this._config.placeHolderCharacter;
             if (typeof placeHolderCharacter.currentValue === 'string' &&
                 placeHolderCharacter.currentValue.length > 1 &&
                 !this._warnedAboutMultiCharPlaceholder) {
@@ -3363,6 +3378,9 @@ class NgxMaskDirective {
         this._setMask();
         const isTextarea = el.tagName.toLowerCase() === 'textarea';
         if (el.type !== 'number') {
+            if (this._insertNumpadDecimalMarker(e, el)) {
+                return;
+            }
             if (e.key === MaskExpression.ARROW_UP && !isTextarea) {
                 e.preventDefault();
             }
@@ -3412,7 +3430,15 @@ class NgxMaskDirective {
                     // triggers change detection (DOM churn around the input), leaving the
                     // model empty but the view untouched until a second Backspace (#1350).
                     e.preventDefault();
-                    const displayValue = this._maskService.applyMask(MaskExpression.EMPTY_STRING, this._maskService.maskExpression, 0, false, true);
+                    // The default action (and its input event) is suppressed, so the
+                    // inputTransformFn would never see the cleared value; run it here (#1651).
+                    const transformedEmpty = this._maskService.inputTransformFn
+                        ? this._maskService.inputTransformFn(MaskExpression.EMPTY_STRING)
+                        : MaskExpression.EMPTY_STRING;
+                    const clearedValue = typeof transformedEmpty === 'string' || typeof transformedEmpty === 'number'
+                        ? String(transformedEmpty)
+                        : MaskExpression.EMPTY_STRING;
+                    const displayValue = this._maskService.applyMask(clearedValue, this._maskService.maskExpression, 0, false, true);
                     el.value = displayValue;
                     this._inputValue.set(displayValue);
                     const caret = Math.min(this._maskService.prefix.length, displayValue.length);
@@ -3434,6 +3460,44 @@ class NgxMaskDirective {
             this._maskService.selEnd = el.selectionEnd;
         }
     }
+    /**
+     * #1641: on layouts whose decimal separator is a comma, the numeric keypad still emits
+     * a period, which a separator mask configured with a comma decimal marker rejects. The
+     * keypad decimal key (`key: 'Decimal'`, or a `.` from `code: 'NumpadDecimal'`) is
+     * therefore turned into the configured marker. Only the keypad key is intercepted: a
+     * period typed on the main keyboard keeps its normal behavior (e.g. as a thousand
+     * separator). Returns true when the key press was handled.
+     */
+    _insertNumpadDecimalMarker(e, el) {
+        const isNumpadDecimal = e.key === MaskExpression.NUMPAD_DECIMAL ||
+            (e.code === MaskExpression.NUMPAD_DECIMAL_CODE && e.key === MaskExpression.DOT);
+        if (!isNumpadDecimal ||
+            e.ctrlKey ||
+            e.metaKey ||
+            e.altKey ||
+            el.readOnly ||
+            !this._maskValue().startsWith(MaskExpression.SEPARATOR)) {
+            return false;
+        }
+        const configuredMarker = this._maskService.decimalMarker;
+        const marker = Array.isArray(configuredMarker)
+            ? configuredMarker.find((item) => item !== this._maskService.thousandSeparator)
+            : configuredMarker;
+        if (marker !== MaskExpression.COMMA) {
+            return false;
+        }
+        const start = el.selectionStart ?? el.value.length;
+        const end = el.selectionEnd ?? start;
+        e.preventDefault();
+        this._code.set(MaskExpression.NUMPAD_DECIMAL_CODE);
+        this._inputValue.set(el.value);
+        this._maskService.selStart = start;
+        this._maskService.selEnd = end;
+        el.value = `${el.value.slice(0, start)}${marker}${el.value.slice(end)}`;
+        el.setSelectionRange(start + 1, start + 1);
+        el.dispatchEvent(new InputEvent('input', { inputType: 'insertText', data: marker, bubbles: true }));
+        return true;
+    }
     /**
      * Restores the control's pristine/untouched state after a writeValue-driven emission.
      *
@@ -3785,7 +3849,9 @@ class NgxMaskDirective {
                 : this.prefix()
                     ? alternative.length + this.prefix().length
                     : alternative.length;
-            return processedValue.length >= requiredLength;
+            // Exact match, not `>=`: a longer value must not pass on the strength of a
+            // shorter alternative it has already outgrown (#1645, 7 digits vs `00000 9`).
+            return processedValue.length === requiredLength;
         });
     }
     /**
@@ -3901,8 +3967,8 @@ class NgxMaskDirective {
             return uniqueCharacters.size === 1;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: NgxMaskDirective, isStandalone: true, selector: "input[mask], textarea[mask]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, specialCharacters: { classPropertyName: "specialCharacters", publicName: "specialCharacters", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimalMarker: { classPropertyName: "decimalMarker", publicName: "decimalMarker", isSignal: true, isRequired: false, transformFunction: null }, dropSpecialCharacters: { classPropertyName: "dropSpecialCharacters", publicName: "dropSpecialCharacters", isSignal: true, isRequired: false, transformFunction: null }, hiddenInput: { classPropertyName: "hiddenInput", publicName: "hiddenInput", isSignal: true, isRequired: false, transformFunction: null }, showMaskTyped: { classPropertyName: "showMaskTyped", publicName: "showMaskTyped", isSignal: true, isRequired: false, transformFunction: null }, placeHolderCharacter: { classPropertyName: "placeHolderCharacter", publicName: "placeHolderCharacter", isSignal: true, isRequired: false, transformFunction: null }, shownMaskExpression: { classPropertyName: "shownMaskExpression", publicName: "shownMaskExpression", isSignal: true, isRequired: false, transformFunction: null }, clearIfNotMatch: { classPropertyName: "clearIfNotMatch", publicName: "clearIfNotMatch", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, separatorLimit: { classPropertyName: "separatorLimit", publicName: "separatorLimit", isSignal: true, isRequired: false, transformFunction: null }, typeFromDecimals: { classPropertyName: "typeFromDecimals", publicName: "typeFromDecimals", isSignal: true, isRequired: false, transformFunction: null }, allowNegativeNumbers: { classPropertyName: "allowNegativeNumbers", publicName: "allowNegativeNumbers", isSignal: true, isRequired: false, transformFunction: null }, leadZeroDateTime: { classPropertyName: "leadZeroDateTime", publicName: "leadZeroDateTime", isSignal: true, isRequired: false, transformFunction: null }, leadZero: { classPropertyName: "leadZero", publicName: "leadZero", isSignal: true, isRequired: false, transformFunction: null }, triggerOnMaskChange: { classPropertyName: "triggerOnMaskChange", publicName: "triggerOnMaskChange", isSignal: true, isRequired: false, transformFunction: null }, apm: { classPropertyName: "apm", publicName: "apm", isSignal: true, isRequired: false, transformFunction: null }, inputTransformFn: { classPropertyName: "inputTransformFn", publicName: "inputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, outputTransformFn: { classPropertyName: "outputTransformFn", publicName: "outputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, keepCharacterPositions: { classPropertyName: "keepCharacterPositions", publicName: "keepCharacterPositions", isSignal: true, isRequired: false, transformFunction: null }, instantPrefix: { classPropertyName: "instantPrefix", publicName: "instantPrefix", isSignal: true, isRequired: false, transformFunction: null }, defaultValueOnBlur: { classPropertyName: "defaultValueOnBlur", publicName: "defaultValueOnBlur", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange", maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "focus": "onFocus()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart()", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: NgxMaskDirective, isStandalone: true, selector: "input[mask], textarea[mask]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, specialCharacters: { classPropertyName: "specialCharacters", publicName: "specialCharacters", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimalMarker: { classPropertyName: "decimalMarker", publicName: "decimalMarker", isSignal: true, isRequired: false, transformFunction: null }, dropSpecialCharacters: { classPropertyName: "dropSpecialCharacters", publicName: "dropSpecialCharacters", isSignal: true, isRequired: false, transformFunction: null }, hiddenInput: { classPropertyName: "hiddenInput", publicName: "hiddenInput", isSignal: true, isRequired: false, transformFunction: null }, showMaskTyped: { classPropertyName: "showMaskTyped", publicName: "showMaskTyped", isSignal: true, isRequired: false, transformFunction: null }, placeHolderCharacter: { classPropertyName: "placeHolderCharacter", publicName: "placeHolderCharacter", isSignal: true, isRequired: false, transformFunction: null }, shownMaskExpression: { classPropertyName: "shownMaskExpression", publicName: "shownMaskExpression", isSignal: true, isRequired: false, transformFunction: null }, clearIfNotMatch: { classPropertyName: "clearIfNotMatch", publicName: "clearIfNotMatch", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, separatorLimit: { classPropertyName: "separatorLimit", publicName: "separatorLimit", isSignal: true, isRequired: false, transformFunction: null }, typeFromDecimals: { classPropertyName: "typeFromDecimals", publicName: "typeFromDecimals", isSignal: true, isRequired: false, transformFunction: null }, allowNegativeNumbers: { classPropertyName: "allowNegativeNumbers", publicName: "allowNegativeNumbers", isSignal: true, isRequired: false, transformFunction: null }, leadZeroDateTime: { classPropertyName: "leadZeroDateTime", publicName: "leadZeroDateTime", isSignal: true, isRequired: false, transformFunction: null }, leadZero: { classPropertyName: "leadZero", publicName: "leadZero", isSignal: true, isRequired: false, transformFunction: null }, triggerOnMaskChange: { classPropertyName: "triggerOnMaskChange", publicName: "triggerOnMaskChange", isSignal: true, isRequired: false, transformFunction: null }, apm: { classPropertyName: "apm", publicName: "apm", isSignal: true, isRequired: false, transformFunction: null }, inputTransformFn: { classPropertyName: "inputTransformFn", publicName: "inputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, outputTransformFn: { classPropertyName: "outputTransformFn", publicName: "outputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, keepCharacterPositions: { classPropertyName: "keepCharacterPositions", publicName: "keepCharacterPositions", isSignal: true, isRequired: false, transformFunction: null }, instantPrefix: { classPropertyName: "instantPrefix", publicName: "instantPrefix", isSignal: true, isRequired: false, transformFunction: null }, defaultValueOnBlur: { classPropertyName: "defaultValueOnBlur", publicName: "defaultValueOnBlur", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange", maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "focus": "onFocus()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart()", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: NgxMaskDirective,
@@ -3916,7 +3982,7 @@ class NgxMaskDirective {
             NgxMaskService,
         ], exportAs: ["mask", "ngxMask"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[mask], textarea[mask]',
@@ -4054,10 +4120,10 @@ class NgxMaskPipe {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskPipe, isStandalone: true, name: "mask" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskPipe, isStandalone: true, name: "mask" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NgxMaskPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMaskPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mask',