matcha-components 20.170.0 → 20.173.0

package/fesm2022/matcha-components.mjs

@@ -2947,6 +2947,9 @@ class MatchaSlideToggleComponent {
         const newCheckedState = value === '' ? true : !!value;
         if (newCheckedState !== this._checked) {
             this._checked = newCheckedState;
+            // Força a detecção imediata para sincronizar o DOM do input interno
+            // especialmente útil quando o pai reverte o estado no mesmo ciclo
+            this.cdr.detectChanges();
         }
     }
     get checked() {
@@ -3008,10 +3011,14 @@ class MatchaSlideToggleComponent {
         }
         const inputElement = event.target;
         const newCheckedState = inputElement.checked;
+        // Suprime completamente o evento nativo para evitar interferência no pai
+        // e evitar disparos duplos quando o componente emite seu próprio evento
+        event.preventDefault();
+        event.stopImmediatePropagation();
         this._checked = newCheckedState;
         this.onChange(newCheckedState);
         this.onTouched();
-        this.change.emit({ checked: newCheckedState });
+        this.change.emit({ source: this, checked: newCheckedState });
         // Marca para detecção após mudança (necessário para OnPush)
         this.cdr.markForCheck();
     }