matcha-components 20.124.0 → 20.125.0

package/fesm2022/matcha-components.mjs

@@ -11591,34 +11591,72 @@ class MatchaAutocompleteTriggerDirective {
         console.log('MatchaAutocomplete: writeValueToInput chamado', {
             displayText,
             actualValue,
-            input: this.el.nativeElement
+            input: this.el.nativeElement,
+            hasNgControl: !!this.ngControl
         });
         const input = this.el.nativeElement;
-        input.value = displayText == null ? '' : String(displayText);
-        // Dispatch múltiplos eventos para garantir compatibilidade com Angular Forms
-        const inputEvent = new Event('input', { bubbles: true });
-        const changeEvent = new Event('change', { bubbles: true });
-        input.dispatchEvent(inputEvent);
-        input.dispatchEvent(changeEvent);
+        // Se há ngControl e actualValue é um objeto (não string), atualizar FormControl diretamente
+        if (this.ngControl && this.ngControl.control && actualValue !== undefined) {
+            // Se actualValue é um objeto, atualizar o FormControl com o objeto completo
+            if (typeof actualValue === 'object' && actualValue !== null) {
+                console.log('MatchaAutocomplete: Atualizando FormControl com objeto', actualValue);
+                // Usar setValue com emitEvent: false para evitar loop infinito, depois emitir manualmente
+                this.ngControl.control.setValue(actualValue, { emitEvent: false });
+                // Atualizar o input visual com o displayText
+                input.value = displayText == null ? '' : String(displayText);
+                // Emitir eventos de mudança manualmente
+                this.ngControl.control.updateValueAndValidity({ emitEvent: true });
+            }
+            else {
+                // Se actualValue é primitivo, atualizar normalmente
+                input.value = displayText == null ? '' : String(displayText);
+                // Dispatch eventos para garantir compatibilidade com Angular Forms
+                const inputEvent = new Event('input', { bubbles: true });
+                const changeEvent = new Event('change', { bubbles: true });
+                input.dispatchEvent(inputEvent);
+                input.dispatchEvent(changeEvent);
+            }
+        }
+        else {
+            // Sem ngControl ou sem actualValue, apenas atualizar o input visual
+            input.value = displayText == null ? '' : String(displayText);
+            // Dispatch eventos para garantir compatibilidade com Angular Forms
+            const inputEvent = new Event('input', { bubbles: true });
+            const changeEvent = new Event('change', { bubbles: true });
+            input.dispatchEvent(inputEvent);
+            input.dispatchEvent(changeEvent);
+        }
         // Atualizar visibilidade do botão após escrever valor
         setTimeout(() => {
             this.updateClearButtonVisibility();
         }, 0);
-        console.log('MatchaAutocomplete: Valor escrito no input', input.value);
+        console.log('MatchaAutocomplete: Valor escrito no input', {
+            inputValue: input.value,
+            formControlValue: this.ngControl?.control?.value
+        });
     }
     clearInput() {
         const input = this.el.nativeElement;
         input.value = '';
-        // Dispatch eventos para garantir compatibilidade com Angular Forms
-        const inputEvent = new Event('input', { bubbles: true });
-        const changeEvent = new Event('change', { bubbles: true });
-        const blurEvent = new Event('blur', { bubbles: true });
-        input.dispatchEvent(inputEvent);
-        input.dispatchEvent(changeEvent);
-        input.dispatchEvent(blurEvent);
+        // Se há ngControl, limpar o FormControl diretamente
+        if (this.ngControl && this.ngControl.control) {
+            console.log('MatchaAutocomplete: Limpando FormControl');
+            this.ngControl.control.setValue(null, { emitEvent: true });
+        }
+        else {
+            // Sem ngControl, apenas disparar eventos
+            const inputEvent = new Event('input', { bubbles: true });
+            const changeEvent = new Event('change', { bubbles: true });
+            const blurEvent = new Event('blur', { bubbles: true });
+            input.dispatchEvent(inputEvent);
+            input.dispatchEvent(changeEvent);
+            input.dispatchEvent(blurEvent);
+        }
         // Atualizar visibilidade do botão
         this.updateClearButtonVisibility();
-        console.log('MatchaAutocomplete: Input limpo');
+        console.log('MatchaAutocomplete: Input limpo', {
+            formControlValue: this.ngControl?.control?.value
+        });
     }
     onClick() {
         // Abrir painel quando clicar no input