@scriptloom/ngx-media-query
Version:
A convenient media query service for building responsive Angular components.
39 lines (38 loc) • 1.37 kB
TypeScript
import { OnDestroy, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import { MediaQuery } from './media-queries.models';
export declare class MediaQueriesDirective implements OnInit, OnDestroy {
private store;
currentMediaQuery: MediaQuery;
screenQuery: MediaQueryList;
private readonly screenQueryListener;
upperXsQuery: MediaQueryList;
private readonly xsQueryListener;
lowerSmQuery: MediaQueryList;
upperSmQuery: MediaQueryList;
private readonly smQueryListener;
lowerMdQuery: MediaQueryList;
upperMdQuery: MediaQueryList;
private readonly mdQueryListener;
lowerLgQuery: MediaQueryList;
upperLgQuery: MediaQueryList;
private readonly lgQueryListener;
lowerXlQuery: MediaQueryList;
upperXlQuery: MediaQueryList;
private readonly xlQueryListener;
constructor(store: Store);
ngOnInit(): void;
ngOnDestroy(): void;
private dispatchMediaQuery;
screenXsConditional(): () => void;
private notifyStoreScreenWidthXs;
screenSmConditional(): () => void;
private notifyStoreScreenWidthSm;
screenMdConditional(): () => void;
private notifyStoreScreenWidthMd;
screenLgConditional(): () => void;
private notifyStoreScreenWidthLg;
screenXlConditional(): () => void;
private notifyStoreScreenWidthXl;
private initializeState;
}