@angular/flex-layout - npm Package Versions

10.0.0-beta.32 (2020-06-15)

This release adds support for Angular v10 and Angular CDK v10.

Bug Fixes

• core: add generic type to ModuleWithProviders to support v10 (#1260) (f47da38)
• mock-match-media: ensure overlapping breakpoints are activated (#1265) (af92cb0)

<a name="9.0.0-beta.31"></a>

9.0.0-beta.31 (2020-05-15)

This is a patch release to address a regression in the ShowHideDirective. The next full release will target Angular v10.

Bug Fixes

• show-hide: set explicit display fallback for SSR (#1252) (0c5811d)

<a name="9.0.0-beta.30"></a>

9.0.0-beta.30 (2020-05-11)

This will be the last release with support for Angular v9. The next release will be for Angular v10.

Bug Fixes

• core: ignore null values in breakpoint fallback mechanism (#1247) (5085909)
• core: only trigger style updates when value changes (#1246) (a96ef13)
• flex: wait for parent element until template is initialized (#1237) (93a426a)
• match-media: unregister media query event listeners on destroy (#1236) (2ca7848)
• media-marshaller: do not propagate undefined value (#1245) (b05d51a)
• media-observer: return correct value for isActive on init (#1244) (bf069af)
• orientation: use tablet landscape screen type (#1220) (dd772d7)
• print-hook: unregister event listeners on destroy (#1235) (6d0cd00)
• show-hide: use initial value as fallback instead of parent (#1243) (bf2355b)

Features

• layout-gap: add x/y options for grid mode (#1234) (990586b)

NOTE: if you consume Angular Layout through UMD, we no longer re-export secondary entrypoints (e.g. @angular/flex-layout/flex) from the top-level (@angular/flex-layout) bundle. Please modify your apps accordingly. For users of the Angular CLI, this should not be an issue.

<a name="9.0.0-beta.29"></a>

9.0.0-beta.29 (2020-02-06)

This release adds support for projects using Angular v9 without Ivy.

<a name="9.0.0-beta.28"></a>

9.0.0-beta.28 (2020-01-27)

This release adds compatibility for Angular v9, which removed some private APIs this library depended on.

Bug Fixes

• ssr: reset class counter to zero before each render (#1153) (d062708)

Features

• core: support beforeprint and afterprint hooks (#1080) (8302998), closes #603
• change tslib from direct dependency to peerDependency (#1132) (06268b8)

BREAKING CHANGES

• We no longer directly have a direct depedency on tslib. Instead it is now listed a peerDependency.

Users not using the CLI will need to manually install tslib via;

yarn add tslib

or

npm install tslib --save

<a name="8.0.0-beta.27"></a>

8.0.0-beta.27 (2019-08-30)

This release fixes compatibility issues for the next version of the Angular rendering engine, while maintaining compatibility with Angular v8.

Bug Fixes

• core: update breakpoints ranges to avoid overlapping (#1075) (31cb34e), closes angular/flex-layout#1052 angular/flex-layout#1001
• fxFlex: use correct type for basis validation in reflow case (#1095) (d02377a), closes #1089
• server: breakpoints can be used by MediaObserver (#1087) (6bbfe23)

<a name="8.0.0-beta.26"></a>

8.0.0-beta.26 (2019-05-24)

This release adds compatibility for Angular v8 final, which contained a breaking change from previous RCs.

<a name="8.0.0-beta.25"></a>

8.0.0-beta.25 (2019-05-19)

This release is solely for compatibility with Angular and Components v8, with a minor Bazel fix as well.

<a name="7.0.0-beta.24"></a>

7.0.0-beta.24 (2019-03-17)

Bug Fixes

• core: align breakpoints with those used in CDK (#1006) (6f43cf6), closes #685 #1001
• core: fail-safe check of nullable value (#1031) (5112a47), closes #958
• core: update breakpoint ranges to remove subpixel gaps (#1004) (1154fae), closes #1001
• core: update layout-bp mixin to use right overlapping maps (#1020) (af15a61)
• docs: make splitter demo work in IE (#982) (0ba4bac)
• fxFlex: restore correct styles after fxLayoutAlign is applied (#1038) (b245229)
• fxLayoutGap: correctly handle lack of fallback value (#1037) (ce9b989), closes #1011
• fxLayoutGap: not working with dynamic fxHide (#983) (0eccec4)
• img-src: correctly initialize fallback value (#986) (c1fc857)
• layout-align: respect inline-flex on sibling fxLayout (#1036) (c23621c), closes #1009
• ngClass: should properly remove classes without fallback (#995) (47248b1), closes #992
• sass: update stylesheet with correct keys (#987) (002eb66)

Features

• core: implement MediaTrigger to allow manual breakpoint activations (#997) (66e7463)
• core: MediaObserver can report 1..n activations (#994) (8307655)
• core: move MatchMedia to internal scope (#998) (53a6ebb)
• demo: add demo to show fxHide with used with custom breakpoint (#969) (f4eb901), closes #961
• server: add ability to specify breakpoints for MediaObserver (#999) (1c136bc), closes #991

BREAKING CHANGES

• core: MediaObserver is the only supported mechanism to watch breakpoint activations outside the library. Developers should not use MatchMedia.

• MatchMedia is no longer exported as a public utility.

• ServerMatchMedia is no longer exported at all

• core: The stream data type for asObservable is now MediaChange[] instead of MediaChange and media$ is deprecated in favor of asObservable().

• filterOverlaps now defaults to false

<a name="7.0.0-beta.23"></a>

7.0.0-beta.23 (2019-01-04)

In this release, we have improved the prioritization of standard breakpoints and added support for print mediaQueries.

When printing developers can now configure how layouts should render. Default print will use the current layout and current elements shown/visible. By specifying 1..n mediaQuery aliases, developers can specify alternate layouts with alternate breakpoints to be used for printing. And now DOM elements can also be shown and hidden for printing-only; use fxShow.print and fxHide.print support to show/hide elements during printing.

These enhancements allow totally different print outputs without modifying the current browser layout.

Using the new printWithBreakpoints allows developers to specify a breakpoint that should be used to render layouts only during printing. With the configuration below, the breakpoint associated with the md alias will be used.

    FlexLayoutModule.withConfig({
      useColumnBasisZero: false,
      printWithBreakpoints: ['md', 'lt-lg', 'lt-xl', 'gt-sm', 'gt-xs']
    })

Shown below is the print layout rendered in floating dialog over the normal layout that is currently using 'lg' breakpoints.

Features

• core: add print support with mediaQuery override (#954) (0c9e9cb), closes #603

Bug Fixes

• core: correctly handle lack of fallback values (#949) (01c4148), closes #947
• core: improve use of breakpoint priorities (#955) (d57b293), closes #648 #426
• show-hide: account for fxLayout on same element (#948) (c922ae3), closes #945
• style: add SSR capabilities (#962) (f82bbc1), closes #813

BREAKING CHANGES:

• This version requires an upgrade to TypeScript 3.2 due to a change in how the DOM spec is typed

<a name="7.0.0-beta.22"></a>