matcha-components 20.105.0 → 20.108.0

package/fesm2022/matcha-components.mjs

@@ -5707,8 +5707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: Injectable
         }] });
 
-// DEBUG: Versão da biblioteca - remover após debug
-console.log('🎯 MATCHA-MASK VERSION: v101 - MASKEXPRESSION FIX - ' + new Date().toISOString());
+console.log('🎯 MATCHA-MASK VERSION: v102 - ELEMENTREF FIX - ' + new Date().toISOString());
 class MatchaMaskService extends MatchaMaskApplierService {
     constructor() {
         super(...arguments);
@@ -5944,16 +5943,9 @@ class MatchaMaskService extends MatchaMaskApplierService {
                     (newInputValue !== this.currentValue && this.writingValue) ||
                     (this.previousValue === this.currentValue && justPasted);
         }
-        console.log('=== applyMask EMIT CHECK ===');
-        console.log('result:', result);
-        console.log('previousValue:', this.previousValue);
-        console.log('currentValue:', this.currentValue);
-        console.log('_emitValue:', this._emitValue);
-        console.log('maskExpression:', this.maskExpression);
-        console.log('dropSpecialCharacters:', this.dropSpecialCharacters);
         // Propagate the input value back to the Angular model
         // eslint-disable-next-line no-unused-expressions,@typescript-eslint/no-unused-expressions
-        this._emitValue ? this.formControlResult(result) : console.log('formControlResult NOT called because _emitValue is false');
+        this._emitValue ? this.formControlResult(result) : '';
         // Handle hidden input and showMaskTyped
         if (!this.showMaskTyped || (this.showMaskTyped && this.hiddenInput)) {
             if (this.hiddenInput) {
@@ -6228,47 +6220,31 @@ class MatchaMaskService extends MatchaMaskApplierService {
         this.maskChanged = false;
         // Para máscaras de separador (currency), fazer conversão direta para número
         if (this.maskExpression.startsWith("separator" /* MaskExpression.SEPARATOR */) && this.dropSpecialCharacters) {
-            console.log('=== formControlResult CURRENCY DEBUG ===');
-            console.log('maskExpression:', this.maskExpression);
-            console.log('dropSpecialCharacters:', this.dropSpecialCharacters);
-            console.log('inputValue:', inputValue);
-            console.log('prefix:', this.prefix);
-            console.log('thousandSeparator:', this.thousandSeparator);
-            console.log('decimalMarker:', this.decimalMarker);
             // Remover prefixo e sufixo
             let cleanValue = inputValue;
             if (this.prefix) {
                 cleanValue = cleanValue.replace(this.prefix, '');
-                console.log('after removePrefix:', cleanValue);
             }
             if (this.suffix) {
                 cleanValue = cleanValue.replace(this.suffix, '');
-                console.log('after removeSuffix:', cleanValue);
             }
             // Remover separador de milhares
             if (this.thousandSeparator) {
                 cleanValue = cleanValue.split(this.thousandSeparator).join('');
-                console.log('after removeThousand:', cleanValue);
             }
             // Converter decimal marker para ponto
             const markers = Array.isArray(this.decimalMarker)
                 ? this.decimalMarker
                 : [this.decimalMarker];
-            console.log('markers to replace:', markers);
             for (const marker of markers) {
                 if (marker && marker !== '.') {
                     cleanValue = cleanValue.replace(marker, '.');
-                    console.log('after replaceMarker ' + marker + ':', cleanValue);
                 }
             }
             // Converter para número
             const numValue = parseFloat(cleanValue);
             const finalValue = isNaN(numValue) ? 0 : numValue;
-            console.log('numValue:', numValue, 'type:', typeof numValue);
-            console.log('finalValue:', finalValue, 'type:', typeof finalValue);
-            console.log('onChange exists:', typeof this.onChange);
             this.onChange(outputTransformFn(finalValue));
-            console.log('onChange called with:', finalValue);
             return;
         }
         // Para máscaras de separador, garantir que isNumberValue é true
@@ -6509,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 = (_) => { };
@@ -6834,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;
@@ -6847,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;