@scriptloom/ngx-media-query
Version:
A convenient media query service for building responsive Angular components.
26 lines • 2.42 kB
JavaScript
import { Component } from '@angular/core';
import { clearMediaQueries, loadMediaQueries } from './store/media-queries.actions';
import { Store } from '@ngrx/store';
export class NgxMediaQueryComponent {
constructor(store) {
this.store = store;
}
ngOnInit() {
this.store.dispatch(loadMediaQueries());
}
ngOnDestroy() {
this.store.dispatch(clearMediaQueries());
}
}
NgxMediaQueryComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-ngx-media-query',
template: `
<div libNgxMediaQuery></div>
`
},] }
];
NgxMediaQueryComponent.ctorParameters = () => [
{ type: Store }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1lZGlhLXF1ZXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9qYW1lcy9XZWJzdG9ybVByb2plY3RzL2xpYi1uZ3gvcHJvamVjdHMvbmd4LW1lZGlhLXF1ZXJ5L3NyYy8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWVkaWEtcXVlcnkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFTcEMsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxZQUFvQixLQUFZO1FBQVosVUFBSyxHQUFMLEtBQUssQ0FBTztJQUNoQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs7WUFsQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFFBQVEsRUFBRTs7R0FFVDthQUVGOzs7WUFSUSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xlYXJNZWRpYVF1ZXJpZXMsIGxvYWRNZWRpYVF1ZXJpZXMgfSBmcm9tICcuL3N0b3JlL21lZGlhLXF1ZXJpZXMuYWN0aW9ucyc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLW5neC1tZWRpYS1xdWVyeScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBsaWJOZ3hNZWRpYVF1ZXJ5PjwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE5neE1lZGlhUXVlcnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdG9yZTogU3RvcmUpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2gobG9hZE1lZGlhUXVlcmllcygpKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goY2xlYXJNZWRpYVF1ZXJpZXMoKSk7XG4gIH1cbn1cbiJdfQ==