ngx-mat-lib
Version:
A bunch of utilities and components to use in your Angular 7+ apps!
78 lines (77 loc) • 5.39 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Injectable } from "@angular/core";
import { MediaObserver, BreakPointRegistry, ɵMatchMedia, PrintHook } from "@angular/flex-layout";
import { takeUntil } from "rxjs/operators";
import { Subject } from "rxjs";
export class XmatMediaService extends MediaObserver {
/**
* @param {?} breakpoints
* @param {?} matchMedia
* @param {?} hook
*/
constructor(breakpoints, matchMedia, hook) {
super(breakpoints, matchMedia, hook);
this.bps = breakpoints.items;
}
}
XmatMediaService.decorators = [
{ type: Injectable }
];
/** @nocollapse */
XmatMediaService.ctorParameters = () => [
{ type: BreakPointRegistry },
{ type: ɵMatchMedia },
{ type: PrintHook }
];
if (false) {
/** @type {?} */
XmatMediaService.prototype.bps;
}
export class XmatMediaQueryStateComponent {
/**
* @param {?} mediaSrv
*/
constructor(mediaSrv) {
this._subsCtrl$ = new Subject();
mediaSrv.asObservable()
.pipe(takeUntil(this._subsCtrl$))
.subscribe((changes) => {
this.medias = changes;
});
}
/**
* @return {?}
*/
ngOnDestroy() {
this._subsCtrl$.next();
}
}
XmatMediaQueryStateComponent.decorators = [
{ type: Component, args: [{
selector: "xmat-media-query-state",
template: `
<div class="mqInfo">
<p>Active MediaQuery(s):</p>
<ul>
<li *ngFor="let change of medias">
{{change.mqAlias}} = {{change.mediaQuery}}
</li>
</ul>
</div>
`
}] }
];
/** @nocollapse */
XmatMediaQueryStateComponent.ctorParameters = () => [
{ type: XmatMediaService }
];
if (false) {
/** @type {?} */
XmatMediaQueryStateComponent.prototype.medias;
/** @type {?} */
XmatMediaQueryStateComponent.prototype._subsCtrl$;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieG1hdC1tZWRpYS1xdWVyeS1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWF0LWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3htYXQtbWVkaWEtcXVlcnktc3RhdGUveG1hdC1tZWRpYS1xdWVyeS1zdGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWEsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFFSCxhQUFhLEVBRWIsa0JBQWtCLEVBQ2xCLFdBQVcsRUFDWCxTQUFTLEVBQ1osTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUcvQixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsYUFBYTs7Ozs7O0lBSS9DLFlBQVksV0FBK0IsRUFBRSxVQUF1QixFQUFFLElBQWU7UUFDakYsS0FBSyxDQUFDLFdBQVcsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLEdBQUcsR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDO0tBQ2hDOzs7WUFSSixVQUFVOzs7O1lBUFAsa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxTQUFTOzs7Ozs7QUE4QmIsTUFBTSxPQUFPLDRCQUE0Qjs7OztJQU1yQyxZQUFZLFFBQTBCOzBCQUZGLElBQUksT0FBTyxFQUFRO1FBR25ELFFBQVEsQ0FBQyxZQUFZLEVBQUU7YUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDaEMsU0FBUyxDQUFDLENBQUMsT0FBc0IsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1NBQ3pCLENBQUMsQ0FBQztLQUNWOzs7O0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7S0FDMUI7OztZQTlCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTWDthQUVGOzs7O1lBT3lCLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgTWVkaWFDaGFuZ2UsXG4gICAgTWVkaWFPYnNlcnZlcixcbiAgICBCcmVha1BvaW50LFxuICAgIEJyZWFrUG9pbnRSZWdpc3RyeSxcbiAgICDJtU1hdGNoTWVkaWEsXG4gICAgUHJpbnRIb29rXG59IGZyb20gXCJAYW5ndWxhci9mbGV4LWxheW91dFwiO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSBcInJ4anNcIjtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFhtYXRNZWRpYVNlcnZpY2UgZXh0ZW5kcyBNZWRpYU9ic2VydmVyIHtcblxuICAgIHB1YmxpYyBicHM6IEJyZWFrUG9pbnRbXTtcblxuICAgIGNvbnN0cnVjdG9yKGJyZWFrcG9pbnRzOiBCcmVha1BvaW50UmVnaXN0cnksIG1hdGNoTWVkaWE6IMm1TWF0Y2hNZWRpYSwgaG9vazogUHJpbnRIb29rKSB7XG4gICAgICAgIHN1cGVyKGJyZWFrcG9pbnRzLCBtYXRjaE1lZGlhLCBob29rKTtcbiAgICAgICAgdGhpcy5icHMgPSBicmVha3BvaW50cy5pdGVtcztcbiAgICB9XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInhtYXQtbWVkaWEtcXVlcnktc3RhdGVcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJtcUluZm9cIj5cbiAgICAgIDxwPkFjdGl2ZSBNZWRpYVF1ZXJ5KHMpOjwvcD5cbiAgICAgIDx1bD5cbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBjaGFuZ2Ugb2YgbWVkaWFzXCI+XG4gICAgICAgICAge3tjaGFuZ2UubXFBbGlhc319ID0ge3tjaGFuZ2UubWVkaWFRdWVyeX19XG4gICAgICAgIDwvbGk+XG4gICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICBgLFxuICAgIHN0eWxlVXJsczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFhtYXRNZWRpYVF1ZXJ5U3RhdGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gICAgbWVkaWFzOiBNZWRpYUNoYW5nZVtdO1xuXG4gICAgcHJpdmF0ZSBfc3Vic0N0cmwkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKG1lZGlhU3J2OiBYbWF0TWVkaWFTZXJ2aWNlKSB7XG4gICAgICAgIG1lZGlhU3J2LmFzT2JzZXJ2YWJsZSgpXG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fc3Vic0N0cmwkKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKGNoYW5nZXM6IE1lZGlhQ2hhbmdlW10pID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm1lZGlhcyA9IGNoYW5nZXM7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc3Vic0N0cmwkLm5leHQoKTtcbiAgICB9XG59XG4iXX0=