ngx-mask 22.0.2 → 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"] = "}";
@@ -105,12 +107,14 @@ const initialConfig = {
         },
         d: {
             pattern: new RegExp('\\d'),
+            symbol: '*',
         },
         m: {
             pattern: new RegExp('\\d'),
         },
         M: {
             pattern: new RegExp('\\d'),
+            symbol: '*',
         },
         H: {
             pattern: new RegExp('\\d'),
@@ -537,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);
@@ -592,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
@@ -802,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);
@@ -1191,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) {
@@ -1210,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);
             }
         }
@@ -1258,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);
@@ -1276,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}`;
@@ -1302,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
         }] });
 
@@ -1664,11 +1663,24 @@ class NgxMaskService extends NgxMaskApplierService {
         return inputValue
             .split(MaskExpression.EMPTY_STRING)
             .map((curr, index) => {
-            if (this.patterns &&
-                this.patterns[maskExpression[index] ?? MaskExpression.EMPTY_STRING] &&
-                this.patterns[maskExpression[index] ?? MaskExpression.EMPTY_STRING]?.symbol) {
-                return this.patterns[maskExpression[index] ?? MaskExpression.EMPTY_STRING]
-                    ?.symbol;
+            const maskChar = maskExpression[index] ?? MaskExpression.EMPTY_STRING;
+            const pattern = this.patterns?.[maskChar];
+            if (pattern?.symbol) {
+                return pattern.symbol;
+            }
+            // #1574: a '0' immediately following a concealed DAY/MONTH token
+            // is that field's second digit (d0/M0) — conceal it too so the
+            // whole 2-digit field is hidden, not just its first character.
+            // Display-only: does not touch maskExpression/processedValue, so
+            // date validation/leadZero clamping in generic-pattern.handler.ts
+            // is unaffected.
+            const prevMaskChar = maskExpression[index - 1];
+            const prevPattern = prevMaskChar ? this.patterns?.[prevMaskChar] : null;
+            if (maskChar === MaskExpression.NUMBER_ZERO &&
+                (prevMaskChar === MaskExpression.DAY ||
+                    prevMaskChar === MaskExpression.MONTH) &&
+                prevPattern?.symbol) {
+                return prevPattern.symbol;
             }
             return curr;
         })
@@ -1992,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
@@ -2048,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);
@@ -2186,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
         }] });
 
@@ -2280,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 });
@@ -2519,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) {
@@ -2973,10 +3003,17 @@ class NgxMaskDirective {
                             inputSymbol +
                             this._inputValue().slice(position + 1);
                 }
-                if (this._maskService.maskExpression === MaskExpression.DAYS_MONTHS_YEARS &&
-                    this.leadZeroDateTime()) {
-                    if ((position < 3 && Number(el.value) > 31 && Number(el.value) < 40) ||
-                        (position === 5 && Number(el.value.slice(3, 5)) > 12)) {
+                // #1488: generalizes the single-mask (d0/M0/0000) caret-shift-past-separator
+                // fix to any date/time field. Locates the date/time field containing
+                // `position` by scanning maskExpression for a DAY/MONTH/HOURS/HOUR/MINUTE/
+                // SECOND token followed by its digit run, then checks overflow against the
+                // same per-field thresholds generic-pattern.handler.ts already establishes
+                // (day 31, month 12, hour 23/12 w/ apm, minute/second 59). Read-only against
+                // generic-pattern.handler.ts — mirrors its thresholds, does not import from it.
+                if (this.leadZeroDateTime()) {
+                    const field = this._findDateTimeFieldAt(this._maskService.maskExpression, position);
+                    if (field &&
+                        this._isFieldOverflowing(field, position, el.value, this._inputValue(), !!this.apm())) {
                         position = position + 2;
                     }
                 }
@@ -3078,6 +3115,86 @@ class NgxMaskDirective {
             this._maskService.applyValueChanges(el.value.length, this._justPasted(), this._code() === MaskExpression.BACKSPACE || this._code() === MaskExpression.DELETE);
         }
     }
+    /**
+     * #1488: locates the date/time field (DAY/MONTH/HOURS/HOUR/MINUTE/SECOND) that
+     * `position` falls within, scanning `maskExpression` left-to-right. A field spans
+     * its token plus its digit-pair companion — `0` for DAY/MONTH/MINUTE/SECOND (e.g.
+     * `d0`, `M0`, `m0`, `s0`), or `HOUR` for the combined `Hh` hour field. Matches any
+     * position from the field's first char up to and including its end (separator index),
+     * so both a still-mid-typing caret and the just-completed field are covered — the
+     * precise overflow decision (single first digit vs. completed 2-digit value) happens
+     * in `_isFieldOverflowing`. Returns null for non-date/time masks, a no-op for the caller.
+     */
+    _findDateTimeFieldAt(maskExpression, position) {
+        const dateTimeTokens = [
+            MaskExpression.DAY,
+            MaskExpression.MONTH,
+            MaskExpression.HOURS,
+            MaskExpression.HOUR,
+            MaskExpression.MINUTE,
+            MaskExpression.SECOND,
+        ];
+        let index = 0;
+        while (index < maskExpression.length) {
+            const token = maskExpression[index] ?? MaskExpression.EMPTY_STRING;
+            if (dateTimeTokens.includes(token)) {
+                const next = maskExpression[index + 1];
+                const isCombinedHour = token === MaskExpression.HOURS && next === MaskExpression.HOUR;
+                const end = next === MaskExpression.NUMBER_ZERO || isCombinedHour ? index + 2 : index + 1;
+                if (position >= index && position <= end) {
+                    return {
+                        token: token,
+                        start: index,
+                        end,
+                    };
+                }
+                index = end;
+                continue;
+            }
+            index++;
+        }
+        return null;
+    }
+    /**
+     * Per-token overflow thresholds, mirroring the ones `generic-pattern.handler.ts`
+     * already establishes (day 31, month 12, hour 23/12 w/ apm, minute/second 59) — kept
+     * as a small local table rather than importing from the handler (see design's
+     * Rejected Alternatives: the directive and the handler stay on separate sides of the
+     * display/parse boundary).
+     *
+     * Two overflow shapes are checked, mirroring how the handler itself decides mid-type:
+     * - `firstDigitValue`: when `position` is exactly one char past the field's start (the
+     *   just-typed char is the field's first digit), an out-of-range first digit alone
+     *   (e.g. month digit `3`, day digit `4`) already triggers the handler's own leadZero
+     *   pad within this same keystroke — `el.value` hasn't caught up yet at this point in
+     *   the pipeline, so the raw typed digit (`inputValue`) must be read instead.
+     * - `fieldValue`: once both digits of the field are present in `el.value`, an
+     *   out-of-range 2-digit value (e.g. day `33`, month `13`) triggers the shift directly.
+     */
+    _isFieldOverflowing(field, position, elValue, inputValue, apm) {
+        const fieldValue = Number(elValue.slice(field.start, field.end));
+        const isFirstDigitOfField = position === field.start + 1;
+        const firstDigitValue = isFirstDigitOfField
+            ? Number(inputValue.slice(position - 1, position))
+            : NaN;
+        switch (field.token) {
+            case MaskExpression.DAY:
+                return (fieldValue > 31 && fieldValue < 40) || firstDigitValue > 3;
+            case MaskExpression.MONTH:
+                return fieldValue > 12 || firstDigitValue > 1;
+            case MaskExpression.HOURS:
+                return apm
+                    ? fieldValue > 9 || firstDigitValue > 9
+                    : fieldValue > 23 || firstDigitValue > 2;
+            case MaskExpression.HOUR:
+                return apm ? fieldValue > 12 : fieldValue > 23;
+            case MaskExpression.MINUTE:
+            case MaskExpression.SECOND:
+                return fieldValue > 59 || firstDigitValue > 5;
+            default:
+                return false;
+        }
+    }
     /**
      * Whether any pattern slot of the current mask expression can accept a letter.
      * IME composition is only meaningful for such masks; for purely numeric masks
@@ -3261,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();
             }
@@ -3310,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);
@@ -3332,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.
      *
@@ -3683,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;
         });
     }
     /**
@@ -3799,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,
@@ -3814,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]',
@@ -3952,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',