feat: switch to CDK BreakpointsObserver

We need to migrate to the CDK’s layout engine. This means the following:

• ~Switch to using BreakpointsObserver in MediaMonitor~
• Deprecate ObservableMedia/MediaService
• Deprecate MatchMedia
• Add server wrapper for BreakpointsObserver and MediaMatcher
• Update the CDK layout engine as necessary

[ThomasBurleson]

@angular/cdk BreakpointObserver will not replace @angular/flex-layout MediaObserver. MediaObserver is an enhanced version that notifies subscribers of activations for standard AND overlapping (lt-xxx, gt-xxx) breakpoints.

We are adding the following enhancements to @angular/flex-layout:

• Ensure standard breakpoints mediaQueries are aligned with those in the CDK
• Update MediaObserver
  • isActive() enhanced to support list of aliases to determine if any match
  • properly disconnects subscribers when destroyed

Note: Developers should use MediaObserver (not use MatchMedia) service to observe breakpoint activations! MediaObserver is the recommended service to use for application developers; MatchMedia should be considered a private service.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}