diff --git a/README.md b/README.md index 451d4d3..371a801 100644 --- a/README.md +++ b/README.md @@ -122,11 +122,15 @@ npm install ``` ```bash -npm run pack:build +npm run build ``` ```bash -cd playground +npm run pack:lib +``` + +```bash +cd playground && npm install ``` ```bash diff --git a/build.js b/build.js index 9c91a3e..cb5be60 100644 --- a/build.js +++ b/build.js @@ -12,6 +12,7 @@ const FESM5_DIR = `${NPM_DIR}/fesm5`; const BUNDLES_DIR = `${NPM_DIR}/bundles`; const OUT_DIR = `${NPM_DIR}/package`; const OUT_DIR_ESM5 = `${NPM_DIR}/package/esm5`; +const OUT_DIR_ESM5_ABS = `${__dirname}/${OUT_DIR_ESM5}`; shell.echo(`Start building...`); @@ -61,7 +62,7 @@ if (shell.exec(`rollup -c rollup.es.config.js -i ${NPM_DIR}/${PACKAGE}.js -o ${F } shell.echo(`Produce ESM5/FESM5 versions`); -shell.exec(`ngc -p ${OUT_DIR}/tsconfig-build.json --target es5 -d false --outDir ${OUT_DIR_ESM5} --sourceMap`); +shell.exec(`ngc -p ${OUT_DIR}/tsconfig-build.json --target es5 -d false --outDir ${OUT_DIR_ESM5_ABS} --sourceMap`); shell.cp(`-Rf`, [`${OUT_DIR_ESM5}/src/`, `${OUT_DIR_ESM5}/*.js`, `${OUT_DIR_ESM5}/*.js.map`], `${ESM5_DIR}`); if (shell.exec(`rollup -c rollup.es.config.js -i ${OUT_DIR_ESM5}/${PACKAGE}.js -o ${FESM5_DIR}/${PACKAGE}.js`).code !== 0) { shell.echo(chalk.red(`Error: FESM5 version failed`)); diff --git a/docs/classes/AppPage.html b/docs/classes/AppPage.html index 107c1b6..bc3d873 100644 --- a/docs/classes/AppPage.html +++ b/docs/classes/AppPage.html @@ -137,7 +137,7 @@

- Returns : any + Returns : Promise<string>
@@ -176,7 +176,7 @@

- Returns : any + Returns : Promise<unknown>
@@ -196,12 +196,12 @@ 

import { browser, by, element } from 'protractor';
 
 export class AppPage {
-  navigateTo() {
-    return browser.get(browser.baseUrl) as Promise<any>;
+  navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl) as Promise<unknown>;
   }
 
-  getTitleText() {
-    return element(by.css('app-root h1')).getText() as Promise<string>;
+  getTitleText(): Promise<string> {
+    return element(by.css('app-root .content span')).getText() as Promise<string>;
   }
 }
@@ -210,6 +210,7 @@

+ @@ -232,6 +233,7 @@

No results matching " diff --git a/docs/components/AppComponent.html b/docs/components/AppComponent.html index 1bd5eee..e626f99 100644 --- a/docs/components/AppComponent.html +++ b/docs/components/AppComponent.html @@ -491,6 +491,7 @@

+ @@ -513,6 +514,7 @@

No results matching " diff --git a/docs/coverage.html b/docs/coverage.html index 5f1bb33..7eae9e1 100644 --- a/docs/coverage.html +++ b/docs/coverage.html @@ -43,6 +43,7 @@ +
    @@ -186,6 +187,7 @@

    No results matching " diff --git a/docs/dependencies.html b/docs/dependencies.html index 16e958f..7e0dcc3 100644 --- a/docs/dependencies.html +++ b/docs/dependencies.html @@ -43,8 +43,16 @@ +
      +
    1. Dependencies
      2. +
    +
      +
    • + tslib : ^1.10.0
      • +
    +
    1. Peer dependencies
    @@ -52,12 +60,13 @@
  1. @agm/core : ^1.0.0-beta.2
  2. - @angular/common : >= 8.0.0
    3. + @angular/common : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
  3. - @angular/core : >= 8.0.0
    4. + @angular/core : ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
  4. rxjs : >= 6.4.0
    5. + @@ -80,6 +89,7 @@

    No results matching " diff --git a/docs/directives/AgmDirection.html b/docs/directives/AgmDirection.html index 3e1a432..9f09114 100644 --- a/docs/directives/AgmDirection.html +++ b/docs/directives/AgmDirection.html @@ -853,8 +853,8 @@

    -
    Defined in src/directive/agm-direction.directive.ts:319
    +
    Defined in src/directive/agm-direction.directive.ts:322
    @@ -1087,8 +1087,8 @@

    -
    Defined in src/directive/agm-direction.directive.ts:308
    +
    Defined in src/directive/agm-direction.directive.ts:311
    @@ -1130,8 +1130,8 @@

    -
    Defined in src/directive/agm-direction.directive.ts:291
    +
    Defined in src/directive/agm-direction.directive.ts:294
    @@ -1757,11 +1757,14 @@

    this.sendInfoWindow.emit(this.infoWindow); } marker = new google.maps.Marker(markerOpts); - marker.addListener('click', () => { - const infowindoContent: string = typeof markerOpts.infoWindow === 'undefined' ? content : markerOpts.infoWindow; - this.infoWindow.setContent(infowindoContent); - this.infoWindow.open(map, marker); - }); + // https://developers.google.com/maps/documentation/javascript/reference/marker?hl=zh-tw#MarkerOptions.clickable + if (marker.clickable) { + marker.addListener('click', () => { + const infowindoContent: string = typeof markerOpts.infoWindow === 'undefined' ? content : markerOpts.infoWindow; + this.infoWindow.setContent(infowindoContent); + this.infoWindow.open(map, marker); + }); + } return marker; } @@ -1835,6 +1838,7 @@

    + @@ -1857,6 +1861,7 @@

    No results matching " diff --git a/docs/fonts/roboto-v15-latin-italic.eot b/docs/fonts/roboto-v15-latin-italic.eot new file mode 100644 index 0000000..f2d020a Binary files /dev/null and b/docs/fonts/roboto-v15-latin-italic.eot differ diff --git a/docs/fonts/roboto-v15-latin-italic.svg b/docs/fonts/roboto-v15-latin-italic.svg new file mode 100644 index 0000000..738b829 --- /dev/null +++ b/docs/fonts/roboto-v15-latin-italic.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/fonts/roboto-v15-latin-italic.ttf b/docs/fonts/roboto-v15-latin-italic.ttf new file mode 100644 index 0000000..b0dd4a1 Binary files /dev/null and b/docs/fonts/roboto-v15-latin-italic.ttf differ diff --git a/docs/fonts/roboto-v15-latin-italic.woff b/docs/fonts/roboto-v15-latin-italic.woff new file mode 100644 index 0000000..a2b7704 Binary files /dev/null and b/docs/fonts/roboto-v15-latin-italic.woff differ diff --git a/docs/fonts/roboto-v15-latin-italic.woff2 b/docs/fonts/roboto-v15-latin-italic.woff2 new file mode 100644 index 0000000..1bb77f9 Binary files /dev/null and b/docs/fonts/roboto-v15-latin-italic.woff2 differ diff --git a/docs/index.html b/docs/index.html index 902a5af..50c63b1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -33,7 +33,7 @@

    Agm-Direction

    npm version npm -Dependency Status +peerDependencies Status Build Status GitHub license PRs Welcome

    @@ -41,7 +41,6 @@

    Agm-Direction

    How to use?
    👉 Start Reading

    Agm-Direction

    @@ -49,29 +48,26 @@

    Installation

    Installation is done using the npm install command:

      -

    • Use npm -bash -npm install --save @agm/core agm-direction

      -
      • -

    • Use yarn -bash -yarn add @agm/core agm-direction

      -
      • +

    • Use npm

      +
      npm install --save @agm/core agm-direction
      • +

    • Use yarn

      +
      yarn add @agm/core agm-direction

    Importing Modules

    -

    ```typescript -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; -import { AppComponent } from './app.component';

    -

    import { AgmCoreModule } from '@agm/core'; // @agm/core -import { AgmDirectionModule } from 'agm-direction'; // agm-direction

    -

    @NgModule({ +

    import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { AppComponent } from './app.component';
+
+import { AgmCoreModule } from '@agm/core';            // @agm/core
+import { AgmDirectionModule } from 'agm-direction';   // agm-direction
+
+@NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
-    AgmCoreModule.forRoot({ // @agm/core
+    AgmCoreModule.forRoot({ // @agm/core
       apiKey: 'your key',
     }),
     AgmDirectionModule,     // agm-direction
@@ -79,50 +75,43 @@ 
    Importing Modules
    
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
-```
    
-
    Usage
    
+export class AppModule { }

    Usage

    HTML

    -

    html -<agm-map [latitude]="lat" [longitude]="lng"> - <agm-direction [origin]="origin" [destination]="destination"> +

    <agm-map [latitude]="lat" [longitude]="lng">
+  <agm-direction 
+    [origin]="origin" 
+    [destination]="destination"
+  >
   </agm-direction>
-</agm-map>
    
-
    CSS
    
-
    css
-agm-map {
+</agm-map>

    CSS

    +
    agm-map {
     height: 400px;
-}
    
-
    TS
    
-
    ```typescript
-public lat = 24.799448;
-public lng = 120.979021;
    
-
    public origin: any;
-public destination: any;
    
-
    ngOnInit() {
+}

    TS

    +
    public lat = 24.799448;
+public lng = 120.979021;
+
+public origin: any;
+public destination: any;
+
+ngOnInit() {
   this.getDirection();
-}
    
-
    getDirection() {
+}
+
+getDirection() {
   this.origin = { lat: 24.799448, lng: 120.979021 };
-  this.destination = { lat: 24.799524, lng: 120.975017 };
    
-
      // this.origin = 'Taipei Main Station';
+  this.destination = { lat: 24.799524, lng: 120.975017 };
+
+  // Location within a string
+  // this.origin = 'Taipei Main Station';
   // this.destination = 'Taiwan Presidential Office';
-}
-```
    
-
    Document
    
+}

    Document

    Development

    -

    👉 Playground

    -

    bash -git clone https://github.com/explooosion/Agm-Direction.git

    -

    bash -cd playground

    -

    bash -yarn start

    -

    Generator

    +

    👉 Playground Project

    +
    git clone https://github.com/explooosion/Agm-Direction.git
    npm install
    npm run build
    npm run pack:lib
    cd playground && npm install
    # Add gmap api key in environment.ts
    npm start

    Generator

    This library generated by angular-library-starter.

    License

    MIT

    @@ -140,6 +129,7 @@

    License

    + @@ -162,6 +152,7 @@

    No results matching " diff --git a/docs/js/menu-wc.js b/docs/js/menu-wc.js index 82a968a..426313a 100644 --- a/docs/js/menu-wc.js +++ b/docs/js/menu-wc.js @@ -39,11 +39,11 @@ customElements.define('compodoc-menu', class extends HTMLElement { LICENSE -
  5. - - Dependencies - -
    6. +
  6. + + Dependencies + +
  7. @@ -55,18 +55,18 @@ customElements.define('compodoc-menu', class extends HTMLElement { -