{"__symbolic":"module","version":4,"metadata":{"PopupBoxesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"PopupBoxesModule"},"providers":[{"__symbolic":"reference","name":"PopupManager"},{"__symbolic":"reference","name":"ɵc"}]}}}},"PopupManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":25,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":35,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":31,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":32,"character":39},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":34,"character":20},null,{"__symbolic":"reference","name":"ɵc"}]}],"createPopupComponent":[{"__symbolic":"method"}],"attachToApplication":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"createPopupOverlay":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"IImplicitContext":{"__symbolic":"interface"},"POPUP_NODE_CLASS":"popup-container-node","PopupOnAction":{"__symbolic":"interface"},"IPopupButton":{"__symbolic":"interface"},"IPopupOptions":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"popup-box","template":"<div class=\"popup\" [ngClass]=\"[position, popup.options.popupClass]\" [style.width]=\"popup.options.width\">\n  <div class=\"popup__container\">\n    <div *ngIf=\"popup.options.showCloseBtn\" class=\"popup__close\" (click)=\"close()\">\n      <span>+</span>\n    </div>\n    <div class=\"popup__title\" *ngIf=\"popup.options.showTitle\">\n      <h2>{{popup.title}}</h2>\n    </div>\n    <div class=\"popup__content\" *ngIf=\"popup.options.showMessage\">\n      <p>{{popup.message}}</p>\n    </div>\n    <div class=\"popup__injected-component\" *ngIf=\"popup.options.injectComponent\">\n      <div #componentBody></div>\n    </div>\n    <div class=\"popup__actions\">\n      <button *ngFor=\"let btn of popup.options.actionButtons\" class=\"popup__actions__btn\" [ngClass]=\"btn.buttonClasses\" (click)=\"doAction(btn.onAction)\">{{btn.text}}</button>     \n    </div>\n  </div>\n</div>","styles":[":host{position:fixed;top:0;z-index:9999;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.popup{position:absolute;left:50%;right:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:9999;width:600px;background-color:#fff}.popup.popup-position-top{top:50px;margin-top:0;margin-bottom:50px}.popup.popup-position-bottom{top:auto;bottom:50px;margin-top:50px;margin-bottom:0}.popup.popup-position-center{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:0;margin-bottom:0}.popup__close{width:50px;height:50px;text-align:center;line-height:50px;position:absolute;top:0;left:auto;right:0;color:#999;font-size:40px;cursor:pointer}.popup__close span{-webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block}.popup__title{padding:0 15px}.popup__title h2{margin-top:15px;color:#4d5c6e;font-weight:400}.popup__content{padding:0 15px 15px}.popup__content p{color:#72879e;font-size:16px;line-height:24px}.popup__actions{display:flex}.popup__actions__btn{flex-grow:1;width:50%;border:0;color:#4d5c6e;background-color:#eee;transition:.3s;text-transform:uppercase;font-weight:700;padding:15px;cursor:pointer;outline:0}.popup__actions__btn:hover{background-color:#e1e1e1}.popup__actions__btn.btn-ok{color:#fff;background-color:#00c06d}.popup__actions__btn.btn-ok:hover{background-color:#00a75f}"],"animations":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"componentBodyTarget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["componentBody",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":49,"character":38}}]}]}],"popup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":56,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":3},"arguments":["@inOutAnimation"]}]}],"onAnimationEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":79,"character":3},"arguments":["@inOutAnimation.done",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":86,"character":3},"arguments":["click",["$event"]]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":93,"character":3},"arguments":["window:resize",["$event"]]}]}],"close":[{"__symbolic":"method"}],"doAction":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":2,"character":57},"arguments":["inOutAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":3,"character":2},"arguments":["fade",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":3,"character":16},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":4,"character":2},"arguments":["void => fade",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":5,"character":4},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":8,"character":4},"arguments":["0.5s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":10,"character":2},"arguments":["fade => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":11,"character":4},"arguments":["0.5s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":6},"arguments":[{"opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":2},"arguments":["slide-from-left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":27},"arguments":[{"opacity":1,"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":2},"arguments":["void => slide-from-left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":4},"arguments":[{"opacity":0,"transform":"translateX(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":4},"arguments":["0.5s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":2},"arguments":["slide-from-left => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":4},"arguments":["0.5s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":6},"arguments":[{"opacity":0,"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":2},"arguments":["slide-from-right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":28},"arguments":[{"opacity":1,"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":2},"arguments":["void => slide-from-right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":39,"character":4},"arguments":[{"opacity":0,"transform":"translateX(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":43,"character":4},"arguments":["0.5s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":45,"character":2},"arguments":["slide-from-right => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":4},"arguments":["0.5s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":6},"arguments":[{"opacity":0,"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":55,"character":2},"arguments":["slide-from-top",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":55,"character":26},"arguments":[{"opacity":1,"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":56,"character":2},"arguments":["void => slide-from-top",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":57,"character":4},"arguments":[{"opacity":0,"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":61,"character":4},"arguments":["0.5s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":63,"character":2},"arguments":["slide-from-top => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":64,"character":4},"arguments":["0.5s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":66,"character":6},"arguments":[{"opacity":0,"transform":"translateY(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":73,"character":2},"arguments":["slide-from-bottom",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":73,"character":29},"arguments":[{"opacity":1,"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":74,"character":2},"arguments":["void => slide-from-bottom",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":4},"arguments":[{"opacity":0,"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":79,"character":4},"arguments":["0.5s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":2},"arguments":["slide-from-bottom => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":82,"character":4},"arguments":["0.5s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":84,"character":6},"arguments":[{"opacity":0,"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":91,"character":2},"arguments":["scale",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":91,"character":17},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":92,"character":2},"arguments":["void => scale",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":93,"character":4},"arguments":[{"opacity":0,"transform":"scale(0.4)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":97,"character":4},"arguments":["0.4s ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":99,"character":2},"arguments":["scale => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":100,"character":4},"arguments":["0.4s 0.1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":102,"character":6},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]}]]}]]},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"PopupBoxesModule":"./lib/popup.module","PopupManager":"./lib/popup.service","IImplicitContext":"./lib/entities","POPUP_NODE_CLASS":"./lib/entities","PopupOnAction":"./lib/entities","IPopupButton":"./lib/entities","IPopupOptions":"./lib/entities","ɵa":"./lib/popup.component","ɵb":"./lib/popup.animations","ɵc":"./lib/popup.options"},"importAs":"ng6-popup-boxes"}