matcha-components 20.106.0 → 20.109.0

package/fesm2022/matcha-components.mjs

@@ -5116,7 +5116,12 @@ class MatchaMaskApplierService {
                 }
             }
             // Modo moeda: dígitos entram pela direita (ex: 1 → 0,01, 12 → 0,12, 123 → 1,23)
-            if (this.currencyMode && precision > 0) {
+            // IMPORTANTE: Só aplicar currencyMode se o valor NÃO tem o decimalMarker
+            // Se já tem o decimalMarker, significa que veio formatado do backend (ex: 10,50)
+            const hasDecimalMarker = typeof decimalMarker === 'string'
+                ? processedValue.includes(decimalMarker)
+                : decimalMarker.some((marker) => processedValue.includes(marker));
+            if (this.currencyMode && precision > 0 && !hasDecimalMarker) {
                 // Extrair apenas dígitos e sinal negativo
                 const hasMinus = processedValue.startsWith("-" /* MaskExpression.MINUS */) ||
                     (this.allowNegativeNumbers && processedValue.includes("-" /* MaskExpression.MINUS */));
@@ -5707,6 +5712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: Injectable
         }] });
 
+console.log('🎯 MATCHA-MASK VERSION: v103 - CURRENCYMODE DECIMAL FIX - ' + new Date().toISOString());
 class MatchaMaskService extends MatchaMaskApplierService {
     constructor() {
         super(...arguments);
@@ -6484,6 +6490,7 @@ class MatchaMaskCompatibleDirective {
         this._isComposing = false;
         this._maskService = inject(MatchaMaskService, { self: true });
         this.document = inject(DOCUMENT);
+        this.elementRef = inject(ElementRef);
         this._config = inject(MATCHA_MASK_CONFIG);
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onChange = (_) => { };
@@ -6809,8 +6816,10 @@ class MatchaMaskCompatibleDirective {
         // Implementar lógica de teclado se necessário
     }
     writeValue(value) {
+        console.log('🔵 writeValue chamado - valor:', value, 'tipo:', typeof value);
         // Se já estamos escrevendo, não processar novamente (prevenir loop infinito)
         if (this._maskService.writingValue) {
+            console.log('⚠️ writeValue ABORTADO - writingValue já é true');
             return;
         }
         this._maskService.writingValue = true;
@@ -6822,71 +6831,40 @@ class MatchaMaskCompatibleDirective {
         }
         else if (typeof value === 'number') {
             inputValue = value.toString();
+            console.log('🔢 Número convertido para string:', inputValue);
         }
         else {
             inputValue = String(value);
         }
-        // Para máscaras de separador (currency), formatar o valor do backend corretamente
-        // Exemplo: backend envia 10.5, devemos exibir "R$ 10,50"
-        if (this._mask && this._mask.trim().startsWith('separator.')) {
-            const precision = this._maskService.getPrecision(this._mask);
+        // Para máscaras de separador, converter ponto para vírgula antes de processar
+        // Isso permite que valores do backend (ex: 10.5) sejam formatados corretamente
+        if (this._mask && this._mask.trim().startsWith('separator.') && inputValue.includes('.')) {
             const decimalMarker = this._maskService.decimalMarker;
             const actualDecimalMarker = decimalMarker === ',' ||
                 (Array.isArray(decimalMarker) && decimalMarker.includes(',')) ? ',' : '.';
-            // Se o valor tem ponto decimal (formato backend), converter para formato de exibição
-            if (inputValue.includes('.')) {
-                // Separar parte inteira e decimal
-                const parts = inputValue.split('.');
-                const integerPart = parts[0] || '0';
-                let decimalPart = parts[1] || '';
-                // Ajustar casas decimais conforme precisão
-                if (precision > 0) {
-                    decimalPart = decimalPart.padEnd(precision, '0').substring(0, precision);
-                }
-                // Aplicar separador de milhares na parte inteira
-                let formattedInteger = integerPart;
-                const rgx = /(\d+)(\d{3})/;
-                while (this._maskService.thousandSeparator && rgx.test(formattedInteger)) {
-                    formattedInteger = formattedInteger.replace(rgx, '$1' + this._maskService.thousandSeparator + '$2');
-                }
-                // Montar valor formatado
-                inputValue = precision > 0
-                    ? formattedInteger + actualDecimalMarker + decimalPart
-                    : formattedInteger;
-            }
-            else if (!inputValue.includes(actualDecimalMarker) && precision > 0) {
-                // Valor sem casas decimais (ex: "10"), adicionar zeros
-                let formattedInteger = inputValue;
-                const rgx = /(\d+)(\d{3})/;
-                while (this._maskService.thousandSeparator && rgx.test(formattedInteger)) {
-                    formattedInteger = formattedInteger.replace(rgx, '$1' + this._maskService.thousandSeparator + '$2');
-                }
-                inputValue = formattedInteger + actualDecimalMarker + '0'.repeat(precision);
-            }
-            // Adicionar prefixo se configurado
-            if (this._maskService.prefix && !inputValue.startsWith(this._maskService.prefix)) {
-                inputValue = this._maskService.prefix + inputValue;
-            }
-            // Adicionar sufixo se configurado
-            if (this._maskService.suffix && !inputValue.endsWith(this._maskService.suffix)) {
-                inputValue = inputValue + this._maskService.suffix;
+            if (actualDecimalMarker === ',') {
+                // Converter ponto para vírgula para que applyMask processe corretamente
+                inputValue = inputValue.replace('.', ',');
+                console.log('🔄 Converteu ponto para vírgula:', inputValue);
             }
-            this._inputValue = inputValue;
-            this._maskService.currentValue = inputValue;
-            this._maskService.previousValue = inputValue;
-            this._maskService.writingValue = false;
-            return;
         }
         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() !== '') {
-            this._maskService.applyMask(inputValue, this._mask);
-            // NÃO chamar onChange aqui - formControlResult já fez isso com o valor limpo
+            console.log('📝 Chamando applyMask com:', inputValue);
+            const maskedValue = this._maskService.applyMask(inputValue, this._mask);
+            console.log('📝 applyMask retornou:', maskedValue);
+            // Atualizar o valor do elemento HTML diretamente usando ElementRef
+            if (this.elementRef && this.elementRef.nativeElement) {
+                this.elementRef.nativeElement.value = maskedValue;
+                console.log('✅ Elemento HTML atualizado com:', maskedValue);
+            }
+            else {
+                console.log('⚠️ ElementRef não disponível');
+            }
         }
-        // Sem máscara, não precisa fazer nada - o valor já está no FormControl
         this._maskService.writingValue = false;
+        console.log('✅ writeValue CONCLUÍDO');
     }
     registerOnChange(fn) {
         this.onChange = fn;