matcha-components 20.95.0 → 20.97.0

package/fesm2022/matcha-components.mjs

@@ -5940,10 +5940,15 @@ class MatchaMaskService extends MatchaMaskApplierService {
                     (newInputValue !== this.currentValue && this.writingValue) ||
                     (this.previousValue === this.currentValue && justPasted);
         }
+        // DEBUG: Verificar se formControlResult está sendo chamado
+        console.log('=== applyMask DEBUG ===');
+        console.log('result:', result);
+        console.log('_emitValue:', this._emitValue);
+        console.log('previousValue:', this.previousValue);
+        console.log('currentValue:', this.currentValue);
         // Propagate the input value back to the Angular model
-        // Sempre emitir quando currencyMode está ativo para garantir que o valor limpo seja enviado
         // eslint-disable-next-line no-unused-expressions,@typescript-eslint/no-unused-expressions
-        (this._emitValue || this.currencyMode) ? this.formControlResult(result) : '';
+        this._emitValue ? this.formControlResult(result) : '';
         // Handle hidden input and showMaskTyped
         if (!this.showMaskTyped || (this.showMaskTyped && this.hiddenInput)) {
             if (this.hiddenInput) {
@@ -6216,46 +6221,39 @@ class MatchaMaskService extends MatchaMaskApplierService {
             : (v) => v;
         this.writingValue = false;
         this.maskChanged = false;
-        // DEBUG: Log para verificar o fluxo de processamento
+        // 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;
+        }
         console.log('=== formControlResult DEBUG ===');
         console.log('inputValue:', inputValue);
-        console.log('dropSpecialCharacters:', this.dropSpecialCharacters);
-        console.log('prefix:', this.prefix);
         console.log('isNumberValue:', this.isNumberValue);
+        console.log('dropSpecialCharacters:', this.dropSpecialCharacters);
         if (Array.isArray(this.dropSpecialCharacters)) {
-            const afterRemovePrefix = this._removePrefix(inputValue);
-            const afterRemoveSuffix = this._removeSuffix(afterRemovePrefix);
-            const afterRemoveMask = this._removeMask(afterRemoveSuffix, this.dropSpecialCharacters);
-            const afterCheckSymbols = this._checkSymbols(afterRemoveMask);
-            const afterToNumber = this._toNumber(afterCheckSymbols);
-            const finalValue = outputTransformFn(afterToNumber);
-            console.log('Array path - afterRemovePrefix:', afterRemovePrefix);
-            console.log('Array path - afterRemoveSuffix:', afterRemoveSuffix);
-            console.log('Array path - afterRemoveMask:', afterRemoveMask);
-            console.log('Array path - afterCheckSymbols:', afterCheckSymbols);
-            console.log('Array path - afterToNumber:', afterToNumber);
-            console.log('Array path - finalValue:', finalValue);
+            const afterPrefix = this._removePrefix(inputValue);
+            const afterSuffix = this._removeSuffix(afterPrefix);
+            const afterMask = this._removeMask(afterSuffix, this.dropSpecialCharacters);
+            const afterSymbols = this._checkSymbols(afterMask);
+            const afterNumber = this._toNumber(afterSymbols);
+            const finalValue = outputTransformFn(afterNumber);
+            console.log('Array: afterPrefix:', afterPrefix, 'afterSuffix:', afterSuffix, 'afterMask:', afterMask, 'afterSymbols:', afterSymbols, 'afterNumber:', afterNumber, 'final:', finalValue, 'type:', typeof finalValue);
             this.onChange(finalValue);
         }
         else if (this.dropSpecialCharacters ||
             (!this.dropSpecialCharacters && this.prefix === inputValue)) {
-            const afterRemovePrefix = this._removePrefix(inputValue);
-            const afterRemoveSuffix = this._removeSuffix(afterRemovePrefix);
-            const afterCheckSymbols = this._checkSymbols(afterRemoveSuffix);
-            const afterToNumber = this._toNumber(afterCheckSymbols);
-            const finalValue = outputTransformFn(afterToNumber);
-            console.log('Boolean path - afterRemovePrefix:', afterRemovePrefix);
-            console.log('Boolean path - afterRemoveSuffix:', afterRemoveSuffix);
-            console.log('Boolean path - afterCheckSymbols:', afterCheckSymbols);
-            console.log('Boolean path - afterToNumber:', afterToNumber);
-            console.log('Boolean path - finalValue:', finalValue, 'type:', typeof finalValue);
+            const afterPrefix = this._removePrefix(inputValue);
+            const afterSuffix = this._removeSuffix(afterPrefix);
+            const afterSymbols = this._checkSymbols(afterSuffix);
+            const afterNumber = this._toNumber(afterSymbols);
+            const finalValue = outputTransformFn(afterNumber);
+            console.log('Boolean: afterPrefix:', afterPrefix, 'afterSuffix:', afterSuffix, 'afterSymbols:', afterSymbols, 'afterNumber:', afterNumber, 'final:', finalValue, 'type:', typeof finalValue);
             this.onChange(finalValue);
         }
         else {
-            const afterToNumber = this._toNumber(inputValue);
-            const finalValue = outputTransformFn(afterToNumber);
-            console.log('Else path - afterToNumber:', afterToNumber);
-            console.log('Else path - finalValue:', finalValue);
+            const afterNumber = this._toNumber(inputValue);
+            const finalValue = outputTransformFn(afterNumber);
+            console.log('Else: afterNumber:', afterNumber, 'final:', finalValue);
             this.onChange(finalValue);
         }
     }
@@ -6303,13 +6301,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) {
@@ -6725,23 +6727,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
-        // O applyMask internamente chama formControlResult que já cuida de:
-        // 1. Remover prefixo/sufixo
-        // 2. Remover separadores especiais
-        // 3. Converter para número
-        // 4. Chamar onChange com o valor limpo
-        if (this._mask && this._mask.trim() !== '') {
-            this._maskService.applyMask(stringValue, this._mask);
-            // NÃO chamar onChange aqui - formControlResult já fez isso com o valor limpo
+        // 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);
         }
     }