matcha-components 20.94.0 → 20.96.0

package/fesm2022/matcha-components.mjs

@@ -6215,6 +6215,11 @@ class MatchaMaskService extends MatchaMaskApplierService {
             : (v) => v;
         this.writingValue = false;
         this.maskChanged = false;
+        // Para máscaras de separador, garantir que isNumberValue é true
+        // Isso assegura a conversão correta para número
+        if (this.maskExpression.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+            this.isNumberValue = true;
+        }
         if (Array.isArray(this.dropSpecialCharacters)) {
             this.onChange(outputTransformFn(this._toNumber(this._checkSymbols(this._removeMask(this._removeSuffix(this._removePrefix(inputValue)), this.dropSpecialCharacters)))));
         }
@@ -6270,13 +6275,17 @@ class MatchaMaskService extends MatchaMaskApplierService {
             ? this.specialCharacters.filter((v) => {
                 return this.dropSpecialCharacters.includes(v);
             })
-            : this.specialCharacters;
+            : [...this.specialCharacters]; // Criar cópia para não modificar o original
         if (!this.deletedSpecialCharacter &&
             this._checkPatternForSpace() &&
             result.includes(" " /* MaskExpression.WHITE_SPACE */) &&
             this.maskExpression.includes("*" /* MaskExpression.SYMBOL_STAR */)) {
             specialCharacters = specialCharacters.filter((char) => char !== " " /* MaskExpression.WHITE_SPACE */);
         }
+        // Para máscaras de separador, NÃO remover o decimalMarker - ele será convertido para ponto depois
+        if (this.maskExpression.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+            specialCharacters = specialCharacters.filter((char) => !this._compareOrIncludes(char, this.decimalMarker, null));
+        }
         return this._removeMask(result, specialCharacters);
     }
     _regExpForRemove(specialCharactersForRemove) {
@@ -6692,28 +6701,22 @@ class MatchaMaskCompatibleDirective {
         // Implementar lógica de foco se necessário
     }
     onModelChange(value) {
+        // Ignorar se estamos no meio de uma operação de escrita
         if (this._maskService.writingValue) {
             return;
         }
-        // Converter automaticamente número para string (retrocompatível)
-        const stringValue = typeof value === 'number' ? value.toString() : (value || '');
-        this._inputValue = stringValue;
-        // Aplicar máscara se definida
-        if (this._mask && this._mask.trim() !== '') {
-            const maskedValue = this._maskService.applyMask(stringValue, this._mask);
-            if (maskedValue !== stringValue) {
-                this._maskService.writingValue = true;
-                this._maskService.onChange(maskedValue);
-                // Usar setTimeout para garantir que writingValue permaneça true durante o ciclo
-                setTimeout(() => {
-                    this._maskService.writingValue = false;
-                }, 0);
-            }
-            else {
-                this._maskService.onChange(stringValue);
-            }
+        // Se o valor é um número, significa que veio do formControlResult (já processado)
+        // Não precisamos reprocessar para evitar loop infinito
+        if (typeof value === 'number') {
+            return;
         }
-        else {
+        // Converter para string
+        const stringValue = value || '';
+        this._inputValue = stringValue;
+        // Para máscaras, não chamar applyMask aqui pois isso criaria um loop
+        // O onInput já cuida de aplicar a máscara durante a digitação
+        // O writeValue cuida de formatar valores vindos do backend
+        if (!this._mask || this._mask.trim() === '') {
             this._maskService.onChange(stringValue);
         }
     }
@@ -6728,8 +6731,9 @@ class MatchaMaskCompatibleDirective {
             const maskedValue = this._maskService.applyMask(value, this._mask);
             if (maskedValue !== value) {
                 target.value = maskedValue;
-                this._maskService.onChange(maskedValue);
             }
+            // NÃO chamar onChange aqui - o formControlResult no applyMask já cuida disso
+            // com o valor limpo (sem prefixo, sem separadores, convertido para número)
         }
         else {
             this._maskService.onChange(value);
@@ -6783,37 +6787,14 @@ class MatchaMaskCompatibleDirective {
         }
         this._inputValue = inputValue;
         // Aplicar máscara se definida
+        // O applyMask formata o valor para exibição E chama formControlResult
+        // que envia o valor limpo (número) para o FormControl via onChange
         if (this._mask && this._mask.trim() !== '') {
-            const maskedValue = this._maskService.applyMask(inputValue, this._mask);
-            // Só atualizar se o valor mascarado for diferente do valor atual
-            // Isso previne loops quando o valor já está correto
-            const currentValue = this._maskService.currentValue || '';
-            if (maskedValue !== currentValue) {
-                // Usar setTimeout para garantir que writingValue permaneça true durante o ciclo
-                // Isso previne que onModelChange processe durante writeValue
-                setTimeout(() => {
-                    this._maskService.onChange(maskedValue);
-                    this._maskService.writingValue = false;
-                }, 0);
-            }
-            else {
-                // Se o valor já está correto, não precisa atualizar
-                this._maskService.writingValue = false;
-            }
-        }
-        else {
-            // Sem máscara, apenas atualizar o valor
-            const currentValue = this._maskService.currentValue || '';
-            if (inputValue !== currentValue) {
-                setTimeout(() => {
-                    this._maskService.onChange(inputValue);
-                    this._maskService.writingValue = false;
-                }, 0);
-            }
-            else {
-                this._maskService.writingValue = false;
-            }
+            this._maskService.applyMask(inputValue, this._mask);
+            // NÃO chamar onChange aqui - formControlResult já fez isso com o valor limpo
         }
+        // Sem máscara, não precisa fazer nada - o valor já está no FormControl
+        this._maskService.writingValue = false;
     }
     registerOnChange(fn) {
         this.onChange = fn;