import { NgModule } from "@angular/core";
import { AngularWeblineindiaEmailInputModule } from "angular-weblineindia-email";

@NgModule({
  imports: [AngularWeblineindiaEmailInputModule],
})
export class AppModule {}

export class AppComponent {
  isInvalidEmail: boolean = false;
  invalidMessage: string = "";

  onFocus(event: any) {}

  onBlur(event: any) {}

  onKeyPressHandler(event: any) {}

  onKeyDownHandler(event: any): void {}

  onKeyUpHandler(event: any): void {
    const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    const isValid = emailRegex.test(event?.target?.value);

    if (!isValid) {
      this.isInvalidEmail = true;
      this.invalidMessage = "Invalid email format";
    } else {
      this.isInvalidEmail = false;
      this.invalidMessage = "";
    }
  }
}

::ng-deep .emailInput {
  /* Add your custom styles here */
}

::ng-deep .errorMessage {
  /* Add your custom styles here */
}