From 11c92568175427f0dbac17fc1f2c5ab0a76915f7 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Sat, 14 Mar 2026 00:37:33 +0700
Subject: [PATCH] feat(lib): implement output signal for valueChange

---
 libs/ui/src/lib/toggle/toggle.component.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/libs/ui/src/lib/toggle/toggle.component.ts b/libs/ui/src/lib/toggle/toggle.component.ts
index 655a841b8..15fa4e172 100644
--- a/libs/ui/src/lib/toggle/toggle.component.ts
+++ b/libs/ui/src/lib/toggle/toggle.component.ts
@@ -4,10 +4,9 @@ import { CommonModule } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
-  EventEmitter,
   Input,
   OnChanges,
-  Output
+  output
 } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatRadioModule } from '@angular/material/radio';
@@ -24,10 +23,10 @@ export class GfToggleComponent implements OnChanges {
   @Input() isLoading: boolean;
   @Input() options: ToggleOption[] = [];
 
-  @Output() valueChange = new EventEmitter<Pick<ToggleOption, 'value'>>();
-
   public optionFormControl = new FormControl<string | null>(null);
 
+  protected readonly valueChange = output<Pick<ToggleOption, 'value'>>();
+
   public ngOnChanges() {
     this.optionFormControl.setValue(this.defaultValue);
   }