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.38 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 StatusDoneComponent {
constructor(trackedStatusObject) {
this.isVisible$ = trackedStatusObject.status$.pipe(map(status => status === OperationStatus.Done));
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusDoneComponent, deps: [{ token: i1.OperationStatusStream }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusDoneComponent, selector: "rt-status-done", 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: StatusDoneComponent, decorators: [{
type: Component,
args: [{
selector: 'rt-status-done',
template: `
<ng-content *ngIf="(isVisible$ | async)"></ng-content>
`
}]
}], ctorParameters: function () { return [{ type: i1.OperationStatusStream }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWRvbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmlnaHQtYW5nbGVkL3NyYy9saWIvbGlzdHMvc3RhdHVzL3N0YXR1cy1kb25lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUU5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFRckMsTUFBTSxPQUFPLG1CQUFtQjtJQUU1QixZQUFZLG1CQUEwQztRQUNsRCxJQUFJLENBQUMsVUFBVSxHQUFHLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsTUFBTSxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7K0dBSlEsbUJBQW1CO21HQUFuQixtQkFBbUIsc0RBSmxCOztLQUVUOzs0RkFFUSxtQkFBbUI7a0JBTi9CLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOztLQUVUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9wZXJhdGlvblN0YXR1c1N0cmVhbSB9IGZyb20gJy4uL3Byb3ZpZGVycy9saXN0JztcclxuaW1wb3J0IHsgT3BlcmF0aW9uU3RhdHVzIH0gZnJvbSAnLi4vLi4vY29yZS9vcGVyYXRpb24tc3RhdHVzJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAncnQtc3RhdHVzLWRvbmUnLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cIihpc1Zpc2libGUkIHwgYXN5bmMpXCI+PC9uZy1jb250ZW50PlxyXG4gICAgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhdHVzRG9uZUNvbXBvbmVudCB7XHJcbiAgICBwdWJsaWMgaXNWaXNpYmxlJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxuICAgIGNvbnN0cnVjdG9yKHRyYWNrZWRTdGF0dXNPYmplY3Q6IE9wZXJhdGlvblN0YXR1c1N0cmVhbSkge1xyXG4gICAgICAgIHRoaXMuaXNWaXNpYmxlJCA9IHRyYWNrZWRTdGF0dXNPYmplY3Quc3RhdHVzJC5waXBlKG1hcChzdGF0dXMgPT4gc3RhdHVzID09PSBPcGVyYXRpb25TdGF0dXMuRG9uZSkpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==