<span *ngIf="control && control.touched">
  <mat-error
    class="error-message top-02"
    *ngIf="control.errors?.['required']"
    [ngClass]="{'show': control.errors?.['required']}"
    >{{ name | translate }} {{ "REQUIRED" | translate }} !</mat-error
  >

  <mat-error class="error-message" *ngIf="control.errors?.['minlength']">
    {{ name | translate }} {{ "REQUIRED_MIN_LENGTH" | translate }}
    {{ minLength }} !</mat-error
  >

  <mat-error class="error-message" *ngIf="control.errors?.['maxlength']">
    {{ name | translate }} must not be more than {{ maxLength }} !</mat-error
  >

  <mat-error class="error-message" *ngIf="control.errors?.['email']">
    {{ "VALID_EMAIL" | translate }} !</mat-error
  >
</span>
