UNPKG

@yoursabhishekabhi7/modal-popup-ng-all

Version:

Reusable Angular modal popup components supporting Angular 14 to 18

20 lines • 3.52 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import { Component, Input } from '@angular/core'; import * as i0 from "@angular/core"; export class ModalOpenComponent { title = ''; body = ''; constructor() { } ngOnInit() { } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ModalOpenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ModalOpenComponent, selector: "lib-modal-open", inputs: { title: "title", body: "body" }, ngImport: i0, template: "<div class=\"angular-mat-modal\">\r\n <div class=\"angular-bg\">\r\n <div class=\"header\">\r\n <h2>{{ title }}</h2>\r\n <!-- <button class=\"close-btn\" (click)=\"closeModal()\">Close</button> -->\r\n </div>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [""] }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ModalOpenComponent, decorators: [{ type: Component, args: [{ selector: 'lib-modal-open', template: "<div class=\"angular-mat-modal\">\r\n <div class=\"angular-bg\">\r\n <div class=\"header\">\r\n <h2>{{ title }}</h2>\r\n <!-- <button class=\"close-btn\" (click)=\"closeModal()\">Close</button> -->\r\n </div>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>" }] }], ctorParameters: () => [], propDecorators: { title: [{ type: Input }], body: [{ type: Input }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtb3Blbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbC1wb3B1cC1uZzE0LTE4L3NyYy9saWIvYm9vdC1zdGFycC1jb21wb25lbnRzL21vZGFsLXBvcHVwL21vZGFsLW9wZW4vbW9kYWwtb3Blbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbC1wb3B1cC1uZzE0LTE4L3NyYy9saWIvYm9vdC1zdGFycC1jb21wb25lbnRzL21vZGFsLXBvcHVwL21vZGFsLW9wZW4vbW9kYWwtb3Blbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGtCQUFrQjtJQUNwQixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLElBQUksR0FBVyxFQUFFLENBQUM7SUFDM0IsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7dUdBTlUsa0JBQWtCOzJGQUFsQixrQkFBa0IsZ0dDUC9CLDBUQVFNOzsyRkRETyxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCO3dEQUtqQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1tb2RhbC1vcGVuJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtb3Blbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtb3Blbi5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE1vZGFsT3BlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJvZHk6IHN0cmluZyA9ICcnO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFuZ3VsYXItbWF0LW1vZGFsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYW5ndWxhci1iZ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGgyPnt7IHRpdGxlIH19PC9oMj5cclxuICAgICAgICAgICAgPCEtLSA8YnV0dG9uIGNsYXNzPVwiY2xvc2UtYnRuXCIgKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiPkNsb3NlPC9idXR0b24+ICAgICAtLT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19