matcha-components 20.111.0 → 20.116.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: v106 - CURRENCYMODE FIX BACKEND VALUES - ' + new Date().toISOString());
 class MatchaMaskService extends MatchaMaskApplierService {
     constructor() {
         super(...arguments);
@@ -8778,14 +8778,12 @@ class MatchaSelectComponent {
         this.setupKeyboardNavigation();
         // Escuta eventos customizados das opções
         this.elRef.nativeElement.addEventListener('matcha-option-selected', (event) => {
-            console.log('MatchaSelect: Evento matcha-option-selected recebido', event.detail);
             const { option, value } = event.detail;
             this.selectOption(option);
         });
         // Escuta evento para fechar este painel quando outro for aberto
         this.elRef.nativeElement.addEventListener('matcha-select-close', () => {
             if (this.open) {
-                console.log('MatchaSelect: Fechando painel por evento de outro select');
                 this.closePanel();
             }
         });
@@ -8794,7 +8792,6 @@ class MatchaSelectComponent {
             const target = event.target;
             const isInsideSelect = this.elRef.nativeElement.contains(target);
             if (!isInsideSelect && this.open) {
-                console.log('MatchaSelect: Fechando painel por click outside');
                 this.closePanel();
             }
         });
@@ -8887,7 +8884,6 @@ class MatchaSelectComponent {
             bubbles: true
         });
         this.elRef.nativeElement.dispatchEvent(selectionEvent);
-        console.log('MatchaSelect: Evento de seleção disparado', { value });
     }
     onTriggerClick() {
         if (this.disabled || this.isDisabled)
@@ -8896,7 +8892,6 @@ class MatchaSelectComponent {
     }
     openPanel() {
         if (this.disabled || this.isDisabled) {
-            console.log('MatchaSelect: disabled');
             return;
         }
         // Garantir que o triggerElement está configurado
@@ -8904,14 +8899,8 @@ class MatchaSelectComponent {
             this.triggerElement = this.elRef.nativeElement.querySelector('.matcha-select-trigger');
         }
         if (!this.triggerElement) {
-            console.log('MatchaSelect: triggerElement não encontrado');
             return;
         }
-        console.log('MatchaSelect: Abrindo painel', {
-            triggerElement: this.triggerElement,
-            panel: this.panel,
-            open: this.open
-        });
         // Fechar outros painéis abertos antes de abrir este
         this.closeOtherPanels();
         this.open = true;
@@ -8924,10 +8913,6 @@ class MatchaSelectComponent {
         this.opened.emit();
     }
     closePanel() {
-        console.log('MatchaSelect: Fechando painel', {
-            open: this.open,
-            stackTrace: new Error().stack
-        });
         this.open = false;
         this.activeIndex = -1;
         this.updateSelectedStates();
@@ -9045,13 +9030,6 @@ class MatchaSelectComponent {
     }
     // chamado por matcha-option quando clicado
     selectOption(option) {
-        console.log('MatchaSelect: Opção selecionada', {
-            option,
-            value: option.value,
-            selected: option.selected,
-            optionsLength: this.options.length,
-            allOptions: this.options.toArray()
-        });
         // Armazenar o valor selecionado
         this.selectedValue = option.value;
         // Armazenar o label (texto interno) da opção selecionada
@@ -9064,12 +9042,6 @@ class MatchaSelectComponent {
                 o.selected = false;
             }
         });
-        console.log('MatchaSelect: Após marcar seleção', {
-            selectedOption: option,
-            selected: option.selected,
-            selectedValue: this.selectedValue,
-            allOptions: this.options.toArray().map(o => ({ value: o.value, selected: o.selected }))
-        });
         // Notificar a diretiva sobre a seleção antes de fechar o painel
         this.notifyDirectiveOfSelection(option.value);
         // Emitir evento de mudança de seleção
@@ -9078,7 +9050,6 @@ class MatchaSelectComponent {
         this.onChange(option.value);
         this.onTouched();
         // Fechamos painel automaticamente
-        console.log('MatchaSelect: Fechando painel após seleção');
         this.closePanel();
         // Forçar detecção de mudanças para garantir que o painel seja fechado
         this.cdr.detectChanges();
@@ -9086,11 +9057,6 @@ class MatchaSelectComponent {
     getSelectedValue() {
         // Usar o valor armazenado se disponível, senão buscar na QueryList
         const value = this.selectedValue !== undefined ? this.selectedValue : this.options.find(o => o.selected)?.value;
-        console.log('MatchaSelect: getSelectedValue chamado', {
-            selectedValue: this.selectedValue,
-            value,
-            allOptions: this.options.toArray().map(o => ({ value: o.value, selected: o.selected }))
-        });
         return value;
     }
     getSelectedLabel() {
@@ -11929,24 +11895,14 @@ class MatchaSelectTriggerDirective {
             const target = ev.target;
             const isInsideTrigger = this.el.nativeElement.contains(target) || this.el.nativeElement === target;
             const isInsidePanel = this.select?.elRef?.nativeElement?.contains?.(target);
-            console.log('MatchaSelect: Click outside check', {
-                target: target,
-                triggerElement: this.el.nativeElement,
-                isInsideTrigger,
-                isInsidePanel,
-                shouldClose: !isInsideTrigger && !isInsidePanel,
-                panelOpen: this.select?.open
-            });
             // Só fechar se o painel estiver aberto e clicou fora
             return this.select?.open && !isInsideTrigger && !isInsidePanel;
         })).subscribe(() => {
-            console.log('MatchaSelect: Fechando painel por click outside');
             this.select.closePanel();
         });
         this.subs.add(clickSub);
         // Escutar evento de seleção do select
         const selectionSub = fromEvent(this.select.elRef.nativeElement, 'matcha-select-selection').subscribe((event) => {
-            console.log('MatchaSelect: Evento de seleção recebido na diretiva', event.detail);
             const { value } = event.detail;
             if (value !== undefined) {
                 this.writeValueToInput(value);
@@ -11958,10 +11914,6 @@ class MatchaSelectTriggerDirective {
         this.subs.unsubscribe();
     }
     writeValueToInput(value) {
-        console.log('MatchaSelect: writeValueToInput chamado', {
-            value,
-            input: this.el.nativeElement
-        });
         const input = this.el.nativeElement;
         input.value = value == null ? '' : value;
         // Dispatch múltiplos eventos para garantir compatibilidade com Angular Forms
@@ -11971,7 +11923,6 @@ class MatchaSelectTriggerDirective {
         input.dispatchEvent(inputEvent);
         input.dispatchEvent(changeEvent);
         input.dispatchEvent(blurEvent);
-        console.log('MatchaSelect: Valor escrito no input', input.value);
     }
     onClick() {
         // Abrir painel quando clicar no trigger