UNPKG

ri-flex-layout

Version:

An alternative library to Angular's deprecated [angular-flex-layout](https://github.com/angular/flex-layout) library. `ri-flex-layout` helps you achieve responsive layouts in Angular applications with minimal code changes.

45 lines (44 loc) 1.78 kB
import { NgZone, OnDestroy } from '@angular/core'; import { BehaviorSubject, Observable } from 'rxjs'; import { MediaChange } from '../media-change'; import * as i0 from "@angular/core"; export declare class MatchMedia implements OnDestroy { protected _zone: NgZone; protected _platformId: Object; protected _document: any; readonly source: BehaviorSubject<MediaChange>; registry: Map<string, MediaQueryList>; private readonly pendingRemoveListenerFns; constructor(_zone: NgZone, _platformId: Object, _document: any); /** * Publish list of all current activations */ get activations(): string[]; /** * For the specified mediaQuery? */ isActive(mediaQuery: string): boolean; /** * External observers can watch for all (or a specific) mql changes. * * If a mediaQuery is not specified, then ALL mediaQuery activations will * be announced. */ observe(): Observable<MediaChange>; observe(mediaQueries: string[]): Observable<MediaChange>; observe(mediaQueries: string[], filterOthers: boolean): Observable<MediaChange>; /** * Based on the BreakPointRegistry provider, register internal listeners for each unique * mediaQuery. Each listener emits specific MediaChange data to observers */ registerQuery(mediaQuery: string | string[]): MediaChange[]; ngOnDestroy(): void; /** * Call window.matchMedia() to build a MediaQueryList; which * supports 0..n listeners for activation/deactivation */ protected buildMQL(query: string): MediaQueryList; protected _observable$: Observable<MediaChange>; static ɵfac: i0.ɵɵFactoryDeclaration<MatchMedia, never>; static ɵprov: i0.ɵɵInjectableDeclaration<MatchMedia>; }