matcha-components 20.115.0 → 20.117.0

package/fesm2022/matcha-components.mjs

@@ -5117,13 +5117,13 @@ class MatchaMaskApplierService {
             }
             // Modo moeda: dígitos entram pela direita (ex: 1 → 0,01, 12 → 0,12, 123 → 1,23)
             // IMPORTANTE: Detectar se devemos aplicar currencyMode
-            // - Se não tem vírgula: aplicar (digitação começando)
-            // - Se tem vírgula mas a parte decimal tem precisão diferente: aplicar (digitação em andamento)
-            // - Se tem vírgula e parte decimal com precisão correta E poucos dígitos totais: NÃO aplicar (veio do backend)
+            // - NÃO aplicar se estamos em writeValue (valor vindo do backend/programático)
+            // - Aplicar apenas durante digitação do usuário (onInput)
             const actualDecimalMarker = typeof decimalMarker === 'string' ? decimalMarker : ',';
             const hasDecimalMarker = processedValue.includes(actualDecimalMarker);
             let shouldApplyCurrencyMode = false;
-            if (this.currencyMode && precision > 0) {
+            // NUNCA aplicar currencyMode quando writingValue = true (writeValue do backend)
+            if (this.currencyMode && precision > 0 && !this.writingValue) {
                 if (!hasDecimalMarker) {
                     // Sem vírgula: aplicar currencyMode (digitação começando)
                     shouldApplyCurrencyMode = true;
@@ -5728,7 +5728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: Injectable
         }] });
 
-// console.log('🎯 MATCHA-MASK VERSION: v105 - CURRENCYMODE SMART DETECTION v2 - ' + new Date().toISOString());
+// console.log('🎯 MATCHA-MASK VERSION: v107 - FIX DECIMAL DISPLAY & BACKSPACE LOOP - ' + new Date().toISOString());
 class MatchaMaskService extends MatchaMaskApplierService {
     constructor() {
         super(...arguments);
@@ -6799,6 +6799,18 @@ class MatchaMaskCompatibleDirective {
         }
         const target = event.target;
         const value = target.value;
+        // Se o usuário está tentando limpar o campo (apenas prefixo/sufixo restante), permitir vazio
+        const prefix = this._maskService.prefix || '';
+        const suffix = this._maskService.suffix || '';
+        const valueWithoutPrefixSuffix = value.replace(prefix, '').replace(suffix, '').trim();
+        // Se ficou vazio ou apenas com separadores/zeros, permitir limpar completamente
+        const onlySymbols = /^[^\d]*$/.test(valueWithoutPrefixSuffix) ||
+            /^0+[,.]?0*$/.test(valueWithoutPrefixSuffix);
+        if (valueWithoutPrefixSuffix === '' || onlySymbols) {
+            target.value = '';
+            this._maskService.onChange('');
+            return;
+        }
         // Aplicar máscara se definida
         if (this._mask && this._mask.trim() !== '') {
             const maskedValue = this._maskService.applyMask(value, this._mask);
@@ -6844,7 +6856,14 @@ class MatchaMaskCompatibleDirective {
             inputValue = '';
         }
         else if (typeof value === 'number') {
-            inputValue = value.toString();
+            // Para máscaras de separador, formatar o número com casas decimais
+            if (this._mask && this._mask.trim().startsWith('separator.')) {
+                const precision = parseInt(this._mask.split('.')[1], 10) || 2;
+                inputValue = value.toFixed(precision).replace('.', ',');
+            }
+            else {
+                inputValue = value.toString();
+            }
         }
         else {
             inputValue = String(value);