@if (!captcha) {
  <div class="captcha-container {{ config.cssClass}}">
    <canvas [id]="canvasId" ></canvas>
    <div class="captcha-actions">
      <input [disabled]="disabled" type="text" name="captcha" [(ngModel)]="captchInput" required  #captchavalue="ngModel" [class.is-invalid]="captchavalue.invalid && captchavalue.touched" (keyup)="sendData()">
      <a href="javascript:void(0)" class="manula-captcha-btn" (click)="playCaptcha()">🔈</a>
      <a href="javascript:void(0)" class="manula-captcha-btn reload" (click)="createCaptcha()">&#x21bb;</a>
    </div>
  </div>
} @else {
  {{'Captcha Successfull' | translate}}
  <i class="fa fa-check-circle-o"></i>
}