ngx-confirm-box
Version:
Library for confirm box - Angular 4/5/6
2 lines • 3.67 kB
JavaScript
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-confirm-box",["exports","@angular/core","rxjs","@angular/common"],n):n(t["ngx-confirm-box"]={},t.ng.core,t.rxjs,t.ng.common)}(this,function(t,n,o,i){"use strict";var r=function(){function t(){this.confirmChange=new o.Subject}return t.prototype.show=function(){this.confirmChange.next(!0)},t.prototype.hide=function(){this.confirmChange.next(!1)},t.prototype.getState=function(){return this.confirmChange.asObservable()},t.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=n.defineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}(),e=function(){function t(t){this.confirmService=t,this.bgColor="rgba(0,0,0,0.5)",this.confirmContent="Are you sure want to delete this?",this.confirmHeading="Confirmation",this.confirmCanceltext="Cancel",this.confirmOkaytext="Okay",this.showHide=!1,this.returnval=!1,this.confirmaray={bgColor:"rgba(0,0,0,0.5)",confirmHeading:"",confirmContent:"Are you sure want to delete this?",confirmCanceltext:"No",confirmOkaytext:"Yes",show:this.showHide},this.confirmEvt=new n.EventEmitter}return t.prototype.ngOnInit=function(){var n=this;this.subscription=this.confirmService.getState().subscribe(function(t){n.showHide=t}),this.confirmaray.show=this.showHide,this.confirmaray.bgColor=this.bgColor,this.confirmaray.confirmHeading=this.confirmHeading,this.confirmaray.confirmContent=this.confirmContent,this.confirmaray.confirmCanceltext=this.confirmCanceltext,this.confirmaray.confirmOkaytext=this.confirmOkaytext},t.prototype.hideConfirm=function(){this.showHide=!1,this.confirmaray.show=!1,this.confirmEvt.emit(!1)},t.prototype.returConfirmBox=function(){this.confirmaray.show=!1,this.showHide=!1,this.confirmEvt.emit(!0)},t.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},t.decorators=[{type:n.Component,args:[{selector:"ngx-confirm-box",template:'<div class="overlay" [ngStyle]="{\'background-color\':confirmaray.bgColor}" *ngIf="showHide" >\n <div class="confirmbox-container">\n\t<h3 *ngIf="confirmaray.confirmHeading">{{confirmaray.confirmHeading}}</h3>\n\t<p>{{confirmaray.confirmContent}}</p>\n\t<div class="col-md-12 btn-grp col-sm-12">\n\t<button class="cancel-btn btn-default btn btn-sm" (click)="hideConfirm()">{{confirmaray.confirmCanceltext}}</button>\n\t<button class="btn-primary btn btn-sm confirm-btn" (click)="returConfirmBox()">{{confirmaray.confirmOkaytext}}</button></div>\n\t</div>\n</div>',styles:[".overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}.confirmbox-container{position:absolute;top:40%;left:40%;width:300px;background:#fff;padding:15px;border-radius:6px}.confirmbox-container h3{padding:0 0 10px;margin:5px;border-bottom:1px solid #c5c5c6;font-size:18px}.confirmbox-container p{margin:0;padding:3px;text-align:center}.btn-grp{text-align:center;padding-top:10px}.confirm-btn{margin:0 10px}"]}]}],t.ctorParameters=function(){return[{type:r}]},t.propDecorators={bgColor:[{type:n.Input}],confirmContent:[{type:n.Input}],confirmHeading:[{type:n.Input}],confirmCanceltext:[{type:n.Input}],confirmOkaytext:[{type:n.Input}],confirmEvt:[{type:n.Output}]},t}(),c=function(){function t(){}return t.decorators=[{type:n.NgModule,args:[{imports:[i.CommonModule],declarations:[e],exports:[e]}]}],t}();t.NgxConfirmBoxService=r,t.NgxConfirmBoxComponent=e,t.NgxConfirmBoxModule=c,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=ngx-confirm-box.umd.min.js.map