chore: remove deprecated APIs (#912)

Author: CaerusKaru

src/apps/demo-app/src/app/media-query-status/media-query-status.component.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {MediaChange, ObservableMedia} from '@angular/flex-layout';
+import {MediaChange, MediaObserver} from '@angular/flex-layout';
 import {Observable} from 'rxjs';
 
 @Component({
@@ -13,9 +13,11 @@ import {Observable} from 'rxjs';
   changeDetection : ChangeDetectionStrategy.OnPush
 })
 export class MediaQueryStatusComponent {
-  media$: Observable<MediaChange> = this.mediaService.asObservable();
+  media$: Observable<MediaChange>;
 
-  constructor(private mediaService: ObservableMedia) {}
+  constructor(mediaObserver: MediaObserver) {
+    this.media$ = mediaObserver.media$;
+  }
 
   extractQuery(change: MediaChange): string {
     return change ? `'${change.mqAlias}' = (${change.mediaQuery})` : '';

src/apps/demo-app/src/app/responsive/responsive-row-column/responsive-row-column.component.ts

@@ -1,5 +1,6 @@
 import {Component, OnDestroy} from '@angular/core';
-import {MediaChange, ObservableMedia} from '@angular/flex-layout';
+import {MediaChange, MediaObserver} from '@angular/flex-layout';
+import {Subscription} from 'rxjs';
 
 @Component({
   selector: 'demo-responsive-row-column',
@@ -16,24 +17,24 @@ export class ResponsiveRowColumnComponent implements OnDestroy {
   };
   isVisible = true;
 
-  private _activeMQC: MediaChange;
-  private _watcher;
+  private activeMQC: MediaChange;
+  private subscription: Subscription;
 
-  constructor(private _media$: ObservableMedia) {
-    this._watcher = this._media$
+  constructor(mediaObserver: MediaObserver) {
+    this.subscription = mediaObserver.media$
       .subscribe((e: MediaChange) => {
-        this._activeMQC = e;
+        this.activeMQC = e;
       });
   }
 
   ngOnDestroy() {
-    this._watcher.unsubscribe();
+    this.subscription.unsubscribe();
   }
 
   toggleLayoutFor(col: number) {
     switch (col) {
       case 1:
-        const set1 = `firstCol${this._activeMQC ? this._activeMQC.suffix : ''}`;
+        const set1 = `firstCol${this.activeMQC ? this.activeMQC.suffix : ''}`;
         this.cols[set1] = (this.cols[set1] === 'column') ? 'row' : 'column';
         break;