@yoursabhishekabhi7/modal-popup-ng-all/esm2022/lib/boot-starp-components/boot-strap-modal/boot-strap-modal.component.mjs

Reusable Angular modal popup components supporting Angular 14 to 18

import { Component, Input } from '@angular/core';
import * as $ from 'jquery';
import * as i0 from "@angular/core";
export class BootStrapModalComponent {
    ModalTitle = '';
    constructor() { }
    ngOnInit() {
    }
    get OpenModel() {
        $('#CustomModel').removeClass("hide");
        return $('#CustomModel').addClass("show");
    }
    get CloseModel() {
        $('#CustomModel').removeClass("show");
        return $('#CustomModel').addClass("hide");
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BootStrapModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BootStrapModalComponent, selector: "boot-strap-modal", inputs: { ModalTitle: "ModalTitle" }, ngImport: i0, template: "<div class=\"modal\" tabindex=\"-1\" id=\"CustomModel\">\r\n    <div class=\"modal-dialog\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\">{{this.ModalTitle}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"this.CloseModel\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\" (click)=\"this.CloseModel\">Close</button>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"this.CloseModel\">Save changes</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal.show{display:block}.modal.hide{display:none}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BootStrapModalComponent, decorators: [{
            type: Component,
            args: [{ selector: 'boot-strap-modal', template: "<div class=\"modal\" tabindex=\"-1\" id=\"CustomModel\">\r\n    <div class=\"modal-dialog\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\">{{this.ModalTitle}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"this.CloseModel\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\" (click)=\"this.CloseModel\">Close</button>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"this.CloseModel\">Save changes</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal.show{display:block}.modal.hide{display:none}\n"] }]
        }], ctorParameters: () => [], propDecorators: { ModalTitle: [{
                type: Input,
                args: ["ModalTitle"]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdC1zdHJhcC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbC1wb3B1cC1uZzE0LTE4L3NyYy9saWIvYm9vdC1zdGFycC1jb21wb25lbnRzL2Jvb3Qtc3RyYXAtbW9kYWwvYm9vdC1zdHJhcC1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbC1wb3B1cC1uZzE0LTE4L3NyYy9saWIvYm9vdC1zdGFycC1jb21wb25lbnRzL2Jvb3Qtc3RyYXAtbW9kYWwvYm9vdC1zdHJhcC1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQzs7QUFPNUIsTUFBTSxPQUFPLHVCQUF1QjtJQUNiLFVBQVUsR0FBUSxFQUFFLENBQUE7SUFFekMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQ3JDLE9BQU8sQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQTtRQUNyQyxPQUFPLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUMsQ0FBQzt1R0FoQlUsdUJBQXVCOzJGQUF2Qix1QkFBdUIsOEZDUnBDLCszQkFnQk07OzJGRFJPLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxrQkFBa0I7d0RBS1AsVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYm9vdC1zdHJhcC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Jvb3Qtc3RyYXAtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Jvb3Qtc3RyYXAtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQm9vdFN0cmFwTW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dChcIk1vZGFsVGl0bGVcIikgTW9kYWxUaXRsZTpzdHJpbmc9JydcclxuICBcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGdldCBPcGVuTW9kZWwoKXtcclxuICAgICQoJyNDdXN0b21Nb2RlbCcpLnJlbW92ZUNsYXNzKFwiaGlkZVwiKVxyXG4gICAgcmV0dXJuICQoJyNDdXN0b21Nb2RlbCcpLmFkZENsYXNzKFwic2hvd1wiKTtcclxuICB9XHJcblxyXG4gIGdldCBDbG9zZU1vZGVsKCl7XHJcbiAgICAkKCcjQ3VzdG9tTW9kZWwnKS5yZW1vdmVDbGFzcyhcInNob3dcIilcclxuICAgIHJldHVybiAkKCcjQ3VzdG9tTW9kZWwnKS5hZGRDbGFzcyhcImhpZGVcIik7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW9kYWxcIiB0YWJpbmRleD1cIi0xXCIgaWQ9XCJDdXN0b21Nb2RlbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgIDxoNSBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+e3t0aGlzLk1vZGFsVGl0bGV9fTwvaDU+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0bi1jbG9zZVwiIGRhdGEtYnMtZGlzbWlzcz1cIm1vZGFsXCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cInRoaXMuQ2xvc2VNb2RlbFwiPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiYnRuIGJ0bi1zZWNvbmRhcnlcIiBkYXRhLWJzLWRpc21pc3M9XCJtb2RhbFwiIChjbGljayk9XCJ0aGlzLkNsb3NlTW9kZWxcIj5DbG9zZTwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIiAoY2xpY2spPVwidGhpcy5DbG9zZU1vZGVsXCI+U2F2ZSBjaGFuZ2VzPC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==