docs(project): updated the readme and others

Author: AnthonyNahas

README.md

@@ -367,6 +367,29 @@ everything included in `matGoogleMapsAutocomplete` + the following
    src="https://raw.githubusercontent.com/angular-material-extensions/google-maps-autocomplete/HEAD/assets/v3.0.0/search1.png">
 </p>
 
+```html
+<mat-card>
+   <mat-card-title>Auto Parse Address</mat-card-title>
+   <mat-card-content>
+     <!-- #######   here we go !! ######-->
+     <mat-search-google-maps-autocomplete appearance="outline"
+                                          country="de"
+                                          (onGermanAddressMapped)="onGermanAddressMapped($event)">
+     ></mat-search-google-maps-autocomplete>
+   </mat-card-content>
+</mat-card>
+```
+
+
+```typescript
+import {Appearance, GermanAddress, Location} from '@angular-material-extensions/google-maps-autocomplete';
+
+ onGermanAddressMapped($event;: GermanAddress;) {
+    console.log('onGermanAddressMapped', $event);
+  }
+```
+
+
 
 <a name="documentation"/>
 

projects/angular-material-extensions/google-maps-autocomplete/package.json

@@ -51,6 +51,7 @@
     "@angular/common": "^8.2.14",
     "@angular/core": "^8.2.14",
     "@angular/platform-browser": "^8.2.14",
+    "@angular/flex-layout": "^8.0.0-beta.27",
     "@angular/forms": "^8.2.14",
     "@angular/cdk": "^8.2.3",
     "@angular/material": "^8.2.3",

projects/angular-material-extensions/google-maps-autocomplete/src/lib/component/mat-search-google-maps-autocomplete/mat-search-google-maps-autocomplete.component.ts

@@ -1,7 +1,8 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
-import {GermanAddress} from '../../interfaces';
 import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+
 import {parseGermanAddress} from '../../helpers/parser';
+import {GermanAddress} from '../../interfaces';
 import {Appearance} from '../mat-google-maps-autocomplete.component';
 import {InputAnimations} from '../../animations';
 

projects/angular-material-extensions/google-maps-autocomplete/src/lib/mat-google-maps-autocomplete.module.ts

@@ -1,12 +1,14 @@
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatIconModule, MatInputModule} from '@angular/material';
 import {MatGoogleMapsAutocompleteDirective} from './directives/mat-google-maps-autocomplete.directive';
 import {MatValidateAddressDirective} from './directives/address-validator/mat-address-validator.directive';
-import {CommonModule} from '@angular/common';
-import {MatGoogleMapsAutocompleteComponent, MatSearchGoogleMapsAutocompleteComponent} from './component';
-import {FlexLayoutModule} from '@angular/flex-layout';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {MatGoogleMapsAutocompleteComponent} from './component/mat-google-maps-autocomplete.component';
+// tslint:disable-next-line:max-line-length
+import {MatSearchGoogleMapsAutocompleteComponent} from './component/mat-search-google-maps-autocomplete/mat-search-google-maps-autocomplete.component';
 
 
 @NgModule({

src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
 import {BrowserModule} from '@angular/platform-browser';
-import {NgModule} from '@angular/core';
+import {CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA} from '@angular/core';
 
 import {AppComponent} from './app.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@@ -48,6 +48,10 @@ const googleMapsParams = {
     MatRadioModule
   ],
   providers: [],
+  schemas: [
+    CUSTOM_ELEMENTS_SCHEMA,
+    NO_ERRORS_SCHEMA
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule {

src/app/app.module.ts

@@ -31,4 +31,4 @@
     "fullTemplateTypeCheck": true,
     "strictInjectionParameters": true
   }
-}
+}