fix(FlexLayoutModule): remove console.warn() calls that conflict with ngc+aot

* 'forRoot()' fn is never evaluated in AoT, ngc only analyzes the content of the fn to get the module and ngc does not know what to do with the first statetement (console.warn)
* clarify changes to FlexLayoutModule.forRoot()

Refs http://github.com/angular/angular#14410
Fixes #174, Fixes #175, Fixes #176, Fixes #178.

Author: ThomasBurleson

CHANGELOG.md

@@ -25,12 +25,12 @@
 ### BREAKING CHANGES
 
 * ObservableMedia: Deprecated use of `ObservableMediaService` opaque token. Developers now simply use the ObservableMedia class to inject the service.
-* FlexLayoutModule: Previously releases used FlexLayoutModule.forRoot(). This has been deprecated and removed.
+* FlexLayoutModule: Previously releases used FlexLayoutModule.forRoot(); This has been deprecated.
 
 *before*
 
 ```js
-constructor( @Inject(ObserverableMediaService) private media:any ) { ... }
+constructor( @Inject(ObserverableMediaService) media:any ) { ... }
 ```
 
 **after**
@@ -51,7 +51,7 @@ export class MyComponent {
     media.asObservable()
       .map( (change:MediaChange) => change.mqAlias == 'md' )
       .subscribe((change:MediaChange) => {
-        let state = change ? `'${change.mqAlias}' = (${change.mediaQuery})` : ""
+        let state = change ? `'${change.mqAlias}' = (${change.mediaQuery})` : "";
         console.log( state );
       });
   }

src/demo-app/app/docs-layout/DemosLayoutAPI.ts

@@ -1,8 +1,8 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
-    selector: 'demos-docs-layout',
-    template: `
+  selector: 'demos-docs-layout',
+  template: `
       <demo-layout-alignment      class="small-demo">  </demo-layout-alignment>          
       <demo-layout-fill           class="small-demo">  </demo-layout-fill>
       <demo-flex-row-fill         class="small-demo">  </demo-flex-row-fill>
@@ -12,15 +12,15 @@ import { Component } from '@angular/core';
       <demo-flex-offset-values    class="small-demo">  </demo-flex-offset-values>
     `
 })
-export class DemosLayoutAPI { }
+export class DemosLayoutAPI {
+}
 
 import {NgModule}            from '@angular/core';
 import {CommonModule}        from "@angular/common";
 import {FormsModule}         from "@angular/forms";
 import {MaterialModule}      from "@angular/material";
 import {FlexLayoutModule}    from "../../../lib";     // `gulp build:components` to deploy to node_modules manually
 
-
 import {DemoLayoutAlignment} from "./layoutAlignment.demo";
 import {DemoFlexRowFill}     from "./flexRowFill.demo";
 import {DemoFlexRowFillWrap} from "./flexRowFillWrap.demo";
@@ -29,9 +29,8 @@ import {DemoFlexOffsetValues}    from "./flexOffetValues.demo";
 import {DemoLayoutFill}      from "./layoutFill.demo";
 import {DemoFlexAlignSelf}   from "./FlexAlignSelf.demo";
 
-
 @NgModule({
-  declarations : [
+  declarations: [
     DemosLayoutAPI,       // used by the Router with the root app component
 
     DemoFlexRowFill,
@@ -42,12 +41,12 @@ import {DemoFlexAlignSelf}   from "./FlexAlignSelf.demo";
     DemoLayoutFill,
     DemoFlexAlignSelf
   ],
-  imports : [
+  imports: [
     CommonModule,
     FormsModule,
     MaterialModule,
     FlexLayoutModule
   ]
-
 })
-export class DemosLayoutAPIModule { }
+export class DemosLayoutAPIModule {
+}

src/lib/flexbox/_module.ts

@@ -57,12 +57,11 @@ const ALL_DIRECTIVES = [
   declarations: ALL_DIRECTIVES,
   imports: [MediaQueriesModule],
   exports: [MediaQueriesModule, ...ALL_DIRECTIVES],
-  providers: [ MediaMonitor ]
+  providers: [MediaMonitor]
 })
 export class FlexLayoutModule {
   /** @deprecated */
   static forRoot(): ModuleWithProviders {
-    console.warn('FlexLayoutModule.forRoot() has been deprecated and is no longer needed.');
     return {
       ngModule: FlexLayoutModule
     };