matcha-components 20.106.0 → 20.108.0

package/fesm2022/matcha-components.mjs

@@ -5707,6 +5707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: Injectable
         }] });
 
+console.log('🎯 MATCHA-MASK VERSION: v102 - ELEMENTREF FIX - ' + new Date().toISOString());
 class MatchaMaskService extends MatchaMaskApplierService {
     constructor() {
         super(...arguments);
@@ -6484,6 +6485,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 +6811,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 +6826,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;