Dev

.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see http://editorconfig.org
+# Editor configuration, see https://editorconfig.org
 root = true
 
 [*]
@@ -9,6 +9,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

docs/components/AppComponent.html

@@ -173,7 +173,6 @@ <h6><b>Methods</b></h6>
                             </li>
                             <li>
                                     <span class="modifier">Public</span>
-                                    <span class="modifier">Async</span>
                                 <a href="#onResponse">onResponse</a>
                             </li>
                         </ul>
@@ -278,7 +277,6 @@ <h3 id="methods">
                     <span class="name">
                         <b>
                             <span class="modifier">Public</span>
-                            <span class="modifier">Async</span>
                             onResponse
                         </b>
                         <a href="#onResponse"><span class="icon ion-ios-link"></span></a>
@@ -333,7 +331,7 @@ <h3 id="methods">
                     <div>
                     </div>
                     <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
 
                     </div>
                     <div class="io-description">
@@ -622,7 +620,7 @@ <h3 id="inputs">
 @Component({
   selector: &#x27;app-root&#x27;,
   templateUrl: &#x27;./app.component.html&#x27;,
-  styleUrls: [&#x27;./app.component.css&#x27;],
+  styleUrls: [&#x27;./app.component.css&#x27;]
 })
 export class AppComponent {
 
@@ -647,11 +645,11 @@ <h3 id="inputs">
   public map: google.maps.Map;
 
   // Save GoogleMap instance
-  public onMapReady(event: google.maps.Map) {
+  public onMapReady(event: google.maps.Map): void {
     this.map &#x3D; event;
   }
 
-  public async onResponse(event: google.maps.DirectionsResult) {
+  public onResponse(event: google.maps.DirectionsResult): void {
 
     // Default style
     const polylineOptions: google.maps.PolygonOptions &#x3D; {
@@ -706,7 +704,7 @@ <h3 id="inputs">
                     <code>./app.component.css</code>
                 </p>
                 <pre class="line-numbers"><code class="language-scss">agm-map {
-  height: 80vh;
+  height: 90vh;
 }
 </code></pre>
     </div>

docs/dependencies.html

@@ -48,7 +48,7 @@
     </ol>
     <ul class="dependencies-list">
         <li>
-            <b>tslib</b> : ^1.10.0</li>
+            <b>tslib</b> : ^2.0.0</li>
     </ul>
 
 
@@ -58,13 +58,13 @@
     </ol>
     <ul class="dependencies-list">
         <li>
-            <b>@agm/core</b> : ^1.0.0-beta.2</li>
+            <b>@agm/core</b> : ^1.1.0</li>
         <li>
-            <b>@angular/common</b> : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0</li>
+            <b>@angular/common</b> : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0</li>
         <li>
-            <b>@angular/core</b> : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0</li>
+            <b>@angular/core</b> : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0</li>
         <li>
-            <b>rxjs</b> : &gt;&#x3D; 6.4.0</li>
+            <b>rxjs</b> : ~6.6.0</li>
     </ul>
 
 

docs/js/menu-wc.js

@@ -60,13 +60,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
-                                        'data-target="#directives-links-module-AgmDirectionModule-9519e8c21e1e1483535a469d6a9f988d"' : 'data-target="#xs-directives-links-module-AgmDirectionModule-9519e8c21e1e1483535a469d6a9f988d"' }>
+                                        'data-target="#directives-links-module-AgmDirectionModule-511fd1582c0aa4f33cb58c9deade15f8"' : 'data-target="#xs-directives-links-module-AgmDirectionModule-511fd1582c0aa4f33cb58c9deade15f8"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-AgmDirectionModule-9519e8c21e1e1483535a469d6a9f988d"' :
-                                        'id="xs-directives-links-module-AgmDirectionModule-9519e8c21e1e1483535a469d6a9f988d"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-AgmDirectionModule-511fd1582c0aa4f33cb58c9deade15f8"' :
+                                        'id="xs-directives-links-module-AgmDirectionModule-511fd1582c0aa4f33cb58c9deade15f8"' }>
                                         <li class="link">
                                             <a href="directives/AgmDirection.html"
                                                 data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>

docs/miscellaneous/variables.html

@@ -178,7 +178,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
                         <td class="col-md-4">
                             <i>Default value : </i><code>{
   production: false,
-  googleAPIKey: &#x27;AIzaSyBe2XKY725-FyVGmafG_1nObliZzxVhhWI&#x27;,
+  googleAPIKey: &#x27;&#x27;,
 }</code>
                         </td>
                     </tr>

docs/modules/AgmDirectionModule.html

@@ -201,7 +201,7 @@ <h3 id="methods">
                 <td class="col-md-4">
 
                     <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://angular.io/api/core/ModuleWithProviders" target="_blank" >ModuleWithProviders</a></code>
+                        <b>Returns : </b>    <code>ModuleWithProviders&lt;AgmDirectionModule&gt;</code>
 
                     </div>
                 </td>
@@ -242,7 +242,7 @@ <h3 id="methods">
                 <td class="col-md-4">
 
                     <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://angular.io/api/core/ModuleWithProviders" target="_blank" >ModuleWithProviders</a></code>
+                        <b>Returns : </b>    <code>ModuleWithProviders&lt;AgmDirectionModule&gt;</code>
 
                     </div>
                 </td>
@@ -266,13 +266,13 @@ <h3 id="methods">
   ]
 })
 export class AgmDirectionModule {
-  public static forRoot(): ModuleWithProviders {
+  public static forRoot(): ModuleWithProviders&lt;AgmDirectionModule&gt; {
     return {
       ngModule: AgmDirectionModule,
     };
   }
 
-  public static forChild(): ModuleWithProviders {
+  public static forChild(): ModuleWithProviders&lt;AgmDirectionModule&gt; {
     return {
       ngModule: AgmDirectionModule,
     };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "agm-direction",
-  "version": "0.8.1",
+  "version": "0.8.6",
   "description": "directive for agm (not official)",
   "main": "./bundles/agm-direction.umd.js",
   "module": "./fesm5/agm-direction.js",
@@ -13,9 +13,7 @@
   "scripts": {
     "build": "node build.js",
     "pack:lib": "npm pack ./dist",
-    "pack:build": "npm run build && npm pack ./dist",
-    "publish:lib": "npm run build && npm publish ./dist",
-    "publish:lib:next": "npm run build && npm publish --tag next ./dist",
+    "pack:build": "npm run build && npm pack ./dist && cd ./dist && yarn link",
     "compodoc": "compodoc -p tsconfig.json -d docs",
     "compodoc:serve": "compodoc -p tsconfig.json -s -d docs"
   },
@@ -34,33 +32,38 @@
   "keywords": [
     "angular",
     "agm",
+    "direction",
+    "google",
     "googlemap",
-    "direction"
+    "gmaps",
+    "maps",
+    "ng"
   ],
   "license": "MIT",
   "dependencies": {
-    "tslib": "^1.10.0"
+    "@types/googlemaps": "^3.39.9",
+    "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@agm/core": "^1.0.0-beta.2",
-    "@angular/common": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
-    "@angular/core": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
-    "rxjs": ">= 6.4.0"
+    "@agm/core": "^1.1.0",
+    "@angular/common": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0",
+    "@angular/core": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0",
+    "rxjs": "~6.6.0"
   },
   "devDependencies": {
-    "@agm/core": "^1.0.0-beta.2",
-    "@angular/animations": "9.1.7",
-    "@angular/common": "9.1.7",
-    "@angular/compiler": "9.1.7",
-    "@angular/compiler-cli": "9.1.7",
-    "@angular/core": "9.1.7",
-    "@angular/platform-browser": "9.1.7",
-    "@angular/platform-browser-dynamic": "9.1.7",
-    "@angular/platform-server": "9.1.7",
+    "@agm/core": "^1.1.0",
+    "@angular/animations": "10.0.0",
+    "@angular/common": "10.0.0",
+    "@angular/compiler": "10.0.0",
+    "@angular/compiler-cli": "10.0.0",
+    "@angular/core": "10.0.0",
+    "@angular/platform-browser": "10.0.0",
+    "@angular/platform-browser-dynamic": "10.0.0",
+    "@angular/platform-server": "10.0.0",
     "@compodoc/compodoc": "^1.1.11",
     "@types/googlemaps": "^3.39.9",
     "@types/jasmine": "3.5.0",
-    "@types/node": "12.11.1",
+    "@types/node": "^14.0.22",
     "angular2-template-loader": "0.6.2",
     "chalk": "2.4.2",
     "codelyzer": "5.2.2",
@@ -82,20 +85,20 @@
     "rollup-plugin-license": "2.0.1",
     "rollup-plugin-node-resolve": "5.0.0",
     "rollup-plugin-sourcemaps": "0.4.2",
-    "rxjs": "6.5.2",
+    "rxjs": "~6.6.0",
     "sass-loader": "7.1.0",
     "shelljs": "0.8.3",
     "source-map-loader": "0.2.4",
     "to-string-loader": "1.1.5",
     "ts-loader": "6.0.1",
     "tsickle": "0.38.1",
-    "tslint": "5.19.0",
+    "tslint": "~6.1.0",
     "tslint-angular": "3.0.2",
-    "typescript": "3.8.2",
+    "typescript": "~3.9.5",
     "uglify-js": "3.6.0",
     "webpack": "4.43.0",
     "webpack-filter-warnings-plugin": "1.2.1",
-    "zone.js": "0.9.1"
+    "zone.js": "~0.10.3"
   },
   "sideEffects": false
 }

playground/.browserslistrc

@@ -0,0 +1,18 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

playground/README.md

@@ -1,6 +1,6 @@
 # Playground
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.7.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.3.
 
 ## Development server
 

playground/e2e/protractor.conf.js

@@ -2,7 +2,7 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter } = require('jasmine-spec-reporter');
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
@@ -27,6 +27,10 @@ exports.config = {
     require('ts-node').register({
       project: require('path').join(__dirname, './tsconfig.json')
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+    jasmine.getEnv().addReporter(new SpecReporter({
+      spec: {
+        displayStacktrace: StacktraceOption.PRETTY
+      }
+    }));
   }
 };

playground/e2e/tsconfig.json

@@ -1,9 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/e2e",
     "module": "commonjs",
-    "target": "es5",
+    "target": "es2018",
     "types": [
       "jasmine",
       "jasminewd2",