import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
import { trigger, state, style, animate, transition,
// ...
 } from '@angular/animations';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ModalComponent {
    constructor(render) {
        this.render = render;
        this.stte = new EventEmitter();
        this.dialogBase = ["modal-dialog"];
        this.isOpen = false;
    }
    ngOnInit() {
    }
    tgle() {
        this.isOpen = !this.isOpen;
    }
    _getStat() {
        this.stte.emit(this.isOpen ? 'open' : 'close');
    }
}
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ModalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: ModalComponent, selector: "ngb-modal", inputs: { dialogType: ["clss", "dialogType"] }, outputs: { stte: "stte" }, viewQueries: [{ propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], ngImport: i0, template: "<div [@stateModal]=\"isOpen ? 'show' : 'hide'\" class=\"modal\" [ngStyle]=\"isOpen ? {display: 'block'} : {display:'none'}\">\n    <div  [ngClass]=\"dialogType == undefined ? dialogBase : dialogBase.concat(dialogType)\">\n      <div class=\"modal-content\">\n        <ng-content></ng-content>        \n      </div>\n    </div>\n</div>\n<div #backdrop [ngClass]=\"isOpen ? ['modal-backdrop', 'show'] : ['modal-backdrop']\" [ngStyle]=\"isOpen ? {display: 'block'} : {display:'none'}\"></div>\n", styles: [":host ::ng-deep .modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}:host ::ng-deep .modal-header.btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}:host ::ng-deep .modal-title{margin-bottom:0;line-height:1.5}:host ::ng-deep .modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}:host ::ng-deep .modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal{position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}@media (prefers-reduced-motion:reduce){.modal.modal-dialog{transition:none}}.modal.show.modal-dialog{transform:none}.modal.modal-static.modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}:host::ng-deep .modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen.modal-header{border-radius:0}.modal-fullscreen.modal-body{overflow-y:auto}.modal-fullscreen.modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down.modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down.modal-header{border-radius:0}.modal-fullscreen-sm-down.modal-body{overflow-y:auto}.modal-fullscreen-sm-down.modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down.modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down.modal-header{border-radius:0}.modal-fullscreen-md-down.modal-body{overflow-y:auto}.modal-fullscreen-md-down.modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down.modal-header{border-radius:0}.modal-fullscreen-lg-down.modal-body{overflow-y:auto}.modal-fullscreen-lg-down.modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down.modal-header{border-radius:0}.modal-fullscreen-xl-down.modal-body{overflow-y:auto}.modal-fullscreen-xl-down.modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down.modal-header{border-radius:0}.modal-fullscreen-xxl-down.modal-body{overflow-y:auto}.modal-fullscreen-xxl-down.modal-footer{border-radius:0}}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
        trigger('stateModal', [
            state('hide', style({
                opacity: 0,
                transform: 'translate(0, -50px)',
            })),
            state('show', style({
                opacity: 1,
                transform: 'none',
            })),
            transition('hide => show', animate('0.3s ease-in')),
            transition('show => hide', animate('0.3s ease-out'))
        ])
    ] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ModalComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'ngb-modal',
                    templateUrl: './modal.component.html',
                    styleUrls: ['./modal.component.css'],
                    animations: [
                        trigger('stateModal', [
                            state('hide', style({
                                opacity: 0,
                                transform: 'translate(0, -50px)',
                            })),
                            state('show', style({
                                opacity: 1,
                                transform: 'none',
                            })),
                            transition('hide => show', animate('0.3s ease-in')),
                            transition('show => hide', animate('0.3s ease-out'))
                        ])
                    ]
                }]
        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { backdrop: [{
                type: ViewChild,
                args: ['backdrop']
            }], dialogType: [{
                type: Input,
                args: ["clss"]
            }], stte: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 