matcha-components 20.44.0 → 20.45.0

package/fesm2022/matcha-components.mjs

@@ -11806,1101 +11806,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-class MatchaMaskDirective {
-    constructor() {
-        this.mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
-        this.specialCharacters = input([], ...(ngDevMode ? [{ debugName: "specialCharacters" }] : []));
-        this.patterns = input({}, ...(ngDevMode ? [{ debugName: "patterns" }] : []));
-        this.prefix = input('', ...(ngDevMode ? [{ debugName: "prefix" }] : []));
-        this.suffix = input('', ...(ngDevMode ? [{ debugName: "suffix" }] : []));
-        this.thousandSeparator = input(' ', ...(ngDevMode ? [{ debugName: "thousandSeparator" }] : []));
-        this.decimalMarker = input('.', ...(ngDevMode ? [{ debugName: "decimalMarker" }] : []));
-        this.dropSpecialCharacters = input(null, ...(ngDevMode ? [{ debugName: "dropSpecialCharacters" }] : []));
-        this.hiddenInput = input(null, ...(ngDevMode ? [{ debugName: "hiddenInput" }] : []));
-        this.showMaskTyped = input(null, ...(ngDevMode ? [{ debugName: "showMaskTyped" }] : []));
-        this.placeHolderCharacter = input(null, ...(ngDevMode ? [{ debugName: "placeHolderCharacter" }] : []));
-        this.shownMaskExpression = input(null, ...(ngDevMode ? [{ debugName: "shownMaskExpression" }] : []));
-        this.clearIfNotMatch = input(null, ...(ngDevMode ? [{ debugName: "clearIfNotMatch" }] : []));
-        this.validation = input(null, ...(ngDevMode ? [{ debugName: "validation" }] : []));
-        this.separatorLimit = input('', ...(ngDevMode ? [{ debugName: "separatorLimit" }] : []));
-        this.allowNegativeNumbers = input(null, ...(ngDevMode ? [{ debugName: "allowNegativeNumbers" }] : []));
-        this.leadZeroDateTime = input(null, ...(ngDevMode ? [{ debugName: "leadZeroDateTime" }] : []));
-        this.leadZero = input(null, ...(ngDevMode ? [{ debugName: "leadZero" }] : []));
-        this.triggerOnMaskChange = input(null, ...(ngDevMode ? [{ debugName: "triggerOnMaskChange" }] : []));
-        this.apm = input(null, ...(ngDevMode ? [{ debugName: "apm" }] : []));
-        this.inputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "inputTransformFn" }] : []));
-        this.outputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "outputTransformFn" }] : []));
-        this.keepCharacterPositions = input(null, ...(ngDevMode ? [{ debugName: "keepCharacterPositions" }] : []));
-        this.instantPrefix = input(null, ...(ngDevMode ? [{ debugName: "instantPrefix" }] : []));
-        this.maskFilled = output();
-        this._maskValue = signal('', ...(ngDevMode ? [{ debugName: "_maskValue" }] : []));
-        this._inputValue = signal('', ...(ngDevMode ? [{ debugName: "_inputValue" }] : []));
-        this._position = signal(null, ...(ngDevMode ? [{ debugName: "_position" }] : []));
-        this._code = signal('', ...(ngDevMode ? [{ debugName: "_code" }] : []));
-        this._maskExpressionArray = signal([], ...(ngDevMode ? [{ debugName: "_maskExpressionArray" }] : []));
-        this._justPasted = signal(false, ...(ngDevMode ? [{ debugName: "_justPasted" }] : []));
-        this._isFocused = signal(false, ...(ngDevMode ? [{ debugName: "_isFocused" }] : []));
-        /**For IME composition event */
-        this._isComposing = signal(false, ...(ngDevMode ? [{ debugName: "_isComposing" }] : []));
-        this._maskService = inject(MatchaMaskService, { self: true });
-        this.document = inject(DOCUMENT);
-        this._config = inject(MATCHA_MASK_CONFIG);
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (_) => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouch = () => { };
-    }
-    ngOnChanges(changes) {
-        const { mask, specialCharacters, patterns, prefix, suffix, thousandSeparator, decimalMarker, dropSpecialCharacters, hiddenInput, showMaskTyped, placeHolderCharacter, shownMaskExpression, clearIfNotMatch, validation, separatorLimit, allowNegativeNumbers, leadZeroDateTime, leadZero, triggerOnMaskChange, apm, inputTransformFn, outputTransformFn, keepCharacterPositions, instantPrefix, } = changes;
-        if (mask) {
-            if (mask.currentValue !== mask.previousValue && !mask.firstChange) {
-                this._maskService.maskChanged = true;
-            }
-            if (mask.currentValue && mask.currentValue.split("||" /* MaskExpression.OR */).length > 1) {
-                this._maskExpressionArray.set(mask.currentValue.split("||" /* MaskExpression.OR */).sort((a, b) => {
-                    return a.length - b.length;
-                }));
-                this._setMask();
-            }
-            else {
-                this._maskExpressionArray.set([]);
-                this._maskValue.set(mask.currentValue || "" /* MaskExpression.EMPTY_STRING */);
-                this._maskService.maskExpression = this._maskValue();
-            }
-        }
-        if (specialCharacters) {
-            if (!specialCharacters.currentValue || !Array.isArray(specialCharacters.currentValue)) {
-                return;
-            }
-            else {
-                this._maskService.specialCharacters = specialCharacters.currentValue || [];
-            }
-        }
-        if (allowNegativeNumbers) {
-            this._maskService.allowNegativeNumbers = allowNegativeNumbers.currentValue;
-            if (this._maskService.allowNegativeNumbers) {
-                this._maskService.specialCharacters = this._maskService.specialCharacters.filter((c) => c !== "-" /* MaskExpression.MINUS */);
-            }
-        }
-        // Only overwrite the mask available patterns if a pattern has actually been passed in
-        if (patterns && patterns.currentValue) {
-            this._maskService.patterns = patterns.currentValue;
-        }
-        if (apm && apm.currentValue) {
-            this._maskService.apm = apm.currentValue;
-        }
-        if (instantPrefix) {
-            this._maskService.instantPrefix = instantPrefix.currentValue;
-        }
-        if (prefix) {
-            this._maskService.prefix = prefix.currentValue;
-        }
-        if (suffix) {
-            this._maskService.suffix = suffix.currentValue;
-        }
-        if (thousandSeparator) {
-            this._maskService.thousandSeparator = thousandSeparator.currentValue;
-            if (thousandSeparator.previousValue && thousandSeparator.currentValue) {
-                const previousDecimalMarker = this._maskService.decimalMarker;
-                if (thousandSeparator.currentValue === this._maskService.decimalMarker) {
-                    this._maskService.decimalMarker =
-                        thousandSeparator.currentValue === "," /* MaskExpression.COMMA */
-                            ? "." /* MaskExpression.DOT */
-                            : "," /* MaskExpression.COMMA */;
-                }
-                if (this._maskService.dropSpecialCharacters === true) {
-                    this._maskService.specialCharacters = this._config.specialCharacters;
-                }
-                if (typeof previousDecimalMarker === 'string' &&
-                    typeof this._maskService.decimalMarker === 'string') {
-                    this._inputValue.set(this._inputValue()
-                        .split(thousandSeparator.previousValue)
-                        .join('')
-                        .replace(previousDecimalMarker, this._maskService.decimalMarker));
-                    this._maskService.actualValue = this._inputValue();
-                }
-                this._maskService.writingValue = true;
-            }
-        }
-        if (decimalMarker) {
-            this._maskService.decimalMarker = decimalMarker.currentValue;
-        }
-        if (dropSpecialCharacters) {
-            this._maskService.dropSpecialCharacters = dropSpecialCharacters.currentValue;
-        }
-        if (hiddenInput) {
-            this._maskService.hiddenInput = hiddenInput.currentValue;
-            if (hiddenInput.previousValue === true && hiddenInput.currentValue === false) {
-                this._inputValue.set(this._maskService.actualValue);
-            }
-        }
-        if (showMaskTyped) {
-            this._maskService.showMaskTyped = showMaskTyped.currentValue;
-            if (showMaskTyped.previousValue === false &&
-                showMaskTyped.currentValue === true &&
-                this._isFocused()) {
-                requestAnimationFrame(() => {
-                    this._maskService._elementRef?.nativeElement.click();
-                });
-            }
-        }
-        if (placeHolderCharacter) {
-            this._maskService.placeHolderCharacter = placeHolderCharacter.currentValue;
-        }
-        if (shownMaskExpression) {
-            this._maskService.shownMaskExpression = shownMaskExpression.currentValue;
-        }
-        if (clearIfNotMatch) {
-            this._maskService.clearIfNotMatch = clearIfNotMatch.currentValue;
-        }
-        if (validation) {
-            this._maskService.validation = validation.currentValue;
-        }
-        if (separatorLimit) {
-            this._maskService.separatorLimit = separatorLimit.currentValue;
-        }
-        if (leadZeroDateTime) {
-            this._maskService.leadZeroDateTime = leadZeroDateTime.currentValue;
-        }
-        if (leadZero) {
-            this._maskService.leadZero = leadZero.currentValue;
-        }
-        if (triggerOnMaskChange) {
-            this._maskService.triggerOnMaskChange = triggerOnMaskChange.currentValue;
-        }
-        if (inputTransformFn) {
-            this._maskService.inputTransformFn = inputTransformFn.currentValue;
-        }
-        if (outputTransformFn) {
-            this._maskService.outputTransformFn = outputTransformFn.currentValue;
-        }
-        if (keepCharacterPositions) {
-            this._maskService.keepCharacterPositions = keepCharacterPositions.currentValue;
-        }
-        this._applyMask();
-    }
-    validate({ value }) {
-        const processedValue = typeof value === 'number' ? String(value) : value;
-        const maskValue = this._maskValue();
-        if (!this._maskService.validation || !maskValue) {
-            return null;
-        }
-        if (this._maskService.ipError) {
-            return this._createValidationError(processedValue);
-        }
-        if (this._maskService.cpfCnpjError) {
-            return this._createValidationError(processedValue);
-        }
-        if (maskValue.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-            return null;
-        }
-        if (withoutValidation.includes(maskValue)) {
-            return null;
-        }
-        if (this._maskService.clearIfNotMatch) {
-            return null;
-        }
-        if (timeMasks.includes(maskValue)) {
-            return this._validateTime(processedValue);
-        }
-        if (maskValue === "A*@A*.A*" /* MaskExpression.EMAIL_MASK */) {
-            const emailPattern = /^[^@]+@[^@]+\.[^@]+$/;
-            if (!emailPattern.test(processedValue) && processedValue) {
-                return this._createValidationError(processedValue);
-            }
-            else {
-                return null;
-            }
-        }
-        if (processedValue && processedValue.length >= 1) {
-            let counterOfOpt = 0;
-            if (maskValue.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) &&
-                maskValue.includes("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */)) {
-                const lengthInsideCurlyBrackets = maskValue.slice(maskValue.indexOf("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) + 1, maskValue.indexOf("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */));
-                return lengthInsideCurlyBrackets === String(processedValue.length)
-                    ? null
-                    : this._createValidationError(processedValue);
-            }
-            if (maskValue.startsWith("percent" /* MaskExpression.PERCENT */)) {
-                return null;
-            }
-            for (const key in this._maskService.patterns) {
-                if (this._maskService.patterns[key]?.optional) {
-                    if (maskValue.indexOf(key) !== maskValue.lastIndexOf(key)) {
-                        const opt = maskValue
-                            .split("" /* MaskExpression.EMPTY_STRING */)
-                            .filter((i) => i === key)
-                            .join("" /* MaskExpression.EMPTY_STRING */);
-                        counterOfOpt += opt.length;
-                    }
-                    else if (maskValue.indexOf(key) !== -1) {
-                        counterOfOpt++;
-                    }
-                    if (maskValue.indexOf(key) !== -1 &&
-                        processedValue.length >= maskValue.indexOf(key)) {
-                        return null;
-                    }
-                    if (counterOfOpt === maskValue.length) {
-                        return null;
-                    }
-                }
-            }
-            if ((maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) > 1 &&
-                processedValue.length < maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */)) ||
-                (maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) > 1 &&
-                    processedValue.length < maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */))) {
-                return this._createValidationError(processedValue);
-            }
-            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === -1 ||
-                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === -1) {
-                const array = maskValue.split('*');
-                const length = this._maskService.dropSpecialCharacters
-                    ? maskValue.length -
-                        this._maskService.checkDropSpecialCharAmount(maskValue) -
-                        counterOfOpt
-                    : this.prefix()
-                        ? maskValue.length + this.prefix().length - counterOfOpt
-                        : maskValue.length - counterOfOpt;
-                if (array.length === 1) {
-                    if (processedValue.length < length) {
-                        return this._createValidationError(processedValue);
-                    }
-                }
-                if (array.length > 1) {
-                    const lastIndexArray = array[array.length - 1];
-                    if (lastIndexArray &&
-                        this._maskService.specialCharacters.includes(lastIndexArray[0]) &&
-                        String(processedValue).includes(lastIndexArray[0] ?? '') &&
-                        !this.dropSpecialCharacters()) {
-                        const special = value.split(lastIndexArray[0]);
-                        return special[special.length - 1].length === lastIndexArray.length - 1
-                            ? null
-                            : this._createValidationError(processedValue);
-                    }
-                    else if (((lastIndexArray &&
-                        !this._maskService.specialCharacters.includes(lastIndexArray[0])) ||
-                        !lastIndexArray ||
-                        this._maskService.dropSpecialCharacters) &&
-                        processedValue.length >= length - 1) {
-                        return null;
-                    }
-                    else {
-                        return this._createValidationError(processedValue);
-                    }
-                }
-            }
-            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === 1 ||
-                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === 1) {
-                return null;
-            }
-        }
-        if (value) {
-            this.maskFilled.emit();
-            return null;
-        }
-        return null;
-    }
-    onPaste() {
-        this._justPasted.set(true);
-    }
-    onFocus() {
-        this._isFocused.set(true);
-    }
-    onModelChange(value) {
-        // on form reset we need to update the actualValue
-        if ((value === "" /* MaskExpression.EMPTY_STRING */ ||
-            value === null ||
-            typeof value === 'undefined') &&
-            this._maskService.actualValue) {
-            this._maskService.actualValue = this._maskService.getActualValue("" /* MaskExpression.EMPTY_STRING */);
-        }
-    }
-    onInput(e) {
-        // If IME is composing text, we wait for the composed text.
-        if (this._isComposing()) {
-            return;
-        }
-        const el = e.target;
-        const transformedValue = this._maskService.inputTransformFn
-            ? this._maskService.inputTransformFn(el.value)
-            : el.value;
-        if (el.type !== 'number') {
-            if (typeof transformedValue === 'string' || typeof transformedValue === 'number') {
-                el.value = transformedValue.toString();
-                this._inputValue.set(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;
-                if (this.showMaskTyped() &&
-                    this.keepCharacterPositions() &&
-                    this._maskService.placeHolderCharacter.length === 1) {
-                    const suffix = this.suffix();
-                    const prefix = this.prefix();
-                    const inputSymbol = el.value.slice(position - 1, position);
-                    const prefixLength = 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;
-                    const backspaceOrDelete = this._code() === "Backspace" /* MaskExpression.BACKSPACE */ ||
-                        this._code() === "Delete" /* MaskExpression.DELETE */;
-                    if (backspaceOrDelete) {
-                        if (!selectRangeBackspace) {
-                            if (this._maskService.selStart === prefixLength) {
-                                this._maskService.actualValue = `${prefix}${this._maskService.maskIsShown.slice(0, selEnd)}${this._inputValue().split(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 = `${prefix}${this._inputValue()
-                                    .split(prefix)
-                                    .join('')
-                                    .slice(0, selStart)}${this._maskService.maskIsShown.slice(selStart, selEnd)}${this._maskService.actualValue.slice(selEnd + prefixLength, this._maskService.maskIsShown.length + prefixLength)}${suffix}`;
-                            }
-                        }
-                        else if (!this._maskService.specialCharacters.includes(this._maskService.maskExpression.slice(position - prefixLength, position + 1 - prefixLength)) &&
-                            selectRangeBackspace) {
-                            if (selStart === 1 && prefix) {
-                                this._maskService.actualValue = `${prefix}${this._maskService.placeHolderCharacter}${el.value
-                                    .split(prefix)
-                                    .join('')
-                                    .split(suffix)
-                                    .join('')}${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}`;
-                            }
-                        }
-                        position = this._code() === "Delete" /* MaskExpression.DELETE */ ? position + 1 : position;
-                    }
-                    if (!backspaceOrDelete) {
-                        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) {
-                            if (el.value.length === 1 && position === 1) {
-                                this._maskService.actualValue = `${prefix}${inputSymbol}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${suffix}`;
-                            }
-                            else {
-                                this._maskService.actualValue = `${el.value.slice(0, position - 1)}${inputSymbol}${el.value
-                                    .slice(position + 1)
-                                    .split(suffix)
-                                    .join('')}${suffix}`;
-                            }
-                        }
-                        else if (prefix &&
-                            el.value.length === 1 &&
-                            position - prefixLength === 1 &&
-                            this._maskService._checkSymbolMask(el.value, this._maskService.maskExpression[position - 1 - prefixLength] ??
-                                "" /* MaskExpression.EMPTY_STRING */)) {
-                            this._maskService.actualValue = `${prefix}${el.value}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${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 === "d0/M0/0000" /* 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)) {
-                        position = position + 2;
-                    }
-                }
-                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.set(false);
-                    caretShift = shift;
-                    backspaceShift = _backspaceShift;
-                });
-                // only set the selection if the element is active
-                if (this._getActiveElement() !== el) {
-                    return;
-                }
-                if (this._maskService.plusOnePosition) {
-                    position = position + 1;
-                    this._maskService.plusOnePosition = false;
-                }
-                // 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 */) {
-                        const specialChartMinusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position - 1, position));
-                        const allowFewMaskChangeMask = this._maskService.removeMask(this._inputValue())?.length ===
-                            this._maskService.removeMask(this._maskService.maskExpression)?.length;
-                        const specialChartPlusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position, position + 1));
-                        if (allowFewMaskChangeMask && !specialChartPlusOne) {
-                            position = el.selectionStart + 1;
-                        }
-                        else {
-                            position = specialChartMinusOne ? position - 1 : position;
-                        }
-                    }
-                    else {
-                        position =
-                            el.selectionStart === 1
-                                ? el.selectionStart + this._maskService.prefix.length
-                                : el.selectionStart;
-                    }
-                }
-                this._position.set(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 =
-                        el.value === this._maskService.decimalMarker && el.value.length === 1
-                            ? this._getActualInputLength() + 1
-                            : this._getActualInputLength();
-                }
-                if (positionToApply < 0) {
-                    positionToApply = 0;
-                }
-                el.setSelectionRange(positionToApply, positionToApply);
-                this._position.set(null);
-            }
-            else {
-                // eslint-disable-next-line no-console
-                console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof transformedValue);
-            }
-        }
-        else {
-            if (!this._maskValue()) {
-                this.onChange(el.value);
-                return;
-            }
-            this._maskService.applyValueChanges(el.value.length, this._justPasted(), this._code() === "Backspace" /* MaskExpression.BACKSPACE */ || this._code() === "Delete" /* MaskExpression.DELETE */);
-        }
-    }
-    // IME starts
-    onCompositionStart() {
-        this._isComposing.set(true);
-    }
-    // IME completes
-    onCompositionEnd(e) {
-        this._isComposing.set(false);
-        this._justPasted.set(true);
-        this.onInput(e);
-    }
-    onBlur(e) {
-        if (this._maskValue()) {
-            const el = e.target;
-            if (this._maskService.leadZero &&
-                el.value.length > 0 &&
-                typeof this._maskService.decimalMarker === 'string') {
-                const maskExpression = this._maskService.maskExpression;
-                const decimalMarker = this._maskService.decimalMarker;
-                const suffix = this._maskService.suffix;
-                const precision = Number(this._maskService.maskExpression.slice(maskExpression.length - 1, maskExpression.length));
-                if (precision > 0) {
-                    el.value = suffix ? el.value.split(suffix).join('') : el.value;
-                    const decimalPart = el.value.split(decimalMarker)[1];
-                    el.value = el.value.includes(decimalMarker)
-                        ? el.value +
-                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision - decimalPart.length) +
-                            suffix
-                        : el.value +
-                            decimalMarker +
-                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision) +
-                            suffix;
-                    this._maskService.actualValue = el.value;
-                }
-            }
-            this._maskService.clearIfNotMatchFn();
-        }
-        this._isFocused.set(false);
-        this.onTouch();
-    }
-    onClick(e) {
-        if (!this._maskValue()) {
-            return;
-        }
-        const el = e.target;
-        const posStart = 0;
-        const posEnd = 0;
-        if (el !== null &&
-            el.selectionStart !== null &&
-            el.selectionStart === el.selectionEnd &&
-            el.selectionStart > this._maskService.prefix.length &&
-            e.keyCode !== 38) {
-            if (this._maskService.showMaskTyped && !this.keepCharacterPositions()) {
-                // We are showing the mask in the input
-                this._maskService.maskIsShown = this._maskService.showMaskInInput();
-                if (el.setSelectionRange &&
-                    this._maskService.prefix + this._maskService.maskIsShown === el.value) {
-                    // the input ONLY contains the mask, so position the cursor at the start
-                    el.focus();
-                    el.setSelectionRange(posStart, posEnd);
-                }
-                else {
-                    // the input contains some characters already
-                    if (el.selectionStart > this._maskService.actualValue.length) {
-                        // if the user clicked beyond our value's length, position the cursor at the end of our value
-                        el.setSelectionRange(this._maskService.actualValue.length, this._maskService.actualValue.length);
-                    }
-                }
-            }
-        }
-        const nextValue = el &&
-            (el.value === this._maskService.prefix
-                ? this._maskService.prefix + this._maskService.maskIsShown
-                : el.value);
-        /** Fix of cursor position jumping to end in most browsers no matter where cursor is inserted onFocus */
-        if (el && el.value !== nextValue) {
-            el.value = nextValue;
-        }
-        /** fix of cursor position with prefix when mouse click occur */
-        if (el &&
-            el.type !== 'number' &&
-            (el.selectionStart || el.selectionEnd) <=
-                this._maskService.prefix.length) {
-            const specialCharactersAtTheStart = this._maskService.maskExpression.match(new RegExp(`^[${this._maskService.specialCharacters.map((c) => `\\${c}`).join('')}]+`))?.[0].length || 0;
-            el.selectionStart = this._maskService.prefix.length + specialCharactersAtTheStart;
-            return;
-        }
-        /** select only inserted text */
-        if (el && el.selectionEnd > this._getActualInputLength()) {
-            el.selectionEnd = this._getActualInputLength();
-        }
-    }
-    onKeyDown(e) {
-        if (!this._maskValue()) {
-            return;
-        }
-        if (this._isComposing()) {
-            // User finalize their choice from IME composition, so trigger onInput() for the composed text.
-            if (e.key === 'Enter') {
-                this.onCompositionEnd(e);
-            }
-            return;
-        }
-        this._code.set(e.code ? e.code : e.key);
-        const el = e.target;
-        this._inputValue.set(el.value);
-        this._setMask();
-        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;
-                }
-                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.selectionStart !== 0) {
-                    const prefixLength = this.prefix().length;
-                    // If specialChars is false, (shouldn't ever happen) then set to the defaults
-                    const specialCharacters = this.specialCharacters().length
-                        ? this.specialCharacters()
-                        : this._config.specialCharacters;
-                    if (prefixLength > 1 && el.selectionStart <= prefixLength) {
-                        el.setSelectionRange(prefixLength, el.selectionEnd);
-                    }
-                    else {
-                        if (this._inputValue().length !== el.selectionStart &&
-                            el.selectionStart !== 1) {
-                            while (specialCharacters.includes((this._inputValue()[el.selectionStart - 1] ??
-                                "" /* MaskExpression.EMPTY_STRING */).toString()) &&
-                                ((prefixLength >= 1 &&
-                                    el.selectionStart > prefixLength) ||
-                                    prefixLength === 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.set(this._maskService.prefix ? this._maskService.prefix.length : 0);
-                    this._maskService.applyMask(this._maskService.prefix, this._maskService.maskExpression, this._position());
-                }
-            }
-            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) {
-        let value = controlValue;
-        const inputTransformFn = this._maskService.inputTransformFn;
-        if (typeof value === 'object' && value !== null && 'value' in value) {
-            if ('disable' in value) {
-                this.setDisabledState(Boolean(value.disable));
-            }
-            value = value.value;
-        }
-        if (value !== null) {
-            value = inputTransformFn ? inputTransformFn(value) : value;
-        }
-        if (typeof value === 'string' ||
-            typeof value === 'number' ||
-            value === null ||
-            typeof value === 'undefined') {
-            if (value === null || typeof value === 'undefined' || value === '') {
-                this._maskService.currentValue = '';
-                this._maskService.previousValue = '';
-            }
-            let inputValue = value;
-            if (typeof inputValue === 'number' ||
-                this._maskValue().startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-                inputValue = String(inputValue);
-                const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
-                if (!Array.isArray(this._maskService.decimalMarker)) {
-                    inputValue =
-                        this._maskService.decimalMarker !== localeDecimalMarker
-                            ? inputValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
-                            : inputValue;
-                }
-                if (this._maskService.leadZero &&
-                    inputValue &&
-                    this.mask() &&
-                    this.dropSpecialCharacters() !== false) {
-                    inputValue = this._maskService._checkPrecision(this._maskService.maskExpression, inputValue);
-                }
-                if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */ ||
-                    (Array.isArray(this._maskService.decimalMarker) &&
-                        this._maskService.thousandSeparator === "." /* MaskExpression.DOT */)) {
-                    inputValue = inputValue
-                        .toString()
-                        .replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
-                }
-                if (this.mask()?.startsWith("separator" /* MaskExpression.SEPARATOR */) && this.leadZero()) {
-                    requestAnimationFrame(() => {
-                        this._maskService.applyMask(inputValue?.toString() ?? '', this._maskService.maskExpression);
-                    });
-                }
-                this._maskService.isNumberValue = true;
-            }
-            if (typeof inputValue !== 'string' || value === null || typeof value === 'undefined') {
-                inputValue = '';
-            }
-            this._inputValue.set(inputValue);
-            this._setMask();
-            if ((inputValue && this._maskService.maskExpression) ||
-                (this._maskService.maskExpression &&
-                    (this._maskService.prefix || this._maskService.showMaskTyped))) {
-                // Let the service we know we are writing value so that triggering onChange function won't happen during applyMask
-                this._maskService.writingValue = true;
-                this._maskService.formElementProperty = [
-                    'value',
-                    this._maskService.applyMask(inputValue, this._maskService.maskExpression),
-                ];
-                // Let the service know we've finished writing value
-                this._maskService.writingValue = false;
-            }
-            else {
-                this._maskService.formElementProperty = ['value', inputValue];
-            }
-            this._inputValue.set(inputValue);
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof value);
-        }
-    }
-    registerOnChange(fn) {
-        this._maskService.onChange = this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouch = fn;
-    }
-    _getActiveElement(document = this.document) {
-        const shadowRootEl = document?.activeElement?.shadowRoot;
-        if (!shadowRootEl?.activeElement) {
-            return document.activeElement;
-        }
-        else {
-            return this._getActiveElement(shadowRootEl);
-        }
-    }
-    checkSelectionOnDeletion(el) {
-        const prefixLength = this.prefix().length;
-        const suffixLength = this.suffix().length;
-        const inputValueLength = this._inputValue().length;
-        el.selectionStart = Math.min(Math.max(prefixLength, el.selectionStart), inputValueLength - suffixLength);
-        el.selectionEnd = Math.min(Math.max(prefixLength, el.selectionEnd), inputValueLength - suffixLength);
-    }
-    /** It disables the input element */
-    setDisabledState(isDisabled) {
-        this._maskService.formElementProperty = ['disabled', isDisabled];
-    }
-    _applyMask() {
-        this._maskService.maskExpression = this._maskService._repeatPatternSymbols(this._maskValue() || '');
-        this._maskService.formElementProperty = [
-            'value',
-            this._maskService.applyMask(this._inputValue(), this._maskService.maskExpression),
-        ];
-    }
-    _validateTime(value) {
-        const rowMaskLen = this._maskValue()
-            .split("" /* MaskExpression.EMPTY_STRING */)
-            .filter((s) => s !== ':').length;
-        if (!value) {
-            return null; // Don't validate empty values to allow for optional form control
-        }
-        if ((+(value[value.length - 1] ?? -1) === 0 && value.length < rowMaskLen) ||
-            value.length <= rowMaskLen - 2) {
-            return this._createValidationError(value);
-        }
-        return null;
-    }
-    _getActualInputLength() {
-        return (this._maskService.actualValue.length ||
-            this._maskService.actualValue.length + this._maskService.prefix.length);
-    }
-    _createValidationError(actualValue) {
-        return {
-            mask: {
-                requiredMask: this._maskValue(),
-                actualValue,
-            },
-        };
-    }
-    _setMask() {
-        this._maskExpressionArray().some((mask) => {
-            const specialChart = mask
-                .split("" /* MaskExpression.EMPTY_STRING */)
-                .some((char) => this._maskService.specialCharacters.includes(char));
-            if ((specialChart &&
-                this._inputValue() &&
-                this._areAllCharactersInEachStringSame(this._maskExpressionArray())) ||
-                mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
-                const test = this._maskService.removeMask(this._inputValue())?.length <=
-                    this._maskService.removeMask(mask)?.length;
-                if (test) {
-                    const maskValue = mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
-                        ? this._maskService._repeatPatternSymbols(mask)
-                        : mask;
-                    this._maskValue.set(maskValue);
-                    this._maskService.maskExpression = maskValue;
-                    return test;
-                }
-                else {
-                    const expression = this._maskExpressionArray()[this._maskExpressionArray().length - 1] ??
-                        "" /* MaskExpression.EMPTY_STRING */;
-                    const maskValue = expression.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
-                        ? this._maskService._repeatPatternSymbols(expression)
-                        : expression;
-                    this._maskValue.set(maskValue);
-                    this._maskService.maskExpression = maskValue;
-                }
-            }
-            else {
-                const cleanMask = this._maskService.removeMask(mask);
-                const check = this._maskService
-                    .removeMask(this._inputValue())
-                    ?.split("" /* MaskExpression.EMPTY_STRING */)
-                    .every((character, index) => {
-                    const indexMask = cleanMask.charAt(index);
-                    return this._maskService._checkSymbolMask(character, indexMask);
-                });
-                if (check || this._justPasted()) {
-                    this._maskValue.set(mask);
-                    this._maskService.maskExpression = mask;
-                    return check;
-                }
-            }
-        });
-    }
-    _areAllCharactersInEachStringSame(array) {
-        const specialCharacters = this._maskService.specialCharacters;
-        function removeSpecialCharacters(str) {
-            const regex = new RegExp(`[${specialCharacters.map((ch) => `\\${ch}`).join('')}]`, 'g');
-            return str.replace(regex, '');
-        }
-        const processedArr = array.map(removeSpecialCharacters);
-        return processedArr.every((str) => {
-            const uniqueCharacters = new Set(str);
-            return uniqueCharacters.size === 1;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: MatchaMaskDirective, isStandalone: false, 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 }, 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 } }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "focus": "onFocus($event)", "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: forwardRef(() => MatchaMaskDirective),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => MatchaMaskDirective),
-                multi: true,
-            },
-            MatchaMaskService,
-        ], exportAs: ["mask", "matchaMask"], usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[mask], textarea[mask]',
-                    standalone: false,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => MatchaMaskDirective),
-                            multi: true,
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => MatchaMaskDirective),
-                            multi: true,
-                        },
-                        MatchaMaskService,
-                    ],
-                    exportAs: 'mask,matchaMask',
-                }]
-        }], propDecorators: { onPaste: [{
-                type: HostListener,
-                args: ['paste']
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus', ['$event']]
-            }], onModelChange: [{
-                type: HostListener,
-                args: ['ngModelChange', ['$event']]
-            }], onInput: [{
-                type: HostListener,
-                args: ['input', ['$event']]
-            }], onCompositionStart: [{
-                type: HostListener,
-                args: ['compositionstart', ['$event']]
-            }], onCompositionEnd: [{
-                type: HostListener,
-                args: ['compositionend', ['$event']]
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur', ['$event']]
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onKeyDown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-class MatchaMaskPipe {
-    constructor() {
-        this.defaultOptions = inject(MATCHA_MASK_CONFIG);
-        this._maskService = inject(MatchaMaskService);
-        this._maskExpressionArray = [];
-        this.mask = '';
-    }
-    transform(value, mask, { patterns, ...config } = {}) {
-        let processedValue = value;
-        const currentConfig = {
-            maskExpression: mask,
-            ...this.defaultOptions,
-            ...config,
-            patterns: {
-                ...this._maskService.patterns,
-                ...patterns,
-            },
-        };
-        Object.entries(currentConfig).forEach(([key, val]) => {
-            this._maskService[key] = val;
-        });
-        if (mask.includes('||')) {
-            const maskParts = mask.split('||');
-            if (maskParts.length > 1) {
-                this._maskExpressionArray = maskParts.sort((a, b) => a.length - b.length);
-                this._setMask(`${processedValue}`);
-                return this._maskService.applyMask(`${processedValue}`, this.mask);
-            }
-            else {
-                this._maskExpressionArray = [];
-                return this._maskService.applyMask(`${processedValue}`, this.mask);
-            }
-        }
-        if (mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
-            return this._maskService.applyMask(`${processedValue}`, this._maskService._repeatPatternSymbols(mask));
-        }
-        if (mask.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-            if (config.decimalMarker) {
-                this._maskService.decimalMarker = config.decimalMarker;
-            }
-            if (config.thousandSeparator) {
-                this._maskService.thousandSeparator = config.thousandSeparator;
-            }
-            if (config.leadZero) {
-                this._maskService.leadZero = config.leadZero;
-            }
-            processedValue = String(processedValue);
-            const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
-            if (!Array.isArray(this._maskService.decimalMarker)) {
-                processedValue =
-                    this._maskService.decimalMarker !== localeDecimalMarker
-                        ? processedValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
-                        : processedValue;
-            }
-            if (this._maskService.leadZero &&
-                processedValue &&
-                this._maskService.dropSpecialCharacters !== false) {
-                processedValue = this._maskService._checkPrecision(mask, processedValue);
-            }
-            if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */) {
-                processedValue = processedValue.replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
-            }
-            this._maskService.isNumberValue = true;
-        }
-        if (processedValue === null || typeof processedValue === 'undefined') {
-            return this._maskService.applyMask('', mask);
-        }
-        return this._maskService.applyMask(`${processedValue}`, mask);
-    }
-    _setMask(value) {
-        if (this._maskExpressionArray.length > 0) {
-            this._maskExpressionArray.some((mask) => {
-                const test = this._maskService.removeMask(value)?.length <=
-                    this._maskService.removeMask(mask)?.length;
-                if (value && test) {
-                    this.mask = mask;
-                    return test;
-                }
-                else {
-                    this.mask =
-                        this._maskExpressionArray[this._maskExpressionArray.length - 1] ??
-                            "" /* MaskExpression.EMPTY_STRING */;
-                }
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, isStandalone: false, name: "mask" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'mask',
-                    pure: true,
-                    standalone: false,
-                }]
-        }] });
-
-const options = {
-    specialCharacters: ['/', '(', ')', '.', ':', '-', ' ', '+', ',', '@', '[', ']', '"', "'", '*'],
-    patterns: {
-        '0': { pattern: /\d/ },
-        '9': { pattern: /\d/, optional: true },
-        'A': { pattern: /[a-zA-Z0-9]/ },
-        'S': { pattern: /[a-zA-Z]/ }
-    },
-    prefix: '',
-    suffix: '',
-    thousandSeparator: '',
-    decimalMarker: '.',
-    clearIfNotMatch: false,
-    showMaskTyped: false,
-    placeHolderCharacter: '_',
-    shownMaskExpression: '',
-    dropSpecialCharacters: true,
-    hiddenInput: false,
-    validation: true,
-    instantPrefix: false,
-    separatorLimit: '',
-    apm: false,
-    allowNegativeNumbers: false,
-    leadZeroDateTime: false,
-    leadZero: false,
-    triggerOnMaskChange: false,
-    keepCharacterPositions: false,
-    inputTransformFn: (v) => v,
-    outputTransformFn: (v) => v,
-    maskFilled: new EventEmitter()
-};
-class MatchaMaskModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskDirective, MatchaMaskPipe], imports: [CommonModule], exports: [MatchaMaskDirective,
-            MatchaMaskPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, providers: [
-            MatchaMaskService,
-            { provide: MATCHA_MASK_CONFIG, useValue: options }
-        ], imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaMaskDirective, MatchaMaskPipe],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        MatchaMaskDirective,
-                        MatchaMaskPipe
-                    ],
-                    providers: [
-                        MatchaMaskService,
-                        { provide: MATCHA_MASK_CONFIG, useValue: options }
-                    ]
-                }]
-        }] });
-
 class MatchaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
@@ -12950,7 +11855,7 @@ class MatchaComponentsModule {
             MatchaPageLayoutModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskModule], exports: [MatchaAccordionModule,
+            MatchaMaskCompatibleModule], exports: [MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaOptionModule,
             MatchaPanelModule,
@@ -12995,7 +11900,7 @@ class MatchaComponentsModule {
             MatchaAvatarModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskModule] }); }
+            MatchaMaskCompatibleModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -13043,7 +11948,7 @@ class MatchaComponentsModule {
             MatchaPageLayoutModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskModule, MatchaAccordionModule,
+            MatchaMaskCompatibleModule, MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaOptionModule,
             MatchaPanelModule,
@@ -13088,7 +11993,7 @@ class MatchaComponentsModule {
             MatchaAvatarModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskModule] }); }
+            MatchaMaskCompatibleModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, decorators: [{
             type: NgModule,
@@ -13142,7 +12047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaPageLayoutModule,
                         MatchaDrawerModule,
                         MatchaHighlightModule,
-                        MatchaMaskModule
+                        MatchaMaskCompatibleModule
                     ],
                     exports: [MatchaAccordionModule,
                         MatchaAutocompleteModule,
@@ -13189,53 +12094,1148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaAvatarModule,
                         MatchaDrawerModule,
                         MatchaHighlightModule,
-                        MatchaMaskModule
+                        MatchaMaskCompatibleModule
+                    ],
+                }]
+        }] });
+
+class MatchaSkeletonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSkeletonComponent],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaSkeletonComponent],
+                }]
+        }] });
+
+/**
+ * Módulo para o MatchaBreakpointObserver
+ *
+ * Este módulo fornece o serviço MatchaBreakpointObserver que pode ser usado
+ * em qualquer parte da aplicação para observar breakpoints CSS.
+ *
+ * O serviço é um singleton (providedIn: 'root') e não precisa ser importado
+ * explicitamente, mas este módulo pode ser usado para organização.
+ */
+class MatchaBreakpointObservableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, providers: [
+            // O serviço já é providedIn: 'root', mas incluímos aqui para clareza
+            MatchaBreakpointObserver
+        ], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    providers: [
+                        // O serviço já é providedIn: 'root', mas incluímos aqui para clareza
+                        MatchaBreakpointObserver
+                    ]
+                }]
+        }] });
+
+class MatchaMaskDirective {
+    constructor() {
+        this.mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
+        this.specialCharacters = input([], ...(ngDevMode ? [{ debugName: "specialCharacters" }] : []));
+        this.patterns = input({}, ...(ngDevMode ? [{ debugName: "patterns" }] : []));
+        this.prefix = input('', ...(ngDevMode ? [{ debugName: "prefix" }] : []));
+        this.suffix = input('', ...(ngDevMode ? [{ debugName: "suffix" }] : []));
+        this.thousandSeparator = input(' ', ...(ngDevMode ? [{ debugName: "thousandSeparator" }] : []));
+        this.decimalMarker = input('.', ...(ngDevMode ? [{ debugName: "decimalMarker" }] : []));
+        this.dropSpecialCharacters = input(null, ...(ngDevMode ? [{ debugName: "dropSpecialCharacters" }] : []));
+        this.hiddenInput = input(null, ...(ngDevMode ? [{ debugName: "hiddenInput" }] : []));
+        this.showMaskTyped = input(null, ...(ngDevMode ? [{ debugName: "showMaskTyped" }] : []));
+        this.placeHolderCharacter = input(null, ...(ngDevMode ? [{ debugName: "placeHolderCharacter" }] : []));
+        this.shownMaskExpression = input(null, ...(ngDevMode ? [{ debugName: "shownMaskExpression" }] : []));
+        this.clearIfNotMatch = input(null, ...(ngDevMode ? [{ debugName: "clearIfNotMatch" }] : []));
+        this.validation = input(null, ...(ngDevMode ? [{ debugName: "validation" }] : []));
+        this.separatorLimit = input('', ...(ngDevMode ? [{ debugName: "separatorLimit" }] : []));
+        this.allowNegativeNumbers = input(null, ...(ngDevMode ? [{ debugName: "allowNegativeNumbers" }] : []));
+        this.leadZeroDateTime = input(null, ...(ngDevMode ? [{ debugName: "leadZeroDateTime" }] : []));
+        this.leadZero = input(null, ...(ngDevMode ? [{ debugName: "leadZero" }] : []));
+        this.triggerOnMaskChange = input(null, ...(ngDevMode ? [{ debugName: "triggerOnMaskChange" }] : []));
+        this.apm = input(null, ...(ngDevMode ? [{ debugName: "apm" }] : []));
+        this.inputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "inputTransformFn" }] : []));
+        this.outputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "outputTransformFn" }] : []));
+        this.keepCharacterPositions = input(null, ...(ngDevMode ? [{ debugName: "keepCharacterPositions" }] : []));
+        this.instantPrefix = input(null, ...(ngDevMode ? [{ debugName: "instantPrefix" }] : []));
+        this.maskFilled = output();
+        this._maskValue = signal('', ...(ngDevMode ? [{ debugName: "_maskValue" }] : []));
+        this._inputValue = signal('', ...(ngDevMode ? [{ debugName: "_inputValue" }] : []));
+        this._position = signal(null, ...(ngDevMode ? [{ debugName: "_position" }] : []));
+        this._code = signal('', ...(ngDevMode ? [{ debugName: "_code" }] : []));
+        this._maskExpressionArray = signal([], ...(ngDevMode ? [{ debugName: "_maskExpressionArray" }] : []));
+        this._justPasted = signal(false, ...(ngDevMode ? [{ debugName: "_justPasted" }] : []));
+        this._isFocused = signal(false, ...(ngDevMode ? [{ debugName: "_isFocused" }] : []));
+        /**For IME composition event */
+        this._isComposing = signal(false, ...(ngDevMode ? [{ debugName: "_isComposing" }] : []));
+        this._maskService = inject(MatchaMaskService, { self: true });
+        this.document = inject(DOCUMENT);
+        this._config = inject(MATCHA_MASK_CONFIG);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onChange = (_) => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onTouch = () => { };
+    }
+    ngOnChanges(changes) {
+        const { mask, specialCharacters, patterns, prefix, suffix, thousandSeparator, decimalMarker, dropSpecialCharacters, hiddenInput, showMaskTyped, placeHolderCharacter, shownMaskExpression, clearIfNotMatch, validation, separatorLimit, allowNegativeNumbers, leadZeroDateTime, leadZero, triggerOnMaskChange, apm, inputTransformFn, outputTransformFn, keepCharacterPositions, instantPrefix, } = changes;
+        if (mask) {
+            if (mask.currentValue !== mask.previousValue && !mask.firstChange) {
+                this._maskService.maskChanged = true;
+            }
+            if (mask.currentValue && mask.currentValue.split("||" /* MaskExpression.OR */).length > 1) {
+                this._maskExpressionArray.set(mask.currentValue.split("||" /* MaskExpression.OR */).sort((a, b) => {
+                    return a.length - b.length;
+                }));
+                this._setMask();
+            }
+            else {
+                this._maskExpressionArray.set([]);
+                this._maskValue.set(mask.currentValue || "" /* MaskExpression.EMPTY_STRING */);
+                this._maskService.maskExpression = this._maskValue();
+            }
+        }
+        if (specialCharacters) {
+            if (!specialCharacters.currentValue || !Array.isArray(specialCharacters.currentValue)) {
+                return;
+            }
+            else {
+                this._maskService.specialCharacters = specialCharacters.currentValue || [];
+            }
+        }
+        if (allowNegativeNumbers) {
+            this._maskService.allowNegativeNumbers = allowNegativeNumbers.currentValue;
+            if (this._maskService.allowNegativeNumbers) {
+                this._maskService.specialCharacters = this._maskService.specialCharacters.filter((c) => c !== "-" /* MaskExpression.MINUS */);
+            }
+        }
+        // Only overwrite the mask available patterns if a pattern has actually been passed in
+        if (patterns && patterns.currentValue) {
+            this._maskService.patterns = patterns.currentValue;
+        }
+        if (apm && apm.currentValue) {
+            this._maskService.apm = apm.currentValue;
+        }
+        if (instantPrefix) {
+            this._maskService.instantPrefix = instantPrefix.currentValue;
+        }
+        if (prefix) {
+            this._maskService.prefix = prefix.currentValue;
+        }
+        if (suffix) {
+            this._maskService.suffix = suffix.currentValue;
+        }
+        if (thousandSeparator) {
+            this._maskService.thousandSeparator = thousandSeparator.currentValue;
+            if (thousandSeparator.previousValue && thousandSeparator.currentValue) {
+                const previousDecimalMarker = this._maskService.decimalMarker;
+                if (thousandSeparator.currentValue === this._maskService.decimalMarker) {
+                    this._maskService.decimalMarker =
+                        thousandSeparator.currentValue === "," /* MaskExpression.COMMA */
+                            ? "." /* MaskExpression.DOT */
+                            : "," /* MaskExpression.COMMA */;
+                }
+                if (this._maskService.dropSpecialCharacters === true) {
+                    this._maskService.specialCharacters = this._config.specialCharacters;
+                }
+                if (typeof previousDecimalMarker === 'string' &&
+                    typeof this._maskService.decimalMarker === 'string') {
+                    this._inputValue.set(this._inputValue()
+                        .split(thousandSeparator.previousValue)
+                        .join('')
+                        .replace(previousDecimalMarker, this._maskService.decimalMarker));
+                    this._maskService.actualValue = this._inputValue();
+                }
+                this._maskService.writingValue = true;
+            }
+        }
+        if (decimalMarker) {
+            this._maskService.decimalMarker = decimalMarker.currentValue;
+        }
+        if (dropSpecialCharacters) {
+            this._maskService.dropSpecialCharacters = dropSpecialCharacters.currentValue;
+        }
+        if (hiddenInput) {
+            this._maskService.hiddenInput = hiddenInput.currentValue;
+            if (hiddenInput.previousValue === true && hiddenInput.currentValue === false) {
+                this._inputValue.set(this._maskService.actualValue);
+            }
+        }
+        if (showMaskTyped) {
+            this._maskService.showMaskTyped = showMaskTyped.currentValue;
+            if (showMaskTyped.previousValue === false &&
+                showMaskTyped.currentValue === true &&
+                this._isFocused()) {
+                requestAnimationFrame(() => {
+                    this._maskService._elementRef?.nativeElement.click();
+                });
+            }
+        }
+        if (placeHolderCharacter) {
+            this._maskService.placeHolderCharacter = placeHolderCharacter.currentValue;
+        }
+        if (shownMaskExpression) {
+            this._maskService.shownMaskExpression = shownMaskExpression.currentValue;
+        }
+        if (clearIfNotMatch) {
+            this._maskService.clearIfNotMatch = clearIfNotMatch.currentValue;
+        }
+        if (validation) {
+            this._maskService.validation = validation.currentValue;
+        }
+        if (separatorLimit) {
+            this._maskService.separatorLimit = separatorLimit.currentValue;
+        }
+        if (leadZeroDateTime) {
+            this._maskService.leadZeroDateTime = leadZeroDateTime.currentValue;
+        }
+        if (leadZero) {
+            this._maskService.leadZero = leadZero.currentValue;
+        }
+        if (triggerOnMaskChange) {
+            this._maskService.triggerOnMaskChange = triggerOnMaskChange.currentValue;
+        }
+        if (inputTransformFn) {
+            this._maskService.inputTransformFn = inputTransformFn.currentValue;
+        }
+        if (outputTransformFn) {
+            this._maskService.outputTransformFn = outputTransformFn.currentValue;
+        }
+        if (keepCharacterPositions) {
+            this._maskService.keepCharacterPositions = keepCharacterPositions.currentValue;
+        }
+        this._applyMask();
+    }
+    validate({ value }) {
+        const processedValue = typeof value === 'number' ? String(value) : value;
+        const maskValue = this._maskValue();
+        if (!this._maskService.validation || !maskValue) {
+            return null;
+        }
+        if (this._maskService.ipError) {
+            return this._createValidationError(processedValue);
+        }
+        if (this._maskService.cpfCnpjError) {
+            return this._createValidationError(processedValue);
+        }
+        if (maskValue.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+            return null;
+        }
+        if (withoutValidation.includes(maskValue)) {
+            return null;
+        }
+        if (this._maskService.clearIfNotMatch) {
+            return null;
+        }
+        if (timeMasks.includes(maskValue)) {
+            return this._validateTime(processedValue);
+        }
+        if (maskValue === "A*@A*.A*" /* MaskExpression.EMAIL_MASK */) {
+            const emailPattern = /^[^@]+@[^@]+\.[^@]+$/;
+            if (!emailPattern.test(processedValue) && processedValue) {
+                return this._createValidationError(processedValue);
+            }
+            else {
+                return null;
+            }
+        }
+        if (processedValue && processedValue.length >= 1) {
+            let counterOfOpt = 0;
+            if (maskValue.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) &&
+                maskValue.includes("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */)) {
+                const lengthInsideCurlyBrackets = maskValue.slice(maskValue.indexOf("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) + 1, maskValue.indexOf("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */));
+                return lengthInsideCurlyBrackets === String(processedValue.length)
+                    ? null
+                    : this._createValidationError(processedValue);
+            }
+            if (maskValue.startsWith("percent" /* MaskExpression.PERCENT */)) {
+                return null;
+            }
+            for (const key in this._maskService.patterns) {
+                if (this._maskService.patterns[key]?.optional) {
+                    if (maskValue.indexOf(key) !== maskValue.lastIndexOf(key)) {
+                        const opt = maskValue
+                            .split("" /* MaskExpression.EMPTY_STRING */)
+                            .filter((i) => i === key)
+                            .join("" /* MaskExpression.EMPTY_STRING */);
+                        counterOfOpt += opt.length;
+                    }
+                    else if (maskValue.indexOf(key) !== -1) {
+                        counterOfOpt++;
+                    }
+                    if (maskValue.indexOf(key) !== -1 &&
+                        processedValue.length >= maskValue.indexOf(key)) {
+                        return null;
+                    }
+                    if (counterOfOpt === maskValue.length) {
+                        return null;
+                    }
+                }
+            }
+            if ((maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) > 1 &&
+                processedValue.length < maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */)) ||
+                (maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) > 1 &&
+                    processedValue.length < maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */))) {
+                return this._createValidationError(processedValue);
+            }
+            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === -1 ||
+                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === -1) {
+                const array = maskValue.split('*');
+                const length = this._maskService.dropSpecialCharacters
+                    ? maskValue.length -
+                        this._maskService.checkDropSpecialCharAmount(maskValue) -
+                        counterOfOpt
+                    : this.prefix()
+                        ? maskValue.length + this.prefix().length - counterOfOpt
+                        : maskValue.length - counterOfOpt;
+                if (array.length === 1) {
+                    if (processedValue.length < length) {
+                        return this._createValidationError(processedValue);
+                    }
+                }
+                if (array.length > 1) {
+                    const lastIndexArray = array[array.length - 1];
+                    if (lastIndexArray &&
+                        this._maskService.specialCharacters.includes(lastIndexArray[0]) &&
+                        String(processedValue).includes(lastIndexArray[0] ?? '') &&
+                        !this.dropSpecialCharacters()) {
+                        const special = value.split(lastIndexArray[0]);
+                        return special[special.length - 1].length === lastIndexArray.length - 1
+                            ? null
+                            : this._createValidationError(processedValue);
+                    }
+                    else if (((lastIndexArray &&
+                        !this._maskService.specialCharacters.includes(lastIndexArray[0])) ||
+                        !lastIndexArray ||
+                        this._maskService.dropSpecialCharacters) &&
+                        processedValue.length >= length - 1) {
+                        return null;
+                    }
+                    else {
+                        return this._createValidationError(processedValue);
+                    }
+                }
+            }
+            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === 1 ||
+                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === 1) {
+                return null;
+            }
+        }
+        if (value) {
+            this.maskFilled.emit();
+            return null;
+        }
+        return null;
+    }
+    onPaste() {
+        this._justPasted.set(true);
+    }
+    onFocus() {
+        this._isFocused.set(true);
+    }
+    onModelChange(value) {
+        // on form reset we need to update the actualValue
+        if ((value === "" /* MaskExpression.EMPTY_STRING */ ||
+            value === null ||
+            typeof value === 'undefined') &&
+            this._maskService.actualValue) {
+            this._maskService.actualValue = this._maskService.getActualValue("" /* MaskExpression.EMPTY_STRING */);
+        }
+    }
+    onInput(e) {
+        // If IME is composing text, we wait for the composed text.
+        if (this._isComposing()) {
+            return;
+        }
+        const el = e.target;
+        const transformedValue = this._maskService.inputTransformFn
+            ? this._maskService.inputTransformFn(el.value)
+            : el.value;
+        if (el.type !== 'number') {
+            if (typeof transformedValue === 'string' || typeof transformedValue === 'number') {
+                el.value = transformedValue.toString();
+                this._inputValue.set(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;
+                if (this.showMaskTyped() &&
+                    this.keepCharacterPositions() &&
+                    this._maskService.placeHolderCharacter.length === 1) {
+                    const suffix = this.suffix();
+                    const prefix = this.prefix();
+                    const inputSymbol = el.value.slice(position - 1, position);
+                    const prefixLength = 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;
+                    const backspaceOrDelete = this._code() === "Backspace" /* MaskExpression.BACKSPACE */ ||
+                        this._code() === "Delete" /* MaskExpression.DELETE */;
+                    if (backspaceOrDelete) {
+                        if (!selectRangeBackspace) {
+                            if (this._maskService.selStart === prefixLength) {
+                                this._maskService.actualValue = `${prefix}${this._maskService.maskIsShown.slice(0, selEnd)}${this._inputValue().split(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 = `${prefix}${this._inputValue()
+                                    .split(prefix)
+                                    .join('')
+                                    .slice(0, selStart)}${this._maskService.maskIsShown.slice(selStart, selEnd)}${this._maskService.actualValue.slice(selEnd + prefixLength, this._maskService.maskIsShown.length + prefixLength)}${suffix}`;
+                            }
+                        }
+                        else if (!this._maskService.specialCharacters.includes(this._maskService.maskExpression.slice(position - prefixLength, position + 1 - prefixLength)) &&
+                            selectRangeBackspace) {
+                            if (selStart === 1 && prefix) {
+                                this._maskService.actualValue = `${prefix}${this._maskService.placeHolderCharacter}${el.value
+                                    .split(prefix)
+                                    .join('')
+                                    .split(suffix)
+                                    .join('')}${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}`;
+                            }
+                        }
+                        position = this._code() === "Delete" /* MaskExpression.DELETE */ ? position + 1 : position;
+                    }
+                    if (!backspaceOrDelete) {
+                        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) {
+                            if (el.value.length === 1 && position === 1) {
+                                this._maskService.actualValue = `${prefix}${inputSymbol}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${suffix}`;
+                            }
+                            else {
+                                this._maskService.actualValue = `${el.value.slice(0, position - 1)}${inputSymbol}${el.value
+                                    .slice(position + 1)
+                                    .split(suffix)
+                                    .join('')}${suffix}`;
+                            }
+                        }
+                        else if (prefix &&
+                            el.value.length === 1 &&
+                            position - prefixLength === 1 &&
+                            this._maskService._checkSymbolMask(el.value, this._maskService.maskExpression[position - 1 - prefixLength] ??
+                                "" /* MaskExpression.EMPTY_STRING */)) {
+                            this._maskService.actualValue = `${prefix}${el.value}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${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 === "d0/M0/0000" /* 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)) {
+                        position = position + 2;
+                    }
+                }
+                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.set(false);
+                    caretShift = shift;
+                    backspaceShift = _backspaceShift;
+                });
+                // only set the selection if the element is active
+                if (this._getActiveElement() !== el) {
+                    return;
+                }
+                if (this._maskService.plusOnePosition) {
+                    position = position + 1;
+                    this._maskService.plusOnePosition = false;
+                }
+                // 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 */) {
+                        const specialChartMinusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position - 1, position));
+                        const allowFewMaskChangeMask = this._maskService.removeMask(this._inputValue())?.length ===
+                            this._maskService.removeMask(this._maskService.maskExpression)?.length;
+                        const specialChartPlusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position, position + 1));
+                        if (allowFewMaskChangeMask && !specialChartPlusOne) {
+                            position = el.selectionStart + 1;
+                        }
+                        else {
+                            position = specialChartMinusOne ? position - 1 : position;
+                        }
+                    }
+                    else {
+                        position =
+                            el.selectionStart === 1
+                                ? el.selectionStart + this._maskService.prefix.length
+                                : el.selectionStart;
+                    }
+                }
+                this._position.set(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 =
+                        el.value === this._maskService.decimalMarker && el.value.length === 1
+                            ? this._getActualInputLength() + 1
+                            : this._getActualInputLength();
+                }
+                if (positionToApply < 0) {
+                    positionToApply = 0;
+                }
+                el.setSelectionRange(positionToApply, positionToApply);
+                this._position.set(null);
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof transformedValue);
+            }
+        }
+        else {
+            if (!this._maskValue()) {
+                this.onChange(el.value);
+                return;
+            }
+            this._maskService.applyValueChanges(el.value.length, this._justPasted(), this._code() === "Backspace" /* MaskExpression.BACKSPACE */ || this._code() === "Delete" /* MaskExpression.DELETE */);
+        }
+    }
+    // IME starts
+    onCompositionStart() {
+        this._isComposing.set(true);
+    }
+    // IME completes
+    onCompositionEnd(e) {
+        this._isComposing.set(false);
+        this._justPasted.set(true);
+        this.onInput(e);
+    }
+    onBlur(e) {
+        if (this._maskValue()) {
+            const el = e.target;
+            if (this._maskService.leadZero &&
+                el.value.length > 0 &&
+                typeof this._maskService.decimalMarker === 'string') {
+                const maskExpression = this._maskService.maskExpression;
+                const decimalMarker = this._maskService.decimalMarker;
+                const suffix = this._maskService.suffix;
+                const precision = Number(this._maskService.maskExpression.slice(maskExpression.length - 1, maskExpression.length));
+                if (precision > 0) {
+                    el.value = suffix ? el.value.split(suffix).join('') : el.value;
+                    const decimalPart = el.value.split(decimalMarker)[1];
+                    el.value = el.value.includes(decimalMarker)
+                        ? el.value +
+                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision - decimalPart.length) +
+                            suffix
+                        : el.value +
+                            decimalMarker +
+                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision) +
+                            suffix;
+                    this._maskService.actualValue = el.value;
+                }
+            }
+            this._maskService.clearIfNotMatchFn();
+        }
+        this._isFocused.set(false);
+        this.onTouch();
+    }
+    onClick(e) {
+        if (!this._maskValue()) {
+            return;
+        }
+        const el = e.target;
+        const posStart = 0;
+        const posEnd = 0;
+        if (el !== null &&
+            el.selectionStart !== null &&
+            el.selectionStart === el.selectionEnd &&
+            el.selectionStart > this._maskService.prefix.length &&
+            e.keyCode !== 38) {
+            if (this._maskService.showMaskTyped && !this.keepCharacterPositions()) {
+                // We are showing the mask in the input
+                this._maskService.maskIsShown = this._maskService.showMaskInInput();
+                if (el.setSelectionRange &&
+                    this._maskService.prefix + this._maskService.maskIsShown === el.value) {
+                    // the input ONLY contains the mask, so position the cursor at the start
+                    el.focus();
+                    el.setSelectionRange(posStart, posEnd);
+                }
+                else {
+                    // the input contains some characters already
+                    if (el.selectionStart > this._maskService.actualValue.length) {
+                        // if the user clicked beyond our value's length, position the cursor at the end of our value
+                        el.setSelectionRange(this._maskService.actualValue.length, this._maskService.actualValue.length);
+                    }
+                }
+            }
+        }
+        const nextValue = el &&
+            (el.value === this._maskService.prefix
+                ? this._maskService.prefix + this._maskService.maskIsShown
+                : el.value);
+        /** Fix of cursor position jumping to end in most browsers no matter where cursor is inserted onFocus */
+        if (el && el.value !== nextValue) {
+            el.value = nextValue;
+        }
+        /** fix of cursor position with prefix when mouse click occur */
+        if (el &&
+            el.type !== 'number' &&
+            (el.selectionStart || el.selectionEnd) <=
+                this._maskService.prefix.length) {
+            const specialCharactersAtTheStart = this._maskService.maskExpression.match(new RegExp(`^[${this._maskService.specialCharacters.map((c) => `\\${c}`).join('')}]+`))?.[0].length || 0;
+            el.selectionStart = this._maskService.prefix.length + specialCharactersAtTheStart;
+            return;
+        }
+        /** select only inserted text */
+        if (el && el.selectionEnd > this._getActualInputLength()) {
+            el.selectionEnd = this._getActualInputLength();
+        }
+    }
+    onKeyDown(e) {
+        if (!this._maskValue()) {
+            return;
+        }
+        if (this._isComposing()) {
+            // User finalize their choice from IME composition, so trigger onInput() for the composed text.
+            if (e.key === 'Enter') {
+                this.onCompositionEnd(e);
+            }
+            return;
+        }
+        this._code.set(e.code ? e.code : e.key);
+        const el = e.target;
+        this._inputValue.set(el.value);
+        this._setMask();
+        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;
+                }
+                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.selectionStart !== 0) {
+                    const prefixLength = this.prefix().length;
+                    // If specialChars is false, (shouldn't ever happen) then set to the defaults
+                    const specialCharacters = this.specialCharacters().length
+                        ? this.specialCharacters()
+                        : this._config.specialCharacters;
+                    if (prefixLength > 1 && el.selectionStart <= prefixLength) {
+                        el.setSelectionRange(prefixLength, el.selectionEnd);
+                    }
+                    else {
+                        if (this._inputValue().length !== el.selectionStart &&
+                            el.selectionStart !== 1) {
+                            while (specialCharacters.includes((this._inputValue()[el.selectionStart - 1] ??
+                                "" /* MaskExpression.EMPTY_STRING */).toString()) &&
+                                ((prefixLength >= 1 &&
+                                    el.selectionStart > prefixLength) ||
+                                    prefixLength === 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.set(this._maskService.prefix ? this._maskService.prefix.length : 0);
+                    this._maskService.applyMask(this._maskService.prefix, this._maskService.maskExpression, this._position());
+                }
+            }
+            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) {
+        let value = controlValue;
+        const inputTransformFn = this._maskService.inputTransformFn;
+        if (typeof value === 'object' && value !== null && 'value' in value) {
+            if ('disable' in value) {
+                this.setDisabledState(Boolean(value.disable));
+            }
+            value = value.value;
+        }
+        if (value !== null) {
+            value = inputTransformFn ? inputTransformFn(value) : value;
+        }
+        if (typeof value === 'string' ||
+            typeof value === 'number' ||
+            value === null ||
+            typeof value === 'undefined') {
+            if (value === null || typeof value === 'undefined' || value === '') {
+                this._maskService.currentValue = '';
+                this._maskService.previousValue = '';
+            }
+            let inputValue = value;
+            if (typeof inputValue === 'number' ||
+                this._maskValue().startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+                inputValue = String(inputValue);
+                const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
+                if (!Array.isArray(this._maskService.decimalMarker)) {
+                    inputValue =
+                        this._maskService.decimalMarker !== localeDecimalMarker
+                            ? inputValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
+                            : inputValue;
+                }
+                if (this._maskService.leadZero &&
+                    inputValue &&
+                    this.mask() &&
+                    this.dropSpecialCharacters() !== false) {
+                    inputValue = this._maskService._checkPrecision(this._maskService.maskExpression, inputValue);
+                }
+                if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */ ||
+                    (Array.isArray(this._maskService.decimalMarker) &&
+                        this._maskService.thousandSeparator === "." /* MaskExpression.DOT */)) {
+                    inputValue = inputValue
+                        .toString()
+                        .replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
+                }
+                if (this.mask()?.startsWith("separator" /* MaskExpression.SEPARATOR */) && this.leadZero()) {
+                    requestAnimationFrame(() => {
+                        this._maskService.applyMask(inputValue?.toString() ?? '', this._maskService.maskExpression);
+                    });
+                }
+                this._maskService.isNumberValue = true;
+            }
+            if (typeof inputValue !== 'string' || value === null || typeof value === 'undefined') {
+                inputValue = '';
+            }
+            this._inputValue.set(inputValue);
+            this._setMask();
+            if ((inputValue && this._maskService.maskExpression) ||
+                (this._maskService.maskExpression &&
+                    (this._maskService.prefix || this._maskService.showMaskTyped))) {
+                // Let the service we know we are writing value so that triggering onChange function won't happen during applyMask
+                this._maskService.writingValue = true;
+                this._maskService.formElementProperty = [
+                    'value',
+                    this._maskService.applyMask(inputValue, this._maskService.maskExpression),
+                ];
+                // Let the service know we've finished writing value
+                this._maskService.writingValue = false;
+            }
+            else {
+                this._maskService.formElementProperty = ['value', inputValue];
+            }
+            this._inputValue.set(inputValue);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof value);
+        }
+    }
+    registerOnChange(fn) {
+        this._maskService.onChange = this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    _getActiveElement(document = this.document) {
+        const shadowRootEl = document?.activeElement?.shadowRoot;
+        if (!shadowRootEl?.activeElement) {
+            return document.activeElement;
+        }
+        else {
+            return this._getActiveElement(shadowRootEl);
+        }
+    }
+    checkSelectionOnDeletion(el) {
+        const prefixLength = this.prefix().length;
+        const suffixLength = this.suffix().length;
+        const inputValueLength = this._inputValue().length;
+        el.selectionStart = Math.min(Math.max(prefixLength, el.selectionStart), inputValueLength - suffixLength);
+        el.selectionEnd = Math.min(Math.max(prefixLength, el.selectionEnd), inputValueLength - suffixLength);
+    }
+    /** It disables the input element */
+    setDisabledState(isDisabled) {
+        this._maskService.formElementProperty = ['disabled', isDisabled];
+    }
+    _applyMask() {
+        this._maskService.maskExpression = this._maskService._repeatPatternSymbols(this._maskValue() || '');
+        this._maskService.formElementProperty = [
+            'value',
+            this._maskService.applyMask(this._inputValue(), this._maskService.maskExpression),
+        ];
+    }
+    _validateTime(value) {
+        const rowMaskLen = this._maskValue()
+            .split("" /* MaskExpression.EMPTY_STRING */)
+            .filter((s) => s !== ':').length;
+        if (!value) {
+            return null; // Don't validate empty values to allow for optional form control
+        }
+        if ((+(value[value.length - 1] ?? -1) === 0 && value.length < rowMaskLen) ||
+            value.length <= rowMaskLen - 2) {
+            return this._createValidationError(value);
+        }
+        return null;
+    }
+    _getActualInputLength() {
+        return (this._maskService.actualValue.length ||
+            this._maskService.actualValue.length + this._maskService.prefix.length);
+    }
+    _createValidationError(actualValue) {
+        return {
+            mask: {
+                requiredMask: this._maskValue(),
+                actualValue,
+            },
+        };
+    }
+    _setMask() {
+        this._maskExpressionArray().some((mask) => {
+            const specialChart = mask
+                .split("" /* MaskExpression.EMPTY_STRING */)
+                .some((char) => this._maskService.specialCharacters.includes(char));
+            if ((specialChart &&
+                this._inputValue() &&
+                this._areAllCharactersInEachStringSame(this._maskExpressionArray())) ||
+                mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
+                const test = this._maskService.removeMask(this._inputValue())?.length <=
+                    this._maskService.removeMask(mask)?.length;
+                if (test) {
+                    const maskValue = mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
+                        ? this._maskService._repeatPatternSymbols(mask)
+                        : mask;
+                    this._maskValue.set(maskValue);
+                    this._maskService.maskExpression = maskValue;
+                    return test;
+                }
+                else {
+                    const expression = this._maskExpressionArray()[this._maskExpressionArray().length - 1] ??
+                        "" /* MaskExpression.EMPTY_STRING */;
+                    const maskValue = expression.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
+                        ? this._maskService._repeatPatternSymbols(expression)
+                        : expression;
+                    this._maskValue.set(maskValue);
+                    this._maskService.maskExpression = maskValue;
+                }
+            }
+            else {
+                const cleanMask = this._maskService.removeMask(mask);
+                const check = this._maskService
+                    .removeMask(this._inputValue())
+                    ?.split("" /* MaskExpression.EMPTY_STRING */)
+                    .every((character, index) => {
+                    const indexMask = cleanMask.charAt(index);
+                    return this._maskService._checkSymbolMask(character, indexMask);
+                });
+                if (check || this._justPasted()) {
+                    this._maskValue.set(mask);
+                    this._maskService.maskExpression = mask;
+                    return check;
+                }
+            }
+        });
+    }
+    _areAllCharactersInEachStringSame(array) {
+        const specialCharacters = this._maskService.specialCharacters;
+        function removeSpecialCharacters(str) {
+            const regex = new RegExp(`[${specialCharacters.map((ch) => `\\${ch}`).join('')}]`, 'g');
+            return str.replace(regex, '');
+        }
+        const processedArr = array.map(removeSpecialCharacters);
+        return processedArr.every((str) => {
+            const uniqueCharacters = new Set(str);
+            return uniqueCharacters.size === 1;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: MatchaMaskDirective, isStandalone: false, 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 }, 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 } }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "focus": "onFocus($event)", "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: forwardRef(() => MatchaMaskDirective),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => MatchaMaskDirective),
+                multi: true,
+            },
+            MatchaMaskService,
+        ], exportAs: ["mask", "matchaMask"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[mask], textarea[mask]',
+                    standalone: false,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MatchaMaskDirective),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => MatchaMaskDirective),
+                            multi: true,
+                        },
+                        MatchaMaskService,
                     ],
+                    exportAs: 'mask,matchaMask',
                 }]
-        }] });
+        }], propDecorators: { onPaste: [{
+                type: HostListener,
+                args: ['paste']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event']]
+            }], onModelChange: [{
+                type: HostListener,
+                args: ['ngModelChange', ['$event']]
+            }], onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }], onCompositionStart: [{
+                type: HostListener,
+                args: ['compositionstart', ['$event']]
+            }], onCompositionEnd: [{
+                type: HostListener,
+                args: ['compositionend', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 
-class MatchaSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
+class MatchaMaskPipe {
+    constructor() {
+        this.defaultOptions = inject(MATCHA_MASK_CONFIG);
+        this._maskService = inject(MatchaMaskService);
+        this._maskExpressionArray = [];
+        this.mask = '';
+    }
+    transform(value, mask, { patterns, ...config } = {}) {
+        let processedValue = value;
+        const currentConfig = {
+            maskExpression: mask,
+            ...this.defaultOptions,
+            ...config,
+            patterns: {
+                ...this._maskService.patterns,
+                ...patterns,
+            },
+        };
+        Object.entries(currentConfig).forEach(([key, val]) => {
+            this._maskService[key] = val;
+        });
+        if (mask.includes('||')) {
+            const maskParts = mask.split('||');
+            if (maskParts.length > 1) {
+                this._maskExpressionArray = maskParts.sort((a, b) => a.length - b.length);
+                this._setMask(`${processedValue}`);
+                return this._maskService.applyMask(`${processedValue}`, this.mask);
+            }
+            else {
+                this._maskExpressionArray = [];
+                return this._maskService.applyMask(`${processedValue}`, this.mask);
+            }
+        }
+        if (mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
+            return this._maskService.applyMask(`${processedValue}`, this._maskService._repeatPatternSymbols(mask));
+        }
+        if (mask.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+            if (config.decimalMarker) {
+                this._maskService.decimalMarker = config.decimalMarker;
+            }
+            if (config.thousandSeparator) {
+                this._maskService.thousandSeparator = config.thousandSeparator;
+            }
+            if (config.leadZero) {
+                this._maskService.leadZero = config.leadZero;
+            }
+            processedValue = String(processedValue);
+            const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
+            if (!Array.isArray(this._maskService.decimalMarker)) {
+                processedValue =
+                    this._maskService.decimalMarker !== localeDecimalMarker
+                        ? processedValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
+                        : processedValue;
+            }
+            if (this._maskService.leadZero &&
+                processedValue &&
+                this._maskService.dropSpecialCharacters !== false) {
+                processedValue = this._maskService._checkPrecision(mask, processedValue);
+            }
+            if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */) {
+                processedValue = processedValue.replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
+            }
+            this._maskService.isNumberValue = true;
+        }
+        if (processedValue === null || typeof processedValue === 'undefined') {
+            return this._maskService.applyMask('', mask);
+        }
+        return this._maskService.applyMask(`${processedValue}`, mask);
+    }
+    _setMask(value) {
+        if (this._maskExpressionArray.length > 0) {
+            this._maskExpressionArray.some((mask) => {
+                const test = this._maskService.removeMask(value)?.length <=
+                    this._maskService.removeMask(mask)?.length;
+                if (value && test) {
+                    this.mask = mask;
+                    return test;
+                }
+                else {
+                    this.mask =
+                        this._maskExpressionArray[this._maskExpressionArray.length - 1] ??
+                            "" /* MaskExpression.EMPTY_STRING */;
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, isStandalone: false, name: "mask" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, decorators: [{
+            type: Pipe,
             args: [{
-                    declarations: [MatchaSkeletonComponent],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [MatchaSkeletonComponent],
+                    name: 'mask',
+                    pure: true,
+                    standalone: false,
                 }]
         }] });
 
-/**
- * Módulo para o MatchaBreakpointObserver
- *
- * Este módulo fornece o serviço MatchaBreakpointObserver que pode ser usado
- * em qualquer parte da aplicação para observar breakpoints CSS.
- *
- * O serviço é um singleton (providedIn: 'root') e não precisa ser importado
- * explicitamente, mas este módulo pode ser usado para organização.
- */
-class MatchaBreakpointObservableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, providers: [
-            // O serviço já é providedIn: 'root', mas incluímos aqui para clareza
-            MatchaBreakpointObserver
+const options = {
+    specialCharacters: ['/', '(', ')', '.', ':', '-', ' ', '+', ',', '@', '[', ']', '"', "'", '*'],
+    patterns: {
+        '0': { pattern: /\d/ },
+        '9': { pattern: /\d/, optional: true },
+        'A': { pattern: /[a-zA-Z0-9]/ },
+        'S': { pattern: /[a-zA-Z]/ }
+    },
+    prefix: '',
+    suffix: '',
+    thousandSeparator: '',
+    decimalMarker: '.',
+    clearIfNotMatch: false,
+    showMaskTyped: false,
+    placeHolderCharacter: '_',
+    shownMaskExpression: '',
+    dropSpecialCharacters: true,
+    hiddenInput: false,
+    validation: true,
+    instantPrefix: false,
+    separatorLimit: '',
+    apm: false,
+    allowNegativeNumbers: false,
+    leadZeroDateTime: false,
+    leadZero: false,
+    triggerOnMaskChange: false,
+    keepCharacterPositions: false,
+    inputTransformFn: (v) => v,
+    outputTransformFn: (v) => v,
+    maskFilled: new EventEmitter()
+};
+class MatchaMaskModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskDirective, MatchaMaskPipe], imports: [CommonModule], exports: [MatchaMaskDirective,
+            MatchaMaskPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, providers: [
+            MatchaMaskService,
+            { provide: MATCHA_MASK_CONFIG, useValue: options }
         ], imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaBreakpointObservableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, decorators: [{
             type: NgModule,
             args: [{
+                    declarations: [MatchaMaskDirective, MatchaMaskPipe],
                     imports: [
                         CommonModule
                     ],
+                    exports: [
+                        MatchaMaskDirective,
+                        MatchaMaskPipe
+                    ],
                     providers: [
-                        // O serviço já é providedIn: 'root', mas incluímos aqui para clareza
-                        MatchaBreakpointObserver
+                        MatchaMaskService,
+                        { provide: MATCHA_MASK_CONFIG, useValue: options }
                     ]
                 }]
         }] });