Angular: Logic to show real-time feedback to users when they type a name that already exists in the system

esc-fieldsets-name-already-exists.component.ts

@Component({
  selector: 'app-ecs-fieldset',
  templateUrl: './ecs-fieldset.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class EcsFieldsetComponent {
   formBuilder = inject(FormBuilder);
   
   @Input() entity: EcsFieldset;
   @Input() nameAlreadyExists: boolean | null = false;
   @Output() checkIfNameExists = new EventEmitter<string>();
   @Output() cancelEdit = new EventEmitter<void>(); 
}