@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
29 lines • 5.1 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, ViewChild, ViewContainerRef } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { delay, shareReplay } from 'rxjs/operators';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BottomDrawerComponent {
constructor() {
this.drawerOpenSubject$ = new BehaviorSubject(true);
this.drawerOpenObs$ = this.drawerOpenSubject$.asObservable().pipe(delay(0), shareReplay());
}
get drawerOpen$() {
return this.drawerOpenObs$;
}
hide() {
this.drawerOpenSubject$.next(false);
this.drawerOpenSubject$.complete();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BottomDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BottomDrawerComponent, isStandalone: true, selector: "c8y-bottom-drawer", viewQueries: [{ propertyName: "drawerHost", first: true, predicate: ["drawerHost"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div [ngClass]=\"{ drawerOpen: drawerOpen$ | async }\">\n <div class=\"bottom-drawer\">\n <div class=\"d-flex d-col no-align-items fit-h\">\n <ng-template #drawerHost></ng-template>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BottomDrawerComponent, decorators: [{
type: Component,
args: [{ standalone: true, selector: 'c8y-bottom-drawer', imports: [CommonModule], template: "<div [ngClass]=\"{ drawerOpen: drawerOpen$ | async }\">\n <div class=\"bottom-drawer\">\n <div class=\"d-flex d-col no-align-items fit-h\">\n <ng-template #drawerHost></ng-template>\n </div>\n </div>\n</div>\n" }]
}], propDecorators: { drawerHost: [{
type: ViewChild,
args: ['drawerHost', { read: ViewContainerRef }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLWRyYXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb3JlL2JvdHRvbS1kcmF3ZXIvYm90dG9tLWRyYXdlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9jb3JlL2JvdHRvbS1kcmF3ZXIvYm90dG9tLWRyYXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFRcEQsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQWNVLHVCQUFrQixHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9DLG1CQUFjLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQztLQU0vRjtJQVhDLElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBS0QsSUFBSTtRQUNGLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JDLENBQUM7K0dBZFUscUJBQXFCO21HQUFyQixxQkFBcUIsa0tBQ0MsZ0JBQWdCLDZCQ1puRCxnT0FPQSwyQ0RDWSxZQUFZOzs0RkFHWCxxQkFBcUI7a0JBTmpDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLG1CQUFtQixXQUNwQixDQUFDLFlBQVksQ0FBQzs4QkFLdkIsVUFBVTtzQkFEVCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWxheSwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2M4eS1ib3R0b20tZHJhd2VyJyxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3R0b20tZHJhd2VyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBCb3R0b21EcmF3ZXJDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdkcmF3ZXJIb3N0JywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pXG4gIGRyYXdlckhvc3Q6IFZpZXdDb250YWluZXJSZWY7XG5cbiAgZ2V0IGRyYXdlck9wZW4kKCkge1xuICAgIHJldHVybiB0aGlzLmRyYXdlck9wZW5PYnMkO1xuICB9XG5cbiAgcHJpdmF0ZSBkcmF3ZXJPcGVuU3ViamVjdCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KHRydWUpO1xuICBwcml2YXRlIGRyYXdlck9wZW5PYnMkID0gdGhpcy5kcmF3ZXJPcGVuU3ViamVjdCQuYXNPYnNlcnZhYmxlKCkucGlwZShkZWxheSgwKSwgc2hhcmVSZXBsYXkoKSk7XG5cbiAgaGlkZSgpIHtcbiAgICB0aGlzLmRyYXdlck9wZW5TdWJqZWN0JC5uZXh0KGZhbHNlKTtcbiAgICB0aGlzLmRyYXdlck9wZW5TdWJqZWN0JC5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsgZHJhd2VyT3BlbjogZHJhd2VyT3BlbiQgfCBhc3luYyB9XCI+XG4gIDxkaXYgY2xhc3M9XCJib3R0b20tZHJhd2VyXCI+XG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBkLWNvbCBuby1hbGlnbi1pdGVtcyBmaXQtaFwiPlxuICAgICAgPG5nLXRlbXBsYXRlICNkcmF3ZXJIb3N0PjwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=