@angular/flex-layout - npm Package Compare versions

Comparing version 2.0.0-beta.5 to 2.0.0-rc.1

CHANGELOG.md

@@ -1,125 +0,16 @@
-<a name="2.0.0-beta.5"></a>
-# [2.0.0-beta.5](https://github.com/angular/flex-layout/compare/v2.0.0-beta.4...v2.0.0-beta.5) (2017-02-09)
+<a name="2.0.0-rc.1"></a>
+# [2.0.0-rc.1](https://github.com/angular/flex-layout/compare/v2.0.0-beta.5...v2.0.0-rc.1) (2017-02-23)
 
-### Bug Fixes
 
-* **breakpoints:** resolve 1px hole between lg -> xl breakpoints ([#159](https://github.com/angular/flex-layout/issues/159)) ([d78527c](https://github.com/angular/flex-layout/commit/d78527c)), closes [#149](https://github.com/angular/flex-layout/issues/149)
-* **build:** remove use of static ngModule.forRoot() ([#167](https://github.com/angular/flex-layout/issues/167)) ([86010bf](https://github.com/angular/flex-layout/commit/86010bf))
-* **build:** add observable-media-service to exported barrel ([#139](https://github.com/angular/flex-layout/issues/139)) ([b7dffaa](https://github.com/angular/flex-layout/commit/b7dffaa))
-* **fxFlex:** fix use of values with 'auto' ([#122](https://github.com/angular/flex-layout/issues/122)) ([04d24d5](https://github.com/angular/flex-layout/commit/04d24d5)), closes [#120](https://github.com/angular/flex-layout/issues/120)
-* **fxFlex:** prevent setting min/max-size when grow/shrink is zero ([#160](https://github.com/angular/flex-layout/issues/160)) ([942939e](https://github.com/angular/flex-layout/commit/942939e)), closes [#153](https://github.com/angular/flex-layout/issues/153)
-* **fxHide,fxShow:** restore orig display mode and more... ([#143](https://github.com/angular/flex-layout/issues/143)) ([d269d73](https://github.com/angular/flex-layout/commit/d269d73)), closes [#140](https://github.com/angular/flex-layout/issues/140) [#141](https://github.com/angular/flex-layout/issues/141)
-* **fxHide,fxShow:** fix standalone breakpoint selectors ([#121](https://github.com/angular/flex-layout/issues/121)) ([0ca7d07](https://github.com/angular/flex-layout/commit/0ca7d07)), closes [#62](https://github.com/angular/flex-layout/issues/62) [#59](https://github.com/angular/flex-layout/issues/59) [#105](https://github.com/angular/flex-layout/issues/105)
-* **fxLayoutGap:** add gaps to dynamic content ([#124](https://github.com/angular/flex-layout/issues/124)) ([6482c12](https://github.com/angular/flex-layout/commit/6482c12)), closes [#95](https://github.com/angular/flex-layout/issues/95)
-* **fxLayoutGap:** fxLayoutWrap to apply gap logic for reverse directions ([#148](https://github.com/angular/flex-layout/issues/148)) ([9f7137e](https://github.com/angular/flex-layout/commit/9f7137e)), closes [#108](https://github.com/angular/flex-layout/issues/108)
-* **fxLayoutGap:** skip hidden element nodes ([#145](https://github.com/angular/flex-layout/issues/145)) ([6c45b35](https://github.com/angular/flex-layout/commit/6c45b35)), closes [#136](https://github.com/angular/flex-layout/issues/136)
-* **fxClass,fxStyle:** enable raw input caching ([#173](https://github.com/angular/flex-layout/issues/173)) ([d5b283c](https://github.com/angular/flex-layout/commit/d5b283c))
-* **matchMediaObservable:** expose observable for rxjs operators ([#133](https://github.com/angular/flex-layout/issues/133)) ([6e46561](https://github.com/angular/flex-layout/commit/6e46561)), closes [#125](https://github.com/angular/flex-layout/issues/125)
-
-### Features
-
-* **build:** use protected access to allow API directives to be easily extended ([#163](https://github.com/angular/flex-layout/issues/163)) ([e6bc451](https://github.com/angular/flex-layout/commit/e6bc451))
-* **fxClass,fxStyle:** add responsive support for ngClass and ngStyle ([#170](https://github.com/angular/flex-layout/issues/170)) ([f57a63d](https://github.com/angular/flex-layout/commit/f57a63d))
-* **ObservableMedia:** use ObservableMedia class as provider token ([#158](https://github.com/angular/flex-layout/issues/158)) ([dad69fe](https://github.com/angular/flex-layout/commit/dad69fe))
-
-### BREAKING CHANGES
-
-* ObservableMedia: Deprecated use of `ObservableMediaService` opaque token. Developers now simply use the ObservableMedia class to inject the service.
-* build: Previously releases used FlexLayoutModule.forRoot(). This has been deprecated and removed.
-
-*before*
-
-```js
-constructor( @Inject(ObserverableMediaService) private media:any ) { ... }
-```
-
-**after**
-```js
-constructor(private media:ObservableMedia) { ... }
-```
-* matchMediaObservable: * use opaque token `ObservableMediateService` to inject instance of `MediaService`
-* use `MediaService::asObservable()` to get instance of observable
-
-```js
-// RxJS
-import 'rxjs/add/operator/map';
-import {ObservableMedia} from '@angular/flex-layout';
-
-@Component({ ... })
-export class MyComponent {
-  constructor( media:ObservableMedia ) {
-    media.asObservable()
-      .map( (change:MediaChange) => change.mqAlias == 'md' )
-      .subscribe((change:MediaChange) => {
-        let state = change ? `'${change.mqAlias}' = (${change.mediaQuery})` : ""
-        console.log( state );
-      });
-  }
-}
-```
-
-Previously releases used FlexLayoutModule.forRoot().
-This has been deprecated and will output a `console.warn()` if used.
-
--*before*-
-
-```js
-@NgModule({
-  declarations : [...],
-  imports : [
-    CommonModule,
-    FlexLayoutModule.forRoot()
-  ]
-})
-export class DemosResponsiveLayoutsModule { }
-```
-
--*after*-
-
-```js
-@NgModule({
-  declarations : [...],
-  imports : [ CommonModule, FlexLayoutModule ]
-})
-export class DemosResponsiveLayoutsModule { }
-```
-
-<a name="2.0.0-beta.4"></a>
-# [2.0.0-beta.4](https://github.com/angular/flex-layout/compare/v2.0.0-beta.3...v2.0.0-beta.4) (2017-01-27)
-
-
 ### Bug Fixes
 
-* **flex:** fix use of values with 'auto' ([#122](https://github.com/angular/flex-layout/issues/122)) ([04d24d5](https://github.com/angular/flex-layout/commit/04d24d5)), closes [#120](https://github.com/angular/flex-layout/issues/120)
-* **fxHide,fxShow:** fix standalone breakpoint selectors ([#121](https://github.com/angular/flex-layout/issues/121)) ([0ca7d07](https://github.com/angular/flex-layout/commit/0ca7d07)), closes [#62](https://github.com/angular/flex-layout/issues/62) [#59](https://github.com/angular/flex-layout/issues/59) [#105](https://github.com/angular/flex-layout/issues/105)
-* **fxLayoutGap:** add gaps to dynamic content ([#124](https://github.com/angular/flex-layout/issues/124)) ([6482c12](https://github.com/angular/flex-layout/commit/6482c12)), closes [#95](https://github.com/angular/flex-layout/issues/95)
-* **matchMediaObservable:** expose observable for rxjs operators ([#133](https://github.com/angular/flex-layout/issues/133)) ([6e46561](https://github.com/angular/flex-layout/commit/6e46561)), closes [#125](https://github.com/angular/flex-layout/issues/125)
+* **build:** remove use of Angular private API ([#195](https://github.com/angular/flex-layout/issues/195)) ([d95cb09](https://github.com/angular/flex-layout/commit/d95cb09)), closes [#193](https://github.com/angular/flex-layout/issues/193)
+* **FlexLayoutModule:** remove console.warn() conflicts with ngc+AOT ([#179](https://github.com/angular/flex-layout/issues/179)) ([0797c85](https://github.com/angular/flex-layout/commit/0797c85)), closes [#174](https://github.com/angular/flex-layout/issues/174) [#175](https://github.com/angular/flex-layout/issues/175) [#176](https://github.com/angular/flex-layout/issues/176) [#178](https://github.com/angular/flex-layout/issues/178)
+* **fxFlex:** fxFlex=auto with overlapping breakpoints activated ([#183](https://github.com/angular/flex-layout/issues/183)) ([cb614ed](https://github.com/angular/flex-layout/commit/cb614ed)), closes [#135](https://github.com/angular/flex-layout/issues/135)
+* **fxShow, fxHide:** support fxHide+fxShow usages on same element ([#190](https://github.com/angular/flex-layout/issues/190)) ([eee20b2](https://github.com/angular/flex-layout/commit/eee20b2))
+* **ObservableMedia:** provide consistent reporting of active breakpoint ([#186](https://github.com/angular/flex-layout/issues/186)) ([aa0dab4](https://github.com/angular/flex-layout/commit/aa0dab4)), closes [#185](https://github.com/angular/flex-layout/issues/185)
+* **release:** fix checkout CHANGELOG.md from origin/master ([e17cdc1](https://github.com/angular/flex-layout/commit/e17cdc1))
 
 
-### BREAKING CHANGES
 
-* matchMediaObservable: * use opaque token `ObservableMediateService` to inject instance of `MediaService`
-* use `MediaService::asObservable()` to get instance of observable
-
-```js
-// RxJS
-import 'rxjs/add/operator/map';
-
-@Component({ ... })
-export class MyComponent {
-  constructor( @Inject(ObservableMediaService) media) {
-    media.asObservable()
-      .map( (change:MediaChange) => change.mqAlias == 'md' )
-      .subscribe((change:MediaChange) => {
-        let state = change ? `'${change.mqAlias}' = (${change.mediaQuery})` : ""
-        console.log( state );
-      });
-  }
-}
-```
-
-<a name="2.0.0-beta.3"></a>
-# [2.0.0-beta.3](https://github.com/angular/flex-layout/compare/v2.0.0-beta.2...v2.0.0-beta.3) (2017-01-17)
-
-
 <a name="2.0.0-beta.2"></a>
@@ -126,0 +17,0 @@ # [2.0.0-beta.2](https://github.com/angular/flex-layout/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2017-01-13)

flexbox/_module.js

@@ -8,4 +8,3 @@ import 'rxjs/add/operator/filter';
 import { LayoutDirective } from './api/layout';
-import { HideDirective } from './api/hide';
-import { ShowDirective } from './api/show';
+import { ShowHideDirective } from './api/show-hide';
 import { FlexAlignDirective } from './api/flex-align';
@@ -37,4 +36,3 @@ import { FlexFillDirective } from './api/flex-fill';
     FlexAlignDirective,
-    ShowDirective,
-    HideDirective,
+    ShowHideDirective,
     ClassDirective,
@@ -51,3 +49,2 @@ StyleDirective,
     FlexLayoutModule.forRoot = function () {
-        console.warn('FlexLayoutModule.forRoot() has been deprecated and is no longer needed.');
         return {
@@ -69,2 +66,2 @@ ngModule: FlexLayoutModule
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/_module.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/_module.js.map

flexbox/_module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"FlexLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show","name":"ShowDirective"},{"__symbolic":"reference","module":"./api/hide","name":"HideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"imports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"}],"exports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"},{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show","name":"ShowDirective"},{"__symbolic":"reference","module":"./api/hide","name":"HideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"providers":[{"__symbolic":"reference","module":"../media-query/media-monitor","name":"MediaMonitor"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"FlexLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show","name":"ShowDirective"},{"__symbolic":"reference","module":"./api/hide","name":"HideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"imports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"}],"exports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"},{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show","name":"ShowDirective"},{"__symbolic":"reference","module":"./api/hide","name":"HideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"providers":[{"__symbolic":"reference","module":"../media-query/media-monitor","name":"MediaMonitor"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"FlexLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show-hide","name":"ShowHideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"imports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"}],"exports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"},{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show-hide","name":"ShowHideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"providers":[{"__symbolic":"reference","module":"../media-query/media-monitor","name":"MediaMonitor"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"FlexLayoutModule"}}}}}}},{"__symbolic":"module","version":1,"metadata":{"FlexLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show-hide","name":"ShowHideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"imports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"}],"exports":[{"__symbolic":"reference","module":"../media-query/_module","name":"MediaQueriesModule"},{"__symbolic":"reference","module":"./api/layout","name":"LayoutDirective"},{"__symbolic":"reference","module":"./api/layout-wrap","name":"LayoutWrapDirective"},{"__symbolic":"reference","module":"./api/layout-gap","name":"LayoutGapDirective"},{"__symbolic":"reference","module":"./api/layout-align","name":"LayoutAlignDirective"},{"__symbolic":"reference","module":"./api/flex","name":"FlexDirective"},{"__symbolic":"reference","module":"./api/flex-order","name":"FlexOrderDirective"},{"__symbolic":"reference","module":"./api/flex-offset","name":"FlexOffsetDirective"},{"__symbolic":"reference","module":"./api/flex-fill","name":"FlexFillDirective"},{"__symbolic":"reference","module":"./api/flex-align","name":"FlexAlignDirective"},{"__symbolic":"reference","module":"./api/show-hide","name":"ShowHideDirective"},{"__symbolic":"reference","module":"./api/class","name":"ClassDirective"},{"__symbolic":"reference","module":"./api/style","name":"StyleDirective"}],"providers":[{"__symbolic":"reference","module":"../media-query/media-monitor","name":"MediaMonitor"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"FlexLayoutModule"}}}}}}}]

flexbox/api/base-adapter.js

@@ -102,2 +102,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/base-adapter.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/base-adapter.js.map

flexbox/api/base.js

@@ -1,3 +0,1 @@
-import { __platform_browser_private__ } from '@angular/platform-browser';
-var getDOM = __platform_browser_private__.getDOM;
 import { applyCssPrefixes } from '../../utils/auto-prefixer';
@@ -57,3 +55,3 @@ import { ResponsiveActivation, KeyOptions } from '../responsive/responsive-activation';
         var element = source || this._elementRef.nativeElement;
-        var value = element.style['display'] || getDOM().getComputedStyle(element)['display'];
+        var value = element.style['display'] || getComputedStyle(element)['display'];
         return value.trim();
@@ -138,2 +136,2 @@ };
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/base.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/base.js.map

flexbox/api/class.js

@@ -151,2 +151,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(NgClass));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/class.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/class.js.map

flexbox/api/flex-align.js

@@ -170,2 +170,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/flex-align.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/flex-align.js.map

flexbox/api/flex-fill.js

@@ -41,2 +41,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/flex-fill.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/flex-fill.js.map

flexbox/api/flex-offset.js

@@ -138,2 +138,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/flex-offset.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/flex-offset.js.map

flexbox/api/flex-order.js

@@ -136,2 +136,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/flex-order.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/flex-order.js.map

flexbox/api/flex.js

@@ -281,3 +281,3 @@ var __extends = (this && this.__extends) || function (d, b) {
         var min = (direction === 'row') ? 'min-width' : 'min-height';
-        var usingCalc = String(basis).indexOf('calc') > -1;
+        var usingCalc = (String(basis).indexOf('calc') > -1) || (basis == 'auto');
         var isPx = String(basis).indexOf('px') > -1 || usingCalc;
@@ -320,2 +320,2 @@ // make box inflexible when shrink and grow are both zero
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/flex.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/flex.js.map

flexbox/api/layout-align.js

@@ -223,2 +223,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/layout-align.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/layout-align.js.map

flexbox/api/layout-gap.js

@@ -238,2 +238,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/layout-gap.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/layout-gap.js.map

flexbox/api/layout-wrap.js

@@ -179,2 +179,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/layout-wrap.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/layout-wrap.js.map

flexbox/api/layout.js

@@ -174,2 +174,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(BaseFxDirective));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/layout.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/layout.js.map

flexbox/api/style.js

@@ -154,2 +154,2 @@ var __extends = (this && this.__extends) || function (d, b) {
 }(NgStyle));
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/api/style.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/api/style.js.map

flexbox/index.d.ts

@@ -9,3 +9,4 @@ /**
 export * from './api/base';
+export * from './api/base-adapter';
 export * from './responsive/responsive-activation';
 export * from './_module';

flexbox/index.js

@@ -9,4 +9,5 @@ /**
 export * from './api/base';
+export * from './api/base-adapter';
 export * from './responsive/responsive-activation';
 export * from './_module';
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/index.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/index.js.map

flexbox/index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./api/base"},{"from":"./responsive/responsive-activation"},{"from":"./_module"}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./api/base"},{"from":"./responsive/responsive-activation"},{"from":"./_module"}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./api/base"},{"from":"./api/base-adapter"},{"from":"./responsive/responsive-activation"},{"from":"./_module"}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./api/base"},{"from":"./api/base-adapter"},{"from":"./responsive/responsive-activation"},{"from":"./_module"}]}]

flexbox/responsive/responsive-activation.js

@@ -190,2 +190,2 @@ import 'rxjs/add/operator/map';
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/flexbox/responsive/responsive-activation.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/flexbox/responsive/responsive-activation.js.map

index.js

@@ -11,2 +11,2 @@ /**
 export * from './utils/index';
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/index.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/index.js.map

media-query/_module.js

@@ -30,2 +30,2 @@ import { NgModule } from '@angular/core';
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/_module.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/_module.js.map

media-query/breakpoints/break-point-registry.js

@@ -73,2 +73,2 @@ import { Injectable, Inject } from '@angular/core';
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/breakpoints/break-point-registry.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/breakpoints/break-point-registry.js.map

media-query/breakpoints/break-point.js

@@ -1,1 +0,1 @@
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/breakpoints/break-point.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/breakpoints/break-point.js.map

media-query/breakpoints/break-points.js

@@ -77,2 +77,2 @@ import { OpaqueToken } from '@angular/core';
 };
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/breakpoints/break-points.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/breakpoints/break-points.js.map

media-query/index.js

@@ -16,2 +16,2 @@ /**
 export * from './_module';
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/index.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/index.js.map

media-query/match-media.js

@@ -123,2 +123,2 @@ import { Injectable, NgZone } from '@angular/core';
 }
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/match-media.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/match-media.js.map

media-query/media-change.js

@@ -21,2 +21,2 @@ /**
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/media-change.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/media-change.js.map

media-query/media-monitor.js

@@ -104,2 +104,2 @@ import { Injectable } from '@angular/core';
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/media-monitor.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/media-monitor.js.map

media-query/mock/mock-match-media.js

@@ -90,3 +90,3 @@ var __extends = (this && this.__extends) || function (d, b) {
         // Activate last since the responsiveActivation is watching *this* mediaQuery
-        this._activateByQuery(mediaQuery);
+        return this._activateByQuery(mediaQuery);
     };
@@ -227,2 +227,2 @@ /**
 }());
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/mock/mock-match-media.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/mock/mock-match-media.js.map

media-query/observable-media-service.d.ts

@@ -61,3 +61,6 @@ import { Subscription } from 'rxjs/Subscription';
     private breakpoints;
-    private observable$;
+    /**
+     * Should we announce gt-<xxx> breakpoint activations ?
+     */
+    filterOverlaps: boolean;
     constructor(mediaWatcher: MatchMedia, breakpoints: BreakPointRegistry);
@@ -101,2 +104,3 @@ /**
     private _toMediaQuery(query);
+    private observable$;
 }
@@ -103,0 +107,0 @@ /**

media-query/observable-media-service.js

@@ -61,4 +61,8 @@ import { Injectable } from '@angular/core';
         this.breakpoints = breakpoints;
+        /**
+         * Should we announce gt-<xxx> breakpoint activations ?
+         */
+        this.filterOverlaps = true;
+        this.observable$ = this._buildObservable();
         this._registerBreakPoints();
-        this.observable$ = this._buildObservable();
     }
@@ -117,2 +121,6 @@ /**
             return mergeAlias(change, _this._findByQuery(change.mediaQuery));
+        })
+            .filter(function (change) {
+            var bp = _this.breakpoints.findByQuery(change.mediaQuery);
+            return !bp ? true : !(_this.filterOverlaps && bp.overlapping);
         });
@@ -126,3 +134,2 @@ };
     };
-    ;
     /**
@@ -162,2 +169,2 @@ * Breakpoint locator by mediaQuery
 };
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/observable-media-service.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/observable-media-service.js.map

media-query/screen-types.js

@@ -8,2 +8,2 @@ /**
  */
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/screen-types.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/media-query/screen-types.js.map

package.json

 {
   "name": "@angular/flex-layout",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-rc.1",
   "description": "Angular 2 Flexbox Layout",
@@ -5,0 +5,0 @@ "main": "./bundles/flex-layout.umd.js",

README.md

@@ -8,3 +8,3 @@ # 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.  
@@ -20,12 +20,27 @@
   
----
+### Why choose Flex-Layout
 
-The sources for this package are in the [Flex-Layout](https://github.com/angular/flex-layout) repository. <br/>
-Please file issues and pull requests against that repo.
+While other Flexbox CSS libraries are implementations of:
 
-License: MIT
+* pure CSS-only implementations, or 
+* the JS+CSS Stylesheets implementation of Angular Material v1.x Layouts.
 
+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.4.3 or higher) Applications.
+*  is independent of Angular Material (v1 or v2).
+*  requires no external stylesheets.
+*  requires Angular v2.4.3 or higher.
 
+<br/>
+
+### Browser Support
+
+<a href="http://caniuse.com/#feat=flexbox" target="_blank">
+<img src="https://cloud.githubusercontent.com/assets/210413/21288118/917e3faa-c440-11e6-9b08-28aff590c7ae.png">
+</a>
+
+<br/>
+  
 ### Installation
@@ -41,25 +56,2 @@
 
-### IMPORTANT API CHANGE
-
-Directive selectors are now camelCase (instead of dash-case); as specified in the Angular Style Guide (Q4, 2016):
-
-*  @Component selectors always use dash-case
-*  @Directive selectors always use camelCase
-> Except when the directive is pretending to be a component (i.e, if it had a template it would be '<ng-content></ng-content>').
-*  @Directive properties are prefixed with namespace info
-> @Component properties are not
-
-
-```html
-<div class="flex-container" 
-     fxLayout="row" 
-     fxLayout.xs="column"
-     fxLayoutAlign="center center"
-     fxLayoutAlign.xs="start">
-  <div class="flex-item" fxFlex="20%" fxFlex.xs="40%">  </div>
-  <div class="flex-item" fxFlex>        </div>
-  <div class="flex-item" fxFlex="25px"> </div>
-</div> 
-```
-
 ### Quick Links
@@ -86,29 +78,11 @@
 
-----
 
+### License
 
-### Why choose Flex-Layout
+License: MIT
 
-While other Flexbox CSS libraries are implementations of:
+The sources for this package are in the [Flex-Layout](https://github.com/angular/flex-layout) repository. <br/>
+Please file issues and pull requests against that repo.
 
-* pure CSS-only implementations, or 
-* the JS+CSS Stylesheets implementation of Angular Material v1.x Layouts.
 
-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 independent of Angular Material (v1 or v2).
-*  requires no external stylesheets.
-*  requires Angular v2.x or higher.
-
-<br/>
-
-### Browser Support
-
-<a href="http://caniuse.com/#feat=flexbox" target="_blank">
-<img src="https://cloud.githubusercontent.com/assets/210413/21288118/917e3faa-c440-11e6-9b08-28aff590c7ae.png">
-</a>
-
-<br/>
-

utils/add-alias.js

@@ -12,2 +12,2 @@ import { extendObject } from './object-extend';
 }
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/utils/add-alias.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/utils/add-alias.js.map

utils/auto-prefixer.js

@@ -89,2 +89,2 @@ /**
 }
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/utils/auto-prefixer.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/utils/auto-prefixer.js.map

utils/index.js

@@ -11,2 +11,2 @@ /**
 export * from './add-alias';
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/utils/index.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/utils/index.js.map

utils/object-extend.js

@@ -35,2 +35,2 @@ /**
 }
-//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/utils/object-extend.js.map
+//# sourceMappingURL=/usr/local/google/home/mmalerba/flex-layout/src/lib/utils/object-extend.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

687042

decreased by-2.91%

Lines of code

9065

decreased by-2.29%

Number of lines in readme file

85

decreased by-23.42%

No dependency changes