ng2-toastr
Version:
bootstrap style of toast for modern angular
2 lines • 13.4 kB
JavaScript
System.registerDynamic("ng2-toastr/src/toast-container.component",["@angular/core","./toast-options","@angular/platform-browser","rxjs/add/operator/first","rxjs/Subject"],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var core_1=$__require("@angular/core"),toast_options_1=$__require("./toast-options"),platform_browser_1=$__require("@angular/platform-browser");$__require("rxjs/add/operator/first");var Subject_1=$__require("rxjs/Subject"),ToastContainer=function(){function ToastContainer(sanitizer,cdr,_zone,options){this.sanitizer=sanitizer,this.cdr=cdr,this._zone=_zone,this.position="fixed",this.toasts=[],this._fresh=!0,this._onEnter=new Subject_1.Subject,this._onExit=new Subject_1.Subject,Object.assign(this,options)}return ToastContainer.prototype.onEnter=function(){return this._onEnter.asObservable()},ToastContainer.prototype.onExit=function(){return this._onExit.asObservable()},ToastContainer.prototype.addToast=function(toast){if(this.positionClass.indexOf("top")>0){if(this.newestOnTop?this.toasts.unshift(toast):this.toasts.push(toast),this.toasts.length>this.maxShown){var diff=this.toasts.length-this.maxShown;this.newestOnTop?this.toasts.splice(this.maxShown):this.toasts.splice(0,diff)}}else this.toasts.unshift(toast),this.toasts.length>this.maxShown&&this.toasts.splice(this.maxShown);null===this.animate&&this._fresh&&(this._fresh=!1,this._onEnter.next(),this._onEnter.complete()),this.cdr.detectChanges()},ToastContainer.prototype.removeToast=function(toast){toast.timeoutId&&(clearTimeout(toast.timeoutId),toast.timeoutId=null),this.toasts=this.toasts.filter(function(t){return t.id!==toast.id})},ToastContainer.prototype.removeAllToasts=function(){this.toasts=[]},ToastContainer.prototype.clicked=function(toast){this.onToastClicked&&this.onToastClicked(toast)},ToastContainer.prototype.anyToast=function(){return this.toasts.length>0},ToastContainer.prototype.findToast=function(toastId){for(var _i=0,_a=this.toasts;_i<_a.length;_i++){var toast=_a[_i];if(toast.id===toastId)return toast}return null},ToastContainer.prototype.onAnimationEnd=function(event){var _this=this;"void"!==event.toState||this.anyToast()?this._fresh&&"void"===event.fromState&&(this._fresh=!1,this._zone.run(function(){_this._onEnter.next(),_this._onEnter.complete()})):this._ngExit()},ToastContainer.prototype._ngExit=function(){var _this=this;this._zone.onMicrotaskEmpty.first().subscribe(function(){_this._onExit.next(),_this._onExit.complete()})},ToastContainer.prototype.ngOnDestroy=function(){this._ngExit()},ToastContainer}();return ToastContainer.decorators=[{type:core_1.Component,args:[{selector:"toast-container",template:'\n <div #toastContainer id="toast-container" [style.position]="position" class="{{positionClass}}">\n <div *ngFor="let toast of toasts" [@inOut]="animate" (@inOut.done)="onAnimationEnd($event)" class="toast toast-{{toast.type}}" \n (click)="clicked(toast)">\n <div class="toast-close-button" *ngIf="toast.config.showCloseButton" (click)="removeToast(toast)">×\n </div> \n <div *ngIf="toast.title" class="{{toast.config.titleClass || titleClass}}">{{toast.title}}</div>\n <div [ngSwitch]="toast.config.enableHTML">\n <span *ngSwitchCase="true" class="{{toast.config.messageClass || messageClass}}" [innerHTML]="sanitizer.bypassSecurityTrustHtml(toast.message)"></span>\n <span *ngSwitchDefault class="{{toast.config.messageClass || messageClass}}">{{toast.message}}</span>\n </div> \n </div>\n </div>\n ',animations:[core_1.trigger("inOut",[core_1.state("flyRight, flyLeft",core_1.style({opacity:1,transform:"translateX(0)"})),core_1.state("fade",core_1.style({opacity:1})),core_1.state("slideDown, slideUp",core_1.style({opacity:1,transform:"translateY(0)"})),core_1.transition("void => flyRight",[core_1.style({opacity:0,transform:"translateX(100%)"}),core_1.animate("0.2s ease-in")]),core_1.transition("flyRight => void",[core_1.animate("0.2s 10ms ease-out",core_1.style({opacity:0,transform:"translateX(100%)"}))]),core_1.transition("void => flyLeft",[core_1.style({opacity:0,transform:"translateX(-100%)"}),core_1.animate("0.2s ease-in")]),core_1.transition("flyLeft => void",[core_1.animate("0.2s 10ms ease-out",core_1.style({opacity:0,transform:"translateX(-100%)"}))]),core_1.transition("void => fade",[core_1.style({opacity:0}),core_1.animate("0.3s ease-in")]),core_1.transition("fade => void",[core_1.animate("0.3s 10ms ease-out",core_1.style({opacity:0}))]),core_1.transition("void => slideDown",[core_1.style({opacity:0,transform:"translateY(-200%)"}),core_1.animate("0.3s ease-in")]),core_1.transition("slideDown => void",[core_1.animate("0.3s 10ms ease-out",core_1.style({opacity:0,transform:"translateY(-200%)"}))]),core_1.transition("void => slideUp",[core_1.style({opacity:0,transform:"translateY(200%)"}),core_1.animate("0.3s ease-in")]),core_1.transition("slideUp => void",[core_1.animate("0.3s 10ms ease-out",core_1.style({opacity:0,transform:"translateY(200%)"}))])])]}]}],ToastContainer.ctorParameters=function(){return[{type:platform_browser_1.DomSanitizer},{type:core_1.ChangeDetectorRef},{type:core_1.NgZone},{type:toast_options_1.ToastOptions}]},exports.ToastContainer=ToastContainer,global.define=__define,module.exports}),System.registerDynamic("ng2-toastr/src/toast",[],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var Toast=function(){function Toast(type,message,title,data){this.type=type,this.message=message,this.title=title,this.data=data,this.config={dismiss:"auto",enableHTML:!1,titleClass:"",messageClass:"",toastLife:3e3,showCloseButton:!1}}return Toast}();return exports.Toast=Toast,global.define=__define,module.exports}),System.registerDynamic("ng2-toastr/src/toast-manager",["@angular/core","./toast-container.component","./toast-options","./toast","rxjs/Subject"],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var core_1=$__require("@angular/core"),toast_container_component_1=$__require("./toast-container.component"),toast_options_1=$__require("./toast-options"),toast_1=$__require("./toast"),Subject_1=$__require("rxjs/Subject"),ToastsManager=function(){function ToastsManager(componentFactoryResolver,ngZone,appRef,options){this.componentFactoryResolver=componentFactoryResolver,this.ngZone=ngZone,this.appRef=appRef,this.options=options,this.index=0,this.toastClicked=new Subject_1.Subject}return ToastsManager.prototype.setRootViewContainerRef=function(vRef){this._rootViewContainerRef=vRef},ToastsManager.prototype.onClickToast=function(){return this.toastClicked.asObservable()},ToastsManager.prototype.show=function(toast,options){var _this=this;return new Promise(function(resolve,reject){if(!_this.container){if(!_this._rootViewContainerRef)try{_this._rootViewContainerRef=_this.appRef._rootComponents[0]._hostElement.vcRef}catch(e){reject(new Error("Please set root ViewContainerRef using setRootViewContainerRef(vRef: ViewContainerRef) method."))}var providers=core_1.ReflectiveInjector.resolve([{provide:toast_options_1.ToastOptions,useValue:_this.options}]),toastFactory=_this.componentFactoryResolver.resolveComponentFactory(toast_container_component_1.ToastContainer),childInjector=core_1.ReflectiveInjector.fromResolvedProviders(providers,_this._rootViewContainerRef.parentInjector);_this.container=_this._rootViewContainerRef.createComponent(toastFactory,_this._rootViewContainerRef.length,childInjector),_this.container.instance.onToastClicked=function(toast){_this._onToastClicked(toast)},_this.container.instance.onExit().subscribe(function(){_this.dispose()})}resolve(_this.setupToast(toast,options))})},ToastsManager.prototype.createTimeout=function(toast){var task,_this=this;return this.ngZone.runOutsideAngular(function(){task=setTimeout(function(){return _this.ngZone.run(function(){return _this.clearToast(toast)})},toast.config.toastLife)}),task.toString()},ToastsManager.prototype.setupToast=function(toast,options){toast.id=++this.index,options&&options.hasOwnProperty("toastLife")&&(options.dismiss="auto");var customConfig=Object.assign({},this.options,options||{});return Object.keys(toast.config).forEach(function(k){customConfig.hasOwnProperty(k)&&(toast.config[k]=customConfig[k])}),"auto"===toast.config.dismiss&&(toast.timeoutId=this.createTimeout(toast)),this.container.instance.addToast(toast),toast},ToastsManager.prototype._onToastClicked=function(toast){this.toastClicked.next(toast),"click"===toast.config.dismiss&&this.clearToast(toast)},ToastsManager.prototype.dismissToast=function(toast){this.clearToast(toast)},ToastsManager.prototype.clearToast=function(toast){if(this.container){this.container.instance.removeToast(toast)}},ToastsManager.prototype.clearAllToasts=function(){if(this.container){this.container.instance.removeAllToasts(),this.dispose()}},ToastsManager.prototype.dispose=function(){this.container&&(this.container.destroy(),this.container=null)},ToastsManager.prototype.error=function(message,title,options){var data=options&&options.data?options.data:null,toast=new toast_1.Toast("error",message,title,data);return this.show(toast,options)},ToastsManager.prototype.info=function(message,title,options){var data=options&&options.data?options.data:null,toast=new toast_1.Toast("info",message,title,data);return this.show(toast,options)},ToastsManager.prototype.success=function(message,title,options){var data=options&&options.data?options.data:null,toast=new toast_1.Toast("success",message,title,data);return this.show(toast,options)},ToastsManager.prototype.warning=function(message,title,options){var data=options&&options.data?options.data:null,toast=new toast_1.Toast("warning",message,title,data);return this.show(toast,options)},ToastsManager.prototype.custom=function(message,title,options){var data=options&&options.data?options.data:null,toast=new toast_1.Toast("custom",message,title,data);return this.show(toast,options)},ToastsManager}();return ToastsManager.decorators=[{type:core_1.Injectable}],ToastsManager.ctorParameters=function(){return[{type:core_1.ComponentFactoryResolver},{type:core_1.NgZone},{type:core_1.ApplicationRef},{type:toast_options_1.ToastOptions}]},exports.ToastsManager=ToastsManager,global.define=__define,module.exports}),System.registerDynamic("ng2-toastr/src/toast-options",["@angular/core"],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var core_1=$__require("@angular/core"),ToastOptions=function(){function ToastOptions(){this.positionClass="toast-top-right",this.maxShown=5,this.newestOnTop=!1,this.animate="fade",this.toastLife=5e3,this.enableHTML=!1,this.dismiss="auto",this.messageClass="toast-message",this.titleClass="toast-title",this.showCloseButton=!1}return ToastOptions}();return ToastOptions.decorators=[{type:core_1.Injectable}],ToastOptions.ctorParameters=function(){return[]},exports.ToastOptions=ToastOptions,global.define=__define,module.exports}),System.registerDynamic("ng2-toastr/src/toast.module",["@angular/core","@angular/common","./toast-container.component","./toast-manager","./toast-options"],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var core_1=$__require("@angular/core"),common_1=$__require("@angular/common"),toast_container_component_1=$__require("./toast-container.component"),toast_manager_1=$__require("./toast-manager"),toast_options_1=$__require("./toast-options"),ToastModule=function(){function ToastModule(){}return ToastModule.forRoot=function(){return{ngModule:ToastModule,providers:[toast_manager_1.ToastsManager,toast_options_1.ToastOptions]}},ToastModule}();return ToastModule.decorators=[{type:core_1.NgModule,args:[{imports:[common_1.CommonModule],declarations:[toast_container_component_1.ToastContainer],exports:[toast_container_component_1.ToastContainer],entryComponents:[toast_container_component_1.ToastContainer]}]}],ToastModule.ctorParameters=function(){return[]},exports.ToastModule=ToastModule,global.define=__define,module.exports}),System.registerDynamic("ng2-toastr/ng2-toastr",["./src/toast","./src/toast-manager","./src/toast-container.component","./src/toast-options","./src/toast.module"],!0,function($__require,exports,module){"use strict";var global=this,__define=global.define;global.define=void 0,Object.defineProperty(exports,"__esModule",{value:!0});var toast_1=$__require("./src/toast");exports.Toast=toast_1.Toast;var toast_manager_1=$__require("./src/toast-manager");exports.ToastsManager=toast_manager_1.ToastsManager;var toast_container_component_1=$__require("./src/toast-container.component");exports.ToastContainer=toast_container_component_1.ToastContainer;var toast_options_1=$__require("./src/toast-options");exports.ToastOptions=toast_options_1.ToastOptions;var toast_module_1=$__require("./src/toast.module");return exports.ToastModule=toast_module_1.ToastModule,global.define=__define,module.exports});
//# sourceMappingURL=ng2-toastr.min.js.map