From adcce400d2afa167f22d73415079eecff9243b0a Mon Sep 17 00:00:00 2001
From: Robby <ta7382@gmail.com>
Date: Thu, 30 Aug 2018 02:25:25 +0800
Subject: [PATCH] Update docs for #41

---
 docs/classes/AppPage.html            |   54 +-
 docs/components/AppComponent.html    |  182 ++-
 docs/coverage.html                   |   90 +-
 docs/dependencies.html               |   54 +-
 docs/directives/AgmDirection-1.html  | 1888 ++++++++++++++++++++++++++
 docs/directives/AgmDirection.html    |  141 +-
 docs/graph/dependencies.svg          |   26 +-
 docs/images/coverage-badge.svg       |    2 +-
 docs/index.html                      |   64 +-
 docs/js/search/search_index.js       |    4 +-
 docs/license.html                    |   54 +-
 docs/miscellaneous/variables.html    |   89 +-
 docs/modules.html                    |   71 +-
 docs/modules/AgmDirectionModule.html |   54 +-
 docs/modules/AppModule.html          |   54 +-
 docs/overview.html                   |   84 +-
 16 files changed, 2741 insertions(+), 170 deletions(-)
 create mode 100644 docs/directives/AgmDirection-1.html

diff --git a/docs/classes/AppPage.html b/docs/classes/AppPage.html
index afacf5a..2d30207 100644
--- a/docs/classes/AppPage.html
+++ b/docs/classes/AppPage.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
diff --git a/docs/components/AppComponent.html b/docs/components/AppComponent.html
index bf114c5..9a17eb6 100644
--- a/docs/components/AppComponent.html
+++ b/docs/components/AppComponent.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -468,10 +506,15 @@ <h6><b>Methods</b></h6>
                         <ul class="index-list">
                             <li>
                                     <span class="modifier">Public</span>
-                                <a href="#changeHandler">changeHandler</a>
+                                <a href="#hide">hide</a>
                             </li>
                             <li>
-                                <a href="#hide">hide</a>
+                                    <span class="modifier">Public</span>
+                                <a href="#onChange">onChange</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#onResponse">onResponse</a>
                             </li>
                         </ul>
                     </td>
@@ -499,27 +542,66 @@ <h3 id="methods">
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="changeHandler"></a>
+                        <a name="hide"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Public</span>
+                            hide
+                            </b>
+                            <a href="#hide"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                            <span class="modifier-icon fa fa-reset"></span>
+                        <code>hide()</code>
+                    </td>
+                </tr>
+
+
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">playground/src/app/app.component.ts:74</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+
+                            <div class="io-description">
+                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                            </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="onChange"></a>
                         <span class="name">
                             <b>
                                 <span class="modifier">Public</span>
-                            changeHandler
+                            onChange
                             </b>
-                            <a href="#changeHandler"><span class="fa fa-link"></span></a>
+                            <a href="#onChange"><span class="fa fa-link"></span></a>
                         </span>
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
                             <span class="modifier-icon fa fa-reset"></span>
-                        <code>changeHandler(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
+                        <code>onChange(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
                     </td>
                 </tr>
 
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">playground/src/app/app.component.ts:65</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">playground/src/app/app.component.ts:66</a></div>
                             </td>
                         </tr>
 
@@ -569,18 +651,20 @@ <h3 id="methods">
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="hide"></a>
+                        <a name="onResponse"></a>
                         <span class="name">
                             <b>
-                            hide
+                                <span class="modifier">Public</span>
+                            onResponse
                             </b>
-                            <a href="#hide"><span class="fa fa-link"></span></a>
+                            <a href="#onResponse"><span class="fa fa-link"></span></a>
                         </span>
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-<code>hide()</code>
+                            <span class="modifier-icon fa fa-reset"></span>
+                        <code>onResponse(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
                     </td>
                 </tr>
 
@@ -594,10 +678,41 @@ <h3 id="methods">
                 <tr>
                     <td class="col-md-4">
 
+                            <div class="io-description">
+                                    <b>Parameters :</b>
+                                    <table class="params">
+                                        <thead>
+                                            <tr>
+                                                <td>Name</td>
+                                                    <td>Type</td>
+                                                <td>Optional</td>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                                <tr>
+                                                        <td>event</td>
+                                                        <td>
+                                                                    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                </tr>
+                                        </tbody>
+                                    </table>
+                            </div>
+                            <div>
+                            </div>
                             <div class="io-description">
                                 <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">
+                                    
+                                </div>
                     </td>
                 </tr>
             </tbody>
@@ -1041,12 +1156,16 @@ <h3 id="inputs">
   };
 
   public visible: Boolean &#x3D; true;
-  public changeHandler(event: any) {
-    // You can do anything.
-    console.log(&#x27;aaa&#x27;, event);
+
+  public onChange(event: any) {
+    console.log(&#x27;onChange&#x27;, event);
+  }
+
+  public onResponse(event: any) {
+    console.log(&#x27;onResponse&#x27;, event);
   }
 
-  hide() {
+  public hide() {
     this.visible &#x3D; !this.visible;
   }
 }
@@ -1055,8 +1174,17 @@ <h3 id="inputs">
 
     <div class="tab-pane fade" id="c-templateData">
         <pre class="line-numbers"><code class="language-html">&lt;agm-map [latitude]&#x3D;&quot;lat&quot; [longitude]&#x3D;&quot;lng&quot;&gt;
-  &lt;agm-direction [origin]&#x3D;&quot;origin&quot; [destination]&#x3D;&quot;destination&quot; [waypoints]&#x3D;&quot;waypoints&quot; [renderOptions]&#x3D;&quot;renderOptions&quot; [markerOptions]&#x3D;&quot;markerOptions&quot;
-    (onChange)&#x3D;&quot;changeHandler($event)&quot; [visible]&#x3D;&quot;visible&quot;&gt;&lt;/agm-direction&gt;
+  &lt;agm-direction
+    [origin]&#x3D;&quot;origin&quot;
+    [destination]&#x3D;&quot;destination&quot;
+    [waypoints]&#x3D;&quot;waypoints&quot;
+    [renderOptions]&#x3D;&quot;renderOptions&quot;
+    [markerOptions]&#x3D;&quot;markerOptions&quot;
+    [visible]&#x3D;&quot;visible&quot;
+    (onChange)&#x3D;&quot;onChange($event)&quot;
+    (onResponse)&#x3D;&quot;onResponse($event)&quot;
+  &gt;
+  &lt;/agm-direction&gt;
 &lt;/agm-map&gt;
 
 &lt;button type&#x3D;&quot;button&quot; (click)&#x3D;&quot;hide()&quot;&gt;Hide&lt;/button&gt;
@@ -1086,9 +1214,9 @@ <h3 id="inputs">
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><agm-map [latitude]="lat" [longitude]="lng">  <agm-direction [origin]="origin" [destination]="destination" [waypoints]="waypoints" [renderOptions]="renderOptions" [markerOptions]="markerOptions"    (onChange)="changeHandler($event)" [visible]="visible"></agm-direction></agm-map><button type="button" (click)="hide()">Hide</button></div>'
+        var COMPONENT_TEMPLATE = '<div><agm-map [latitude]="lat" [longitude]="lng">  <agm-direction    [origin]="origin"    [destination]="destination"    [waypoints]="waypoints"    [renderOptions]="renderOptions"    [markerOptions]="markerOptions"    [visible]="visible"    (onChange)="onChange($event)"    (onResponse)="onResponse($event)"  >  </agm-direction></agm-map><button type="button" (click)="hide()">Hide</button></div>'
     var COMPONENTS = [{'name': 'AppComponent', 'selector': 'app-root'}];
-    var DIRECTIVES = [{'name': 'AgmDirection', 'selector': 'agm-direction'}];
+    var DIRECTIVES = [{'name': 'AgmDirection', 'selector': 'agm-direction'},{'name': 'AgmDirection', 'selector': 'agm-direction'}];
     var ACTUAL_COMPONENT = {'name': 'AppComponent'};
 </script>
 <script src="../js/tree.js"></script>
diff --git a/docs/coverage.html b/docs/coverage.html
index d44ebdd..0e6695f 100644
--- a/docs/coverage.html
+++ b/docs/coverage.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -365,6 +403,38 @@
         </tr>
     </thead>
     <tbody>
+        <tr class="low">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./directives/AgmDirection.html">dist/package/src/directive/agm-direction.directive.ts</a>
+            </td>
+            <td>
+                directive
+            </td>
+            <td>
+                AgmDirection
+            </td>
+            <td align="right" data-sort="13">
+                <span class="coverage-percent">13 %</span>
+                <span class="coverage-count">(4/30)</span>
+            </td>
+        </tr>
+        <tr class="low">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#google">dist/package/src/directive/agm-direction.directive.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                google
+            </td>
+            <td align="right" data-sort="0">
+                <span class="coverage-percent">0 %</span>
+                <span class="coverage-count">(0/1)</span>
+            </td>
+        </tr>
         <tr class="low">
             <td>
                 <!-- miscellaneous -->
@@ -394,7 +464,7 @@
             </td>
             <td align="right" data-sort="0">
                 <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/11)</span>
+                <span class="coverage-count">(0/12)</span>
             </td>
         </tr>
         <tr class="low">
@@ -474,7 +544,7 @@
             </td>
             <td align="right" data-sort="13">
                 <span class="coverage-percent">13 %</span>
-                <span class="coverage-count">(4/29)</span>
+                <span class="coverage-count">(4/30)</span>
             </td>
         </tr>
         <tr class="low">
diff --git a/docs/dependencies.html b/docs/dependencies.html
index bd5347a..e2bc343 100644
--- a/docs/dependencies.html
+++ b/docs/dependencies.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
diff --git a/docs/directives/AgmDirection-1.html b/docs/directives/AgmDirection-1.html
new file mode 100644
index 0000000..a380ce7
--- /dev/null
+++ b/docs/directives/AgmDirection-1.html
@@ -0,0 +1,1888 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>agm-direction documentation</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+	      <link rel="stylesheet" href="../styles/style.css">
+    </head>
+    <body>
+
+        <div class="navbar navbar-default navbar-fixed-top visible-xs">
+            <a href="../" class="navbar-brand">agm-direction documentation</a>
+            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+            <div id="book-search-input" role="search">
+    <input type="text" placeholder="Type to search">
+</div>
+            <nav>
+
+    <ul class="list">
+
+        <li class="title">
+            <a href="index.html" data-type="index-link">agm-direction documentation</a>
+        </li>
+
+        <li class="divider"></li>
+
+
+        <li class="chapter">
+            <a data-type="chapter-link" href="index.html"><span class="fa fa-home"></span>Getting started</a>
+            <ul class="links">
+                    <li class="link">
+                        <a 
+                            
+                             href="overview.html" 
+                             href="overview.html" 
+                            data-type="chapter-link">
+                            <span class="fa fa-fw fa-th"></span>Overview
+                        </a>
+                    </li>
+                    <li class="link">
+                      <a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
+                    </li>
+                    <li class="link">
+                            <a href="license.html"
+                        data-type="chapter-link">
+                            <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                        </a>
+                    </li>
+                    <li class="link">
+                        <a href="dependencies.html"
+                            data-type="chapter-link">
+                            <span class="fa fa-fw fa-list"></span>Dependencies
+                        </a>
+                    </li>
+            </ul>
+        </li>
+
+
+        <li class="chapter modules">
+            <a data-type="chapter-link" href="modules.html">
+                <div class="menu-toggler linked" data-toggle="collapse"
+                        data-target="#xs-modules-links"
+                >
+                    <span class="fa fa-fw fa-archive"></span>
+                    <span class="link-name">Modules</span>
+                    <span class="fa fa-angle-down"></span>
+                </div>
+            </a>
+            <ul class="links collapse"
+                    id="xs-modules-links"
+                >
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
+                                    >
+                                    <span class="fa fa-fw fa-cogs"></span>
+                                    <span>Components</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
+                                    >
+                                        <li class="link">
+                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+            </ul>
+        </li>
+
+
+
+        <li class="chapter">
+            <div class="simple menu-toggler" data-toggle="collapse"
+                    data-target="#xs-classes-links"
+                >
+                <span class="fa fa-fw fa-file-code-o"></span>
+                <span>Classes</span>
+                <span class="fa fa-angle-down"></span>
+            </div>
+            <ul class="links collapse"
+                    id="xs-classes-links"
+                >
+                    <li class="link">
+                        <a href="classes/AppPage.html" data-type="entity-link">AppPage</a>
+                    </li>
+            </ul>
+        </li>
+
+
+
+
+
+        <li class="chapter">
+            <div class="simple menu-toggler" data-toggle="collapse"
+                    data-target="#xs-miscellaneous-links"
+                >
+                <span class="fa fa-fw fa-cubes"></span>
+                <span>Miscellaneous</span>
+                <span class="fa fa-angle-down"></span>
+            </div>
+            <ul class="links collapse"
+                    id="xs-miscellaneous-links"
+                >
+                    <li class="link">
+                      <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
+                    </li>
+            </ul>
+        </li>
+
+
+        <li class="chapter">
+            <a data-type="chapter-link" href="coverage.html"><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
+        </li>
+
+        <li class="divider"></li>
+        <li class="copyright">
+                Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
+                            <img data-src="images/compodoc-vectorise.svg" class="img-responsive" data-type="compodoc-logo">
+                </a>
+        </li>
+
+    </ul>
+
+</nav>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <nav>
+
+    <ul class="list">
+
+        <li class="title">
+            <a href="index.html" data-type="index-link">agm-direction documentation</a>
+        </li>
+
+        <li class="divider"></li>
+
+            <div id="book-search-input" role="search">
+    <input type="text" placeholder="Type to search">
+</div>
+
+        <li class="chapter">
+            <a data-type="chapter-link" href="index.html"><span class="fa fa-home"></span>Getting started</a>
+            <ul class="links">
+                    <li class="link">
+                        <a 
+                            
+                             href="overview.html" 
+                             href="overview.html" 
+                            data-type="chapter-link">
+                            <span class="fa fa-fw fa-th"></span>Overview
+                        </a>
+                    </li>
+                    <li class="link">
+                      <a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
+                    </li>
+                    <li class="link">
+                            <a href="license.html"
+                        data-type="chapter-link">
+                            <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                        </a>
+                    </li>
+                    <li class="link">
+                        <a href="dependencies.html"
+                            data-type="chapter-link">
+                            <span class="fa fa-fw fa-list"></span>Dependencies
+                        </a>
+                    </li>
+            </ul>
+        </li>
+
+
+        <li class="chapter modules">
+            <a data-type="chapter-link" href="modules.html">
+                <div class="menu-toggler linked" data-toggle="collapse"
+                        data-target="#modules-links"
+                >
+                    <span class="fa fa-fw fa-archive"></span>
+                    <span class="link-name">Modules</span>
+                    <span class="fa fa-angle-down"></span>
+                </div>
+            </a>
+            <ul class="links collapse"
+                    id="modules-links"
+>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
+>
+                                    <span class="fa fa-fw fa-cogs"></span>
+                                    <span>Components</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
+>
+                                        <li class="link">
+                                            <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+            </ul>
+        </li>
+
+
+
+        <li class="chapter">
+            <div class="simple menu-toggler" data-toggle="collapse"
+                    data-target="#classes-links"
+>
+                <span class="fa fa-fw fa-file-code-o"></span>
+                <span>Classes</span>
+                <span class="fa fa-angle-down"></span>
+            </div>
+            <ul class="links collapse"
+                    id="classes-links"
+>
+                    <li class="link">
+                        <a href="classes/AppPage.html" data-type="entity-link">AppPage</a>
+                    </li>
+            </ul>
+        </li>
+
+
+
+
+
+        <li class="chapter">
+            <div class="simple menu-toggler" data-toggle="collapse"
+                    data-target="#miscellaneous-links"
+>
+                <span class="fa fa-fw fa-cubes"></span>
+                <span>Miscellaneous</span>
+                <span class="fa fa-angle-down"></span>
+            </div>
+            <ul class="links collapse"
+                    id="miscellaneous-links"
+>
+                    <li class="link">
+                      <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
+                    </li>
+            </ul>
+        </li>
+
+
+        <li class="chapter">
+            <a data-type="chapter-link" href="coverage.html"><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
+        </li>
+
+        <li class="divider"></li>
+        <li class="copyright">
+                Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
+                            <img data-src="images/compodoc-vectorise.svg" class="img-responsive" data-type="compodoc-logo">
+                </a>
+        </li>
+
+    </ul>
+
+</nav>
+               </div>
+               <!-- START CONTENT -->
+               <div class="content directive">
+                   <div class="content-data">
+
+
+
+
+
+<ol class="breadcrumb">
+  <li>Directives</li>
+  <li>AgmDirection</li>
+</ol>
+
+<ul class="nav nav-tabs" role="tablist">
+    <li class="active">
+        <a href="#info" id="info-tab" role="tab" data-toggle="tab" data-link="info">Info</a>
+    </li>
+
+
+    <li>
+        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
+    </li>
+
+</ul>
+
+<div class="tab-content">
+    <div class="tab-pane fade active in" id="c-info">
+        <p class="comment">
+            <h3>File</h3>
+        </p>
+        <p class="comment">
+            <code>src/directive/agm-direction.directive.ts</code>
+        </p>
+
+
+            <p class="comment">
+                <h3>Implements</h3>
+            </p>
+            <p class="comment">
+                        <code><a href="https://angular.io/api/core/OnChanges" target="_blank" >OnChanges</a></code>
+                        <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
+            </p>
+
+
+        <section>
+            <h3>Metadata</h3>
+            <table class="table table-sm table-hover">
+                <tbody>
+
+                    <tr>
+                        <td class="col-md-3">selector</td>
+                        <td class="col-md-9"><code>agm-direction</code></td>
+                    </tr>
+
+                </tbody>
+            </table>
+        </section>
+
+            <section>
+    <h3 id="index">Index</h3>
+    <table class="table table-sm table-bordered index-table">
+        <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>Properties</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#destinationMarker">destinationMarker</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#directionsDisplay">directionsDisplay</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#directionsService">directionsService</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#isFirstChange">isFirstChange</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#originMarker">originMarker</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#waypointsMarker">waypointsMarker</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>Methods</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#directionDraw">directionDraw</a>
+                            </li>
+                            <li>
+                                <a href="#ngOnChanges">ngOnChanges</a>
+                            </li>
+                            <li>
+                                <a href="#ngOnInit">ngOnInit</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#setMarker">setMarker</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>Inputs</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                <a href="#avoidHighways">avoidHighways</a>
+                            </li>
+                            <li>
+                                <a href="#avoidTolls">avoidTolls</a>
+                            </li>
+                            <li>
+                                <a href="#destination">destination</a>
+                            </li>
+                            <li>
+                                <a href="#drivingOptions">drivingOptions</a>
+                            </li>
+                            <li>
+                                <a href="#infoWindow">infoWindow</a>
+                            </li>
+                            <li>
+                                <a href="#markerOptions">markerOptions</a>
+                            </li>
+                            <li>
+                                <a href="#optimizeWaypoints">optimizeWaypoints</a>
+                            </li>
+                            <li>
+                                <a href="#origin">origin</a>
+                            </li>
+                            <li>
+                                <a href="#panel">panel</a>
+                            </li>
+                            <li>
+                                <a href="#provideRouteAlternatives">provideRouteAlternatives</a>
+                            </li>
+                            <li>
+                                <a href="#renderOptions">renderOptions</a>
+                            </li>
+                            <li>
+                                <a href="#transitOptions">transitOptions</a>
+                            </li>
+                            <li>
+                                <a href="#travelMode">travelMode</a>
+                            </li>
+                            <li>
+                                <a href="#visible">visible</a>
+                            </li>
+                            <li>
+                                <a href="#waypoints">waypoints</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>Outputs</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                <a href="#onChange">onChange</a>
+                            </li>
+                            <li>
+                                <a href="#onResponse">onResponse</a>
+                            </li>
+                            <li>
+                                <a href="#sendInfoWindow">sendInfoWindow</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
+
+
+
+        </tbody>
+    </table>
+</section>
+
+            <section>
+    <h3 id="constructor">Constructor</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+<code>constructor(gmapsApi: GoogleMapsAPIWrapper)</code>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/directive/agm-direction.directive.ts:52</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                            <div>
+                                    <b>Parameters :</b>
+                                    <table class="params">
+                                        <thead>
+                                            <tr>
+                                                <td>Name</td>
+                                                    <td>Type</td>
+                                                <td>Optional</td>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                                <tr>
+                                                    <td>gmapsApi</td>
+                                                  
+                                                        <td>
+                                                                    <code>GoogleMapsAPIWrapper</code>
+                                                        </td>
+                                                  
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+                                                </tr>
+                                        </tbody>
+                                    </table>
+                            </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+</section>
+
+            <section>
+    <h3 id="inputs">Inputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="avoidHighways"></a>
+                        <code>avoidHighways</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>false</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/directive/agm-direction.directive.ts:27</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="avoidTolls"></a>
+                        <code>avoidTolls</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>false</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/directive/agm-direction.directive.ts:28</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="destination"></a>
+                        <code>destination</code>
+                    </td>
+                    <td class="col-md-10">
+                        <div><p>LatLng | String | google.maps.Place</p>
+</div>
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">src/directive/agm-direction.directive.ts:19</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="drivingOptions"></a>
+                        <code>drivingOptions</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>undefined</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/directive/agm-direction.directive.ts:23</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="infoWindow"></a>
+                        <code>infoWindow</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code>InfoWindow</code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/directive/agm-direction.directive.ts:33</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="markerOptions"></a>
+                        <code>markerOptions</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code>literal type</code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/directive/agm-direction.directive.ts:32</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="optimizeWaypoints"></a>
+                        <code>optimizeWaypoints</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>true</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/directive/agm-direction.directive.ts:25</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="origin"></a>
+                        <code>origin</code>
+                    </td>
+                    <td class="col-md-10">
+                        <div><p>LatLng | String | google.maps.Place</p>
+</div>
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/directive/agm-direction.directive.ts:14</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="panel"></a>
+                        <code>panel</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code>object | undefined</code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/directive/agm-direction.directive.ts:31</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="provideRouteAlternatives"></a>
+                        <code>provideRouteAlternatives</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>false</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/directive/agm-direction.directive.ts:26</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="renderOptions"></a>
+                        <code>renderOptions</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/directive/agm-direction.directive.ts:29</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="transitOptions"></a>
+                        <code>transitOptions</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>undefined</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/directive/agm-direction.directive.ts:22</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="travelMode"></a>
+                        <code>travelMode</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" >String</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>&#x27;DRIVING&#x27;</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/directive/agm-direction.directive.ts:21</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="visible"></a>
+                        <code>visible</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>true</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/directive/agm-direction.directive.ts:30</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="waypoints"></a>
+                        <code>waypoints</code>
+                    </td>
+                    <td class="col-md-10">
+                            <p>
+                            <em>Type:</em>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                            </p>
+                        <p>
+                            <em>Default value: </em><code>[]</code>
+                        </p>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/directive/agm-direction.directive.ts:24</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+</section>
+            <section>
+    <h3 id="outputs">Outputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="onChange"></a>
+                        <code>onChange</code>
+                    </td>
+                    <td class="col-md-10">
+                        <em><code>$event</code> type:</em>    <code>EventEmitter&lt;any&gt;</code>
+
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/directive/agm-direction.directive.ts:36</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="onResponse"></a>
+                        <code>onResponse</code>
+                    </td>
+                    <td class="col-md-10">
+                        <em><code>$event</code> type:</em>    <code>EventEmitter&lt;any&gt;</code>
+
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/directive/agm-direction.directive.ts:39</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="sendInfoWindow"></a>
+                        <code>sendInfoWindow</code>
+                    </td>
+                    <td class="col-md-10">
+                        <em><code>$event</code> type:</em>    <code>EventEmitter&lt;InfoWindow&gt;</code>
+
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/directive/agm-direction.directive.ts:41</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+</section>
+
+
+            <section>
+    
+        <h3 id="methods">
+            Methods
+        </h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="directionDraw"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            directionDraw
+                            </b>
+                            <a href="#directionDraw"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                            <span class="modifier-icon fa fa-reset"></span>
+                        <code>directionDraw()</code>
+                    </td>
+                </tr>
+
+
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/directive/agm-direction.directive.ts:114</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                            <div class="io-description"><p>This event is fired when the user creating or updating this direction</p>
+</div>
+
+                            <div class="io-description">
+                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                            </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="ngOnChanges"></a>
+                        <span class="name">
+                            <b>
+                            ngOnChanges
+                            </b>
+                            <a href="#ngOnChanges"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+<code>ngOnChanges(obj: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
+                    </td>
+                </tr>
+
+
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/directive/agm-direction.directive.ts:64</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+
+                            <div class="io-description">
+                                    <b>Parameters :</b>
+                                    <table class="params">
+                                        <thead>
+                                            <tr>
+                                                <td>Name</td>
+                                                    <td>Type</td>
+                                                <td>Optional</td>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                                <tr>
+                                                        <td>obj</td>
+                                                        <td>
+                                                                    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                </tr>
+                                        </tbody>
+                                    </table>
+                            </div>
+                            <div>
+                            </div>
+                            <div class="io-description">
+                                <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">
+                                    
+                                </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="ngOnInit"></a>
+                        <span class="name">
+                            <b>
+                            ngOnInit
+                            </b>
+                            <a href="#ngOnInit"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+<code>ngOnInit()</code>
+                    </td>
+                </tr>
+
+
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/directive/agm-direction.directive.ts:58</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+
+                            <div class="io-description">
+                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                            </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="setMarker"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            setMarker
+                            </b>
+                            <a href="#setMarker"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                            <span class="modifier-icon fa fa-reset"></span>
+                        <code>setMarker(map: GoogleMap, marker: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, markerOpts: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, content: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                    </td>
+                </tr>
+
+
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/directive/agm-direction.directive.ts:258</a></div>
+                            </td>
+                        </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                            <div class="io-description"><p>Custom Origin and Destination Icon</p>
+</div>
+
+                            <div class="io-description">
+                                    <b>Parameters :</b>
+                                    <table class="params">
+                                        <thead>
+                                            <tr>
+                                                <td>Name</td>
+                                                    <td>Type</td>
+                                                <td>Optional</td>
+                                                    <td>Description</td>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                                <tr>
+                                                        <td>map</td>
+                                                        <td>
+                                                                    <code>GoogleMap</code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                        <td>
+                                                                <code><p>map</p>
+</code>
+                                                        </td>
+                                                </tr>
+                                                <tr>
+                                                        <td>marker</td>
+                                                        <td>
+                                                                    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                        <td>
+                                                                <code><p>marker</p>
+</code>
+                                                        </td>
+                                                </tr>
+                                                <tr>
+                                                        <td>markerOpts</td>
+                                                        <td>
+                                                                    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                        <td>
+                                                                <code><p>properties</p>
+</code>
+                                                        </td>
+                                                </tr>
+                                                <tr>
+                                                        <td>content</td>
+                                                        <td>
+                                                                    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                        </td>
+                                                    
+                                                    <td>
+                                                            no
+                                                    </td>
+                                                    
+
+                                                        <td>
+                                                                <code><p>marker&#39;s infowindow content</p>
+</code>
+                                                        </td>
+                                                </tr>
+                                        </tbody>
+                                    </table>
+                            </div>
+                            <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>
+
+                            </div>
+                                <div class="io-description">
+                                    <p>new marker</p>
+
+                                </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+</section>
+
+            <section>
+    
+        <h3 id="inputs">
+            Properties
+        </h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="destinationMarker"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            destinationMarker
+                            </b>
+                            <a href="#destinationMarker"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>destinationMarker:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/directive/agm-direction.directive.ts:48</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="directionsDisplay"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Public</span>
+                            directionsDisplay
+                            </b>
+                            <a href="#directionsDisplay"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>directionsDisplay:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Default value : </i><code>undefined</code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/directive/agm-direction.directive.ts:44</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="directionsService"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Public</span>
+                            directionsService
+                            </b>
+                            <a href="#directionsService"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>directionsService:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Default value : </i><code>undefined</code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/directive/agm-direction.directive.ts:43</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="isFirstChange"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            isFirstChange
+                            </b>
+                            <a href="#isFirstChange"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>isFirstChange:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" >Boolean</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Default value : </i><code>true</code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/directive/agm-direction.directive.ts:52</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="originMarker"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            originMarker
+                            </b>
+                            <a href="#originMarker"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>originMarker:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/directive/agm-direction.directive.ts:47</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="waypointsMarker"></a>
+                        <span class="name">
+                            <b>
+                                <span class="modifier">Private</span>
+                            waypointsMarker
+                            </b>
+                            <a href="#waypointsMarker"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="modifier-icon fa fa-reset"></span><code>waypointsMarker:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Default value : </i><code>[]</code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/directive/agm-direction.directive.ts:49</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+</section>
+
+
+    </div>
+
+
+    <div class="tab-pane fade tab-source-code" id="c-source">
+        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, Output, OnChanges, OnInit, EventEmitter } from &#x27;@angular/core&#x27;;
+import { GoogleMapsAPIWrapper } from &#x27;@agm/core&#x27;;
+import { InfoWindow, Marker, GoogleMap } from &#x27;@agm/core/services/google-maps-types&#x27;;
+
+declare var google: any;
+@Directive({
+  selector: &#x27;agm-direction&#x27;,
+})
+export class AgmDirection implements OnChanges, OnInit {
+
+  /**
+   * LatLng | String | google.maps.Place
+   */
+  @Input() origin: any;
+
+  /**
+   * LatLng | String | google.maps.Place
+   */
+  @Input() destination: any;
+
+  @Input() travelMode: String &#x3D; &#x27;DRIVING&#x27;;
+  @Input() transitOptions: any &#x3D; undefined;
+  @Input() drivingOptions: any &#x3D; undefined;
+  @Input() waypoints: any &#x3D; [];
+  @Input() optimizeWaypoints: Boolean &#x3D; true;
+  @Input() provideRouteAlternatives: Boolean &#x3D; false;
+  @Input() avoidHighways: Boolean &#x3D; false;
+  @Input() avoidTolls: Boolean &#x3D; false;
+  @Input() renderOptions: any;
+  @Input() visible: Boolean &#x3D; true;
+  @Input() panel: object | undefined;
+  @Input() markerOptions: { origin: any, destination: any, waypoints: any };
+  @Input() infoWindow: InfoWindow;
+
+  // Direction change event handler
+  @Output() onChange: EventEmitter&lt;any&gt; &#x3D; new EventEmitter&lt;any&gt;();
+
+  // Direction response for the new request
+  @Output() onResponse: EventEmitter&lt;any&gt; &#x3D; new EventEmitter&lt;any&gt;();
+
+  @Output() sendInfoWindow: EventEmitter&lt;InfoWindow&gt; &#x3D; new EventEmitter&lt;InfoWindow&gt;();
+
+  public directionsService: any &#x3D; undefined;
+  public directionsDisplay: any &#x3D; undefined;
+
+  // Use for custom marker
+  private originMarker: any;
+  private destinationMarker: any;
+  private waypointsMarker: any &#x3D; [];
+
+  // Use for visible flag
+  private isFirstChange: Boolean &#x3D; true;
+
+  constructor(
+    private gmapsApi: GoogleMapsAPIWrapper,
+  ) { }
+
+  ngOnInit() {
+    if (this.visible &#x3D;&#x3D;&#x3D; true) {
+      this.directionDraw();
+    }
+  }
+
+  ngOnChanges(obj: any) {
+    /**
+     * When visible is false then remove the direction layer
+     */
+    if (!this.visible) {
+      try {
+        if (typeof this.originMarker !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+          this.originMarker.setMap(null);
+          this.destinationMarker.setMap(null);
+          this.waypointsMarker.forEach((w: any) &#x3D;&gt; w.setMap(null));
+        }
+        this.directionsDisplay.setPanel(null);
+        this.directionsDisplay.setMap(null);
+        this.directionsDisplay &#x3D; undefined;
+      } catch (e) { }
+    } else {
+      if (this.isFirstChange) {
+        /**
+         * When visible is false at the first time
+         */
+        if (typeof this.directionsDisplay &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27;) {
+          this.directionDraw();
+        }
+        this.isFirstChange &#x3D; false;
+        return;
+      }
+
+      /**
+       * When renderOptions are not first change then reset the display
+       */
+      if (typeof obj.renderOptions !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+        if (obj.renderOptions.firstChange &#x3D;&#x3D;&#x3D; false) {
+          if (typeof this.originMarker !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+            this.originMarker.setMap(null);
+            this.destinationMarker.setMap(null);
+            this.waypointsMarker.forEach((w: any) &#x3D;&gt; w.setMap(null));
+          }
+          this.directionsDisplay.setPanel(null);
+          this.directionsDisplay.setMap(null);
+          this.directionsDisplay &#x3D; undefined;
+        }
+      }
+      this.directionDraw();
+    }
+
+  }
+
+  /**
+   * This event is fired when the user creating or updating this direction
+   */
+  private directionDraw() {
+
+    this.gmapsApi.getNativeMap().then((map: GoogleMap) &#x3D;&gt; {
+
+      if (typeof this.directionsDisplay &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27;) {
+        this.directionsDisplay &#x3D; new google.maps.DirectionsRenderer(this.renderOptions);
+        this.directionsDisplay.setMap(map);
+        this.directionsDisplay.addListener(&#x27;directions_changed&#x27;, () &#x3D;&gt; {
+          this.onChange.emit(this.directionsDisplay.getDirections());
+        });
+      }
+
+      if (typeof this.directionsService &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27;) {
+        this.directionsService &#x3D; new google.maps.DirectionsService;
+      }
+
+      if (typeof this.panel &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27;) {
+        this.directionsDisplay.setPanel(null);
+      } else {
+        this.directionsDisplay.setPanel(this.panel);
+      }
+
+      this.directionsService.route({
+        origin: this.origin,
+        destination: this.destination,
+        travelMode: this.travelMode,
+        transitOptions: this.transitOptions,
+        drivingOptions: this.drivingOptions,
+        waypoints: this.waypoints,
+        optimizeWaypoints: this.optimizeWaypoints,
+        provideRouteAlternatives: this.provideRouteAlternatives,
+        avoidHighways: this.avoidHighways,
+        avoidTolls: this.avoidTolls,
+      }, (response: any, status: any) &#x3D;&gt; {
+
+        this.onResponse.emit(response);
+
+        if (status &#x3D;&#x3D;&#x3D; &#x27;OK&#x27;) {
+          this.directionsDisplay.setDirections(response);
+
+          /**
+           * Emit The DirectionsResult Object
+           * https://developers.google.com/maps/documentation/javascript/directions?hl&#x3D;en#DirectionsResults
+           */
+
+          // Custom Markers
+          if (typeof this.markerOptions !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+
+            // Remove origin markers
+            try {
+              if (typeof this.originMarker !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+                google.maps.event.clearListeners(this.originMarker, &#x27;click&#x27;);
+                this.originMarker.setMap(null);
+              }
+              if (typeof this.destinationMarker !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+                google.maps.event.clearListeners(this.destinationMarker, &#x27;click&#x27;);
+                this.destinationMarker.setMap(null);
+              }
+              this.waypointsMarker.forEach((w: any) &#x3D;&gt; {
+                if (typeof w !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+                  google.maps.event.clearListeners(w, &#x27;click&#x27;);
+                  w.setMap(null);
+                }
+              });
+
+            } catch (err) {
+              console.error(&#x27;Can not reset custom marker.&#x27;, err);
+            }
+
+            // Set custom markers
+            const _route &#x3D; response.routes[0].legs[0];
+            try {
+              // Origin Marker
+              if (typeof this.markerOptions.origin !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+                this.markerOptions.origin.map &#x3D; map;
+                this.markerOptions.origin.position &#x3D; _route.start_location;
+                this.originMarker &#x3D; this.setMarker(
+                  map,
+                  this.originMarker,
+                  this.markerOptions.origin,
+                  _route.start_address,
+                );
+              }
+
+              // Destination Marker
+              if (typeof this.markerOptions.destination !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+                this.markerOptions.destination.map &#x3D; map;
+                this.markerOptions.destination.position &#x3D; _route.end_location;
+                this.destinationMarker &#x3D; this.setMarker(
+                  map,
+                  this.destinationMarker,
+                  this.markerOptions.destination,
+                  _route.end_address,
+                );
+              }
+
+              // Waypoints Marker
+              if (typeof this.markerOptions.waypoints !&#x3D;&#x3D; &#x27;undefined&#x27;) {
+
+                this.waypoints.forEach((waypoint: any, index: number) &#x3D;&gt; {
+
+                  // If waypoints are not array then set all the same
+                  if (!Array.isArray(this.markerOptions.waypoints)) {
+                    this.markerOptions.waypoints.map &#x3D; map;
+                    this.markerOptions.waypoints.position &#x3D; _route.via_waypoints[index];
+                    this.waypointsMarker.push(this.setMarker(
+                      map,
+                      waypoint,
+                      this.markerOptions.waypoints,
+                      _route.via_waypoints[index],
+                    ));
+                  } else {
+                    this.markerOptions.waypoints[index].map &#x3D; map;
+                    this.markerOptions.waypoints[index].position &#x3D; _route.via_waypoints[index];
+                    this.waypointsMarker.push(this.setMarker(
+                      map,
+                      waypoint,
+                      this.markerOptions.waypoints[index],
+                      _route.via_waypoints[index],
+                    ));
+                  }
+
+                }); // End forEach
+
+              }
+            } catch (err) {
+              console.error(&#x27;MarkerOptions error.&#x27;, err);
+            }
+          }
+
+        }
+      });
+    });
+  }
+
+  /**
+   * Custom Origin and Destination Icon
+   * @param map map
+   * @param marker marker
+   * @param markerOpts properties
+   * @param content marker&#x27;s infowindow content
+   * @returns new marker
+   * @memberof AgmDirection
+   */
+  private setMarker(map: GoogleMap, marker: any, markerOpts: any, content: string) {
+    if (typeof this.infoWindow &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27;) {
+      this.infoWindow &#x3D; new google.maps.InfoWindow({});
+      this.sendInfoWindow.emit(this.infoWindow);
+    }
+    marker &#x3D; new google.maps.Marker(markerOpts);
+    marker.addListener(&#x27;click&#x27;, () &#x3D;&gt; {
+      const infowindoContent: string &#x3D; typeof markerOpts.infoWindow &#x3D;&#x3D;&#x3D; &#x27;undefined&#x27; ? content : markerOpts.infoWindow;
+      this.infoWindow.setContent(infowindoContent);
+      this.infoWindow.open(map, marker);
+    });
+    return marker;
+  }
+
+}
+</code></pre>
+    </div>
+
+</div>
+
+
+
+
+
+
+
+
+
+
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+               <!-- END CONTENT -->
+           </div>
+       </div>
+
+       <script src="../js/libs/bootstrap-native.js"></script>
+
+       <script src="../js/libs/es6-shim.min.js"></script>
+       <script src="../js/libs/EventDispatcher.js"></script>
+       <script src="../js/libs/promise.min.js"></script>
+       <script src="../js/libs/zepto.min.js"></script>
+
+       <script src="../js/compodoc.js"></script>
+
+        <script>
+            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
+            var COMPODOC_CURRENT_PAGE_URL = 'AgmDirection-1.html';
+        </script>
+
+       <script src="../js/search/search.js"></script>
+       <script src="../js/search/lunr.min.js"></script>
+       <script src="../js/search/search-lunr.js"></script>
+
+       <script src="../js/tabs.js"></script>
+       <script src="../js/menu.js"></script>
+       <script src="../js/libs/prism.js"></script>
+       <script src="../js/sourceCode.js"></script>
+       <script src="../js/search/search_index.js"></script>
+
+
+    </body>
+</html>
diff --git a/docs/directives/AgmDirection.html b/docs/directives/AgmDirection.html
index 26c9834..5af182b 100644
--- a/docs/directives/AgmDirection.html
+++ b/docs/directives/AgmDirection.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -363,7 +401,7 @@
             <h3>File</h3>
         </p>
         <p class="comment">
-            <code>src/directive/agm-direction.directive.ts</code>
+            <code>dist/package/src/directive/agm-direction.directive.ts</code>
         </p>
 
 
@@ -524,6 +562,9 @@ <h6><b>Outputs</b></h6>
                             <li>
                                 <a href="#onChange">onChange</a>
                             </li>
+                            <li>
+                                <a href="#onResponse">onResponse</a>
+                            </li>
                             <li>
                                 <a href="#sendInfoWindow">sendInfoWindow</a>
                             </li>
@@ -548,7 +589,7 @@ <h3 id="constructor">Constructor</h3>
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/directive/agm-direction.directive.ts:47</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:52</a></div>
                             </td>
                         </tr>
 
@@ -607,7 +648,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/directive/agm-direction.directive.ts:27</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:27</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -631,7 +672,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/directive/agm-direction.directive.ts:28</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:28</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -654,7 +695,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">src/directive/agm-direction.directive.ts:19</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:19</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -678,7 +719,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/directive/agm-direction.directive.ts:23</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:23</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -699,7 +740,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/directive/agm-direction.directive.ts:33</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:33</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -720,7 +761,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/directive/agm-direction.directive.ts:32</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:32</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -744,7 +785,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/directive/agm-direction.directive.ts:25</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:25</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -767,7 +808,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/directive/agm-direction.directive.ts:14</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:14</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -788,7 +829,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/directive/agm-direction.directive.ts:31</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:31</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -812,7 +853,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/directive/agm-direction.directive.ts:26</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:26</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -833,7 +874,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/directive/agm-direction.directive.ts:29</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:29</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -857,7 +898,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/directive/agm-direction.directive.ts:22</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:22</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -881,7 +922,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/directive/agm-direction.directive.ts:21</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:21</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -905,7 +946,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/directive/agm-direction.directive.ts:30</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:30</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -929,7 +970,7 @@ <h3 id="inputs">Inputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/directive/agm-direction.directive.ts:24</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:24</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -951,7 +992,26 @@ <h3 id="outputs">Outputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/directive/agm-direction.directive.ts:35</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:36</a></div>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-2">
+                        <a name="onResponse"></a>
+                        <code>onResponse</code>
+                    </td>
+                    <td class="col-md-10">
+                        <em><code>$event</code> type:</em>    <code>EventEmitter&lt;any&gt;</code>
+
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:39</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -970,7 +1030,7 @@ <h3 id="outputs">Outputs</h3>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/directive/agm-direction.directive.ts:36</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:41</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -1007,7 +1067,7 @@ <h3 id="methods">
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/directive/agm-direction.directive.ts:109</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:114</a></div>
                             </td>
                         </tr>
 
@@ -1046,7 +1106,7 @@ <h3 id="methods">
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/directive/agm-direction.directive.ts:59</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:64</a></div>
                             </td>
                         </tr>
 
@@ -1114,7 +1174,7 @@ <h3 id="methods">
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/directive/agm-direction.directive.ts:53</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:58</a></div>
                             </td>
                         </tr>
 
@@ -1153,7 +1213,7 @@ <h3 id="methods">
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/directive/agm-direction.directive.ts:251</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:258</a></div>
                             </td>
                         </tr>
 
@@ -1290,7 +1350,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/directive/agm-direction.directive.ts:43</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:48</a></div>
                             </td>
                         </tr>
 
@@ -1330,7 +1390,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/directive/agm-direction.directive.ts:39</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:44</a></div>
                             </td>
                         </tr>
 
@@ -1370,7 +1430,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/directive/agm-direction.directive.ts:38</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:43</a></div>
                             </td>
                         </tr>
 
@@ -1410,7 +1470,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/directive/agm-direction.directive.ts:47</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:52</a></div>
                             </td>
                         </tr>
 
@@ -1445,7 +1505,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/directive/agm-direction.directive.ts:42</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:47</a></div>
                             </td>
                         </tr>
 
@@ -1485,7 +1545,7 @@ <h3 id="inputs">
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/directive/agm-direction.directive.ts:44</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">dist/package/src/directive/agm-direction.directive.ts:49</a></div>
                             </td>
                         </tr>
 
@@ -1533,7 +1593,12 @@ <h3 id="inputs">
   @Input() markerOptions: { origin: any, destination: any, waypoints: any };
   @Input() infoWindow: InfoWindow;
 
+  // Direction change event handler
   @Output() onChange: EventEmitter&lt;any&gt; &#x3D; new EventEmitter&lt;any&gt;();
+
+  // Direction response for the new request
+  @Output() onResponse: EventEmitter&lt;any&gt; &#x3D; new EventEmitter&lt;any&gt;();
+
   @Output() sendInfoWindow: EventEmitter&lt;InfoWindow&gt; &#x3D; new EventEmitter&lt;InfoWindow&gt;();
 
   public directionsService: any &#x3D; undefined;
@@ -1642,6 +1707,8 @@ <h3 id="inputs">
         avoidTolls: this.avoidTolls,
       }, (response: any, status: any) &#x3D;&gt; {
 
+        this.onResponse.emit(response);
+
         if (status &#x3D;&#x3D;&#x3D; &#x27;OK&#x27;) {
           this.directionsDisplay.setDirections(response);
 
diff --git a/docs/graph/dependencies.svg b/docs/graph/dependencies.svg
index 1f721d1..d15299d 100644
--- a/docs/graph/dependencies.svg
+++ b/docs/graph/dependencies.svg
@@ -59,8 +59,14 @@
 <!-- AgmDirection&#45;&gt;AgmDirectionModule -->
 <g id="edge1" class="edge">
 <title>AgmDirection&#45;&gt;AgmDirectionModule</title>
-<path fill="none" stroke="#000000" d="M174,-122.2228C174,-122.2228 174,-143.7269 174,-143.7269"/>
-<polygon fill="#000000" stroke="#000000" points="170.5001,-143.7269 174,-153.7269 177.5001,-143.727 170.5001,-143.7269"/>
+<path fill="none" stroke="#000000" d="M190.1442,-122.2228C190.1442,-122.2228 190.1442,-143.7269 190.1442,-143.7269"/>
+<polygon fill="#000000" stroke="#000000" points="186.6443,-143.7269 190.1442,-153.7269 193.6443,-143.727 186.6443,-143.7269"/>
+</g>
+<!-- AgmDirection&#45;&gt;AgmDirectionModule -->
+<g id="edge3" class="edge">
+<title>AgmDirection&#45;&gt;AgmDirectionModule</title>
+<path fill="none" stroke="#000000" d="M157.8558,-122.2228C157.8558,-122.2228 157.8558,-143.7269 157.8558,-143.7269"/>
+<polygon fill="#000000" stroke="#000000" points="154.3559,-143.7269 157.8558,-153.7269 161.3559,-143.727 154.3559,-143.7269"/>
 </g>
 <!-- AgmDirection  -->
 <g id="node3" class="node">
@@ -71,8 +77,14 @@
 <!-- AgmDirectionModule&#45;&gt;AgmDirection  -->
 <g id="edge2" class="edge">
 <title>AgmDirectionModule&#45;&gt;AgmDirection </title>
-<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M174,-190.1061C174,-190.1061 174,-208.991 174,-208.991"/>
-<polygon fill="#000000" stroke="#000000" points="170.5001,-208.9909 174,-218.991 177.5001,-208.991 170.5001,-208.9909"/>
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M157.2724,-190.1061C157.2724,-190.1061 157.2724,-208.991 157.2724,-208.991"/>
+<polygon fill="#000000" stroke="#000000" points="153.7725,-208.9909 157.2724,-218.991 160.7725,-208.991 153.7725,-208.9909"/>
+</g>
+<!-- AgmDirectionModule&#45;&gt;AgmDirection  -->
+<g id="edge4" class="edge">
+<title>AgmDirectionModule&#45;&gt;AgmDirection </title>
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M190.7276,-190.1061C190.7276,-190.1061 190.7276,-208.991 190.7276,-208.991"/>
+<polygon fill="#000000" stroke="#000000" points="187.2277,-208.9909 190.7276,-218.991 194.2277,-208.991 187.2277,-208.9909"/>
 </g>
 <!-- AppModule -->
 <g id="node5" class="node">
@@ -81,7 +93,7 @@
 <text text-anchor="middle" x="329" y="-232.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
 </g>
 <!-- AgmDirectionModule&#45;&gt;AppModule -->
-<g id="edge4" class="edge">
+<g id="edge6" class="edge">
 <title>AgmDirectionModule&#45;&gt;AppModule</title>
 <path fill="none" stroke="#000000" d="M234.1952,-190.1061C234.1952,-209.3391 234.1952,-237 234.1952,-237 234.1952,-237 277.1412,-237 277.1412,-237"/>
 <polygon fill="#000000" stroke="#000000" points="277.1413,-240.5001 287.1412,-237 277.1412,-233.5001 277.1413,-240.5001"/>
@@ -93,7 +105,7 @@
 <text text-anchor="middle" x="329" y="-167.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
 </g>
 <!-- AppComponent&#45;&gt;AppModule -->
-<g id="edge3" class="edge">
+<g id="edge5" class="edge">
 <title>AppComponent&#45;&gt;AppModule</title>
 <path fill="none" stroke="#000000" d="M329,-190.1061C329,-190.1061 329,-208.991 329,-208.991"/>
 <polygon fill="#000000" stroke="#000000" points="325.5001,-208.9909 329,-218.991 332.5001,-208.991 325.5001,-208.9909"/>
@@ -105,7 +117,7 @@
 <text text-anchor="middle" x="330" y="-300.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
 </g>
 <!-- AppModule&#45;&gt;AppComponent  -->
-<g id="edge5" class="edge">
+<g id="edge7" class="edge">
 <title>AppModule&#45;&gt;AppComponent </title>
 <path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M329,-255.2228C329,-255.2228 329,-276.7269 329,-276.7269"/>
 <polygon fill="#000000" stroke="#000000" points="325.5001,-276.7269 329,-286.7269 332.5001,-276.727 325.5001,-276.7269"/>
diff --git a/docs/images/coverage-badge.svg b/docs/images/coverage-badge.svg
index 20c754d..17ff78f 100644
--- a/docs/images/coverage-badge.svg
+++ b/docs/images/coverage-badge.svg
@@ -4,6 +4,6 @@
         <rect id="svg_2" height="20" width="40" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b" rx="7" ry="7"/>
         <rect id="svg_3" height="20" width="22" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b"/>
         <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_4" y="14" x="6" stroke-width="0" stroke="#5d5d5d" fill="#ffffff">documentation</text>
-        <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">1%</text>
+        <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">2%</text>
     </g>
 </svg>
diff --git a/docs/index.html b/docs/index.html
index bcfb844..7d01d9b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -376,9 +414,9 @@ <h2 id="importing-modules">Importing Modules</h2>
   imports: [
     BrowserModule,
     AgmCoreModule.forRoot({ // &#64;agm/core
-      apiKey: &#39;your key&#39;,   // GoogleAPIs
+      apiKey: &#39;your key&#39;,
     }),
-    AgmDirectionModule      // agm-direction
+    AgmDirectionModule,     // agm-direction
   ],
   providers: [],
   bootstrap: [AppComponent]
@@ -395,8 +433,8 @@ <h2 id="importing-modules">Importing Modules</h2>
 <pre class="line-numbers"><code class="language-typescript">public lat: Number = 24.799448
 public lng: Number = 120.979021
 
-public origin: {}
-public destination: {}
+public origin: any
+public destination: any
 
 ngOnInit() {
   this.getDirection()
@@ -414,7 +452,7 @@ <h2 id="importing-modules">Importing Modules</h2>
 <li>Less useful <a href="https://robby570.tw/Agm-Direction/">AgmDirectionModule</a></li>
 </ul>
 <h2 id="development">Development</h2>
-<p>👉 <a href="https://github.com/explooosion/Agm-Direction/tree/refactor/playground">Playground</a></p>
+<p>👉 <a href="https://github.com/explooosion/Agm-Direction/tree/master/playground">Playground</a></p>
 <h2 id="generator">Generator</h2>
 <p>This library generated by <a href="https://github.com/robisim74/angular-library-starter">angular-library-starter</a>.</p>
 <h2 id="license">License</h2>
diff --git a/docs/js/search/search_index.js b/docs/js/search/search_index.js
index 5f18462..56da719 100644
--- a/docs/js/search/search_index.js
+++ b/docs/js/search/search_index.js
@@ -1,4 +1,4 @@
 var COMPODOC_SEARCH_INDEX = {
-    "index": {"version":"2.1.6","fields":["title","body"],"fieldVectors":[["title/modules/AgmDirectionModule.html",[0,0.277,1,0.565]],["body/modules/AgmDirectionModule.html",[0,0.339,1,0.991,2,0.651,3,1.075,4,1.358,5,0.839,6,0.651,7,1.202,8,1.391,9,1.391,10,1.391,11,2.266,12,0.096,13,1.507,14,1.075,15,0.839,16,1.075,17,1.075,18,0.651,19,1.871,20,1.871,21,1.358,22,1.74,23,2.622,24,0.839,25,2.622,26,2.622,27,0.36,28,1.871,29,1.871,30,1.391,31,0.061,32,0.061]],["title/modules/AppModule.html",[0,0.277,33,0.744]],["body/modules/AppModule.html",[0,0.323,1,0.925,2,0.608,3,1.005,4,1.309,5,1.309,6,0.87,7,0.87,12,0.097,13,1.437,14,1.005,15,0.784,16,1.005,17,1.005,18,0.608,21,1.618,22,1.437,24,0.784,27,0.336,31,0.058,32,0.058,33,1.306,34,1.3,35,1.3,36,1.748,37,1.3,38,1.747,39,1.748,40,1.859,41,1.3,42,0.784,43,1.3,44,1.3,45,1.005,46,1.748,47,1.3,48,1.3]],["title/classes/AppPage.html",[27,0.411,49,1.229]],["body/classes/AppPage.html",[7,0.799,12,0.095,16,1.319,17,1.319,18,0.799,21,1.03,27,0.579,30,2.656,31,0.07,32,0.07,42,1.03,49,1.732,50,1.707,51,1.319,52,3.013,53,3.571,54,3.571,55,3.013,56,2.296,57,2.296,58,2.296,59,2.296,60,2.296,61,2.296,62,2.296,63,2.296]],["title/coverage.html",[64,2.137]],["body/coverage.html",[11,1.222,12,0.093,18,0.74,27,0.409,31,0.067,32,0.067,38,0.954,49,1.222,50,1.581,64,1.581,65,1.222,66,1.581,67,2.126,68,2.126,69,3.806,70,2.126,71,2.126,72,1.581,73,2.126,74,1.581,75,2.078,76,2.129,77,3.616,78,1.581,79,2.129,80,1.581,81,1.581,82,2.129,83,2.129,84,1.222,85,2.126,86,2.126,87,1.222,88,2.126,89,2.126,90,2.126]],["title/dependencies.html",[2,0.89,91,1.808]],["body/dependencies.html",[2,1.182,12,0.095,24,1.244,31,0.079,32,0.079,45,1.593,92,2.772,93,2.772,94,2.772,95,2.772,96,2.772,97,2.772,98,3.396]],["title/index.html",[51,1.039,99,1.344,100,1.039]],["body/index.html",[0,0.161,1,0.63,4,0.559,5,0.559,6,0.434,7,0.434,12,0.097,21,1.447,22,1.116,24,0.559,27,0.24,31,0.045,32,0.045,33,0.434,38,1.07,40,1.444,41,0.927,42,0.559,43,0.927,44,0.927,45,1.775,47,0.927,48,0.927,65,1.116,84,2.013,87,0.717,100,0.717,101,3.503,102,1.247,103,1.942,104,0.927,105,1.942,106,1.247,107,1.942,108,1.247,109,1.247,110,3.225,111,1.247,112,1.444,113,2.384,114,1.247,115,1.942,116,1.247,117,1.247,118,1.247,119,1.247,120,1.247,121,1.247,122,1.247,123,1.247,124,1.247,125,1.247,126,2.691,127,2.384,128,1.942,129,1.942,130,2.384,131,1.942,132,1.247,133,1.247,134,1.247,135,1.247,136,1.247,137,1.942,138,1.942,139,1.247,140,1.247,141,1.247,142,1.247,143,1.247,144,1.247,145,1.247,146,1.247,147,1.247,148,1.247,149,1.247,150,1.247,151,1.942,152,1.942,153,1.247,154,0.717,155,0.927]],["title/license.html",[99,1.344,100,1.039,154,1.039]],["body/license.html",[6,0.623,12,0.059,15,0.803,18,0.623,31,0.059,32,0.059,65,1.029,112,1.89,154,1.029,155,1.331,156,2.956,157,1.79,158,1.79,159,1.79,160,2.542,161,1.79,162,1.79,163,1.79,164,1.79,165,2.542,166,1.79,167,3.218,168,3.776,169,1.79,170,2.542,171,2.956,172,1.79,173,2.956,174,2.542,175,1.79,176,1.79,177,1.79,178,1.79,179,1.79,180,1.79,181,1.79,182,1.79,183,1.79,184,1.79,185,1.79,186,1.79,187,1.79,188,1.79,189,2.542,190,2.542,191,1.79,192,1.79,193,2.542,194,1.79,195,1.79,196,1.79,197,1.79,198,1.79,199,1.79,200,1.79,201,1.79,202,1.79,203,1.79,204,1.79,205,1.79,206,1.79,207,1.79,208,1.79,209,1.79,210,1.79,211,1.79,212,1.79,213,1.79,214,1.79,215,1.79]],["title/modules.html",[0,0.372]],["body/modules.html",[0,0.378,1,0.772,12,0.082,31,0.082,32,0.082,33,1.017,42,1.574,216,3.508,217,3.508,218,3.508]],["title/overview.html",[219,2.137]],["body/overview.html",[0,0.372,1,0.985,2,0.744,3,1.229,4,0.959,5,0.959,6,0.744,7,0.744,8,1.59,9,1.59,10,1.59,11,2.191,12,0.089,13,1.652,14,1.229,15,0.959,27,0.411,31,0.067,32,0.067,33,1.326,34,1.59,35,1.59,37,1.59,38,1.71,72,1.59,84,1.229,104,1.59,219,1.59,220,3.247]],["title/miscellaneous/variables.html",[75,1.471,221,1.344]],["body/miscellaneous/variables.html",[12,0.094,31,0.066,32,0.066,51,1.208,66,2.564,74,1.563,75,1.208,76,2.76,78,1.563,79,1.563,80,2.394,81,2.394,82,1.563,83,2.113,87,1.85,221,1.563,222,2.842,223,2.102,224,2.102,225,2.102,226,3.219,227,3.219,228,2.102,229,2.842,230,2.102,231,3.448,232,2.842,233,2.102]]],"invertedIndex":[["",{"_index":12,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["0",{"_index":69,"title":{},"body":{"coverage.html":{}}}],["0/1",{"_index":77,"title":{},"body":{"coverage.html":{}}}],["0/11",{"_index":73,"title":{},"body":{"coverage.html":{}}}],["0/3",{"_index":70,"title":{},"body":{"coverage.html":{}}}],["1",{"_index":220,"title":{},"body":{"overview.html":{}}}],["1.0.0",{"_index":92,"title":{},"body":{"dependencies.html":{}}}],["1.9.0",{"_index":95,"title":{},"body":{"dependencies.html":{}}}],["120.975017",{"_index":140,"title":{},"body":{"index.html":{}}}],["120.979021",{"_index":131,"title":{},"body":{"index.html":{}}}],["13",{"_index":85,"title":{},"body":{"coverage.html":{}}}],["2",{"_index":104,"title":{},"body":{"index.html":{},"overview.html":{}}}],["2018",{"_index":158,"title":{},"body":{"license.html":{}}}],["24.799448",{"_index":129,"title":{},"body":{"index.html":{}}}],["24.799524",{"_index":139,"title":{},"body":{"index.html":{}}}],["4/29",{"_index":86,"title":{},"body":{"coverage.html":{}}}],["400px",{"_index":124,"title":{},"body":{"index.html":{}}}],["6.0.0",{"_index":98,"title":{},"body":{"dependencies.html":{}}}],["abov",{"_index":188,"title":{},"body":{"license.html":{}}}],["action",{"_index":210,"title":{},"body":{"license.html":{}}}],["agm",{"_index":101,"title":{},"body":{"index.html":{}}}],["agm/cor",{"_index":45,"title":{},"body":{"modules/AppModule.html":{},"dependencies.html":{},"index.html":{}}}],["agm/core&#x1f4e6",{"_index":117,"title":{},"body":{"index.html":{}}}],["agmcoremodul",{"_index":44,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["agmcoremodule.forroot",{"_index":47,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["agmdirect",{"_index":11,"title":{},"body":{"modules/AgmDirectionModule.html":{},"coverage.html":{},"overview.html":{}}}],["agmdirectionmodul",{"_index":1,"title":{"modules/AgmDirectionModule.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["and/or",{"_index":181,"title":{},"body":{"license.html":{}}}],["angular",{"_index":103,"title":{},"body":{"index.html":{}}}],["angular/common",{"_index":97,"title":{},"body":{"dependencies.html":{}}}],["angular/cor",{"_index":24,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"dependencies.html":{},"index.html":{}}}],["angular/platform",{"_index":41,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["api",{"_index":106,"title":{},"body":{"index.html":{}}}],["apikey",{"_index":48,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["app.compon",{"_index":43,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["appcompon",{"_index":38,"title":{},"body":{"modules/AppModule.html":{},"coverage.html":{},"index.html":{},"overview.html":{}}}],["appmodul",{"_index":33,"title":{"modules/AppModule.html":{}},"body":{"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["apppag",{"_index":49,"title":{"classes/AppPage.html":{}},"body":{"classes/AppPage.html":{},"coverage.html":{}}}],["aris",{"_index":214,"title":{},"body":{"license.html":{}}}],["associ",{"_index":169,"title":{},"body":{"license.html":{}}}],["author",{"_index":203,"title":{},"body":{"license.html":{}}}],["beta.3",{"_index":93,"title":{},"body":{"dependencies.html":{}}}],["bootstrap",{"_index":5,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"overview.html":{}}}],["brows",{"_index":218,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":42,"title":{},"body":{"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{},"modules.html":{}}}],["browser.get",{"_index":60,"title":{},"body":{"classes/AppPage.html":{}}}],["browsermodul",{"_index":40,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["c",{"_index":157,"title":{},"body":{"license.html":{}}}],["charg",{"_index":164,"title":{},"body":{"license.html":{}}}],["claim",{"_index":206,"title":{},"body":{"license.html":{}}}],["class",{"_index":27,"title":{"classes/AppPage.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"index.html":{},"overview.html":{}}}],["cluster_agmdirectionmodul",{"_index":8,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_agmdirectionmodule_declar",{"_index":9,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_agmdirectionmodule_export",{"_index":10,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_appmodul",{"_index":34,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_bootstrap",{"_index":37,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_declar",{"_index":35,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_import",{"_index":36,"title":{},"body":{"modules/AppModule.html":{}}}],["command",{"_index":114,"title":{},"body":{"index.html":{}}}],["compon",{"_index":72,"title":{},"body":{"coverage.html":{},"overview.html":{}}}],["condit",{"_index":187,"title":{},"body":{"license.html":{}}}],["connect",{"_index":215,"title":{},"body":{"license.html":{}}}],["context",{"_index":80,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["contract",{"_index":211,"title":{},"body":{"license.html":{}}}],["copi",{"_index":167,"title":{},"body":{"license.html":{}}}],["copyright",{"_index":156,"title":{},"body":{"license.html":{}}}],["coverag",{"_index":64,"title":{"coverage.html":{}},"body":{"coverage.html":{}}}],["css",{"_index":122,"title":{},"body":{"index.html":{}}}],["damag",{"_index":207,"title":{},"body":{"license.html":{}}}],["deal",{"_index":170,"title":{},"body":{"license.html":{}}}],["declar",{"_index":4,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"overview.html":{}}}],["default",{"_index":226,"title":{},"body":{"miscellaneous/variables.html":{}}}],["defin",{"_index":55,"title":{},"body":{"classes/AppPage.html":{}}}],["depend",{"_index":2,"title":{"dependencies.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"dependencies.html":{},"overview.html":{}}}],["destin",{"_index":133,"title":{},"body":{"index.html":{}}}],["develop",{"_index":149,"title":{},"body":{"index.html":{}}}],["direct",{"_index":84,"title":{},"body":{"coverage.html":{},"index.html":{},"overview.html":{}}}],["direction.direct",{"_index":26,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["direction.directive.t",{"_index":83,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["direction.module.t",{"_index":20,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["directive/agm",{"_index":25,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["dist",{"_index":46,"title":{},"body":{"modules/AppModule.html":{}}}],["distribut",{"_index":179,"title":{},"body":{"license.html":{}}}],["doc",{"_index":147,"title":{},"body":{"index.html":{}}}],["document",{"_index":65,"title":{},"body":{"coverage.html":{},"index.html":{},"license.html":{}}}],["done",{"_index":111,"title":{},"body":{"index.html":{}}}],["element",{"_index":58,"title":{},"body":{"classes/AppPage.html":{}}}],["element(by.css('app",{"_index":61,"title":{},"body":{"classes/AppPage.html":{}}}],["environ",{"_index":76,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["event",{"_index":202,"title":{},"body":{"license.html":{}}}],["export",{"_index":7,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{},"overview.html":{}}}],["express",{"_index":195,"title":{},"body":{"license.html":{}}}],["fals",{"_index":233,"title":{},"body":{"miscellaneous/variables.html":{}}}],["file",{"_index":18,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"license.html":{}}}],["fit",{"_index":198,"title":{},"body":{"license.html":{}}}],["follow",{"_index":186,"title":{},"body":{"license.html":{}}}],["forroot",{"_index":29,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["free",{"_index":163,"title":{},"body":{"license.html":{}}}],["furnish",{"_index":184,"title":{},"body":{"license.html":{}}}],["gener",{"_index":151,"title":{},"body":{"index.html":{}}}],["get",{"_index":99,"title":{"index.html":{},"license.html":{}},"body":{}}],["getdirect",{"_index":136,"title":{},"body":{"index.html":{}}}],["getparagraphtext",{"_index":53,"title":{},"body":{"classes/AppPage.html":{}}}],["googl",{"_index":87,"title":{},"body":{"coverage.html":{},"index.html":{},"miscellaneous/variables.html":{}}}],["googleapi",{"_index":119,"title":{},"body":{"index.html":{}}}],["grant",{"_index":162,"title":{},"body":{"license.html":{}}}],["h1')).gettext",{"_index":63,"title":{},"body":{"classes/AppPage.html":{}}}],["height",{"_index":123,"title":{},"body":{"index.html":{}}}],["herebi",{"_index":161,"title":{},"body":{"license.html":{}}}],["holder",{"_index":204,"title":{},"body":{"license.html":{}}}],["html",{"_index":121,"title":{},"body":{"index.html":{}}}],["identifi",{"_index":67,"title":{},"body":{"coverage.html":{}}}],["impli",{"_index":196,"title":{},"body":{"license.html":{}}}],["import",{"_index":21,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{}}}],["includ",{"_index":173,"title":{},"body":{"license.html":{}}}],["index",{"_index":51,"title":{"index.html":{}},"body":{"classes/AppPage.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":16,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{}}}],["instal",{"_index":110,"title":{},"body":{"index.html":{}}}],["key",{"_index":118,"title":{},"body":{"index.html":{}}}],["kind",{"_index":194,"title":{},"body":{"license.html":{}}}],["lat",{"_index":127,"title":{},"body":{"index.html":{}}}],["legend",{"_index":3,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}],["less",{"_index":148,"title":{},"body":{"index.html":{}}}],["liabil",{"_index":208,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":205,"title":{},"body":{"license.html":{}}}],["librari",{"_index":152,"title":{},"body":{"index.html":{}}}],["licens",{"_index":154,"title":{"license.html":{}},"body":{"index.html":{},"license.html":{}}}],["limit",{"_index":174,"title":{},"body":{"license.html":{}}}],["lng",{"_index":130,"title":{},"body":{"index.html":{}}}],["main",{"_index":142,"title":{},"body":{"index.html":{}}}],["map",{"_index":105,"title":{},"body":{"index.html":{}}}],["match",{"_index":32,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["merchant",{"_index":197,"title":{},"body":{"license.html":{}}}],["merg",{"_index":177,"title":{},"body":{"license.html":{}}}],["method",{"_index":52,"title":{},"body":{"classes/AppPage.html":{}}}],["miscellan",{"_index":221,"title":{"miscellaneous/variables.html":{}},"body":{"miscellaneous/variables.html":{}}}],["mit",{"_index":155,"title":{},"body":{"index.html":{},"license.html":{}}}],["modifi",{"_index":176,"title":{},"body":{"license.html":{}}}],["modul",{"_index":0,"title":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"modules.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["modulewithprovid",{"_index":23,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["navigateto",{"_index":54,"title":{},"body":{"classes/AppPage.html":{}}}],["new",{"_index":88,"title":{},"body":{"coverage.html":{}}}],["ngmodul",{"_index":22,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{}}}],["ngoninit",{"_index":134,"title":{},"body":{"index.html":{}}}],["noninfring",{"_index":201,"title":{},"body":{"license.html":{}}}],["notic",{"_index":189,"title":{},"body":{"license.html":{}}}],["npm",{"_index":113,"title":{},"body":{"index.html":{}}}],["number",{"_index":128,"title":{},"body":{"index.html":{}}}],["object",{"_index":231,"title":{},"body":{"miscellaneous/variables.html":{}}}],["obtain",{"_index":166,"title":{},"body":{"license.html":{}}}],["offic",{"_index":146,"title":{},"body":{"index.html":{}}}],["offici",{"_index":102,"title":{},"body":{"index.html":{}}}],["origin",{"_index":132,"title":{},"body":{"index.html":{}}}],["otherwis",{"_index":213,"title":{},"body":{"license.html":{}}}],["out",{"_index":15,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"license.html":{},"overview.html":{}}}],["overview",{"_index":219,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["packag",{"_index":91,"title":{"dependencies.html":{}},"body":{}}],["particular",{"_index":199,"title":{},"body":{"license.html":{}}}],["peer",{"_index":96,"title":{},"body":{"dependencies.html":{}}}],["permiss",{"_index":160,"title":{},"body":{"license.html":{}}}],["permit",{"_index":183,"title":{},"body":{"license.html":{}}}],["person",{"_index":165,"title":{},"body":{"license.html":{}}}],["playground",{"_index":107,"title":{},"body":{"index.html":{}}}],["playground/.../environment.prod.t",{"_index":223,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/.../environment.t",{"_index":224,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/.../test.t",{"_index":222,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/e2e/src/app.po.t",{"_index":50,"title":{},"body":{"classes/AppPage.html":{},"coverage.html":{}}}],["playground/e2e/src/app.po.ts:4",{"_index":57,"title":{},"body":{"classes/AppPage.html":{}}}],["playground/e2e/src/app.po.ts:8",{"_index":56,"title":{},"body":{"classes/AppPage.html":{}}}],["playground/src/app/app.component.t",{"_index":71,"title":{},"body":{"coverage.html":{}}}],["playground/src/app/app.module.t",{"_index":39,"title":{},"body":{"modules/AppModule.html":{}}}],["playground/src/environments/environment.prod.t",{"_index":74,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["playground/src/environments/environment.t",{"_index":78,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["playground/src/test.t",{"_index":79,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["portion",{"_index":192,"title":{},"body":{"license.html":{}}}],["presidenti",{"_index":145,"title":{},"body":{"index.html":{}}}],["product",{"_index":232,"title":{},"body":{"miscellaneous/variables.html":{}}}],["protractor",{"_index":59,"title":{},"body":{"classes/AppPage.html":{}}}],["provid",{"_index":6,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"license.html":{},"overview.html":{}}}],["public",{"_index":126,"title":{},"body":{"index.html":{}}}],["publish",{"_index":178,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":200,"title":{},"body":{"license.html":{}}}],["read",{"_index":109,"title":{},"body":{"index.html":{}}}],["requir",{"_index":81,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["require.context",{"_index":228,"title":{},"body":{"miscellaneous/variables.html":{}}}],["reset",{"_index":14,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}],["restrict",{"_index":172,"title":{},"body":{"license.html":{}}}],["result",{"_index":31,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["return",{"_index":30,"title":{},"body":{"modules/AgmDirectionModule.html":{},"classes/AppPage.html":{}}}],["right",{"_index":175,"title":{},"body":{"license.html":{}}}],["robbi",{"_index":159,"title":{},"body":{"license.html":{}}}],["root",{"_index":62,"title":{},"body":{"classes/AppPage.html":{}}}],["save",{"_index":115,"title":{},"body":{"index.html":{}}}],["sell",{"_index":182,"title":{},"body":{"license.html":{}}}],["shall",{"_index":190,"title":{},"body":{"license.html":{}}}],["softwar",{"_index":168,"title":{},"body":{"license.html":{}}}],["sourc",{"_index":17,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{}}}],["spec\\.t",{"_index":230,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/.../agm",{"_index":225,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/directive/agm",{"_index":82,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["src/modules/agm",{"_index":19,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["start",{"_index":100,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["starter",{"_index":153,"title":{},"body":{"index.html":{}}}],["statement",{"_index":68,"title":{},"body":{"coverage.html":{}}}],["static",{"_index":28,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["station",{"_index":143,"title":{},"body":{"index.html":{}}}],["subject",{"_index":185,"title":{},"body":{"license.html":{}}}],["sublicens",{"_index":180,"title":{},"body":{"license.html":{}}}],["substanti",{"_index":191,"title":{},"body":{"license.html":{}}}],["support",{"_index":216,"title":{},"body":{"modules.html":{}}}],["svg",{"_index":217,"title":{},"body":{"modules.html":{}}}],["tabl",{"_index":90,"title":{},"body":{"coverage.html":{}}}],["tablesort(document.getelementbyid('coverag",{"_index":89,"title":{},"body":{"coverage.html":{}}}],["taipei",{"_index":141,"title":{},"body":{"index.html":{}}}],["taiwan",{"_index":144,"title":{},"body":{"index.html":{}}}],["this.destin",{"_index":138,"title":{},"body":{"index.html":{}}}],["this.getdirect",{"_index":135,"title":{},"body":{"index.html":{}}}],["this.origin",{"_index":137,"title":{},"body":{"index.html":{}}}],["tort",{"_index":212,"title":{},"body":{"license.html":{}}}],["true",{"_index":229,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ts",{"_index":125,"title":{},"body":{"index.html":{}}}],["tslib",{"_index":94,"title":{},"body":{"dependencies.html":{}}}],["type",{"_index":66,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["us",{"_index":112,"title":{},"body":{"index.html":{},"license.html":{}}}],["usag",{"_index":120,"title":{},"body":{"index.html":{}}}],["use?&#x1f449",{"_index":108,"title":{},"body":{"index.html":{}}}],["valu",{"_index":227,"title":{},"body":{"miscellaneous/variables.html":{}}}],["variabl",{"_index":75,"title":{"miscellaneous/variables.html":{}},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["warranti",{"_index":193,"title":{},"body":{"license.html":{}}}],["whether",{"_index":209,"title":{},"body":{"license.html":{}}}],["without",{"_index":171,"title":{},"body":{"license.html":{}}}],["x1f449",{"_index":150,"title":{},"body":{"index.html":{}}}],["x1f4e6",{"_index":116,"title":{},"body":{"index.html":{}}}],["zoom",{"_index":13,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}]],"pipeline":["stemmer"]},
-    "store": {"modules/AgmDirectionModule.html":{"url":"modules/AgmDirectionModule.html","title":"module - AgmDirectionModule","body":"\n                   \n\n\n\n\n  Modules\n  AgmDirectionModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AgmDirectionModule\n\n\n\ncluster_AgmDirectionModule_declarations\n\n\n\ncluster_AgmDirectionModule_exports\n\n\n\n\nAgmDirection\n\nAgmDirection\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAgmDirectionModule -->\n\nAgmDirection->AgmDirectionModule\n\n\n\n\n\nAgmDirection \n\nAgmDirection \n\nAgmDirection  -->\n\nAgmDirectionModule->AgmDirection \n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            src/modules/agm-direction.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                AgmDirection\n                            \n                    \n                \n                \n                    Exports\n                    \n                            \n                                    AgmDirection\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AgmDirection } from '../directive/agm-direction.directive';\n\n// export * from '../directive/agm-direction.directive';\n\n@NgModule({\n    imports: [],\n    declarations: [\n        AgmDirection,\n    ],\n    exports: [\n        AgmDirection,\n    ]\n})\nexport class AgmDirectionModule {\n    static forRoot(): ModuleWithProviders {\n        return {\n            ngModule: AgmDirectionModule,\n        };\n    }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/AppModule.html":{"url":"modules/AppModule.html","title":"module - AppModule","body":"\n                   \n\n\n\n\n  Modules\n  AppModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AppModule\n\n\n\ncluster_AppModule_declarations\n\n\n\ncluster_AppModule_imports\n\n\n\ncluster_AppModule_bootstrap\n\n\n\n\nAppComponent\n\nAppComponent\n\n\n\nAppModule\n\nAppModule\n\nAppModule -->\n\nAppComponent->AppModule\n\n\n\n\n\nAppComponent \n\nAppComponent \n\nAppComponent  -->\n\nAppModule->AppComponent \n\n\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAppModule -->\n\nAgmDirectionModule->AppModule\n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            playground/src/app/app.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                AppComponent\n                            \n                    \n                \n                \n                    Imports\n                    \n                            \n                                    AgmDirectionModule\n                            \n                    \n                \n                \n                    Bootstrap\n                    \n                            \n                                AppComponent\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppComponent } from './app.component';\n\nimport { AgmCoreModule } from '@agm/core';\nimport { AgmDirectionModule } from '../../../dist';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    AgmCoreModule.forRoot({\n      apiKey: '',\n    }),\n    AgmDirectionModule,\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/AppPage.html":{"url":"classes/AppPage.html","title":"class - AppPage","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n  Classes\n  AppPage\n\n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n        \n            File\n        \n        \n            playground/e2e/src/app.po.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                getParagraphText\n                            \n                            \n                                navigateTo\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n\n\n            \n    \n        \n            Methods\n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            getParagraphText\n                            \n                            \n                        \n                    \n                \n                \n                    \ngetParagraphText()\n                    \n                \n\n\n                        \n                            \n                                    Defined in playground/e2e/src/app.po.ts:8\n                            \n                        \n\n                \n                    \n\n                            \n                                Returns :     any\n\n                            \n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            navigateTo\n                            \n                            \n                        \n                    \n                \n                \n                    \nnavigateTo()\n                    \n                \n\n\n                        \n                            \n                                    Defined in playground/e2e/src/app.po.ts:4\n                            \n                        \n\n                \n                    \n\n                            \n                                Returns :     any\n\n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n\n    \n\n\n    \n        import { browser, by, element } from 'protractor';\n\nexport class AppPage {\n  navigateTo() {\n    return browser.get('/');\n  }\n\n  getParagraphText() {\n    return element(by.css('app-root h1')).getText();\n  }\n}\n\n    \n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"coverage.html":{"url":"coverage.html","title":"coverage - coverage","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Documentation coverage\n\n\n\n\n\n    \n        \n            File\n            Type\n            Identifier\n            Statements\n        \n    \n    \n        \n            \n                \n                    playground/e2e/src/app.po.ts\n            \n            \n                class\n            \n            \n                AppPage\n            \n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                    playground/src/app/app.component.ts\n            \n            \n                component\n            \n            \n                AppComponent\n            \n            \n                0 %\n                (0/11)\n            \n        \n        \n            \n                \n                    playground/src/environments/environment.prod.ts\n            \n            \n                variable\n            \n            \n                environment\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/environments/environment.ts\n            \n            \n                variable\n            \n            \n                environment\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/test.ts\n            \n            \n                variable\n            \n            \n                context\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/test.ts\n            \n            \n                variable\n            \n            \n                require\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    src/directive/agm-direction.directive.ts\n            \n            \n                directive\n            \n            \n                AgmDirection\n            \n            \n                13 %\n                (4/29)\n            \n        \n        \n            \n                \n                    src/directive/agm-direction.directive.ts\n            \n            \n                variable\n            \n            \n                google\n            \n            \n                0 %\n                (0/1)\n            \n        \n    \n\n\n\n\n\n    new Tablesort(document.getElementById('coverage-table'));\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"dependencies.html":{"url":"dependencies.html","title":"package-dependencies - dependencies","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n    \n        Dependencies\n    \n    \n        \n            @agm/core : ^1.0.0-beta.3\n        \n            tslib : ^1.9.0\n    \n\n\n    \n    \n        Peer Dependencies\n    \n    \n        \n            @angular/common : >= 6.0.0\n        \n            @angular/core : >= 6.0.0\n    \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nAgm-Direction\n\n\n\n\n\n\nAgm-Direction is the directive for @agm/core (not official)\n\nAngular 2+\nGoogle Map API\nPlayground  \n\nHow to use?&#x1F449; Start Reading\n\nInstallation\nInstallation is done using the\nnpm install command:\n\nInstall @agm/core\nnpm install --save @agm/core\nInstall agm-direction\nnpm install --save agm-direction\n\nImporting Modules\n&#x1F4E6; @agm/core&#x1F4E6; agm-direction  \nimport { BrowserModule } from '@angular/platform-browser'\nimport { NgModule } from '@angular/core'\nimport { AppComponent } from './app.component'\n\nimport { AgmCoreModule } from '@agm/core'            // @agm/core\nimport { AgmDirectionModule } from 'agm-direction'   // agm-direction\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    AgmCoreModule.forRoot({ // @agm/core\n      apiKey: 'your key',   // GoogleAPIs\n    }),\n    AgmDirectionModule      // agm-direction\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }Usage\nHTML\n\n  \n  \nCSS\nagm-map {\n    height: 400px;\n}TS\npublic lat: Number = 24.799448\npublic lng: Number = 120.979021\n\npublic origin: {}\npublic destination: {}\n\nngOnInit() {\n  this.getDirection()\n}\n\ngetDirection() {\n  this.origin = { lat: 24.799448, lng: 120.979021 }\n  this.destination = { lat: 24.799524, lng: 120.975017 }\n\n  // this.origin = 'Taipei Main Station'\n  // this.destination = 'Taiwan Presidential Office'\n}Document\n\nDocument Agm-Direction-Docs\nLess useful AgmDirectionModule\n\nDevelopment\n&#x1F449; Playground\nGenerator\nThis library generated by angular-library-starter.\nLicense\nMIT\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"license.html":{"url":"license.html","title":"getting-started - license","body":"\n                   \n\nMIT License\nCopyright (c) 2018 Robby\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules.html":{"url":"modules.html","title":"modules - modules","body":"\n                   \n\n\n\n\n    Modules\n\n\n    \n            \n                \n                    \n                        AgmDirectionModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n            \n                \n                    \n                        AppModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"overview.html":{"url":"overview.html","title":"overview - overview","body":"\n                   \n\n\n\n    Overview\n\n            \n                \n                    \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AgmDirectionModule\n\n\n\ncluster_AgmDirectionModule_declarations\n\n\n\ncluster_AgmDirectionModule_exports\n\n\n\ncluster_AppModule\n\n\n\ncluster_AppModule_declarations\n\n\n\ncluster_AppModule_bootstrap\n\n\n\n\nAgmDirection\n\nAgmDirection\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAgmDirectionModule -->\n\nAgmDirection->AgmDirectionModule\n\n\n\n\n\nAgmDirection \n\nAgmDirection \n\nAgmDirection  -->\n\nAgmDirectionModule->AgmDirection \n\n\n\n\n\nAppModule\n\nAppModule\n\nAppModule -->\n\nAgmDirectionModule->AppModule\n\n\n\n\n\nAppComponent\n\nAppComponent\n\nAppModule -->\n\nAppComponent->AppModule\n\n\n\n\n\nAppComponent \n\nAppComponent \n\nAppComponent  -->\n\nAppModule->AppComponent \n\n\n\n\n\n\n                \n                \n                \n                    Zoom in\n                    Reset\n                    Zoom out\n                \n            \n\n    \n            \n                \n                    \n                        \n                        \n                            2 modules\n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                        1 component\n                    \n                \n            \n            \n                \n                    \n                        \n                        1 directive\n                    \n                \n            \n            \n                \n                    \n                        \n                        1 class\n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/variables.html":{"url":"miscellaneous/variables.html","title":"miscellaneous-variables - variables","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Variables\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            context   (playground/.../test.ts)\n                        \n                        \n                            environment   (playground/.../environment.prod.ts)\n                        \n                        \n                            environment   (playground/.../environment.ts)\n                        \n                        \n                            google   (src/.../agm-direction.directive.ts)\n                        \n                        \n                            require   (playground/.../test.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    playground/src/test.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            context\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        context:     \n\n                    \n                \n                    \n                        \n                            Default value : require.context('./', true, /\\.spec\\.ts$/)\n                        \n                    \n\n\n            \n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            require\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        require:     any\n\n                    \n                \n                    \n                        \n                            Type :     any\n\n                        \n                    \n\n\n            \n        \n\n    playground/src/environments/environment.prod.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            environment\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        environment:     object\n\n                    \n                \n                    \n                        \n                            Type :     object\n\n                        \n                    \n                    \n                        \n                            Default value : {\n  production: true\n}\n                        \n                    \n\n\n            \n        \n\n    playground/src/environments/environment.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            environment\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        environment:     object\n\n                    \n                \n                    \n                        \n                            Type :     object\n\n                        \n                    \n                    \n                        \n                            Default value : {\n  production: false\n}\n                        \n                    \n\n\n            \n        \n\n    src/directive/agm-direction.directive.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            google\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        google:     any\n\n                    \n                \n                    \n                        \n                            Type :     any\n\n                        \n                    \n\n\n            \n        \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
+    "index": {"version":"2.1.6","fields":["title","body"],"fieldVectors":[["title/modules/AgmDirectionModule.html",[0,0.277,1,0.565]],["body/modules/AgmDirectionModule.html",[0,0.344,1,0.995,2,0.663,3,1.095,4,1.372,5,0.854,6,0.663,7,1.21,8,1.416,9,1.416,10,1.416,11,2.273,12,0.097,13,1.526,14,1.095,15,0.854,16,1.095,17,1.095,18,0.663,19,1.905,20,1.905,21,1.372,22,1.757,23,2.656,24,0.854,25,2.656,26,2.656,27,0.366,28,1.905,29,1.905,30,1.416,31,0.062,32,0.062]],["title/modules/AppModule.html",[0,0.277,33,0.744]],["body/modules/AppModule.html",[0,0.328,1,0.931,2,0.62,3,1.025,4,1.323,5,1.323,6,0.882,7,0.882,12,0.097,13,1.457,14,1.025,15,0.8,16,1.025,17,1.025,18,0.62,21,1.627,22,1.457,24,0.8,27,0.343,31,0.059,32,0.059,33,1.312,34,1.326,35,1.326,36,1.783,37,1.326,38,1.753,39,1.783,40,1.885,41,1.326,42,0.8,43,1.326,44,1.326,45,1.025,46,1.783,47,1.326,48,1.326]],["title/classes/AppPage.html",[27,0.411,49,1.229]],["body/classes/AppPage.html",[7,0.809,12,0.095,16,1.336,17,1.336,18,0.809,21,1.043,27,0.584,30,2.669,31,0.071,32,0.071,42,1.043,49,1.746,50,1.729,51,1.336,52,3.039,53,3.589,54,3.589,55,3.039,56,2.325,57,2.325,58,2.325,59,2.325,60,2.325,61,2.325,62,2.325,63,2.325]],["title/coverage.html",[64,2.137]],["body/coverage.html",[11,1.58,12,0.093,18,0.697,27,0.385,31,0.064,32,0.064,38,0.898,49,1.151,50,1.489,64,1.489,65,1.151,66,1.489,67,2.003,68,2.003,69,2.044,70,2.513,71,1.58,72,2.749,73,2.749,74,2.103,75,1.58,76,3.816,77,3.659,78,2.003,79,2.003,80,1.489,81,2.003,82,1.489,83,2.044,84,1.489,85,2.044,86,1.489,87,1.489,88,2.044,89,2.003,90,2.003,91,2.003]],["title/dependencies.html",[2,0.89,92,1.808]],["body/dependencies.html",[2,1.187,12,0.096,24,1.252,31,0.08,32,0.08,45,1.605,93,2.792,94,2.792,95,2.792,96,2.792,97,2.792,98,2.792,99,3.411]],["title/index.html",[51,1.039,100,1.344,101,1.039]],["body/index.html",[0,0.168,1,0.645,4,0.582,5,0.582,6,0.451,7,0.451,12,0.097,21,1.467,22,1.15,24,0.582,27,0.249,31,0.047,32,0.047,33,0.451,38,1.096,40,1.488,41,0.964,42,0.582,43,0.964,44,0.964,45,1.804,47,0.964,48,0.964,65,1.15,71,2.035,75,0.745,101,0.745,102,3.54,103,1.296,104,2.001,105,0.964,106,2.001,107,1.296,108,2.001,109,1.296,110,1.296,111,3.271,112,1.296,113,1.488,114,2.444,115,1.296,116,2.001,117,1.296,118,1.296,119,1.296,120,1.296,121,1.296,122,1.296,123,1.296,124,1.296,125,1.296,126,2.748,127,2.444,128,2.001,129,2.001,130,2.444,131,2.001,132,1.296,133,1.296,134,1.296,135,1.296,136,1.296,137,2.001,138,2.001,139,1.296,140,1.296,141,1.296,142,1.296,143,1.296,144,1.296,145,1.296,146,1.296,147,1.296,148,1.296,149,1.296,150,1.296,151,2.001,152,2.001,153,1.296,154,0.745,155,0.964]],["title/license.html",[100,1.344,101,1.039,154,1.039]],["body/license.html",[6,0.635,12,0.06,15,0.818,18,0.635,31,0.06,32,0.06,65,1.049,113,1.916,154,1.049,155,1.357,156,2.987,157,1.824,158,1.824,159,1.824,160,2.577,161,1.824,162,1.824,163,1.824,164,1.824,165,2.577,166,1.824,167,3.245,168,3.792,169,1.824,170,2.577,171,2.987,172,1.824,173,2.987,174,2.577,175,1.824,176,1.824,177,1.824,178,1.824,179,1.824,180,1.824,181,1.824,182,1.824,183,1.824,184,1.824,185,1.824,186,1.824,187,1.824,188,1.824,189,2.577,190,2.577,191,1.824,192,1.824,193,2.577,194,1.824,195,1.824,196,1.824,197,1.824,198,1.824,199,1.824,200,1.824,201,1.824,202,1.824,203,1.824,204,1.824,205,1.824,206,1.824,207,1.824,208,1.824,209,1.824,210,1.824,211,1.824,212,1.824,213,1.824,214,1.824,215,1.824]],["title/modules.html",[0,0.372]],["body/modules.html",[0,0.367,1,0.909,12,0.08,31,0.08,32,0.08,33,0.985,42,1.663,216,3.707,217,3.707,218,3.707]],["title/overview.html",[219,2.137]],["body/overview.html",[0,0.365,1,1.03,2,0.723,3,1.194,4,0.932,5,0.932,6,0.723,7,0.723,8,1.545,9,1.545,10,1.545,11,2.268,12,0.091,13,1.62,14,1.194,15,0.932,27,0.399,31,0.066,32,0.066,33,1.316,34,1.545,35,1.545,37,1.545,38,1.697,71,1.194,80,1.545,105,1.545,219,1.545,220,2.077,221,2.819]],["title/miscellaneous/variables.html",[74,1.471,222,1.344]],["body/miscellaneous/variables.html",[12,0.095,31,0.065,32,0.065,51,1.169,66,2.648,69,1.513,70,2.529,74,1.169,75,2.113,82,1.513,83,2.733,84,1.513,85,1.513,86,2.353,87,2.353,88,1.513,222,1.513,223,2.779,224,2.034,225,2.034,226,2.034,227,2.034,228,3.165,229,3.165,230,2.034,231,2.779,232,2.034,233,3.401,234,2.779,235,2.034]]],"invertedIndex":[["",{"_index":12,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["0",{"_index":76,"title":{},"body":{"coverage.html":{}}}],["0/1",{"_index":77,"title":{},"body":{"coverage.html":{}}}],["0/12",{"_index":81,"title":{},"body":{"coverage.html":{}}}],["0/3",{"_index":78,"title":{},"body":{"coverage.html":{}}}],["1",{"_index":221,"title":{},"body":{"overview.html":{}}}],["1.0.0",{"_index":93,"title":{},"body":{"dependencies.html":{}}}],["1.9.0",{"_index":96,"title":{},"body":{"dependencies.html":{}}}],["120.975017",{"_index":140,"title":{},"body":{"index.html":{}}}],["120.979021",{"_index":131,"title":{},"body":{"index.html":{}}}],["13",{"_index":72,"title":{},"body":{"coverage.html":{}}}],["2",{"_index":105,"title":{},"body":{"index.html":{},"overview.html":{}}}],["2018",{"_index":158,"title":{},"body":{"license.html":{}}}],["24.799448",{"_index":129,"title":{},"body":{"index.html":{}}}],["24.799524",{"_index":139,"title":{},"body":{"index.html":{}}}],["3",{"_index":220,"title":{},"body":{"overview.html":{}}}],["4/30",{"_index":73,"title":{},"body":{"coverage.html":{}}}],["400px",{"_index":124,"title":{},"body":{"index.html":{}}}],["6.0.0",{"_index":99,"title":{},"body":{"dependencies.html":{}}}],["abov",{"_index":188,"title":{},"body":{"license.html":{}}}],["action",{"_index":210,"title":{},"body":{"license.html":{}}}],["agm",{"_index":102,"title":{},"body":{"index.html":{}}}],["agm/cor",{"_index":45,"title":{},"body":{"modules/AppModule.html":{},"dependencies.html":{},"index.html":{}}}],["agm/core&#x1f4e6",{"_index":118,"title":{},"body":{"index.html":{}}}],["agmcoremodul",{"_index":44,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["agmcoremodule.forroot",{"_index":47,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["agmdirect",{"_index":11,"title":{},"body":{"modules/AgmDirectionModule.html":{},"coverage.html":{},"overview.html":{}}}],["agmdirectionmodul",{"_index":1,"title":{"modules/AgmDirectionModule.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["and/or",{"_index":181,"title":{},"body":{"license.html":{}}}],["angular",{"_index":104,"title":{},"body":{"index.html":{}}}],["angular/common",{"_index":98,"title":{},"body":{"dependencies.html":{}}}],["angular/cor",{"_index":24,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"dependencies.html":{},"index.html":{}}}],["angular/platform",{"_index":41,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["api",{"_index":107,"title":{},"body":{"index.html":{}}}],["apikey",{"_index":48,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["app.compon",{"_index":43,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["appcompon",{"_index":38,"title":{},"body":{"modules/AppModule.html":{},"coverage.html":{},"index.html":{},"overview.html":{}}}],["appmodul",{"_index":33,"title":{"modules/AppModule.html":{}},"body":{"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["apppag",{"_index":49,"title":{"classes/AppPage.html":{}},"body":{"classes/AppPage.html":{},"coverage.html":{}}}],["aris",{"_index":214,"title":{},"body":{"license.html":{}}}],["associ",{"_index":169,"title":{},"body":{"license.html":{}}}],["author",{"_index":203,"title":{},"body":{"license.html":{}}}],["beta.3",{"_index":94,"title":{},"body":{"dependencies.html":{}}}],["bootstrap",{"_index":5,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"overview.html":{}}}],["brows",{"_index":218,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":42,"title":{},"body":{"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{},"modules.html":{}}}],["browser.get",{"_index":60,"title":{},"body":{"classes/AppPage.html":{}}}],["browsermodul",{"_index":40,"title":{},"body":{"modules/AppModule.html":{},"index.html":{}}}],["c",{"_index":157,"title":{},"body":{"license.html":{}}}],["charg",{"_index":164,"title":{},"body":{"license.html":{}}}],["claim",{"_index":206,"title":{},"body":{"license.html":{}}}],["class",{"_index":27,"title":{"classes/AppPage.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"index.html":{},"overview.html":{}}}],["cluster_agmdirectionmodul",{"_index":8,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_agmdirectionmodule_declar",{"_index":9,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_agmdirectionmodule_export",{"_index":10,"title":{},"body":{"modules/AgmDirectionModule.html":{},"overview.html":{}}}],["cluster_appmodul",{"_index":34,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_bootstrap",{"_index":37,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_declar",{"_index":35,"title":{},"body":{"modules/AppModule.html":{},"overview.html":{}}}],["cluster_appmodule_import",{"_index":36,"title":{},"body":{"modules/AppModule.html":{}}}],["command",{"_index":115,"title":{},"body":{"index.html":{}}}],["compon",{"_index":80,"title":{},"body":{"coverage.html":{},"overview.html":{}}}],["condit",{"_index":187,"title":{},"body":{"license.html":{}}}],["connect",{"_index":215,"title":{},"body":{"license.html":{}}}],["context",{"_index":86,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["contract",{"_index":211,"title":{},"body":{"license.html":{}}}],["copi",{"_index":167,"title":{},"body":{"license.html":{}}}],["copyright",{"_index":156,"title":{},"body":{"license.html":{}}}],["coverag",{"_index":64,"title":{"coverage.html":{}},"body":{"coverage.html":{}}}],["css",{"_index":122,"title":{},"body":{"index.html":{}}}],["damag",{"_index":207,"title":{},"body":{"license.html":{}}}],["deal",{"_index":170,"title":{},"body":{"license.html":{}}}],["declar",{"_index":4,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"overview.html":{}}}],["default",{"_index":228,"title":{},"body":{"miscellaneous/variables.html":{}}}],["defin",{"_index":55,"title":{},"body":{"classes/AppPage.html":{}}}],["depend",{"_index":2,"title":{"dependencies.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"dependencies.html":{},"overview.html":{}}}],["destin",{"_index":133,"title":{},"body":{"index.html":{}}}],["develop",{"_index":149,"title":{},"body":{"index.html":{}}}],["direct",{"_index":71,"title":{},"body":{"coverage.html":{},"index.html":{},"overview.html":{}}}],["direction.direct",{"_index":26,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["direction.directive.t",{"_index":70,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["direction.module.t",{"_index":20,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["directive/agm",{"_index":25,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["dist",{"_index":46,"title":{},"body":{"modules/AppModule.html":{}}}],["dist/.../agm",{"_index":227,"title":{},"body":{"miscellaneous/variables.html":{}}}],["dist/package/src/directive/agm",{"_index":69,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["distribut",{"_index":179,"title":{},"body":{"license.html":{}}}],["doc",{"_index":147,"title":{},"body":{"index.html":{}}}],["document",{"_index":65,"title":{},"body":{"coverage.html":{},"index.html":{},"license.html":{}}}],["done",{"_index":112,"title":{},"body":{"index.html":{}}}],["element",{"_index":58,"title":{},"body":{"classes/AppPage.html":{}}}],["element(by.css('app",{"_index":61,"title":{},"body":{"classes/AppPage.html":{}}}],["environ",{"_index":83,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["event",{"_index":202,"title":{},"body":{"license.html":{}}}],["export",{"_index":7,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{},"overview.html":{}}}],["express",{"_index":195,"title":{},"body":{"license.html":{}}}],["fals",{"_index":235,"title":{},"body":{"miscellaneous/variables.html":{}}}],["file",{"_index":18,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"license.html":{}}}],["fit",{"_index":198,"title":{},"body":{"license.html":{}}}],["follow",{"_index":186,"title":{},"body":{"license.html":{}}}],["forroot",{"_index":29,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["free",{"_index":163,"title":{},"body":{"license.html":{}}}],["furnish",{"_index":184,"title":{},"body":{"license.html":{}}}],["gener",{"_index":151,"title":{},"body":{"index.html":{}}}],["get",{"_index":100,"title":{"index.html":{},"license.html":{}},"body":{}}],["getdirect",{"_index":136,"title":{},"body":{"index.html":{}}}],["getparagraphtext",{"_index":53,"title":{},"body":{"classes/AppPage.html":{}}}],["googl",{"_index":75,"title":{},"body":{"coverage.html":{},"index.html":{},"miscellaneous/variables.html":{}}}],["grant",{"_index":162,"title":{},"body":{"license.html":{}}}],["h1')).gettext",{"_index":63,"title":{},"body":{"classes/AppPage.html":{}}}],["height",{"_index":123,"title":{},"body":{"index.html":{}}}],["herebi",{"_index":161,"title":{},"body":{"license.html":{}}}],["holder",{"_index":204,"title":{},"body":{"license.html":{}}}],["html",{"_index":121,"title":{},"body":{"index.html":{}}}],["identifi",{"_index":67,"title":{},"body":{"coverage.html":{}}}],["impli",{"_index":196,"title":{},"body":{"license.html":{}}}],["import",{"_index":21,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"index.html":{}}}],["includ",{"_index":173,"title":{},"body":{"license.html":{}}}],["index",{"_index":51,"title":{"index.html":{}},"body":{"classes/AppPage.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":16,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{}}}],["instal",{"_index":111,"title":{},"body":{"index.html":{}}}],["key",{"_index":119,"title":{},"body":{"index.html":{}}}],["kind",{"_index":194,"title":{},"body":{"license.html":{}}}],["lat",{"_index":127,"title":{},"body":{"index.html":{}}}],["legend",{"_index":3,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}],["less",{"_index":148,"title":{},"body":{"index.html":{}}}],["liabil",{"_index":208,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":205,"title":{},"body":{"license.html":{}}}],["librari",{"_index":152,"title":{},"body":{"index.html":{}}}],["licens",{"_index":154,"title":{"license.html":{}},"body":{"index.html":{},"license.html":{}}}],["limit",{"_index":174,"title":{},"body":{"license.html":{}}}],["lng",{"_index":130,"title":{},"body":{"index.html":{}}}],["main",{"_index":142,"title":{},"body":{"index.html":{}}}],["map",{"_index":106,"title":{},"body":{"index.html":{}}}],["match",{"_index":32,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["merchant",{"_index":197,"title":{},"body":{"license.html":{}}}],["merg",{"_index":177,"title":{},"body":{"license.html":{}}}],["method",{"_index":52,"title":{},"body":{"classes/AppPage.html":{}}}],["miscellan",{"_index":222,"title":{"miscellaneous/variables.html":{}},"body":{"miscellaneous/variables.html":{}}}],["mit",{"_index":155,"title":{},"body":{"index.html":{},"license.html":{}}}],["modifi",{"_index":176,"title":{},"body":{"license.html":{}}}],["modul",{"_index":0,"title":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"modules.html":{}},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"modules.html":{},"overview.html":{}}}],["modulewithprovid",{"_index":23,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["navigateto",{"_index":54,"title":{},"body":{"classes/AppPage.html":{}}}],["new",{"_index":89,"title":{},"body":{"coverage.html":{}}}],["ngmodul",{"_index":22,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{}}}],["ngoninit",{"_index":134,"title":{},"body":{"index.html":{}}}],["noninfring",{"_index":201,"title":{},"body":{"license.html":{}}}],["notic",{"_index":189,"title":{},"body":{"license.html":{}}}],["npm",{"_index":114,"title":{},"body":{"index.html":{}}}],["number",{"_index":128,"title":{},"body":{"index.html":{}}}],["object",{"_index":233,"title":{},"body":{"miscellaneous/variables.html":{}}}],["obtain",{"_index":166,"title":{},"body":{"license.html":{}}}],["offic",{"_index":146,"title":{},"body":{"index.html":{}}}],["offici",{"_index":103,"title":{},"body":{"index.html":{}}}],["origin",{"_index":132,"title":{},"body":{"index.html":{}}}],["otherwis",{"_index":213,"title":{},"body":{"license.html":{}}}],["out",{"_index":15,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"license.html":{},"overview.html":{}}}],["overview",{"_index":219,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["packag",{"_index":92,"title":{"dependencies.html":{}},"body":{}}],["particular",{"_index":199,"title":{},"body":{"license.html":{}}}],["peer",{"_index":97,"title":{},"body":{"dependencies.html":{}}}],["permiss",{"_index":160,"title":{},"body":{"license.html":{}}}],["permit",{"_index":183,"title":{},"body":{"license.html":{}}}],["person",{"_index":165,"title":{},"body":{"license.html":{}}}],["playground",{"_index":108,"title":{},"body":{"index.html":{}}}],["playground/.../environment.prod.t",{"_index":224,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/.../environment.t",{"_index":225,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/.../test.t",{"_index":223,"title":{},"body":{"miscellaneous/variables.html":{}}}],["playground/e2e/src/app.po.t",{"_index":50,"title":{},"body":{"classes/AppPage.html":{},"coverage.html":{}}}],["playground/e2e/src/app.po.ts:4",{"_index":57,"title":{},"body":{"classes/AppPage.html":{}}}],["playground/e2e/src/app.po.ts:8",{"_index":56,"title":{},"body":{"classes/AppPage.html":{}}}],["playground/src/app/app.component.t",{"_index":79,"title":{},"body":{"coverage.html":{}}}],["playground/src/app/app.module.t",{"_index":39,"title":{},"body":{"modules/AppModule.html":{}}}],["playground/src/environments/environment.prod.t",{"_index":82,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["playground/src/environments/environment.t",{"_index":84,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["playground/src/test.t",{"_index":85,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["portion",{"_index":192,"title":{},"body":{"license.html":{}}}],["presidenti",{"_index":145,"title":{},"body":{"index.html":{}}}],["product",{"_index":234,"title":{},"body":{"miscellaneous/variables.html":{}}}],["protractor",{"_index":59,"title":{},"body":{"classes/AppPage.html":{}}}],["provid",{"_index":6,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"index.html":{},"license.html":{},"overview.html":{}}}],["public",{"_index":126,"title":{},"body":{"index.html":{}}}],["publish",{"_index":178,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":200,"title":{},"body":{"license.html":{}}}],["read",{"_index":110,"title":{},"body":{"index.html":{}}}],["requir",{"_index":87,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["require.context",{"_index":230,"title":{},"body":{"miscellaneous/variables.html":{}}}],["reset",{"_index":14,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}],["restrict",{"_index":172,"title":{},"body":{"license.html":{}}}],["result",{"_index":31,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{},"coverage.html":{},"dependencies.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["return",{"_index":30,"title":{},"body":{"modules/AgmDirectionModule.html":{},"classes/AppPage.html":{}}}],["right",{"_index":175,"title":{},"body":{"license.html":{}}}],["robbi",{"_index":159,"title":{},"body":{"license.html":{}}}],["root",{"_index":62,"title":{},"body":{"classes/AppPage.html":{}}}],["save",{"_index":116,"title":{},"body":{"index.html":{}}}],["sell",{"_index":182,"title":{},"body":{"license.html":{}}}],["shall",{"_index":190,"title":{},"body":{"license.html":{}}}],["softwar",{"_index":168,"title":{},"body":{"license.html":{}}}],["sourc",{"_index":17,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"classes/AppPage.html":{}}}],["spec\\.t",{"_index":232,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/.../agm",{"_index":226,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/directive/agm",{"_index":88,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["src/modules/agm",{"_index":19,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["start",{"_index":101,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["starter",{"_index":153,"title":{},"body":{"index.html":{}}}],["statement",{"_index":68,"title":{},"body":{"coverage.html":{}}}],["static",{"_index":28,"title":{},"body":{"modules/AgmDirectionModule.html":{}}}],["station",{"_index":143,"title":{},"body":{"index.html":{}}}],["subject",{"_index":185,"title":{},"body":{"license.html":{}}}],["sublicens",{"_index":180,"title":{},"body":{"license.html":{}}}],["substanti",{"_index":191,"title":{},"body":{"license.html":{}}}],["support",{"_index":216,"title":{},"body":{"modules.html":{}}}],["svg",{"_index":217,"title":{},"body":{"modules.html":{}}}],["tabl",{"_index":91,"title":{},"body":{"coverage.html":{}}}],["tablesort(document.getelementbyid('coverag",{"_index":90,"title":{},"body":{"coverage.html":{}}}],["taipei",{"_index":141,"title":{},"body":{"index.html":{}}}],["taiwan",{"_index":144,"title":{},"body":{"index.html":{}}}],["this.destin",{"_index":138,"title":{},"body":{"index.html":{}}}],["this.getdirect",{"_index":135,"title":{},"body":{"index.html":{}}}],["this.origin",{"_index":137,"title":{},"body":{"index.html":{}}}],["tort",{"_index":212,"title":{},"body":{"license.html":{}}}],["true",{"_index":231,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ts",{"_index":125,"title":{},"body":{"index.html":{}}}],["tslib",{"_index":95,"title":{},"body":{"dependencies.html":{}}}],["type",{"_index":66,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["us",{"_index":113,"title":{},"body":{"index.html":{},"license.html":{}}}],["usag",{"_index":120,"title":{},"body":{"index.html":{}}}],["use?&#x1f449",{"_index":109,"title":{},"body":{"index.html":{}}}],["valu",{"_index":229,"title":{},"body":{"miscellaneous/variables.html":{}}}],["variabl",{"_index":74,"title":{"miscellaneous/variables.html":{}},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["warranti",{"_index":193,"title":{},"body":{"license.html":{}}}],["whether",{"_index":209,"title":{},"body":{"license.html":{}}}],["without",{"_index":171,"title":{},"body":{"license.html":{}}}],["x1f449",{"_index":150,"title":{},"body":{"index.html":{}}}],["x1f4e6",{"_index":117,"title":{},"body":{"index.html":{}}}],["zoom",{"_index":13,"title":{},"body":{"modules/AgmDirectionModule.html":{},"modules/AppModule.html":{},"overview.html":{}}}]],"pipeline":["stemmer"]},
+    "store": {"modules/AgmDirectionModule.html":{"url":"modules/AgmDirectionModule.html","title":"module - AgmDirectionModule","body":"\n                   \n\n\n\n\n  Modules\n  AgmDirectionModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AgmDirectionModule\n\n\n\ncluster_AgmDirectionModule_declarations\n\n\n\ncluster_AgmDirectionModule_exports\n\n\n\n\nAgmDirection\n\nAgmDirection\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAgmDirectionModule -->\n\nAgmDirection->AgmDirectionModule\n\n\n\n\n\nAgmDirection \n\nAgmDirection \n\nAgmDirection  -->\n\nAgmDirectionModule->AgmDirection \n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            src/modules/agm-direction.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                AgmDirection\n                            \n                    \n                \n                \n                    Exports\n                    \n                            \n                                    AgmDirection\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AgmDirection } from '../directive/agm-direction.directive';\n\n// export * from '../directive/agm-direction.directive';\n\n@NgModule({\n    imports: [],\n    declarations: [\n        AgmDirection,\n    ],\n    exports: [\n        AgmDirection,\n    ]\n})\nexport class AgmDirectionModule {\n    static forRoot(): ModuleWithProviders {\n        return {\n            ngModule: AgmDirectionModule,\n        };\n    }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/AppModule.html":{"url":"modules/AppModule.html","title":"module - AppModule","body":"\n                   \n\n\n\n\n  Modules\n  AppModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AppModule\n\n\n\ncluster_AppModule_declarations\n\n\n\ncluster_AppModule_imports\n\n\n\ncluster_AppModule_bootstrap\n\n\n\n\nAppComponent\n\nAppComponent\n\n\n\nAppModule\n\nAppModule\n\nAppModule -->\n\nAppComponent->AppModule\n\n\n\n\n\nAppComponent \n\nAppComponent \n\nAppComponent  -->\n\nAppModule->AppComponent \n\n\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAppModule -->\n\nAgmDirectionModule->AppModule\n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            playground/src/app/app.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                AppComponent\n                            \n                    \n                \n                \n                    Imports\n                    \n                            \n                                    AgmDirectionModule\n                            \n                    \n                \n                \n                    Bootstrap\n                    \n                            \n                                AppComponent\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppComponent } from './app.component';\n\nimport { AgmCoreModule } from '@agm/core';\nimport { AgmDirectionModule } from '../../../dist';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    AgmCoreModule.forRoot({\n      apiKey: '',\n    }),\n    AgmDirectionModule,\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/AppPage.html":{"url":"classes/AppPage.html","title":"class - AppPage","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n  Classes\n  AppPage\n\n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n        \n            File\n        \n        \n            playground/e2e/src/app.po.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                getParagraphText\n                            \n                            \n                                navigateTo\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n\n\n            \n    \n        \n            Methods\n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            getParagraphText\n                            \n                            \n                        \n                    \n                \n                \n                    \ngetParagraphText()\n                    \n                \n\n\n                        \n                            \n                                    Defined in playground/e2e/src/app.po.ts:8\n                            \n                        \n\n                \n                    \n\n                            \n                                Returns :     any\n\n                            \n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            navigateTo\n                            \n                            \n                        \n                    \n                \n                \n                    \nnavigateTo()\n                    \n                \n\n\n                        \n                            \n                                    Defined in playground/e2e/src/app.po.ts:4\n                            \n                        \n\n                \n                    \n\n                            \n                                Returns :     any\n\n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n\n    \n\n\n    \n        import { browser, by, element } from 'protractor';\n\nexport class AppPage {\n  navigateTo() {\n    return browser.get('/');\n  }\n\n  getParagraphText() {\n    return element(by.css('app-root h1')).getText();\n  }\n}\n\n    \n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"coverage.html":{"url":"coverage.html","title":"coverage - coverage","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Documentation coverage\n\n\n\n\n\n    \n        \n            File\n            Type\n            Identifier\n            Statements\n        \n    \n    \n        \n            \n                \n                    dist/package/src/directive/agm-direction.directive.ts\n            \n            \n                directive\n            \n            \n                AgmDirection\n            \n            \n                13 %\n                (4/30)\n            \n        \n        \n            \n                \n                    dist/package/src/directive/agm-direction.directive.ts\n            \n            \n                variable\n            \n            \n                google\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/e2e/src/app.po.ts\n            \n            \n                class\n            \n            \n                AppPage\n            \n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                    playground/src/app/app.component.ts\n            \n            \n                component\n            \n            \n                AppComponent\n            \n            \n                0 %\n                (0/12)\n            \n        \n        \n            \n                \n                    playground/src/environments/environment.prod.ts\n            \n            \n                variable\n            \n            \n                environment\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/environments/environment.ts\n            \n            \n                variable\n            \n            \n                environment\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/test.ts\n            \n            \n                variable\n            \n            \n                context\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    playground/src/test.ts\n            \n            \n                variable\n            \n            \n                require\n            \n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                    src/directive/agm-direction.directive.ts\n            \n            \n                directive\n            \n            \n                AgmDirection\n            \n            \n                13 %\n                (4/30)\n            \n        \n        \n            \n                \n                    src/directive/agm-direction.directive.ts\n            \n            \n                variable\n            \n            \n                google\n            \n            \n                0 %\n                (0/1)\n            \n        \n    \n\n\n\n\n\n    new Tablesort(document.getElementById('coverage-table'));\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"dependencies.html":{"url":"dependencies.html","title":"package-dependencies - dependencies","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n    \n        Dependencies\n    \n    \n        \n            @agm/core : ^1.0.0-beta.3\n        \n            tslib : ^1.9.0\n    \n\n\n    \n    \n        Peer Dependencies\n    \n    \n        \n            @angular/common : >= 6.0.0\n        \n            @angular/core : >= 6.0.0\n    \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nAgm-Direction\n\n\n\n\n\n\nAgm-Direction is the directive for @agm/core (not official)\n\nAngular 2+\nGoogle Map API\nPlayground  \n\nHow to use?&#x1F449; Start Reading\n\nInstallation\nInstallation is done using the\nnpm install command:\n\nInstall @agm/core\nnpm install --save @agm/core\nInstall agm-direction\nnpm install --save agm-direction\n\nImporting Modules\n&#x1F4E6; @agm/core&#x1F4E6; agm-direction  \nimport { BrowserModule } from '@angular/platform-browser'\nimport { NgModule } from '@angular/core'\nimport { AppComponent } from './app.component'\n\nimport { AgmCoreModule } from '@agm/core'            // @agm/core\nimport { AgmDirectionModule } from 'agm-direction'   // agm-direction\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    AgmCoreModule.forRoot({ // @agm/core\n      apiKey: 'your key',\n    }),\n    AgmDirectionModule,     // agm-direction\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }Usage\nHTML\n\n  \n  \nCSS\nagm-map {\n    height: 400px;\n}TS\npublic lat: Number = 24.799448\npublic lng: Number = 120.979021\n\npublic origin: any\npublic destination: any\n\nngOnInit() {\n  this.getDirection()\n}\n\ngetDirection() {\n  this.origin = { lat: 24.799448, lng: 120.979021 }\n  this.destination = { lat: 24.799524, lng: 120.975017 }\n\n  // this.origin = 'Taipei Main Station'\n  // this.destination = 'Taiwan Presidential Office'\n}Document\n\nDocument Agm-Direction-Docs\nLess useful AgmDirectionModule\n\nDevelopment\n&#x1F449; Playground\nGenerator\nThis library generated by angular-library-starter.\nLicense\nMIT\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"license.html":{"url":"license.html","title":"getting-started - license","body":"\n                   \n\nMIT License\nCopyright (c) 2018 Robby\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules.html":{"url":"modules.html","title":"modules - modules","body":"\n                   \n\n\n\n\n    Modules\n\n\n    \n            \n                \n                    \n                        AgmDirectionModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n            \n                \n                    \n                        AgmDirectionModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n            \n                \n                    \n                        AppModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"overview.html":{"url":"overview.html","title":"overview - overview","body":"\n                   \n\n\n\n    Overview\n\n            \n                \n                    \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_AgmDirectionModule\n\n\n\ncluster_AgmDirectionModule_declarations\n\n\n\ncluster_AgmDirectionModule_exports\n\n\n\ncluster_AppModule\n\n\n\ncluster_AppModule_declarations\n\n\n\ncluster_AppModule_bootstrap\n\n\n\n\nAgmDirection\n\nAgmDirection\n\n\n\nAgmDirectionModule\n\nAgmDirectionModule\n\nAgmDirectionModule -->\n\nAgmDirection->AgmDirectionModule\n\n\n\nAgmDirectionModule -->\n\nAgmDirection->AgmDirectionModule\n\n\n\n\n\nAgmDirection \n\nAgmDirection \n\nAgmDirection  -->\n\nAgmDirectionModule->AgmDirection \n\n\n\nAgmDirection  -->\n\nAgmDirectionModule->AgmDirection \n\n\n\n\n\nAppModule\n\nAppModule\n\nAppModule -->\n\nAgmDirectionModule->AppModule\n\n\n\n\n\nAppComponent\n\nAppComponent\n\nAppModule -->\n\nAppComponent->AppModule\n\n\n\n\n\nAppComponent \n\nAppComponent \n\nAppComponent  -->\n\nAppModule->AppComponent \n\n\n\n\n\n\n                \n                \n                \n                    Zoom in\n                    Reset\n                    Zoom out\n                \n            \n\n    \n            \n                \n                    \n                        \n                        \n                            3 modules\n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                        1 component\n                    \n                \n            \n            \n                \n                    \n                        \n                        2 directives\n                    \n                \n            \n            \n                \n                    \n                        \n                        1 class\n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/variables.html":{"url":"miscellaneous/variables.html","title":"miscellaneous-variables - variables","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Variables\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            context   (playground/.../test.ts)\n                        \n                        \n                            environment   (playground/.../environment.prod.ts)\n                        \n                        \n                            environment   (playground/.../environment.ts)\n                        \n                        \n                            google   (src/.../agm-direction.directive.ts)\n                        \n                        \n                            google   (dist/.../agm-direction.directive.ts)\n                        \n                        \n                            require   (playground/.../test.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    playground/src/test.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            context\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        context:     \n\n                    \n                \n                    \n                        \n                            Default value : require.context('./', true, /\\.spec\\.ts$/)\n                        \n                    \n\n\n            \n        \n        \n            \n                \n                    \n                        \n                        \n                            \n                            require\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        require:     any\n\n                    \n                \n                    \n                        \n                            Type :     any\n\n                        \n                    \n\n\n            \n        \n\n    playground/src/environments/environment.prod.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            environment\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        environment:     object\n\n                    \n                \n                    \n                        \n                            Type :     object\n\n                        \n                    \n                    \n                        \n                            Default value : {\n  production: true\n}\n                        \n                    \n\n\n            \n        \n\n    playground/src/environments/environment.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            environment\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        environment:     object\n\n                    \n                \n                    \n                        \n                            Type :     object\n\n                        \n                    \n                    \n                        \n                            Default value : {\n  production: false\n}\n                        \n                    \n\n\n            \n        \n\n    src/directive/agm-direction.directive.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            google\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        google:     any\n\n                    \n                \n                    \n                        \n                            Type :     any\n\n                        \n                    \n\n\n            \n        \n\n    dist/package/src/directive/agm-direction.directive.ts\n    \n            \n            \n                \n                    \n                        \n                        \n                            \n                            google\n                            \n                            \n                        \n                    \n                \n                \n                    \n                        google:     any\n\n                    \n                \n                    \n                        \n                            Type :     any\n\n                        \n                    \n\n\n            \n        \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
 }
diff --git a/docs/license.html b/docs/license.html
index e3450cc..b3193af 100644
--- a/docs/license.html
+++ b/docs/license.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
diff --git a/docs/miscellaneous/variables.html b/docs/miscellaneous/variables.html
index 890fe80..0631d1c 100644
--- a/docs/miscellaneous/variables.html
+++ b/docs/miscellaneous/variables.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -372,6 +410,9 @@ <h3 id="index">Index</h3>
                         <li>
                             <a href="#google" title="src/directive/agm-direction.directive.ts"><b>google</b>&nbsp;&nbsp;&nbsp;(src/.../agm-direction.directive.ts)</a>
                         </li>
+                        <li>
+                            <a href="#google" title="dist/package/src/directive/agm-direction.directive.ts"><b>google</b>&nbsp;&nbsp;&nbsp;(dist/.../agm-direction.directive.ts)</a>
+                        </li>
                         <li>
                             <a href="#require" title="playground/src/test.ts"><b>require</b>&nbsp;&nbsp;&nbsp;(playground/.../test.ts)</a>
                         </li>
@@ -552,6 +593,38 @@ <h3></h3>        <table class="table table-sm table-bordered">
             </tbody>
         </table>
 </section>
+    <h3>dist/package/src/directive/agm-direction.directive.ts</h3>
+    <section>
+    <h3></h3>        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="google"></a>
+                        <span class="name">
+                            <b>
+                            google
+                            </b>
+                            <a href="#google"><span class="fa fa-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <code>google:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                        </td>
+                    </tr>
+
+
+            </tbody>
+        </table>
+</section>
 
 
                    </div><div class="search-results">
diff --git a/docs/modules.html b/docs/modules.html
index 892b1d8..b2167c9 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -360,6 +398,23 @@ <h4 class="card-title">AgmDirectionModule</h4>
                     </div>
                 </div>
             </div>
+            <div class="col-sm-4">
+                <div class="card card-module">
+                    <div class="card-header">
+                        <h4 class="card-title">AgmDirectionModule</h4>
+                    </div>
+                    <div class="card-block">
+                                <p>
+                                    <object id="demo-svg" type="image/svg+xml" data="./modules/AgmDirectionModule/dependencies.svg" style="width: 100%; height: 175px;">
+                                            Your browser does not support SVG
+                                    </object>
+                                </p>
+                        <footer class="text-center">
+                            <a href="./modules/AgmDirectionModule.html" class="btn btn-default">Browse</a>
+                        </footer>
+                    </div>
+                </div>
+            </div>
             <div class="col-sm-4">
                 <div class="card card-module">
                     <div class="card-header">
diff --git a/docs/modules/AgmDirectionModule.html b/docs/modules/AgmDirectionModule.html
index e0c1ff9..cba9a58 100644
--- a/docs/modules/AgmDirectionModule.html
+++ b/docs/modules/AgmDirectionModule.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
diff --git a/docs/modules/AppModule.html b/docs/modules/AppModule.html
index 172d5f9..83da58f 100644
--- a/docs/modules/AppModule.html
+++ b/docs/modules/AppModule.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
diff --git a/docs/overview.html b/docs/overview.html
index 9587063..72742e6 100644
--- a/docs/overview.html
+++ b/docs/overview.html
@@ -80,14 +80,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
                                     >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="xs-directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+                                    >
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
+                                    >
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="xs-directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
                                     >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -99,14 +118,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="xs-components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="xs-components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
                                     >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -239,14 +258,33 @@
                         <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        data-target="#directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                    <span class="fa fa-fw fa-code"></span>
+                                    <span>Directives</span>
+                                    <span class="fa fa-angle-down"></span>
+                                </div>
+                                <ul class="links collapse"
+                                        id="directives-links-module-AgmDirectionModule-6a86aec4-ea6b-4319-8326-a5413da491f2"
+>
+                                        <li class="link">
+                                            <a href="directives/AgmDirection-1.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
+                                        </li>
+                                </ul>
+                            </li>
+                    </li>
+                    <li class="link">
+                        <a href="modules/AgmDirectionModule.html" data-type="entity-link">AgmDirectionModule</a>
+                            <li class="chapter inner">
+                                <div class="simple menu-toggler" data-toggle="collapse"
+                                        data-target="#directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                     <span class="fa fa-fw fa-code"></span>
                                     <span>Directives</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="directives-links-module-AgmDirectionModule-85a424f0-3d2a-4da5-aab5-3784c774abc2"
+                                        id="directives-links-module-AgmDirectionModule-84a8982c-6422-497b-a711-1a7118eb348f"
 >
                                         <li class="link">
                                             <a href="directives/AgmDirection.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AgmDirection</a>
@@ -258,14 +296,14 @@
                         <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                             <li class="chapter inner">
                                 <div class="simple menu-toggler" data-toggle="collapse"
-                                        data-target="#components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        data-target="#components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                     <span class="fa fa-fw fa-cogs"></span>
                                     <span>Components</span>
                                     <span class="fa fa-angle-down"></span>
                                 </div>
                                 <ul class="links collapse"
-                                        id="components-links-module-AppModule-6050ecbc-ae4d-45ef-ae0a-2968dc67cbb9"
+                                        id="components-links-module-AppModule-4aed3472-2435-4212-b026-4700ce9a2cb8"
 >
                                         <li class="link">
                                             <a href="components/AppComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
@@ -403,8 +441,14 @@
 <!-- AgmDirection&#45;&gt;AgmDirectionModule -->
 <g id="edge1" class="edge">
 <title>AgmDirection&#45;&gt;AgmDirectionModule</title>
-<path fill="none" stroke="#000000" d="M174,-122.2228C174,-122.2228 174,-143.7269 174,-143.7269"/>
-<polygon fill="#000000" stroke="#000000" points="170.5001,-143.7269 174,-153.7269 177.5001,-143.727 170.5001,-143.7269"/>
+<path fill="none" stroke="#000000" d="M190.1442,-122.2228C190.1442,-122.2228 190.1442,-143.7269 190.1442,-143.7269"/>
+<polygon fill="#000000" stroke="#000000" points="186.6443,-143.7269 190.1442,-153.7269 193.6443,-143.727 186.6443,-143.7269"/>
+</g>
+<!-- AgmDirection&#45;&gt;AgmDirectionModule -->
+<g id="edge3" class="edge">
+<title>AgmDirection&#45;&gt;AgmDirectionModule</title>
+<path fill="none" stroke="#000000" d="M157.8558,-122.2228C157.8558,-122.2228 157.8558,-143.7269 157.8558,-143.7269"/>
+<polygon fill="#000000" stroke="#000000" points="154.3559,-143.7269 157.8558,-153.7269 161.3559,-143.727 154.3559,-143.7269"/>
 </g>
 <!-- AgmDirection  -->
 <g id="node3" class="node">
@@ -415,8 +459,14 @@
 <!-- AgmDirectionModule&#45;&gt;AgmDirection  -->
 <g id="edge2" class="edge">
 <title>AgmDirectionModule&#45;&gt;AgmDirection </title>
-<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M174,-190.1061C174,-190.1061 174,-208.991 174,-208.991"/>
-<polygon fill="#000000" stroke="#000000" points="170.5001,-208.9909 174,-218.991 177.5001,-208.991 170.5001,-208.9909"/>
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M157.2724,-190.1061C157.2724,-190.1061 157.2724,-208.991 157.2724,-208.991"/>
+<polygon fill="#000000" stroke="#000000" points="153.7725,-208.9909 157.2724,-218.991 160.7725,-208.991 153.7725,-208.9909"/>
+</g>
+<!-- AgmDirectionModule&#45;&gt;AgmDirection  -->
+<g id="edge4" class="edge">
+<title>AgmDirectionModule&#45;&gt;AgmDirection </title>
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M190.7276,-190.1061C190.7276,-190.1061 190.7276,-208.991 190.7276,-208.991"/>
+<polygon fill="#000000" stroke="#000000" points="187.2277,-208.9909 190.7276,-218.991 194.2277,-208.991 187.2277,-208.9909"/>
 </g>
 <!-- AppModule -->
 <g id="node5" class="node">
@@ -425,7 +475,7 @@
 <text text-anchor="middle" x="329" y="-232.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
 </g>
 <!-- AgmDirectionModule&#45;&gt;AppModule -->
-<g id="edge4" class="edge">
+<g id="edge6" class="edge">
 <title>AgmDirectionModule&#45;&gt;AppModule</title>
 <path fill="none" stroke="#000000" d="M234.1952,-190.1061C234.1952,-209.3391 234.1952,-237 234.1952,-237 234.1952,-237 277.1412,-237 277.1412,-237"/>
 <polygon fill="#000000" stroke="#000000" points="277.1413,-240.5001 287.1412,-237 277.1412,-233.5001 277.1413,-240.5001"/>
@@ -437,7 +487,7 @@
 <text text-anchor="middle" x="329" y="-167.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
 </g>
 <!-- AppComponent&#45;&gt;AppModule -->
-<g id="edge3" class="edge">
+<g id="edge5" class="edge">
 <title>AppComponent&#45;&gt;AppModule</title>
 <path fill="none" stroke="#000000" d="M329,-190.1061C329,-190.1061 329,-208.991 329,-208.991"/>
 <polygon fill="#000000" stroke="#000000" points="325.5001,-208.9909 329,-218.991 332.5001,-208.991 325.5001,-208.9909"/>
@@ -449,7 +499,7 @@
 <text text-anchor="middle" x="330" y="-300.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
 </g>
 <!-- AppModule&#45;&gt;AppComponent  -->
-<g id="edge5" class="edge">
+<g id="edge7" class="edge">
 <title>AppModule&#45;&gt;AppComponent </title>
 <path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M329,-255.2228C329,-255.2228 329,-276.7269 329,-276.7269"/>
 <polygon fill="#000000" stroke="#000000" points="325.5001,-276.7269 329,-286.7269 332.5001,-276.727 325.5001,-276.7269"/>
@@ -472,7 +522,7 @@
                     <div class="card-block">
                         <h4 class="card-title"><span class="fa fa-archive"></span></h4>
                         <p class="card-text">
-                            <a href="./modules.html">2 modules</a>
+                            <a href="./modules.html">3 modules</a>
                         </p>
                     </div>
                 </div>
@@ -489,7 +539,7 @@ <h4 class="card-title"><span class="fa fa-cogs"></span></h4>
                 <div class="card text-center">
                     <div class="card-block">
                         <h4 class="card-title"><span class="fa fa-code"></span></h4>
-                        <p class="card-text">1 directive</p>
+                        <p class="card-text">2 directives</p>
                     </div>
                 </div>
             </div>