cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
30 lines • 4.07 kB
JavaScript
import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ScrimComponent {
isVisible = true;
isClosable = true;
display = 'block';
open() {
this.isVisible = true;
this.display = 'block';
}
close() {
this.isVisible = false;
this.display = 'none';
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrimComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScrimComponent, selector: "cfc-scrim", inputs: { isVisible: "isVisible", isClosable: "isClosable" }, host: { properties: { "style.display": "this.display" } }, ngImport: i0, template: "<div\r\n class=\"full-screen-overlay\"\r\n *ngIf=\"isVisible\"\r\n (click)=\"isClosable ? close() : null\">\r\n</div>\r\n", styles: [".full-screen-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#00000073;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);z-index:1000}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrimComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-scrim', template: "<div\r\n class=\"full-screen-overlay\"\r\n *ngIf=\"isVisible\"\r\n (click)=\"isClosable ? close() : null\">\r\n</div>\r\n", styles: [".full-screen-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#00000073;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);z-index:1000}\n"] }]
}], propDecorators: { isVisible: [{
type: Input
}], isClosable: [{
type: Input
}], display: [{
type: HostBinding,
args: ['style.display']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NyaW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2ZjLWRzL3NyYy9saWIvY29tcG9uZW50cy9zY3JpbS9zY3JpbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL3NjcmltL3NjcmltLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzlELE1BQU0sT0FBTyxjQUFjO0lBRWhCLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDakIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUVHLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFFaEQsSUFBSTtRQUNGLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7SUFDeEIsQ0FBQzt3R0FmVSxjQUFjOzRGQUFkLGNBQWMsMEtDUDNCLDhIQUtBOzs0RkRFYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFdBQVc7OEJBTVosU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUV3QixPQUFPO3NCQUFwQyxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZmMtc2NyaW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JpbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NjcmltLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2NyaW1Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBpc1Zpc2libGUgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGlzQ2xvc2FibGUgPSB0cnVlO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmRpc3BsYXknKSBkaXNwbGF5ID0gJ2Jsb2NrJztcclxuXHJcbiAgb3BlbigpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWaXNpYmxlID0gdHJ1ZTtcclxuICAgIHRoaXMuZGlzcGxheSA9ICdibG9jayc7XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XHJcbiAgICB0aGlzLmRpc3BsYXkgPSAnbm9uZSc7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmdWxsLXNjcmVlbi1vdmVybGF5XCJcclxuICAqbmdJZj1cImlzVmlzaWJsZVwiXHJcbiAgKGNsaWNrKT1cImlzQ2xvc2FibGUgPyBjbG9zZSgpIDogbnVsbFwiPlxyXG48L2Rpdj5cclxuIl19