import { Component, TemplateRef } from '@angular/core';
import { FormControl } from '@angular/forms';
import { PtDynamicElement } from '../../services/dynamic-forms.service';

@Component({
  selector: 'prutech-dynamic-input',
  styleUrls: ['./dynamic-input.component.scss'],
  templateUrl: './dynamic-input.component.html',
})
export class PtDynamicInputComponent {

  readonly phoneNumber: string = PtDynamicElement.PhoneNumber;
  
  control: FormControl;

  label: string = '';

  hint: string = '';

  type: string = undefined;

  required: boolean = undefined;

  appearance: string = '';

  name: string = '';

  min: number = undefined;

  max: number = undefined;

  minLength: number = undefined;

  showLabel: boolean = false;
  
  showLabelAbove: boolean = false;

  maxLength: number = undefined;

  readonly: boolean = false;

  // tslint:disable-next-line:no-any
  errorMessageTemplate: TemplateRef<any> = undefined;

  hidden: boolean = false;

  showClear: boolean = false;

  clear(control: FormControl): void {
    control.patchValue('', {emitEvent: true});
  }
}