import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ng-bootstrap/ng-bootstrap";
export class ImagePopupComponent {
    activeModal;
    imageUrl = '';
    caption = '';
    constructor(activeModal) {
        this.activeModal = activeModal;
    }
    close() {
        this.activeModal.close();
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePopupComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImagePopupComponent, selector: "lib-image-popup", inputs: { imageUrl: "imageUrl", caption: "caption" }, ngImport: i0, template: "<div class=\"modal-header py-2\">\r\n  <h5 class=\"modal-title text-truncate\">{{ caption }}</h5>\r\n  <button type=\"button\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"close()\" aria-label=\"Close\">\r\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n    </svg>\r\n  </button>\r\n</div>\r\n<div class=\"modal-body p-2 d-flex align-items-center justify-content-center\">\r\n  <img [src]=\"imageUrl\" class=\"img-fluid image-popup-img\" alt=\"\" />\r\n</div>", styles: [".image-popup-img{max-height:85vh;max-width:100%;object-fit:contain}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePopupComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-image-popup', template: "<div class=\"modal-header py-2\">\r\n  <h5 class=\"modal-title text-truncate\">{{ caption }}</h5>\r\n  <button type=\"button\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"close()\" aria-label=\"Close\">\r\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n    </svg>\r\n  </button>\r\n</div>\r\n<div class=\"modal-body p-2 d-flex align-items-center justify-content-center\">\r\n  <img [src]=\"imageUrl\" class=\"img-fluid image-popup-img\" alt=\"\" />\r\n</div>", styles: [".image-popup-img{max-height:85vh;max-width:100%;object-fit:contain}\n"] }]
        }], ctorParameters: () => [{ type: i1.NgbActiveModal }], propDecorators: { imageUrl: [{
                type: Input
            }], caption: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tYW5hbHlzZS10cmF4L3NyYy9saWIvY29tcG9uZW50cy9pbWFnZS1wb3B1cC9pbWFnZS1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hbmFseXNlLXRyYXgvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLXBvcHVwL2ltYWdlLXBvcHVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLG1CQUFtQjtJQUlYO0lBSFYsUUFBUSxHQUFXLEVBQUUsQ0FBQztJQUN0QixPQUFPLEdBQVcsRUFBRSxDQUFDO0lBRTlCLFlBQW1CLFdBQTJCO1FBQTNCLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtJQUFHLENBQUM7SUFFbEQsS0FBSztRQUNILElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQzt3R0FSVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw2R0NSaEMsNHFCQVVNOzs0RkRGTyxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCO21GQUtsQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdiQWN0aXZlTW9kYWwgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1pbWFnZS1wb3B1cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXBvcHVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaW1hZ2UtcG9wdXAuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbWFnZVBvcHVwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbWFnZVVybDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY2FwdGlvbjogc3RyaW5nID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBhY3RpdmVNb2RhbDogTmdiQWN0aXZlTW9kYWwpIHt9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5hY3RpdmVNb2RhbC5jbG9zZSgpO1xyXG4gIH1cclxufSIsIjxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXIgcHktMlwiPlxyXG4gIDxoNSBjbGFzcz1cIm1vZGFsLXRpdGxlIHRleHQtdHJ1bmNhdGVcIj57eyBjYXB0aW9uIH19PC9oNT5cclxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0biBidG4tc20gYnRuLWljb24gYnRuLWFjdGl2ZS1jb2xvci1wcmltYXJ5XCIgKGNsaWNrKT1cImNsb3NlKClcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIj5cclxuICAgIDxzdmcgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICA8cGF0aCBkPVwiTTE1IDVMNSAxNU01IDVMMTUgMTVcIiBzdHJva2U9XCIjNjY3MDg1XCIgc3Ryb2tlLXdpZHRoPVwiMS42N1wiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIC8+XHJcbiAgICA8L3N2Zz5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5IHAtMiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICA8aW1nIFtzcmNdPVwiaW1hZ2VVcmxcIiBjbGFzcz1cImltZy1mbHVpZCBpbWFnZS1wb3B1cC1pbWdcIiBhbHQ9XCJcIiAvPlxyXG48L2Rpdj4iXX0=