matcha-components 20.42.0 → 20.44.0

package/fesm2022/matcha-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, PLATFORM_ID, Injectable, ViewChild, ContentChild, HostListener, Directive, forwardRef, ChangeDetectionStrategy, InjectionToken, inject, DOCUMENT, input, output, signal, TemplateRef, Optional, ViewEncapsulation, NgModule, createComponent, Pipe } from '@angular/core';
+import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, PLATFORM_ID, Injectable, ViewChild, ContentChild, HostListener, Directive, forwardRef, ChangeDetectionStrategy, InjectionToken, inject, DOCUMENT, TemplateRef, Optional, ViewEncapsulation, NgModule, createComponent, input, output, signal, Pipe } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
 import { Subscription, Subject, BehaviorSubject, of, fromEvent } from 'rxjs';
 import { debounceTime, startWith, map, distinctUntilChanged, takeUntil, filter } from 'rxjs/operators';
@@ -6364,42 +6364,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: Injectable
         }] });
 
-class MatchaMaskDirective {
+class MatchaMaskCompatibleDirective {
     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" }] : []));
+        this.mask = '';
+        this.specialCharacters = [];
+        this.patterns = {};
+        this.prefix = '';
+        this.suffix = '';
+        this.thousandSeparator = ' ';
+        this.decimalMarker = '.';
+        this.dropSpecialCharacters = null;
+        this.hiddenInput = null;
+        this.showMaskTyped = null;
+        this.placeHolderCharacter = null;
+        this.shownMaskExpression = null;
+        this.clearIfNotMatch = null;
+        this.validation = null;
+        this.separatorLimit = '';
+        this.allowNegativeNumbers = null;
+        this.leadZeroDateTime = null;
+        this.leadZero = null;
+        this.triggerOnMaskChange = null;
+        this.apm = null;
+        this.inputTransformFn = null;
+        this.outputTransformFn = null;
+        this.keepCharacterPositions = null;
+        this.instantPrefix = null;
+        this.maskFilled = new EventEmitter();
+        this._maskValue = '';
+        this._inputValue = '';
+        this._position = null;
+        this._code = '';
+        this._maskExpressionArray = [];
+        this._justPasted = false;
+        this._isFocused = false;
         /**For IME composition event */
-        this._isComposing = signal(false, ...(ngDevMode ? [{ debugName: "_isComposing" }] : []));
+        this._isComposing = false;
         this._maskService = inject(MatchaMaskService, { self: true });
         this.document = inject(DOCUMENT);
         this._config = inject(MATCHA_MASK_CONFIG);
@@ -6411,96 +6411,35 @@ class MatchaMaskDirective {
     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();
-            }
+            this._maskValue = mask.currentValue ?? '';
+            this._maskExpressionArray = this._maskValue.split('');
         }
         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;
+            this._maskService.specialCharacters = specialCharacters.currentValue ?? [];
         }
-        if (instantPrefix) {
-            this._maskService.instantPrefix = instantPrefix.currentValue;
+        if (patterns) {
+            this._maskService.patterns = patterns.currentValue ?? {};
         }
         if (prefix) {
-            this._maskService.prefix = prefix.currentValue;
+            this._maskService.prefix = prefix.currentValue ?? '';
         }
         if (suffix) {
-            this._maskService.suffix = suffix.currentValue;
+            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;
-            }
+            this._maskService.thousandSeparator = thousandSeparator.currentValue ?? ' ';
         }
         if (decimalMarker) {
-            this._maskService.decimalMarker = decimalMarker.currentValue;
+            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;
@@ -6515,7 +6454,10 @@ class MatchaMaskDirective {
             this._maskService.validation = validation.currentValue;
         }
         if (separatorLimit) {
-            this._maskService.separatorLimit = separatorLimit.currentValue;
+            this._maskService.separatorLimit = separatorLimit.currentValue ?? '';
+        }
+        if (allowNegativeNumbers) {
+            this._maskService.allowNegativeNumbers = allowNegativeNumbers.currentValue;
         }
         if (leadZeroDateTime) {
             this._maskService.leadZeroDateTime = leadZeroDateTime.currentValue;
@@ -6526,6 +6468,9 @@ class MatchaMaskDirective {
         if (triggerOnMaskChange) {
             this._maskService.triggerOnMaskChange = triggerOnMaskChange.currentValue;
         }
+        if (apm) {
+            this._maskService.apm = apm.currentValue;
+        }
         if (inputTransformFn) {
             this._maskService.inputTransformFn = inputTransformFn.currentValue;
         }
@@ -6535,1045 +6480,487 @@ class MatchaMaskDirective {
         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 (instantPrefix) {
+            this._maskService.instantPrefix = instantPrefix.currentValue;
         }
-        if (timeMasks.includes(maskValue)) {
-            return this._validateTime(processedValue);
+    }
+    onPaste() {
+        this._justPasted = true;
+    }
+    onFocus(event) {
+        this._isFocused = true;
+        // Implementar lógica de foco se necessário
+    }
+    onModelChange(value) {
+        if (this._maskService.writingValue) {
+            return;
         }
-        if (maskValue === "A*@A*.A*" /* MaskExpression.EMAIL_MASK */) {
-            const emailPattern = /^[^@]+@[^@]+\.[^@]+$/;
-            if (!emailPattern.test(processedValue) && processedValue) {
-                return this._createValidationError(processedValue);
+        this._inputValue = value;
+        // Aplicar máscara se definida
+        if (this.mask && this.mask.trim() !== '') {
+            const maskedValue = this._maskService.applyMask(value, this.mask);
+            if (maskedValue !== value) {
+                this._maskService.writingValue = true;
+                this._maskService.onChange(maskedValue);
+                this._maskService.writingValue = false;
             }
             else {
-                return null;
+                this._maskService.onChange(value);
             }
         }
-        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;
+        else {
+            this._maskService.onChange(value);
+        }
+    }
+    onInput(event) {
+        if (this._isComposing) {
+            return;
+        }
+        const target = event.target;
+        const value = target.value;
+        // Aplicar máscara se definida
+        if (this.mask && this.mask.trim() !== '') {
+            const maskedValue = this._maskService.applyMask(value, this.mask);
+            if (maskedValue !== value) {
+                target.value = maskedValue;
+                this._maskService.onChange(maskedValue);
             }
         }
-        if (value) {
-            this.maskFilled.emit();
-            return null;
+        else {
+            this._maskService.onChange(value);
         }
-        return null;
     }
-    onPaste() {
-        this._justPasted.set(true);
+    onCompositionStart(event) {
+        this._isComposing = true;
     }
-    onFocus() {
-        this._isFocused.set(true);
+    onCompositionEnd(event) {
+        this._isComposing = false;
+        const target = event.target;
+        const value = target.value;
+        this._maskService.onChange(value);
     }
-    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 */);
-        }
+    onBlur(event) {
+        this._isFocused = false;
+        this.onTouch();
     }
-    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);
-            }
+    onClick(event) {
+        // Implementar lógica de clique se necessário
+    }
+    onKeyDown(event) {
+        // Implementar lógica de teclado se necessário
+    }
+    writeValue(value) {
+        this._maskService.writingValue = true;
+        this._inputValue = value;
+        // Aplicar máscara se definida
+        if (this.mask && this.mask.trim() !== '') {
+            const maskedValue = this._maskService.applyMask(value, this.mask);
+            this._maskService.onChange(maskedValue);
         }
         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 */);
+            this._maskService.onChange(value);
         }
+        this._maskService.writingValue = false;
     }
-    // IME starts
-    onCompositionStart() {
-        this._isComposing.set(true);
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this._maskService.onChange = fn;
     }
-    // IME completes
-    onCompositionEnd(e) {
-        this._isComposing.set(false);
-        this._justPasted.set(true);
-        this.onInput(e);
+    registerOnTouched(fn) {
+        this.onTouch = fn;
     }
-    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();
+    setDisabledState(isDisabled) {
+        // Implementar lógica de desabilitar se necessário
     }
-    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);
-                    }
-                }
+    validate(control) {
+        // Implementar validação se necessário
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaMaskCompatibleDirective, isStandalone: false, selector: "input[mask], textarea[mask]", inputs: { mask: "mask", specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn", keepCharacterPositions: "keepCharacterPositions", instantPrefix: "instantPrefix" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste($event)", "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(() => MatchaMaskCompatibleDirective),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => MatchaMaskCompatibleDirective),
+                multi: true,
+            },
+            MatchaMaskService,
+        ], exportAs: ["mask", "matchaMask"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[mask], textarea[mask]',
+                    standalone: false,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MatchaMaskCompatibleDirective),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => MatchaMaskCompatibleDirective),
+                            multi: true,
+                        },
+                        MatchaMaskService,
+                    ],
+                    exportAs: 'mask,matchaMask',
+                }]
+        }], propDecorators: { mask: [{
+                type: Input
+            }], specialCharacters: [{
+                type: Input
+            }], patterns: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], thousandSeparator: [{
+                type: Input
+            }], decimalMarker: [{
+                type: Input
+            }], dropSpecialCharacters: [{
+                type: Input
+            }], hiddenInput: [{
+                type: Input
+            }], showMaskTyped: [{
+                type: Input
+            }], placeHolderCharacter: [{
+                type: Input
+            }], shownMaskExpression: [{
+                type: Input
+            }], clearIfNotMatch: [{
+                type: Input
+            }], validation: [{
+                type: Input
+            }], separatorLimit: [{
+                type: Input
+            }], allowNegativeNumbers: [{
+                type: Input
+            }], leadZeroDateTime: [{
+                type: Input
+            }], leadZero: [{
+                type: Input
+            }], triggerOnMaskChange: [{
+                type: Input
+            }], apm: [{
+                type: Input
+            }], inputTransformFn: [{
+                type: Input
+            }], outputTransformFn: [{
+                type: Input
+            }], keepCharacterPositions: [{
+                type: Input
+            }], instantPrefix: [{
+                type: Input
+            }], maskFilled: [{
+                type: Output
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
+            }], 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']]
+            }] } });
+
+/**
+ * Componente MatchaInputPhone
+ *
+ * Componente Angular para entrada de telefone internacional com seleção de país, máscara dinâmica e exibição de bandeira.
+ *
+ * Funcionalidades:
+ * - Seleção de país com dropdown e bandeira.
+ * - Máscara dinâmica de acordo com o país e DDD digitado.
+ * - Suporte a diferentes formatos de telefone (fixo/celular) para o Brasil.
+ * - Emissão de evento ao alterar o valor do telefone.
+ * - Inicialização automática pelo valor informado ou pelo idioma do navegador.
+ *
+ * Inputs:
+ * - fallbackMask: string - Máscara padrão caso não seja encontrada uma específica.
+ * - label: string - Rótulo do campo (padrão: 'Telefone').
+ * - value: string - Valor inicial do telefone (com ou sem DDI).
+ *
+ * Outputs:
+ * - onChange: EventEmitter<string> - Emite o valor do telefone completo (com DDI) ao alterar.
+ *
+ * ViewChild:
+ * - inputSelector: ElementRef - Referência ao container do input (usado para fechar o dropdown).
+ * - phoneRef: ElementRef - Referência ao input do telefone.
+ *
+ * Métodos principais:
+ * - ngOnInit: Inicializa o componente pelo valor ou idioma.
+ * - ngOnChanges: Atualiza o valor ao receber novo input externo.
+ * - initCountryPhone: Inicializa país e máscara pelo valor do telefone.
+ * - selectMaskForDialCode: Seleciona a máscara conforme país e DDD.
+ * - selectCountry: Troca o país selecionado e atualiza máscara.
+ * - onInput: Atualiza máscara e emite evento ao digitar.
+ * - toggleDropdown: Abre/fecha o dropdown de países.
+ */
+class MatchaInputPhoneComponent {
+    constructor(renderer, cdr) {
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.fallbackMask = '00 0000 0000';
+        this.onChange = new EventEmitter();
+        this.typeMask = '';
+        this.labelHover = 'su';
+        this.allCountries = getCountryISO2();
+        this.isOpen = false;
+        this.inputValueModel = '';
+        this.clickListener = null;
+        this.isInitialized = false;
+    }
+    ngOnInit() {
+        this.value ? this.initCountryPhone(this.value) : this.initCountrylanguageNavigator();
+        this.cdr.detectChanges();
+        this.isInitialized = true;
+    }
+    ngOnChanges(changes) {
+        if (changes['value'] && !changes['value'].firstChange) {
+            this.value = changes['value'].currentValue;
+            if (!this.value) {
+                this.inputValueModel = this.value ?? '';
+                return;
             }
+            this.initCountryPhone(this.value);
+            this.cdr.detectChanges();
         }
-        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;
+    }
+    initCountryPhone(phone) {
+        if (!phone.startsWith('+')) {
+            this.setCountryAndInputValue('br', phone);
             return;
         }
-        /** select only inserted text */
-        if (el && el.selectionEnd > this._getActualInputLength()) {
-            el.selectionEnd = this._getActualInputLength();
+        const phoneWithoutPlus = phone.replace('+', '');
+        const countryDialCode = this.selectedCountry?.dialCode;
+        if (phoneWithoutPlus.startsWith(countryDialCode)) {
+            this.setCountryAndInputValue(this.selectedCountry.iso2, phoneWithoutPlus.replace(countryDialCode, ''));
+            this.inputValueModel = phoneWithoutPlus.replace(countryDialCode, '');
+        }
+        else {
+            this.matchCountryAndSetInputValue(phoneWithoutPlus);
         }
     }
-    onKeyDown(e) {
-        if (!this._maskValue()) {
-            return;
+    setCountryAndInputValue(iso2, phone) {
+        this.selectedCountry = this.allCountries.find((country) => country.iso2 === iso2);
+        this.inputValueModel = phone.startsWith('0') ? phone.slice(1) : phone;
+        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000', this.inputValueModel);
+    }
+    matchCountryAndSetInputValue(phoneWithoutPlus) {
+        const matchingCountry = this.getMatchingCountry(phoneWithoutPlus);
+        if (matchingCountry.length === 1) {
+            this.setCountryAndInputValue(matchingCountry[0].iso2, phoneWithoutPlus.replace(matchingCountry[0].dialCode, ''));
         }
-        if (this._isComposing()) {
-            // User finalize their choice from IME composition, so trigger onInput() for the composed text.
-            if (e.key === 'Enter') {
-                this.onCompositionEnd(e);
+        else {
+            this.matchAreaCodeAndSetInputValue(phoneWithoutPlus, matchingCountry);
+        }
+    }
+    getMatchingCountry(phoneWithoutPlus) {
+        return this.allCountries.filter((country) => {
+            const dialCode = country.dialCode;
+            return phoneWithoutPlus.startsWith(dialCode);
+        });
+    }
+    matchAreaCodeAndSetInputValue(phoneWithoutPlus, matchingCountry) {
+        const phoneWithoutDialCode = phoneWithoutPlus.replace(matchingCountry[0].dialCode, '');
+        const filterAreaCode = phoneWithoutDialCode.substring(0, 3);
+        const matchingAreaCode = matchingCountry.filter((country) => {
+            if (country.areaCodes) {
+                return country.areaCodes.includes(filterAreaCode);
             }
-            return;
+        });
+        if (matchingAreaCode.length === 1) {
+            this.setCountryAndInputValue(matchingAreaCode[0].iso2, phoneWithoutDialCode);
         }
-        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();
+        else {
+            const defaultCountry = matchingCountry.find((country) => country.priority === 0);
+            this.setCountryAndInputValue(defaultCountry.iso2, phoneWithoutDialCode);
+        }
+    }
+    selectMaskForDialCode(inputDigits, targetValuePhone) {
+        const previousMask = this.typeMask;
+        const maskArray = this.selectedCountry?.mask;
+        const maskIndex = this.selectedCountry?.areaCodes
+            ? this.selectedCountry.areaCodes.findIndex((code) => inputDigits === code)
+            : -1;
+        if (this.selectedCountry?.iso2 === 'br' && (targetValuePhone && targetValuePhone.length > 2)) {
+            const eventInput = targetValuePhone.substring(2);
+            if (eventInput && eventInput[0] === '9') {
+                this.typeMask = "00 0 0000 0000";
+                this.cdr.detectChanges();
+                return;
             }
-            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 = '';
+        if (Array.isArray(maskArray)) {
+            if (maskIndex !== -1 && maskArray[maskIndex]) {
+                this.typeMask = maskArray[maskIndex];
             }
-            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 if (maskArray[0]) {
+                this.typeMask = maskArray[0];
             }
             else {
-                this._maskService.formElementProperty = ['value', inputValue];
+                this.typeMask = this.fallbackMask;
             }
-            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);
+            this.typeMask = this.fallbackMask;
         }
+        if (previousMask !== this.typeMask)
+            this.inputValueModel = '';
+        this.cdr.detectChanges();
     }
-    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);
+    initCountrylanguageNavigator() {
+        let lang = navigator.language;
+        if (lang.includes('-')) {
+            const langParts = lang.split('-');
+            lang = langParts[1];
         }
+        this.selectedCountry = this.allCountries.find((country) => country.iso2 === lang.toLocaleLowerCase());
+        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000');
     }
-    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];
+    selectCountry(country) {
+        this.selectedCountry = country;
+        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000');
+        this.isOpen = false;
+        this.onChange.emit('+' + this.selectedCountry.dialCode + this.inputValueModel);
+        this.removeClickListener();
+        this.cdr.detectChanges();
     }
-    _applyMask() {
-        this._maskService.maskExpression = this._maskService._repeatPatternSymbols(this._maskValue() || '');
-        this._maskService.formElementProperty = [
-            'value',
-            this._maskService.applyMask(this._inputValue(), this._maskService.maskExpression),
-        ];
+    toggleDropdown() {
+        this.isOpen = !this.isOpen;
+        this.clickListener = this.renderer.listen('window', 'click', (event) => {
+            if (this.isOpen && !this.inputSelector.nativeElement.contains(event.target)) {
+                this.isOpen = false;
+                this.removeClickListener();
+            }
+        });
+        this.cdr.detectChanges();
     }
-    _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);
+    removeClickListener() {
+        if (this.clickListener) {
+            this.clickListener();
+            this.clickListener = null;
         }
-        return null;
     }
-    _getActualInputLength() {
-        return (this._maskService.actualValue.length ||
-            this._maskService.actualValue.length + this._maskService.prefix.length);
+    onInput(event) {
+        this.phoneRef.nativeElement.value = event.target.value.replace(/[^\d\s]/g, '');
+        let targetValuePhone = event.target.value.replace(/\D/g, '');
+        this.onChange.emit('+' + this.selectedCountry.dialCode + this.inputValueModel);
+        const inputDigits = targetValuePhone.substring(0, 3);
+        if (inputDigits) {
+            this.selectMaskForDialCode(inputDigits, targetValuePhone);
+        }
+        this.cdr.detectChanges();
     }
-    _createValidationError(actualValue) {
-        return {
-            mask: {
-                requiredMask: this._maskValue(),
-                actualValue,
-            },
-        };
+    ngOnDestroy() {
+        this.removeClickListener();
     }
-    _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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaInputPhoneComponent, isStandalone: false, selector: "matcha-input-phone", inputs: { fallbackMask: "fallbackMask", value: "value" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "inputSelector", first: true, predicate: ["inputSelector"], descendants: true }, { propertyName: "phoneRef", first: true, predicate: ["phoneRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n    <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n        <div class=\"d-flex-row flex-align-center\">\n            <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n                height=\"16\">\n        </div>\n        <span class=\"w-16 fs-16\"\n            [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n    </div>\n    <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n        [(ngModel)]=\"inputValueModel\"\n        pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [mask]=\"typeMask\">\n\n    <ng-container *ngIf=\"isOpen\">\n        <div class=\"position-absolute z-index-10\">\n            <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n                style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n                <label *ngFor=\"let country of allCountries; let i = index\"\n                    class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n                    [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n                    (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n                    (click)=\"selectCountry(country)\">\n                    <img alt=\"\" class=\"mr-8\"\n                        [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n                    {{country.name}}\n                </label>\n            </div>\n        </div>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatchaMaskCompatibleDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "matchaMask"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-input-phone', standalone: false, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n    <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n        <div class=\"d-flex-row flex-align-center\">\n            <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n                height=\"16\">\n        </div>\n        <span class=\"w-16 fs-16\"\n            [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n    </div>\n    <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n        [(ngModel)]=\"inputValueModel\"\n        pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [mask]=\"typeMask\">\n\n    <ng-container *ngIf=\"isOpen\">\n        <div class=\"position-absolute z-index-10\">\n            <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n                style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n                <label *ngFor=\"let country of allCountries; let i = index\"\n                    class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n                    [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n                    (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n                    (click)=\"selectCountry(country)\">\n                    <img alt=\"\" class=\"mr-8\"\n                        [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n                    {{country.name}}\n                </label>\n            </div>\n        </div>\n    </ng-container>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { inputSelector: [{
+                type: ViewChild,
+                args: ['inputSelector']
+            }], phoneRef: [{
+                type: ViewChild,
+                args: ['phoneRef']
+            }], fallbackMask: [{
+                type: Input,
+                args: ['fallbackMask']
+            }], value: [{
+                type: Input,
+                args: ['value']
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class StepComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: StepComponent, isStandalone: false, selector: "matcha-step", inputs: { step: ["title", "step"] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
             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',
+                    selector: 'matcha-step',
+                    template: `<ng-template><ng-content></ng-content></ng-template>`,
+                    standalone: false
                 }]
-        }], 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']]
+        }], propDecorators: { step: [{
+                type: Input,
+                args: ['title']
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
             }] } });
 
-/**
- * Componente MatchaInputPhone
- *
- * Componente Angular para entrada de telefone internacional com seleção de país, máscara dinâmica e exibição de bandeira.
- *
- * Funcionalidades:
- * - Seleção de país com dropdown e bandeira.
- * - Máscara dinâmica de acordo com o país e DDD digitado.
- * - Suporte a diferentes formatos de telefone (fixo/celular) para o Brasil.
- * - Emissão de evento ao alterar o valor do telefone.
- * - Inicialização automática pelo valor informado ou pelo idioma do navegador.
- *
- * Inputs:
- * - fallbackMask: string - Máscara padrão caso não seja encontrada uma específica.
- * - label: string - Rótulo do campo (padrão: 'Telefone').
- * - value: string - Valor inicial do telefone (com ou sem DDI).
- *
- * Outputs:
- * - onChange: EventEmitter<string> - Emite o valor do telefone completo (com DDI) ao alterar.
- *
- * ViewChild:
- * - inputSelector: ElementRef - Referência ao container do input (usado para fechar o dropdown).
- * - phoneRef: ElementRef - Referência ao input do telefone.
- *
- * Métodos principais:
- * - ngOnInit: Inicializa o componente pelo valor ou idioma.
- * - ngOnChanges: Atualiza o valor ao receber novo input externo.
- * - initCountryPhone: Inicializa país e máscara pelo valor do telefone.
- * - selectMaskForDialCode: Seleciona a máscara conforme país e DDD.
- * - selectCountry: Troca o país selecionado e atualiza máscara.
- * - onInput: Atualiza máscara e emite evento ao digitar.
- * - toggleDropdown: Abre/fecha o dropdown de países.
- */
-class MatchaInputPhoneComponent {
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.fallbackMask = '00 0000 0000';
-        this.onChange = new EventEmitter();
-        this.typeMask = '';
-        this.labelHover = 'su';
-        this.allCountries = getCountryISO2();
-        this.isOpen = false;
-        this.inputValueModel = '';
-        this.clickListener = null;
-        this.isInitialized = false;
-    }
-    ngOnInit() {
-        this.value ? this.initCountryPhone(this.value) : this.initCountrylanguageNavigator();
-        this.cdr.detectChanges();
-        this.isInitialized = true;
+class MatchaStepperStateService {
+    constructor() {
+        this.steps = [];
+        this._steps$ = new BehaviorSubject([]);
+        this.steps$ = this._steps$.asObservable();
+        this._activeStep$ = new BehaviorSubject(0);
+        this.activeStep$ = this._activeStep$.asObservable();
+        this.pendingActiveStep = null;
     }
-    ngOnChanges(changes) {
-        if (changes['value'] && !changes['value'].firstChange) {
-            this.value = changes['value'].currentValue;
-            if (!this.value) {
-                this.inputValueModel = this.value ?? '';
-                return;
-            }
-            this.initCountryPhone(this.value);
-            this.cdr.detectChanges();
+    setSteps(steps) {
+        this.steps = steps;
+        this._steps$.next(steps);
+        // Se havia um índice pendente, aplica agora
+        if (this.pendingActiveStep !== null) {
+            this.setActiveStep(this.pendingActiveStep);
+            this.pendingActiveStep = null;
         }
     }
-    initCountryPhone(phone) {
-        if (!phone.startsWith('+')) {
-            this.setCountryAndInputValue('br', phone);
+    setActiveStep(index) {
+        if (this.steps.length === 0) {
+            // Steps ainda não definidos, guarda para depois
+            this.pendingActiveStep = index;
             return;
         }
-        const phoneWithoutPlus = phone.replace('+', '');
-        const countryDialCode = this.selectedCountry?.dialCode;
-        if (phoneWithoutPlus.startsWith(countryDialCode)) {
-            this.setCountryAndInputValue(this.selectedCountry.iso2, phoneWithoutPlus.replace(countryDialCode, ''));
-            this.inputValueModel = phoneWithoutPlus.replace(countryDialCode, '');
-        }
-        else {
-            this.matchCountryAndSetInputValue(phoneWithoutPlus);
+        if (index >= 0 && index < this.steps.length) {
+            this._activeStep$.next(index);
         }
     }
-    setCountryAndInputValue(iso2, phone) {
-        this.selectedCountry = this.allCountries.find((country) => country.iso2 === iso2);
-        this.inputValueModel = phone.startsWith('0') ? phone.slice(1) : phone;
-        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000', this.inputValueModel);
-    }
-    matchCountryAndSetInputValue(phoneWithoutPlus) {
-        const matchingCountry = this.getMatchingCountry(phoneWithoutPlus);
-        if (matchingCountry.length === 1) {
-            this.setCountryAndInputValue(matchingCountry[0].iso2, phoneWithoutPlus.replace(matchingCountry[0].dialCode, ''));
-        }
-        else {
-            this.matchAreaCodeAndSetInputValue(phoneWithoutPlus, matchingCountry);
+    nextStep() {
+        const current = this._activeStep$.value;
+        if (current < this.steps.length - 1) {
+            this._activeStep$.next(current + 1);
         }
     }
-    getMatchingCountry(phoneWithoutPlus) {
-        return this.allCountries.filter((country) => {
-            const dialCode = country.dialCode;
-            return phoneWithoutPlus.startsWith(dialCode);
-        });
-    }
-    matchAreaCodeAndSetInputValue(phoneWithoutPlus, matchingCountry) {
-        const phoneWithoutDialCode = phoneWithoutPlus.replace(matchingCountry[0].dialCode, '');
-        const filterAreaCode = phoneWithoutDialCode.substring(0, 3);
-        const matchingAreaCode = matchingCountry.filter((country) => {
-            if (country.areaCodes) {
-                return country.areaCodes.includes(filterAreaCode);
-            }
-        });
-        if (matchingAreaCode.length === 1) {
-            this.setCountryAndInputValue(matchingAreaCode[0].iso2, phoneWithoutDialCode);
-        }
-        else {
-            const defaultCountry = matchingCountry.find((country) => country.priority === 0);
-            this.setCountryAndInputValue(defaultCountry.iso2, phoneWithoutDialCode);
-        }
-    }
-    selectMaskForDialCode(inputDigits, targetValuePhone) {
-        const previousMask = this.typeMask;
-        const maskArray = this.selectedCountry?.mask;
-        const maskIndex = this.selectedCountry?.areaCodes
-            ? this.selectedCountry.areaCodes.findIndex((code) => inputDigits === code)
-            : -1;
-        if (this.selectedCountry?.iso2 === 'br' && (targetValuePhone && targetValuePhone.length > 2)) {
-            const eventInput = targetValuePhone.substring(2);
-            if (eventInput && eventInput[0] === '9') {
-                this.typeMask = "00 0 0000 0000";
-                this.cdr.detectChanges();
-                return;
-            }
-        }
-        if (Array.isArray(maskArray)) {
-            if (maskIndex !== -1 && maskArray[maskIndex]) {
-                this.typeMask = maskArray[maskIndex];
-            }
-            else if (maskArray[0]) {
-                this.typeMask = maskArray[0];
-            }
-            else {
-                this.typeMask = this.fallbackMask;
-            }
-        }
-        else {
-            this.typeMask = this.fallbackMask;
-        }
-        if (previousMask !== this.typeMask)
-            this.inputValueModel = '';
-        this.cdr.detectChanges();
-    }
-    initCountrylanguageNavigator() {
-        let lang = navigator.language;
-        if (lang.includes('-')) {
-            const langParts = lang.split('-');
-            lang = langParts[1];
-        }
-        this.selectedCountry = this.allCountries.find((country) => country.iso2 === lang.toLocaleLowerCase());
-        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000');
-    }
-    selectCountry(country) {
-        this.selectedCountry = country;
-        this.selectMaskForDialCode(this.selectedCountry.areaCodes ? this.selectedCountry.areaCodes[0] : '000');
-        this.isOpen = false;
-        this.onChange.emit('+' + this.selectedCountry.dialCode + this.inputValueModel);
-        this.removeClickListener();
-        this.cdr.detectChanges();
-    }
-    toggleDropdown() {
-        this.isOpen = !this.isOpen;
-        this.clickListener = this.renderer.listen('window', 'click', (event) => {
-            if (this.isOpen && !this.inputSelector.nativeElement.contains(event.target)) {
-                this.isOpen = false;
-                this.removeClickListener();
-            }
-        });
-        this.cdr.detectChanges();
-    }
-    removeClickListener() {
-        if (this.clickListener) {
-            this.clickListener();
-            this.clickListener = null;
-        }
-    }
-    onInput(event) {
-        this.phoneRef.nativeElement.value = event.target.value.replace(/[^\d\s]/g, '');
-        let targetValuePhone = event.target.value.replace(/\D/g, '');
-        this.onChange.emit('+' + this.selectedCountry.dialCode + this.inputValueModel);
-        const inputDigits = targetValuePhone.substring(0, 3);
-        if (inputDigits) {
-            this.selectMaskForDialCode(inputDigits, targetValuePhone);
-        }
-        this.cdr.detectChanges();
-    }
-    ngOnDestroy() {
-        this.removeClickListener();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaInputPhoneComponent, isStandalone: false, selector: "matcha-input-phone", inputs: { fallbackMask: "fallbackMask", value: "value" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "inputSelector", first: true, predicate: ["inputSelector"], descendants: true }, { propertyName: "phoneRef", first: true, predicate: ["phoneRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n    <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n        <div class=\"d-flex-row flex-align-center\">\n            <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n                height=\"16\">\n        </div>\n        <span class=\"w-16 fs-16\"\n            [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n    </div>\n    <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n        [(ngModel)]=\"inputValueModel\"\n        pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [mask]=\"typeMask\">\n\n    <ng-container *ngIf=\"isOpen\">\n        <div class=\"position-absolute z-index-10\">\n            <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n                style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n                <label *ngFor=\"let country of allCountries; let i = index\"\n                    class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n                    [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n                    (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n                    (click)=\"selectCountry(country)\">\n                    <img alt=\"\" class=\"mr-8\"\n                        [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n                    {{country.name}}\n                </label>\n            </div>\n        </div>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatchaMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "matchaMask"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matcha-input-phone', standalone: false, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n    <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n        <div class=\"d-flex-row flex-align-center\">\n            <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n                height=\"16\">\n        </div>\n        <span class=\"w-16 fs-16\"\n            [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n    </div>\n    <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n        [(ngModel)]=\"inputValueModel\"\n        pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [mask]=\"typeMask\">\n\n    <ng-container *ngIf=\"isOpen\">\n        <div class=\"position-absolute z-index-10\">\n            <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n                style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n                <label *ngFor=\"let country of allCountries; let i = index\"\n                    class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n                    [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n                    (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n                    (click)=\"selectCountry(country)\">\n                    <img alt=\"\" class=\"mr-8\"\n                        [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n                    {{country.name}}\n                </label>\n            </div>\n        </div>\n    </ng-container>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { inputSelector: [{
-                type: ViewChild,
-                args: ['inputSelector']
-            }], phoneRef: [{
-                type: ViewChild,
-                args: ['phoneRef']
-            }], fallbackMask: [{
-                type: Input,
-                args: ['fallbackMask']
-            }], value: [{
-                type: Input,
-                args: ['value']
-            }], onChange: [{
-                type: Output
-            }] } });
-
-class StepComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: StepComponent, isStandalone: false, selector: "matcha-step", inputs: { step: ["title", "step"] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StepComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'matcha-step',
-                    template: `<ng-template><ng-content></ng-content></ng-template>`,
-                    standalone: false
-                }]
-        }], propDecorators: { step: [{
-                type: Input,
-                args: ['title']
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef, { static: true }]
-            }] } });
-
-class MatchaStepperStateService {
-    constructor() {
-        this.steps = [];
-        this._steps$ = new BehaviorSubject([]);
-        this.steps$ = this._steps$.asObservable();
-        this._activeStep$ = new BehaviorSubject(0);
-        this.activeStep$ = this._activeStep$.asObservable();
-        this.pendingActiveStep = null;
-    }
-    setSteps(steps) {
-        this.steps = steps;
-        this._steps$.next(steps);
-        // Se havia um índice pendente, aplica agora
-        if (this.pendingActiveStep !== null) {
-            this.setActiveStep(this.pendingActiveStep);
-            this.pendingActiveStep = null;
-        }
-    }
-    setActiveStep(index) {
-        if (this.steps.length === 0) {
-            // Steps ainda não definidos, guarda para depois
-            this.pendingActiveStep = index;
-            return;
-        }
-        if (index >= 0 && index < this.steps.length) {
-            this._activeStep$.next(index);
-        }
-    }
-    nextStep() {
-        const current = this._activeStep$.value;
-        if (current < this.steps.length - 1) {
-            this._activeStep$.next(current + 1);
-        }
-    }
-    prevStep() {
-        const current = this._activeStep$.value;
-        if (current > 0) {
-            this._activeStep$.next(current - 1);
+    prevStep() {
+        const current = this._activeStep$.value;
+        if (current > 0) {
+            this._activeStep$.next(current - 1);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -12157,49 +11544,1206 @@ class MatchaDragHandleDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: MatchaDragDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaDragHandleDirective, isStandalone: false, selector: "[matchaDragHandle]", host: { properties: { "class.matcha-drag-handle": "this.dragHandleClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaDragHandle]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: MatchaDragDirective }], propDecorators: { dragHandleClass: [{
+                type: HostBinding,
+                args: ['class.matcha-drag-handle']
+            }] } });
+
+class MatchaDropListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
+            MatchaDragDirective,
+            MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
+            MatchaDragDirective,
+            MatchaDragHandleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, providers: [
+            MatchaDropListService
+        ], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaDropListComponent,
+                        MatchaDragDirective,
+                        MatchaDragHandleDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaDropListComponent,
+                        MatchaDragDirective,
+                        MatchaDragHandleDirective
+                    ],
+                    providers: [
+                        MatchaDropListService
+                    ]
+                }]
+        }] });
+
+const compatibleOptions = {
+    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 MatchaMaskCompatibleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, declarations: [MatchaMaskCompatibleDirective], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, providers: [
+            MatchaMaskService,
+            { provide: MATCHA_MASK_CONFIG, useValue: compatibleOptions }
+        ], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaMaskCompatibleDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaMaskCompatibleDirective
+                    ],
+                    providers: [
+                        MatchaMaskService,
+                        { provide: MATCHA_MASK_CONFIG, useValue: compatibleOptions }
+                    ]
+                }]
+        }] });
+
+class MatchaInputPhoneModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, declarations: [MatchaInputPhoneComponent], imports: [CommonModule,
+            MatchaFormFieldModule,
+            FormsModule,
+            MatchaMaskCompatibleModule], exports: [MatchaInputPhoneComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, imports: [CommonModule,
+            MatchaFormFieldModule,
+            FormsModule,
+            MatchaMaskCompatibleModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaInputPhoneComponent],
+                    imports: [
+                        CommonModule,
+                        MatchaFormFieldModule,
+                        FormsModule,
+                        MatchaMaskCompatibleModule
+                    ],
+                    exports: [MatchaInputPhoneComponent]
+                }]
+        }] });
+
+class MatchaPageLayoutModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, declarations: [MatchaPageLayoutComponent], imports: [CommonModule,
+            MatchaStepperModule], exports: [MatchaPageLayoutComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, imports: [CommonModule,
+            MatchaStepperModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaPageLayoutComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatchaStepperModule
+                    ],
+                    exports: [
+                        MatchaPageLayoutComponent
+                    ]
+                }]
+        }] });
+
+class MatchaRadioModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, declarations: [MatchaRadioComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaRadioComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, imports: [CommonModule, MatchaRippleModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaRadioComponent,
+                    ],
+                    imports: [CommonModule, MatchaRippleModule],
+                    exports: [
+                        MatchaRadioComponent,
+                    ],
+                }]
+        }] });
+
+class MatchaAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, declarations: [MatchaAvatarComponent], imports: [CommonModule], exports: [MatchaAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaAvatarComponent],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaAvatarComponent]
+                }]
+        }] });
+
+class MatchaDrawerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, declarations: [MatchaDrawerComponent,
+            MatchaDrawerContainerComponent,
+            MatchaDrawerContentComponent], imports: [CommonModule,
+            MatchaButtonModule], exports: [MatchaDrawerComponent,
+            MatchaDrawerContainerComponent,
+            MatchaDrawerContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, providers: [
+            MatchaBreakpointObserver
+        ], imports: [CommonModule,
+            MatchaButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaDrawerComponent,
+                        MatchaDrawerContainerComponent,
+                        MatchaDrawerContentComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatchaButtonModule
+                    ],
+                    providers: [
+                        MatchaBreakpointObserver
+                    ],
+                    exports: [
+                        MatchaDrawerComponent,
+                        MatchaDrawerContainerComponent,
+                        MatchaDrawerContentComponent
+                    ]
+                }]
+        }] });
+
+// Prism.js será carregado dinamicamente no componente quando necessário
+class MatchaHighlightModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, declarations: [MatchaHighlightComponent,
+            CopyButtonComponent], imports: [MatchaIconModule,
+            MatchaButtonModule], exports: [MatchaHighlightComponent,
+            CopyButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, imports: [MatchaIconModule,
+            MatchaButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaHighlightComponent,
+                        CopyButtonComponent
+                    ],
+                    imports: [
+                        MatchaIconModule,
+                        MatchaButtonModule
+                    ],
+                    exports: [
+                        MatchaHighlightComponent,
+                        CopyButtonComponent
+                    ],
+                }]
+        }] });
+
+class MatchaSliderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderComponent], imports: [CommonModule, FormsModule], exports: [MatchaSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule, FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSliderComponent],
+                    imports: [
+                        CommonModule, FormsModule
+                    ],
+                    exports: [MatchaSliderComponent]
+                }]
+        }] });
+
+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: '[matchaDragHandle]',
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: MatchaDragDirective }], propDecorators: { dragHandleClass: [{
-                type: HostBinding,
-                args: ['class.matcha-drag-handle']
-            }] } });
-
-class MatchaDropListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
-            MatchaDragDirective,
-            MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
-            MatchaDragDirective,
-            MatchaDragHandleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, providers: [
-            MatchaDropListService
-        ], imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDropListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaDropListComponent,
-                        MatchaDragDirective,
-                        MatchaDragHandleDirective
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        MatchaDropListComponent,
-                        MatchaDragDirective,
-                        MatchaDragHandleDirective
-                    ],
+                    selector: 'input[mask], textarea[mask]',
+                    standalone: false,
                     providers: [
-                        MatchaDropListService
-                    ]
+                        {
+                            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() {
@@ -12357,169 +12901,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-class MatchaInputPhoneModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, declarations: [MatchaInputPhoneComponent], imports: [CommonModule,
-            MatchaFormFieldModule,
-            FormsModule,
-            MatchaMaskModule], exports: [MatchaInputPhoneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, providers: [MatchaMaskModule], imports: [CommonModule,
-            MatchaFormFieldModule,
-            FormsModule,
-            MatchaMaskModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaInputPhoneComponent],
-                    imports: [
-                        CommonModule,
-                        MatchaFormFieldModule,
-                        FormsModule,
-                        MatchaMaskModule,
-                    ],
-                    exports: [MatchaInputPhoneComponent],
-                    providers: [MatchaMaskModule],
-                }]
-        }] });
-
-class MatchaPageLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, declarations: [MatchaPageLayoutComponent], imports: [CommonModule,
-            MatchaStepperModule], exports: [MatchaPageLayoutComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, imports: [CommonModule,
-            MatchaStepperModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaPageLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaPageLayoutComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatchaStepperModule
-                    ],
-                    exports: [
-                        MatchaPageLayoutComponent
-                    ]
-                }]
-        }] });
-
-class MatchaRadioModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, declarations: [MatchaRadioComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaRadioComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, imports: [CommonModule, MatchaRippleModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaRadioModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaRadioComponent,
-                    ],
-                    imports: [CommonModule, MatchaRippleModule],
-                    exports: [
-                        MatchaRadioComponent,
-                    ],
-                }]
-        }] });
-
-class MatchaAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, declarations: [MatchaAvatarComponent], imports: [CommonModule], exports: [MatchaAvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaAvatarComponent],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [MatchaAvatarComponent]
-                }]
-        }] });
-
-class MatchaDrawerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, declarations: [MatchaDrawerComponent,
-            MatchaDrawerContainerComponent,
-            MatchaDrawerContentComponent], imports: [CommonModule,
-            MatchaButtonModule], exports: [MatchaDrawerComponent,
-            MatchaDrawerContainerComponent,
-            MatchaDrawerContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, providers: [
-            MatchaBreakpointObserver
-        ], imports: [CommonModule,
-            MatchaButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaDrawerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaDrawerComponent,
-                        MatchaDrawerContainerComponent,
-                        MatchaDrawerContentComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatchaButtonModule
-                    ],
-                    providers: [
-                        MatchaBreakpointObserver
-                    ],
-                    exports: [
-                        MatchaDrawerComponent,
-                        MatchaDrawerContainerComponent,
-                        MatchaDrawerContentComponent
-                    ]
-                }]
-        }] });
-
-// Prism.js será carregado dinamicamente no componente quando necessário
-class MatchaHighlightModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, declarations: [MatchaHighlightComponent,
-            CopyButtonComponent], imports: [MatchaIconModule,
-            MatchaButtonModule], exports: [MatchaHighlightComponent,
-            CopyButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, imports: [MatchaIconModule,
-            MatchaButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaHighlightComponent,
-                        CopyButtonComponent
-                    ],
-                    imports: [
-                        MatchaIconModule,
-                        MatchaButtonModule
-                    ],
-                    exports: [
-                        MatchaHighlightComponent,
-                        CopyButtonComponent
-                    ],
-                }]
-        }] });
-
-class MatchaSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderComponent], imports: [CommonModule, FormsModule], exports: [MatchaSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule, FormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSliderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaSliderComponent],
-                    imports: [
-                        CommonModule, FormsModule
-                    ],
-                    exports: [MatchaSliderComponent]
-                }]
-        }] });
-
 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,
@@ -12890,5 +13271,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, initialConfig, options, timeMasks, withoutValidation };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskCompatibleModule, MatchaMaskDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, options, timeMasks, withoutValidation };
 //# sourceMappingURL=matcha-components.mjs.map