VitamUIInput : fix autofocus, remove AfterViewInit function & upgrade ui-frontend-common to 0.0.13

ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.html

@@ -4,13 +4,10 @@
     <span *ngIf="required" class="required-marker">*</span>
   </label>
 
-  <input *ngIf="type !== 'number'" [type]="type" [required]="required" [disabled]="disabled" [autofocus]="autofocus"
+  <input #vitamUIInput [type]="type" [required]="required" [disabled]="disabled" [autofocus]="autofocus"
     [attr.maxlength]="maxlength" (blur)="onBlur()" (focus)="onFocus()" [(ngModel)]="value"
-    (ngModelChange)="onTextChange($event)" #input>
+    (ngModelChange)="onValueChange($event)">
 
-  <input *ngIf="type === 'number'" type="number" [required]="required" [disabled]="disabled" [autofocus]="autofocus"
-    [attr.maxlength]="maxlength" (blur)="onBlur()" (focus)="onFocus()" [(ngModel)]="value"
-    (ngModelChange)="onNumberChange($event)" #input>
 
   <mat-spinner diameter="25" color="accent"></mat-spinner>
 </div>

ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.ts

@@ -69,7 +69,7 @@ export class VitamUIInputComponent implements ControlValueAccessor, OnInit {
   set disabled(value: boolean) { this._disabled = coerceBooleanProperty(value); }
   // tslint:disable-next-line:variable-name
   private _disabled = false;
-  @ViewChild('input', { static: false }) private input: ElementRef;
+  @ViewChild('vitamUIInput', { static: false }) private input: ElementRef;
 
   @HostBinding('class.vitamui-focused') focused = false;
   @HostBinding('class.vitamui-float') labelFloat = false;
@@ -111,6 +111,14 @@ export class VitamUIInputComponent implements ControlValueAccessor, OnInit {
     this.onChange(value);
   }
 
+  onValueChange(value: string) {
+    if(this.type === 'number') {
+      this.onNumberChange(Number(value));
+    }else {
+      this.onTextChange(value);
+    }
+  }
+
   onFocus() {
     this.focused = true;
     this.onTouched();