matcha-components 20.93.0 → 20.95.0

package/fesm2022/matcha-components.mjs

@@ -5941,8 +5941,9 @@ class MatchaMaskService extends MatchaMaskApplierService {
                     (this.previousValue === this.currentValue && justPasted);
         }
         // 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.formControlResult(result) : '';
+        (this._emitValue || this.currencyMode) ? this.formControlResult(result) : '';
         // Handle hidden input and showMaskTyped
         if (!this.showMaskTyped || (this.showMaskTyped && this.hiddenInput)) {
             if (this.hiddenInput) {
@@ -6215,15 +6216,47 @@ class MatchaMaskService extends MatchaMaskApplierService {
             : (v) => v;
         this.writingValue = false;
         this.maskChanged = false;
+        // DEBUG: Log para verificar o fluxo de processamento
+        console.log('=== formControlResult DEBUG ===');
+        console.log('inputValue:', inputValue);
+        console.log('dropSpecialCharacters:', this.dropSpecialCharacters);
+        console.log('prefix:', this.prefix);
+        console.log('isNumberValue:', this.isNumberValue);
         if (Array.isArray(this.dropSpecialCharacters)) {
-            this.onChange(outputTransformFn(this._toNumber(this._checkSymbols(this._removeMask(this._removeSuffix(this._removePrefix(inputValue)), 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);
+            this.onChange(finalValue);
         }
         else if (this.dropSpecialCharacters ||
             (!this.dropSpecialCharacters && this.prefix === inputValue)) {
-            this.onChange(outputTransformFn(this._toNumber(this._checkSymbols(this._removeSuffix(this._removePrefix(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);
+            this.onChange(finalValue);
         }
         else {
-            this.onChange(outputTransformFn(this._toNumber(inputValue)));
+            const afterToNumber = this._toNumber(inputValue);
+            const finalValue = outputTransformFn(afterToNumber);
+            console.log('Else path - afterToNumber:', afterToNumber);
+            console.log('Else path - finalValue:', finalValue);
+            this.onChange(finalValue);
         }
     }
     _toNumber(value) {
@@ -6699,19 +6732,14 @@ class MatchaMaskCompatibleDirective {
         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() !== '') {
-            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);
-            }
+            this._maskService.applyMask(stringValue, this._mask);
+            // NÃO chamar onChange aqui - formControlResult já fez isso com o valor limpo
         }
         else {
             this._maskService.onChange(stringValue);
@@ -6728,8 +6756,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 +6812,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;