Merge pull request #6 from legendar2/patch-1

feat(package): added additional inout to localize the component even more

Author: AnthonyNahas

src/module/component/mat-google-maps-autocomplete.component.html

@@ -1,17 +1,17 @@
 <mat-form-field class="full-width" [appearance]="appearance">
-  <mat-label>Address</mat-label>
+  <mat-label>{{addressLabelText}}</mat-label>
   <input matInput
          [(ngModel)]="address"
          (change)="onQuery($event)"
-         placeholder="Please enter the address"
+         placeholder="placeholderText"
          class="form-control"
          #search
          MatValidateAddress
          required>
   <mat-error *ngIf="addressSearchControl.hasError('required')">
-    The address is <strong>required</strong>
+    {{requiredErrorText}}
   </mat-error>
   <mat-error *ngIf="addressSearchControl.hasError('validateAddress')">
-    The address is <strong>not valid</strong>
+   {{invalidErrorText}} 
   </mat-error>
 </mat-form-field>

src/module/component/mat-google-maps-autocomplete.component.ts

@@ -26,7 +26,19 @@ export class MatGoogleMapsAutocompleteComponent implements OnInit {
 
   @ViewChild('search')
   public searchElementRef: ElementRef;
-
+  
+  @Input()
+  addressLabelText: string = 'Address';
+  
+  @Input()
+  placeholderText: string = 'Please enter the address';
+  
+  @Input()
+  requiredErrorText: string = 'The address is <strong>required</strong>';
+  
+  @Input()
+  invalidErrorText: string = 'The address is <strong>not valid</strong>';
+  
   @Input()
   appearance: string | Appearance = Appearance.STANDARD;