angular2-toaster
Version:
An Angular Toaster Notification library based on AngularJS-Toaster
1 lines • 21.2 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"ToasterContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"toaster-container","template":"\n <div class=\"toast-container\" [ngClass]=\"[toasterconfig.positionClass]\">\n <div toastComp *ngFor=\"let toast of toasts\" class=\"toast\" [toast]=\"toast\"\n [toasterconfig]=\"toasterconfig\"\n [@toastState]=\"toasterconfig.animation\"\n [titleClass]=\"toasterconfig.titleClass\"\n [messageClass]=\"toasterconfig.messageClass\"\n [ngClass]=\"[\n toasterconfig.iconClasses[toast.type],\n toasterconfig.typeClasses[toast.type]\n ]\"\n (click)=\"click(toast)\" (clickEvent)=\"childClick($event)\"\n (removeToastEvent)=\"removeToast($event)\"\n >\n </div>\n </div>\n ","animations":{"__symbolic":"reference","name":"ɵa"}}]}],"members":{"toasterconfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ToasterService"}]}],"ngOnInit":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"childClick":[{"__symbolic":"method"}],"removeToast":[{"__symbolic":"method"}],"registerSubscribers":[{"__symbolic":"method"}],"addToast":[{"__symbolic":"method"}],"isLimitExceeded":[{"__symbolic":"method"}],"removeAllToasts":[{"__symbolic":"method"}],"clearToasts":[{"__symbolic":"method"}],"clearToastsAction":[{"__symbolic":"method"}],"toastIdOrDefault":[{"__symbolic":"method"}],"isNullOrUndefined":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ToasterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"pop":[{"__symbolic":"method"}],"popAsync":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IClearWrapper":{"__symbolic":"interface"},"DefaultTypeClasses":{"error":"toast-error","info":"toast-info","wait":"toast-wait","success":"toast-success","warning":"toast-warning"},"DefaultIconClasses":{"error":"icon-error","info":"icon-info","wait":"icon-wait","success":"icon-success","warning":"icon-warning"},"IToasterConfig":{"__symbolic":"interface"},"ToasterConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":45,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"Toast":{"__symbolic":"interface"},"ToastType":{"__symbolic":"interface"},"OnActionCallback":{"__symbolic":"interface"},"ProgressBarDirection":{"__symbolic":"interface"},"BodyOutputType":{"Default":0,"TrustedHtml":1,"Component":2},"ToasterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ToasterContainerComponent"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ToasterContainerComponent"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ToasterModule"},"providers":[{"__symbolic":"reference","name":"ToasterService"},{"__symbolic":"reference","name":"ToasterContainerComponent"}]}},"forChild":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ToasterModule"},"providers":[{"__symbolic":"reference","name":"ToasterContainerComponent"}]}}}},"ɵa":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":5,"character":4},"arguments":["toastState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":6,"character":8},"arguments":["flyRight, flyLeft, slideDown, slideDown, slideUp, slideUp, fade",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":12},"arguments":[{"opacity":1,"transform":"translate(0,0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":8},"arguments":["void => flyRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":12},"arguments":[{"opacity":0,"transform":"translateX(100%)","height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":12},"arguments":["0.15s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":37},"arguments":[{"opacity":1,"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":12},"arguments":["0.25s 15ms ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":8},"arguments":["flyRight => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":21,"character":12},"arguments":["0.25s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":38},"arguments":[{"opacity":0,"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":12},"arguments":["0.15s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":38},"arguments":[{"height":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":8},"arguments":["void => flyLeft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":12},"arguments":[{"opacity":0,"transform":"translateX(-100%)","height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":12},"arguments":["0.15s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":37},"arguments":[{"opacity":1,"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":12},"arguments":["0.25s 15ms ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":8},"arguments":["flyLeft => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":12},"arguments":["0.25s 10ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":43},"arguments":[{"opacity":0,"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":12},"arguments":["0.15s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":38},"arguments":[{"height":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":8},"arguments":["void => slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":51,"character":12},"arguments":[{"opacity":0,"transform":"translateY(-500%)","height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":56,"character":12},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":57,"character":16},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":57,"character":40},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":60,"character":16},"arguments":["0.4s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":40},"arguments":[{"transform":"translate(0,0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":63,"character":16},"arguments":["0.3s 0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":45},"arguments":[{"opacity":1}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":68,"character":8},"arguments":["slideDown => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":68,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":69,"character":12},"arguments":["0.3s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":69,"character":37},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":72,"character":12},"arguments":["0.4s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":72,"character":37},"arguments":[{"transform":"translateY(-500%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":75,"character":12},"arguments":["0.2s 0.2s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":42},"arguments":[{"height":0}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":79,"character":8},"arguments":["void => slideUp",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":80,"character":12},"arguments":[{"opacity":0,"transform":"translateY(1000%)","height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":85,"character":12},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":86,"character":16},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":86,"character":40},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":89,"character":16},"arguments":["0.5s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":40},"arguments":[{"transform":"translate(0,0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":92,"character":16},"arguments":["0.3s 0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":92,"character":45},"arguments":[{"opacity":1}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":97,"character":8},"arguments":["slideUp => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":97,"character":38},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":98,"character":12},"arguments":["0.3s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":98,"character":37},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":101,"character":12},"arguments":["0.5s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":101,"character":37},"arguments":[{"transform":"translateY(1000%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":104,"character":12},"arguments":["0.3s 0.15s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":104,"character":43},"arguments":[{"height":0}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":108,"character":8},"arguments":["void => fade",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":109,"character":12},"arguments":[{"opacity":0,"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":113,"character":12},"arguments":["0.20s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":113,"character":37},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":116,"character":12},"arguments":["0.15s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":116,"character":37},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":121,"character":8},"arguments":["fade => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":122,"character":12},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":123,"character":16},"arguments":["0.0s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":123,"character":41},"arguments":[{"background-position":"-99999px","$quoted$":["background-position"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":128,"character":16},"arguments":["0.15s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":128,"character":42},"arguments":[{"opacity":0,"background-image":"","$quoted$":["background-image"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":132,"character":16},"arguments":["0.3s 20ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":132,"character":46},"arguments":[{"height":0}]}]}]]}]]}]]}],"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"[toastComp]","template":"\n <div class=\"toast-content\">\n <div [ngClass]=\"titleClass\">{{toast.title}}</div>\n <div [ngClass]=\"messageClass\" [ngSwitch]=\"toast.bodyOutputType\">\n <div *ngSwitchCase=\"bodyOutputType.Component\" #componentBody></div>\n <div *ngSwitchCase=\"bodyOutputType.TrustedHtml\" [innerHTML]=\"toast.body | trustHtml\"></div>\n <div *ngSwitchCase=\"bodyOutputType.Default\">{{toast.body}}</div>\n </div>\n </div>\n <button class=\"toast-close-button\" *ngIf=\"toast.showCloseButton\" (click)=\"click($event, toast)\"\n [innerHTML]=\"toast.closeHtml | trustHtml\">\n </button>\n <div *ngIf=\"toast.progressBar\">\n <div class=\"toast-progress-bar\" [style.width]=\"progressBarWidth + '%'\"></div>\n </div>"}]}],"members":{"toasterconfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"toast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"titleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"messageClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"componentBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["componentBody",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":40},"static":false}]}]}],"clickEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"removeToastEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":62,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":64,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":65,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":66,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"stopTimer":[{"__symbolic":"method"}],"restartTimer":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":5},"arguments":["mouseleave"]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"configureTimer":[{"__symbolic":"method"}],"updateProgressBar":[{"__symbolic":"method"}],"clearTimers":[{"__symbolic":"method"}],"removeToast":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"trustHtml","pure":true}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":35}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"ToasterContainerComponent":"./lib/toaster-container.component","ToasterService":"./lib/toaster.service","IClearWrapper":"./lib/clearWrapper","DefaultTypeClasses":"./lib/toaster-config","DefaultIconClasses":"./lib/toaster-config","IToasterConfig":"./lib/toaster-config","ToasterConfig":"./lib/toaster-config","Toast":"./lib/toast","ToastType":"./lib/toast","OnActionCallback":"./lib/toast","ProgressBarDirection":"./lib/toast","BodyOutputType":"./lib/bodyOutputType","ToasterModule":"./lib/toaster.module","ɵa":"./lib/transitions","ɵb":"./lib/toast.component","ɵc":"./lib/trust-html.pipe"},"importAs":"angular2-toaster"}