{"__symbolic":"module","version":4,"metadata":{"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":14}],"declarations":[{"__symbolic":"reference","name":"ModalComponent"}],"exports":[{"__symbolic":"reference","name":"ModalComponent"}]}]}],"members":{}},"ModalPosition":{"__symbolic":"interface"},"ModalSize":{"__symbolic":"interface"},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sebng-modal","template":"<div\n    [ngClass]=\"modalClassName\"\n    class=\"ac modal\"\n    role=\"dialog\"\n    tabIndex=\"-1\"\n    aria-modal=\"true\"\n    [attr.id]=\"id\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    (click)=\"backdropClick($event)\"\n>\n    <div\n        role=\"document\"\n        class=\"modal-dialog\"\n        [ngClass]=\"dialogClassName\"\n        (click)=\"$event.stopPropagation()\"\n        (animationend)=\"animationEnded($event)\"\n    >\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <ng-content select=\"[header]\"></ng-content>\n                <button\n                    *ngIf=\"closeButton\"\n                    type=\"button\"\n                    class=\"close\"\n                    data-dismiss=\"modal\"\n                    aria-label=\"Close\"\n                    (click)=\"dismiss.emit($event)\"\n                >\n                    <span aria-hidden=\"true\">&times;</span>\n                </button>\n            </div>\n            <div class=\"modal-body\">\n                <ng-content select=\"[body]\"></ng-content>\n            </div>\n            <div class=\"modal-footer\">\n                <ng-content select=\"[footer]\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n","styles":["div.ac.modal,div.ac.modal.modal-aside{display:flex;justify-content:center;height:0;background-color:rgba(0,0,0,.6);transition:opacity .2s linear}div.ac.modal.show,div.ac.modal.modal-aside.show{animation:fade-in-modal-container .2s forwards}div.ac.modal.hide,div.ac.modal.modal-aside.hide{animation:fade-out-modal-container .4s forwards}div.ac.modal>.modal-dialog,div.ac.modal.modal-aside>.modal-dialog{margin:0;animation:none}div.ac.modal.modal-centered,div.ac.modal.modal-aside.modal-centered{align-items:center}div.ac.modal:not(.modal-aside):not(.modal-fullscreen)>.modal-dialog{height:max-content}@media (min-width: 576px){div.ac.modal:not(.modal-aside):not(.modal-fullscreen)>.modal-dialog:not(.modal-lg):not(.modal-sm){width:500px}}@media (min-width: 576px){div.ac.modal:not(.modal-aside):not(.modal-fullscreen)>.modal-dialog.modal-lg{width:800px}}@media (min-width: 576px){div.ac.modal:not(.modal-aside):not(.modal-fullscreen)>.modal-dialog.modal-sm{width:300px}}@media (min-width: 576px){div.ac.modal:not(.modal-aside):not(.modal-fullscreen):not(.modal-centered)>.modal-dialog{margin-top:1.75rem}}div.ac.modal:not(.modal-aside):not(.modal-fullscreen).show>.modal-dialog{animation:modal-slide-down .4s forwards}div.ac.modal:not(.modal-aside):not(.modal-fullscreen).hide>.modal-dialog{animation:modal-slide-up .4s forwards}div.ac.modal.modal-aside>.modal-dialog{position:absolute}div.ac.modal.modal-aside.modal-aside-right.show>.modal-dialog{animation:modal-slide-in-right .4s forwards}div.ac.modal.modal-aside.modal-aside-right.hide>.modal-dialog{animation:modal-slide-out-right .4s forwards}div.ac.modal.modal-aside.modal-aside-left.show>.modal-dialog{animation:modal-slide-in-left .4s forwards}div.ac.modal.modal-aside.modal-aside-left.hide>.modal-dialog{animation:modal-slide-out-left .4s forwards}div.ac.modal.modal-fullscreen>.modal-dialog{position:absolute;left:0}.ac.modal .modal-header:empty,.ac.modal .modal-body:empty,.ac.modal .modal-footer:empty{display:none}@keyframes fade-in-modal-container{0%{display:none;height:0;opacity:0}1%{display:flex;height:100%;opacity:0}to{display:flex;height:100%;opacity:1}}@keyframes fade-out-modal-container{0%{display:flex;height:100%;opacity:1}99%{display:flex;height:100%;opacity:0}to{display:none;height:0;opacity:0}}@keyframes modal-slide-down{0%{transform:translateY(-30%)}to{transform:translate(0)}}@keyframes modal-slide-up{0%{transform:translate(0)}to{transform:translateY(-30%)}}@keyframes modal-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modal-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes modal-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes modal-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}\n"]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"centered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"fullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"backdropDismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"closeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"escapeToDismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"ariaDescribedby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":5}}]}],"animationEnded":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"ModalModule":"./modal.module","ModalPosition":"./modal.component","ModalSize":"./modal.component","ModalComponent":"./modal.component"},"importAs":"@sebgroup/ng-components/lib/modal"}