angular2-toaster-mod
Version:
An Angular 2 Toaster Notification library based on AngularJS-Toaster
1 lines • 4.94 kB
Source Map (JSON)
{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../src/toast.component.ts"],"names":[],"mappings":"OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAC/D,wBAAwB,EAAE,iBAAiB,EAAE,MAC5C,eAAe;OACb,EAAC,YAAY,EAAW,MAAM,2BAA2B;OAEzD,EAAC,cAAc,EAAC,MAAM,kBAAkB;AAI/C;IAWI,wBACU,SAAuB,EACvB,wBAAmD,EACnD,iBAAqC;QAFrC,cAAS,GAAT,SAAS,CAAc;QACvB,6BAAwB,GAAxB,wBAAwB,CAA2B;QACnD,sBAAiB,GAAjB,iBAAiB,CAAoB;QANxC,mBAAc,GAAG,cAAc,CAAC;QAChC,eAAU,GAAG,IAAI,YAAY,EAAE,CAAC;IAMpC,CAAC;IAEJ,iCAAQ,GAAR;QACI,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACtF,CAAC;IACL,CAAC;IAED,wCAAe,GAAf;QACI,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;YAC9D,IAAI,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACvF,IAAI,iBAAiB,GAAS,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/G,iBAAiB,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC9C,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;QAC3C,CAAC;IACL,CAAC;IAED,8BAAK,GAAL,UAAM,KAAkB,EAAE,KAAY;QAClC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACjB,KAAK,EAAG,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAC;SAC/C,CAAC,CAAC;IACP,CAAC;IACE,yBAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACtB,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE,gwBAYC;oBACX,OAAO,EAAE,CAAC,YAAY,CAAC;iBAC1B,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,6BAAc,GAAmE,cAAM,OAAA;QAC9F,EAAC,IAAI,EAAE,YAAY,GAAG;QACtB,EAAC,IAAI,EAAE,wBAAwB,GAAG;QAClC,EAAC,IAAI,EAAE,iBAAiB,GAAG;KAC1B,EAJ6F,CAI7F,CAAC;IACK,6BAAc,GAA2C;QAChE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC3B,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC/B,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAG,EAAE,EAAE;KAC7F,CAAC;IACF,qBAAC;AAAD,CAAC,AApED,IAoEC","sourcesContent":["import {Component, Input, ViewChild, ViewContainerRef, EventEmitter, \n ComponentFactoryResolver, ChangeDetectorRef }\nfrom '@angular/core';\nimport {DomSanitizer, SafeHtml} from '@angular/platform-browser';\nimport {Toast} from './toast';\nimport {BodyOutputType} from './bodyOutputType';\n\n\n\nexport class ToastComponent {\n \n toast: Toast;\n iconClass: string;\n componentBody: ViewContainerRef;\n\n safeCloseHtml: SafeHtml;\n\n public bodyOutputType = BodyOutputType;\n public clickEvent = new EventEmitter();\n\n constructor(\n private sanitizer: DomSanitizer,\n private componentFactoryResolver : ComponentFactoryResolver,\n private changeDetectorRef : ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n if (this.toast.closeHtml) {\n this.safeCloseHtml = this.sanitizer.bypassSecurityTrustHtml(this.toast.closeHtml);\n }\n }\n\n ngAfterViewInit() {\n if (this.toast.bodyOutputType === this.bodyOutputType.Component) {\n let component = this.componentFactoryResolver.resolveComponentFactory(this.toast.body);\n let componentInstance : any = this.componentBody.createComponent(component, null, this.componentBody.injector);\n componentInstance.instance.toast = this.toast;\n this.changeDetectorRef.detectChanges();\n }\n }\n\n click(event : MouseEvent, toast: Toast) {\n event.stopPropagation();\n this.clickEvent.emit({\n value : { toast: toast, isCloseButton: true}\n });\n }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n selector: '[toastComp]',\n template: `\n <i class=\"toaster-icon\" [ngClass]=\"iconClass\"></i>\n <div class=\"toast-content\">\n <div [ngClass]=\"toast.toasterConfig.titleClass\">{{toast.title}}</div>\n <div [ngClass]=\"toast.toasterConfig.messageClass\" [ngSwitch]=\"toast.bodyOutputType\">\n <div *ngSwitchCase=\"bodyOutputType.Component\" #componentBody></div>\n <div *ngSwitchCase=\"bodyOutputType.TrustedHtml\" [innerHTML]=\"toast.body\"></div>\n <div *ngSwitchCase=\"bodyOutputType.Default\">{{toast.body}}</div>\n </div>\n </div>\n <div class=\"toast-close-button\" *ngIf=\"toast.showCloseButton\" (click)=\"click($event, toast)\"\n [innerHTML]=\"safeCloseHtml\">\n </div>`,\n outputs: ['clickEvent']\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: DomSanitizer, },\n{type: ComponentFactoryResolver, },\n{type: ChangeDetectorRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'toast': [{ type: Input },],\n'iconClass': [{ type: Input },],\n'componentBody': [{ type: ViewChild, args: ['componentBody', { read: ViewContainerRef }, ] },],\n};\n}\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n"]}