right-angled
Version:
Lightweight and easy to use angular data grids. Integrates with your markup and styles rather than generating its own.
25 lines • 3.45 kB
JavaScript
import { Component } from '@angular/core';
import { OperationStatus } from '../../core/operation-status';
import { map } from 'rxjs/operators';
import * as i0 from "@angular/core";
import * as i1 from "../providers/list";
import * as i2 from "@angular/common";
export class StatusInProgressComponent {
constructor(trackedStatusObject) {
this.isVisible$ = trackedStatusObject.status$.pipe(map(status => status === OperationStatus.Progress));
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusInProgressComponent, deps: [{ token: i1.OperationStatusStream }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusInProgressComponent, selector: "rt-status-progress", ngImport: i0, template: `
<ng-content *ngIf="(isVisible$ | async)"></ng-content>
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusInProgressComponent, decorators: [{
type: Component,
args: [{
selector: 'rt-status-progress',
template: `
<ng-content *ngIf="(isVisible$ | async)"></ng-content>
`
}]
}], ctorParameters: function () { return [{ type: i1.OperationStatusStream }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluLXByb2dyZXNzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JpZ2h0LWFuZ2xlZC9zcmMvbGliL2xpc3RzL3N0YXR1cy9zdGF0dXMtaW4tcHJvZ3Jlc3MuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTlELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVFyQyxNQUFNLE9BQU8seUJBQXlCO0lBRWxDLFlBQVksbUJBQTBDO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEtBQUssZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDM0csQ0FBQzsrR0FKUSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwwREFKeEI7O0tBRVQ7OzRGQUVRLHlCQUF5QjtrQkFOckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUU7O0tBRVQ7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3BlcmF0aW9uU3RhdHVzU3RyZWFtIH0gZnJvbSAnLi4vcHJvdmlkZXJzL2xpc3QnO1xyXG5pbXBvcnQgeyBPcGVyYXRpb25TdGF0dXMgfSBmcm9tICcuLi8uLi9jb3JlL29wZXJhdGlvbi1zdGF0dXMnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdydC1zdGF0dXMtcHJvZ3Jlc3MnLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cIihpc1Zpc2libGUkIHwgYXN5bmMpXCI+PC9uZy1jb250ZW50PlxyXG4gICAgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhdHVzSW5Qcm9ncmVzc0NvbXBvbmVudCB7XHJcbiAgICBwdWJsaWMgaXNWaXNpYmxlJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxuICAgIGNvbnN0cnVjdG9yKHRyYWNrZWRTdGF0dXNPYmplY3Q6IE9wZXJhdGlvblN0YXR1c1N0cmVhbSkge1xyXG4gICAgICAgIHRoaXMuaXNWaXNpYmxlJCA9IHRyYWNrZWRTdGF0dXNPYmplY3Quc3RhdHVzJC5waXBlKG1hcChzdGF0dXMgPT4gc3RhdHVzID09PSBPcGVyYXRpb25TdGF0dXMuUHJvZ3Jlc3MpKTtcclxuICAgIH1cclxufVxyXG4iXX0=