@fuentis/phoenix-ui 0.0.9-alpha.591 → 0.0.9-alpha.592

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -9165,8 +9165,8 @@ class MetaSwitchV2Component {
     dataCy;
     cdr = inject(ChangeDetectorRef);
     /**
-     * Current boolean value.
-     * We keep it strictly boolean to avoid "true"/"false" string issues.
+     * Current boolean value stored inside the component.
+     * This value is synchronized with the parent FormControl through CVA.
      */
     value = false;
     /**
@@ -9221,18 +9221,22 @@ class MetaSwitchV2Component {
      * Handler for switch change.
      * Propagates value to the parent form control.
      *
-     * Note: we intentionally do NOT call onTouched here (our standard is: touched on blur).
+     * Important note:
+     * We intentionally use [ngModel] instead of [(ngModel)] in the template.
+     * Two-way binding would update the local value BEFORE this handler runs,
+     * which would prevent correct change detection and CVA propagation.
      */
     onSwitchChange(next) {
         if (this.disabled)
             return;
         const normalized = this.normalizeBool(next);
-        // prevent redundant emits
-        if (normalized === this.value) {
+        if (normalized !== this.value) {
+            this.value = normalized;
+            this.onChange(normalized);
             this.cdr.markForCheck();
             return;
         }
-        this.value = normalized;
+        // ensure the form control still receives the value
         this.onChange(normalized);
         this.cdr.markForCheck();
     }
@@ -9274,7 +9278,7 @@ class MetaSwitchV2Component {
         ], ngImport: i0, template: `
     <p-toggleSwitch
       class="phoenix-switch-v2"
-      [(ngModel)]="value"
+      [ngModel]="value"
       (ngModelChange)="onSwitchChange($event)"
       (onBlur)="handleBlur()"
       [disabled]="disabled"
@@ -9288,7 +9292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{ selector: 'phoenix-meta-switch-v2', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, ToggleSwitchModule], template: `
     <p-toggleSwitch
       class="phoenix-switch-v2"
-      [(ngModel)]="value"
+      [ngModel]="value"
       (ngModelChange)="onSwitchChange($event)"
       (onBlur)="handleBlur()"
       [disabled]="disabled"