ngx-mat-lib
Version:
A bunch of utilities and components to use in your Angular 7+ apps!
72 lines (71 loc) • 5.89 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, Injectable } from "@angular/core";
import { MediaObserver, BreakPointRegistry, ɵMatchMedia, PrintHook } from "@angular/flex-layout";
import { takeUntil } from "rxjs/operators";
import { Subject } from "rxjs";
var XmatMediaService = /** @class */ (function (_super) {
tslib_1.__extends(XmatMediaService, _super);
function XmatMediaService(breakpoints, matchMedia, hook) {
var _this = _super.call(this, breakpoints, matchMedia, hook) || this;
_this.bps = breakpoints.items;
return _this;
}
XmatMediaService.decorators = [
{ type: Injectable }
];
/** @nocollapse */
XmatMediaService.ctorParameters = function () { return [
{ type: BreakPointRegistry },
{ type: ɵMatchMedia },
{ type: PrintHook }
]; };
return XmatMediaService;
}(MediaObserver));
export { XmatMediaService };
if (false) {
/** @type {?} */
XmatMediaService.prototype.bps;
}
var XmatMediaQueryStateComponent = /** @class */ (function () {
function XmatMediaQueryStateComponent(mediaSrv) {
var _this = this;
this._subsCtrl$ = new Subject();
mediaSrv.asObservable()
.pipe(takeUntil(this._subsCtrl$))
.subscribe(function (changes) {
_this.medias = changes;
});
}
/**
* @return {?}
*/
XmatMediaQueryStateComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._subsCtrl$.next();
};
XmatMediaQueryStateComponent.decorators = [
{ type: Component, args: [{
selector: "xmat-media-query-state",
template: "\n <div class=\"mqInfo\">\n <p>Active MediaQuery(s):</p>\n <ul>\n <li *ngFor=\"let change of medias\">\n {{change.mqAlias}} = {{change.mediaQuery}}\n </li>\n </ul>\n </div>\n "
}] }
];
/** @nocollapse */
XmatMediaQueryStateComponent.ctorParameters = function () { return [
{ type: XmatMediaService }
]; };
return XmatMediaQueryStateComponent;
}());
export { XmatMediaQueryStateComponent };
if (false) {
/** @type {?} */
XmatMediaQueryStateComponent.prototype.medias;
/** @type {?} */
XmatMediaQueryStateComponent.prototype._subsCtrl$;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieG1hdC1tZWRpYS1xdWVyeS1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWF0LWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3htYXQtbWVkaWEtcXVlcnktc3RhdGUveG1hdC1tZWRpYS1xdWVyeS1zdGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFhLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBRUgsYUFBYSxFQUViLGtCQUFrQixFQUNsQixXQUFXLEVBQ1gsU0FBUyxFQUNaLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0lBR08sNENBQWE7SUFJL0MsMEJBQVksV0FBK0IsRUFBRSxVQUF1QixFQUFFLElBQWU7UUFBckYsWUFDSSxrQkFBTSxXQUFXLEVBQUUsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUV2QztRQURHLEtBQUksQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQzs7S0FDaEM7O2dCQVJKLFVBQVU7Ozs7Z0JBUFAsa0JBQWtCO2dCQUNsQixXQUFXO2dCQUNYLFNBQVM7OzJCQVBiO0VBYXNDLGFBQWE7U0FBdEMsZ0JBQWdCOzs7Ozs7SUE4QnpCLHNDQUFZLFFBQTBCO1FBQXRDLGlCQU1DOzBCQVJtQyxJQUFJLE9BQU8sRUFBUTtRQUduRCxRQUFRLENBQUMsWUFBWSxFQUFFO2FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ2hDLFNBQVMsQ0FBQyxVQUFDLE9BQXNCO1lBQzlCLEtBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1NBQ3pCLENBQUMsQ0FBQztLQUNWOzs7O0lBRUQsa0RBQVc7OztJQUFYO1FBQ0ksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztLQUMxQjs7Z0JBOUJKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUUsOE5BU1g7aUJBRUY7Ozs7Z0JBT3lCLGdCQUFnQjs7dUNBM0MxQzs7U0FxQ2EsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtcbiAgICBNZWRpYUNoYW5nZSxcbiAgICBNZWRpYU9ic2VydmVyLFxuICAgIEJyZWFrUG9pbnQsXG4gICAgQnJlYWtQb2ludFJlZ2lzdHJ5LFxuICAgIMm1TWF0Y2hNZWRpYSxcbiAgICBQcmludEhvb2tcbn0gZnJvbSBcIkBhbmd1bGFyL2ZsZXgtbGF5b3V0XCI7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgWG1hdE1lZGlhU2VydmljZSBleHRlbmRzIE1lZGlhT2JzZXJ2ZXIge1xuXG4gICAgcHVibGljIGJwczogQnJlYWtQb2ludFtdO1xuXG4gICAgY29uc3RydWN0b3IoYnJlYWtwb2ludHM6IEJyZWFrUG9pbnRSZWdpc3RyeSwgbWF0Y2hNZWRpYTogybVNYXRjaE1lZGlhLCBob29rOiBQcmludEhvb2spIHtcbiAgICAgICAgc3VwZXIoYnJlYWtwb2ludHMsIG1hdGNoTWVkaWEsIGhvb2spO1xuICAgICAgICB0aGlzLmJwcyA9IGJyZWFrcG9pbnRzLml0ZW1zO1xuICAgIH1cbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwieG1hdC1tZWRpYS1xdWVyeS1zdGF0ZVwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm1xSW5mb1wiPlxuICAgICAgPHA+QWN0aXZlIE1lZGlhUXVlcnkocyk6PC9wPlxuICAgICAgPHVsPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGNoYW5nZSBvZiBtZWRpYXNcIj5cbiAgICAgICAgICB7e2NoYW5nZS5tcUFsaWFzfX0gPSB7e2NoYW5nZS5tZWRpYVF1ZXJ5fX1cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG4gIGAsXG4gICAgc3R5bGVVcmxzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgWG1hdE1lZGlhUXVlcnlTdGF0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgICBtZWRpYXM6IE1lZGlhQ2hhbmdlW107XG5cbiAgICBwcml2YXRlIF9zdWJzQ3RybCQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IobWVkaWFTcnY6IFhtYXRNZWRpYVNlcnZpY2UpIHtcbiAgICAgICAgbWVkaWFTcnYuYXNPYnNlcnZhYmxlKClcbiAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9zdWJzQ3RybCQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoY2hhbmdlczogTWVkaWFDaGFuZ2VbXSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubWVkaWFzID0gY2hhbmdlcztcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zdWJzQ3RybCQubmV4dCgpO1xuICAgIH1cbn1cbiJdfQ==