diff --git a/CHANGELOG.md b/CHANGELOG.md
index 264c855f6..aa1e8f795 100644
--- a/CHANGELOG.md
+++ b/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 );
});
}
diff --git a/package.json b/package.json
index 8557b81d3..2f9e82aa2 100644
--- a/package.json
+++ b/package.json
@@ -36,11 +36,11 @@
"node": ">= 5.4.1 < 7"
},
"dependencies": {
- "@angular/common": "^2.2.3",
- "@angular/compiler": "^2.2.3",
- "@angular/core": "^2.2.3",
- "@angular/platform-browser": "^2.2.3",
- "@angular/platform-browser-dynamic": "^2.2.3",
+ "@angular/common": "^2.3.1",
+ "@angular/compiler": "^2.3.1",
+ "@angular/core": "^2.3.1",
+ "@angular/platform-browser": "^2.3.1",
+ "@angular/platform-browser-dynamic": "^2.3.1",
"@types/gulp-util": "^3.0.30",
"core-js": "^2.4.1",
"reflect-metadata": "^0.1.8",
@@ -49,11 +49,11 @@
"zone.js": "^0.7.2"
},
"devDependencies": {
- "@angular/compiler-cli": "^2.2.3",
- "@angular/forms": "^2.2.3",
- "@angular/http": "^2.2.3",
+ "@angular/compiler-cli": "^2.3.1",
+ "@angular/forms": "^2.3.1",
+ "@angular/http": "^2.3.1",
"@angular/material": "2.0.0-beta.0",
- "@angular/platform-server": "^2.2.3",
+ "@angular/platform-server": "^2.3.1",
"@angular/router": "~3.1.1",
"@angular/tsc-wrapped": "~0.4.0",
"@angularclass/conventions-loader": "^1.0.2",
diff --git a/src/demo-app/app/docs-layout/DemosLayoutAPI.ts b/src/demo-app/app/docs-layout/DemosLayoutAPI.ts
index 689835e58..b4b3004e3 100644
--- a/src/demo-app/app/docs-layout/DemosLayoutAPI.ts
+++ b/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: `
@@ -12,7 +12,8 @@ import { Component } from '@angular/core';
`
})
-export class DemosLayoutAPI { }
+export class DemosLayoutAPI {
+}
import {NgModule} from '@angular/core';
import {CommonModule} from "@angular/common";
@@ -20,7 +21,6 @@ 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 {
+}
diff --git a/src/lib/flexbox/_module.ts b/src/lib/flexbox/_module.ts
index b26114fcd..552d7a25b 100644
--- a/src/lib/flexbox/_module.ts
+++ b/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
};
diff --git a/tools/scripts/release/npm_assets/README.md b/tools/scripts/release/npm_assets/README.md
index a54298548..4fd53a02f 100644
--- a/tools/scripts/release/npm_assets/README.md
+++ b/tools/scripts/release/npm_assets/README.md
@@ -5,7 +5,7 @@
[](https://gitter.im/angular/flex-layout))
Angular Flex Layout provides a sophisticated layout API using FlexBox CSS + mediaQuery.
-This module provides Angular (v2.x and higher) developers with component layout features using a
+This module provides Angular (v2.3.1 and higher) developers with component layout features using a
custom Layout API, mediaQuery observables,and injected DOM flexbox-2016 css stylings.
The Layout engine intelligently automates the process of applying appropriate FlexBox CSS to
@@ -26,10 +26,10 @@ While other Flexbox CSS libraries are implementations of:
Angular Flex Layout - in contrast - is a pure-Typescript UI Layout engine with an implementation that:
* uses HTML attributes (aka Layout API) to specify the layout configurations
-* is currently only available for Angular (v2.x or higher) Applications.
+* is currently only available for Angular (v2.4.3 or higher) Applications.
* is independent of Angular Material (v1 or v2).
* requires no external stylesheets.
-* requires Angular v2.x or higher.
+* requires Angular v2.4.3 or higher.