D-Net

          <div [ngClass]="inputClass"

               [class.uk-form-danger]="formControl.invalid && formControl.touched"

               [attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''">

          </div>

        </ng-template>

        <ng-template [ngIf]="type === 'textarea'">

  @Input('formInput') formControl: AbstractControl;

  @Input('type') type: 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'textarea' | 'select' | 'checkbox' | 'chips' = 'text';

  @Input('label') label: string;

  /** Textarea options */

  @Input('rows') rows: number = 3;

  /** Select | chips available options */

  @HostListener('document:click', ['$event'])

  clickOut(event) {

    this.focused = !!this.elementRef.nativeElement.contains(event.target);

    this.focusEmitter.emit(this.focused);

  }