0.13.3

README.md

@@ -8,17 +8,17 @@ Collection of Quality Angular 2 UIs
 
 | module             | version | most-recent version                                                                 |
 | ------------------ | ------- | ----------------------------------------------------------------------------------- |
-| ng2-auto-complete  | 0.8.2   | ![](https://badge.fury.io/js/ng2-auto-complete.svg)                                 |
-| ng2-collapsable    | 0.4.2   | ![](https://badge.fury.io/js/ng2-collapsable.svg)                                   |
-| ng2-datetime-picker| 0.12.0  | ![](https://badge.fury.io/js/ng2-datetime-picker.svg)                               |
+| ng2-auto-complete  | 0.10.9  | ![](https://badge.fury.io/js/ng2-auto-complete.svg)                                 |
+| ng2-collapsable    | 0.4.0   | ![](https://badge.fury.io/js/ng2-collapsable.svg)                                   |
+| ng2-datetime-picker| 0.14.1  | ![](https://badge.fury.io/js/ng2-datetime-picker.svg)                               |
 | ng2-infinite-list  | 0.5.1   | ![](https://badge.fury.io/js/ng2-infinite-list.svg)                                 |
-| ng2-map            | 0.12.2  | ![](https://badge.fury.io/js/ng2-map.svg)                                           |
+| ng2-map            | 0.15.5  | ![](https://badge.fury.io/js/ng2-map.svg)                                           |
 | ng2-menu           | 0.5.1   | ![](https://badge.fury.io/js/ng2-menu.svg)                                          |
-| ng2-overlay        | 0.7.0   | ![](https://badge.fury.io/js/ng2-overlay.svg)                                       |
+| ng2-overlay        | 0.7.1   | ![](https://badge.fury.io/js/ng2-overlay.svg)                                       |
 | ng2-parallax-scroll| 0.4.0   | ![](https://badge.fury.io/js/ng2-parallax-scroll.svg)                               |
 | ng2-popup          | 0.4.0   | ![](https://badge.fury.io/js/ng2-popup.svg)                                         |
-| ng2-scrollable     | 0.7.0   | ![](https://badge.fury.io/js/ng2-scrollable.svg)                                    |
-| ng2-sticky         | 0.4.0   | ![](https://badge.fury.io/js/ng2-sticky.svg)                                        |
+| ng2-scrollable     | 0.7.1   | ![](https://badge.fury.io/js/ng2-scrollable.svg)                                    |
+| ng2-sticky         | 0.4.1   | ![](https://badge.fury.io/js/ng2-sticky.svg)                                        |
 | ng2-tab            | 0.4.0   | ![](https://badge.fury.io/js/ng2-tab.svg)                                           |
 | ng2-tooltip-overlay| 0.4.0   | ![](https://badge.fury.io/js/ng2-tooltip-overlay.svg)                               |
 | ng2-ui-sortable    | 0.3.0   | ![](https://badge.fury.io/js/ng2-ui-sortable.svg)                                   |
@@ -52,7 +52,13 @@ Collection of Quality Angular 2 UIs
     import { Ng2UIModule }    from 'ng2-ui';              // <---- this
 
     @NgModule({
-      imports: [BrowserModule, FormsModule, HttpModule, Ng2UIModule], // <--- this
+      imports: [
+        BrowserModule, 
+        FormsModule, 
+        HttpModule, 
+        Ng2UIModule,  // <--- this
+        Ng2MapModule['forRoot']({ apiUrl: 'YOUR GOOGLE MAP URL WITH KEY'}) // <---- this
+      ],
       declarations: [AppComponent],
       bootstrap: [AppComponent]
     })

TODO.txt

@@ -0,0 +1 @@
+- Need to upgrade webpack from 1.* to 2.*

app/app.component.ts

@@ -4,7 +4,6 @@ import {
   Ng2OverlayManager,
   Ng2PopupComponent,
   Ng2MessagePopupComponent,
-  Ng2MapComponent,
   Ng2ScrollableDirective
 } from 'ng2-ui';
 
@@ -17,7 +16,7 @@ export class AppComponent {
 
   constructor(public overlayManager: Ng2OverlayManager) {
     console.log('overlayManager', overlayManager);
-    Ng2MapComponent['apiUrl'] = "https://maps.google.com/maps/api/js?key=AIzaSyCbMGRUwcqKjlYX4h4-P6t-xcDryRYLmCM";
+    // Ng2MapComponent['apiUrl'] = "https://maps.google.com/maps/api/js?key=AIzaSyCbMGRUwcqKjlYX4h4-P6t-xcDryRYLmCM";
   }
 
   scrollTo(selector, parentSelector, horizontal) {

app/app.tpl.html

@@ -1,12 +1,14 @@
 <h3>ng2-datetime-picker</h3>
-<input datetime-picker [(ngModel)]="model1" date-only="true"/> <br/>
+<input ng2-datetime-picker [(ngModel)]="model1" date-only="true"/> <br/>
 
 <h3>ng2-auto-complete</h3>
-<input auto-complete [source]="arrayOfKeyValues"
+<input ng2-auto-complete
+  [source]="arrayOfKeyValues"
   [(ngModel)]="model3"
   placeholder="enter text"
-  value-property-name="key"
-  display-property-name="name"/>
+  display-property-name="name"
+  list-formatter="(key) name"
+/>
 <br/> selected: {{model3 | json}}
 
 <h3>ng2-overlay</h3>
@@ -17,13 +19,6 @@ <h3>ng2-overlay</h3>
 <button (click)="overlayManager.open('window-loading')">Show Loading For Window</button>
 
 
-<h3>ng2-scrollable</h3>
-currentSection: {{id}}
-<div (scrolledTo)="id=$event" ng2-scrollable style="overflow:auto; height: 2em">
-  <div id="s1">One</div> <div id="s2">Two</div> <div id="s3">Three</div> <div id="s4">Four</div> <div id="s5">Five</div>
-  <div id="s6">Six</div> <div id="s7">Seven</div> <div id="s8">Eight</div> <div id="s9">Nine</div>
-</div>
-
 <h3>ng2-tooltop-overlay</h3>
 <div ng2-tooltip="This is my tooltip">
   tooltip 1
@@ -52,6 +47,10 @@ <h3>ng2-map</h3>
   <marker position="Brampton, Canada" draggable="true"></marker>
 </ng2-map>
 
+<ng2-map center="New York, USA" scrollwheel="false">
+  <marker position="New York, USA" draggable="true"></marker>
+</ng2-map>
+
 <h3>ng2-infinite-list</h3>
 
 <h3>ng2-parallax-scroll</h3>

app/main.ts

@@ -10,13 +10,22 @@ import { NgModule }       from '@angular/core';
 import { BrowserModule }  from '@angular/platform-browser';
 import { FormsModule }    from "@angular/forms";
 import { HttpModule } from '@angular/http';
-import { Ng2UIModule }    from 'ng2-ui';
+import { Ng2UIModule, Ng2MapModule }  from 'ng2-ui';
 
 import { AppComponent }   from './app.component';
 
 
 @NgModule({
-  imports: [BrowserModule, FormsModule, HttpModule, Ng2UIModule],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpModule,
+    Ng2UIModule,
+    Ng2MapModule['forRoot']({
+      apiUrl: 'https://maps.google.com/maps/api/js?key=AIzaSyCbMGRUwcqKjlYX4h4-P6t-xcDryRYLmCM' +
+      '&libraries=visualization,places,drawing',
+    })
+  ],
   declarations: [AppComponent],
   bootstrap: [ AppComponent ]
 })

dist/index.d.ts

@@ -1,7 +1,2 @@
-import { Ng2OverlayManager } from 'ng2-overlay';
-import { Ng2MapComponent } from "ng2-map";
-import { Ng2ScrollableDirective } from "ng2-scrollable";
-import { Ng2MessagePopupComponent, Ng2PopupComponent } from "ng2-popup";
-export { Ng2OverlayManager, Ng2PopupComponent, Ng2MessagePopupComponent, Ng2MapComponent, Ng2ScrollableDirective };
-export declare class Ng2UIModule {
-}
+import { Ng2ScrollableDirective, Ng2MessagePopupComponent, Ng2PopupComponent, Ng2OverlayManager, Ng2MapComponent, Ng2UIModule, Ng2MapModule } from './ng2-ui.module';
+export { Ng2OverlayManager, Ng2PopupComponent, Ng2MessagePopupComponent, Ng2MapComponent, Ng2ScrollableDirective, Ng2MapModule, Ng2UIModule };

dist/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"Ng2OverlayManager":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2OverlayManager"},"Ng2PopupComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2PopupComponent"},"Ng2MessagePopupComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MessagePopupComponent"},"Ng2MapComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MapComponent"},"Ng2ScrollableDirective":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2ScrollableDirective"},"Ng2MapModule":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MapModule"},"Ng2UIModule":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2UIModule"}}},{"__symbolic":"module","version":1,"metadata":{"Ng2OverlayManager":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2OverlayManager"},"Ng2PopupComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2PopupComponent"},"Ng2MessagePopupComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MessagePopupComponent"},"Ng2MapComponent":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MapComponent"},"Ng2ScrollableDirective":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2ScrollableDirective"},"Ng2MapModule":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2MapModule"},"Ng2UIModule":{"__symbolic":"reference","module":"./ng2-ui.module","name":"Ng2UIModule"}}}]

dist/ng2-ui.module.d.ts

@@ -0,0 +1,8 @@
+import { Ng2MapModule } from "ng2-map";
+import { Ng2OverlayManager } from 'ng2-overlay';
+import { Ng2ScrollableDirective } from "ng2-scrollable";
+import { Ng2MessagePopupComponent, Ng2PopupComponent } from "ng2-popup";
+import { Ng2MapComponent } from "ng2-map";
+export { Ng2OverlayManager, Ng2ScrollableDirective, Ng2MessagePopupComponent, Ng2PopupComponent, Ng2MapComponent, Ng2MapModule };
+export declare class Ng2UIModule {
+}