{"version":3,"file":"vamidicreations-angular2-toaster.mjs","sources":["../../../src/angular2-toaster/src/lib/transitions.ts","../../../src/angular2-toaster/src/lib/bodyOutputType.ts","../../../src/angular2-toaster/src/lib/toaster-config.ts","../../../src/angular2-toaster/src/lib/toaster.service.ts","../../../src/angular2-toaster/src/lib/trust-html.pipe.ts","../../../src/angular2-toaster/src/lib/toast.component.ts","../../../src/angular2-toaster/src/lib/toaster-container.component.ts","../../../src/angular2-toaster/src/lib/toaster.module.ts","../../../src/angular2-toaster/src/public-api.ts","../../../src/angular2-toaster/src/vamidicreations-angular2-toaster.ts"],"sourcesContent":["import { \n trigger, state, style, animate, transition, group \n} from '@angular/animations';\n\nexport const Transitions = [\n trigger('toastState', [\n state('flyRight, flyLeft, slideDown, slideDown, slideUp, slideUp, fade', \n style({ opacity: 1, transform: 'translate(0,0)' })),\n transition('void => flyRight', [\n style({\n opacity: 0,\n transform: 'translateX(100%)',\n height: 0\n }),\n animate('0.15s ease-in', style({\n opacity: 1,\n height: '*'\n })),\n animate('0.25s 15ms ease-in')\n ]),\n transition('flyRight => void', [\n animate('0.25s ease-out', style({\n opacity: 0,\n transform: 'translateX(100%)'\n })),\n animate('0.15s ease-out', style({\n height: 0\n }))\n ]),\n transition('void => flyLeft', [\n style({\n opacity: 0, \n transform: 'translateX(-100%)',\n height: 0\n }),\n animate('0.15s ease-in', style({\n opacity: 1,\n height: '*'\n })),\n animate('0.25s 15ms ease-in')\n ]),\n transition('flyLeft => void', [\n animate('0.25s 10ms ease-out', style({\n opacity: 0, \n transform: 'translateX(-100%)'\n })),\n animate('0.15s ease-out', style({\n height: 0\n }))\n ]),\n transition('void => slideDown', [\n style({\n opacity: 0, \n transform: 'translateY(-500%)',\n height: 0\n }),\n group([\n animate('0.2s ease-in', style({\n height: '*'\n })),\n animate('0.4s ease-in', style({\n transform: 'translate(0,0)'\n })), \n animate('0.3s 0.1s ease-in', style({\n opacity: 1\n }))\n ])\n ]),\n transition('slideDown => void', group([\n animate('0.3s ease-out', style({\n opacity: 0\n })),\n animate('0.4s ease-out', style({\n transform: 'translateY(-500%)'\n })), \n animate('0.2s 0.2s ease-out', style({\n height: 0\n }))\n ])),\n transition('void => slideUp', [\n style({\n opacity: 0, \n transform: 'translateY(1000%)',\n height: 0\n }),\n group([\n animate('0.2s ease-in', style({\n height: '*'\n })),\n animate('0.5s ease-in', style({\n transform: 'translate(0,0)'\n })), \n animate('0.3s 0.1s ease-in', style({\n opacity: 1\n }))\n ])\n ]),\n transition('slideUp => void', group([\n animate('0.3s ease-out', style({\n opacity: 0\n })),\n animate('0.5s ease-out', style({\n transform: 'translateY(1000%)'\n })), \n animate('0.3s 0.15s ease-out', style({\n height: 0\n }))\n ])),\n transition('void => fade', [\n style({\n opacity: 0,\n height: 0\n }),\n animate('0.20s ease-in', style({\n height: '*'\n })),\n animate('0.15s ease-in', style({\n opacity: 1\n }))\n \n ]),\n transition('fade => void', [\n group([\n animate('0.0s ease-out', style({\n // reposition the background to prevent\n // a ghost image during transition\n 'background-position': '-99999px'\n })),\n animate('0.15s ease-out', style({\n opacity: 0,\n 'background-image': ''\n })),\n animate('0.3s 20ms ease-out', style({\n height: 0\n }))\n ])\n ])\n ]),\n]","export enum BodyOutputType {\n Default, TrustedHtml, Component\n}\n","import { Injectable } from '@angular/core';\nimport { BodyOutputType } from './bodyOutputType';\nimport { ToastType } from './toast';\n\nexport const DefaultTypeClasses : { [key in ToastType]? : string } = {\n error: 'toast-error',\n info: 'toast-info',\n wait: 'toast-wait',\n success: 'toast-success',\n warning: 'toast-warning'\n};\n\nexport const DefaultIconClasses : { [key in ToastType]? : string } = {\n error: 'icon-error',\n info: 'icon-info',\n wait: 'icon-wait',\n success: 'icon-success',\n warning: 'icon-warning'\n};\n\nexport interface IToasterConfig {\n limit?: number|null;\n tapToDismiss?: boolean;\n showCloseButton?: boolean|{ [key in ToastType]?: boolean};\n closeHtml?: string;\n newestOnTop?: boolean;\n timeout?: number|{ [key in ToastType]?: number };\n typeClasses?: { [key in ToastType]?: string };\n iconClasses?: { [key in ToastType]?: string };\n bodyOutputType?: BodyOutputType;\n bodyTemplate?: string;\n defaultToastType?: ToastType;\n // Options (see CSS):\n // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center',\n // 'toast-top-left', 'toast-top-center', 'toast-top-right',\n // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right',\n positionClass?: string;\n titleClass?: string;\n messageClass?: string;\n animation?: string;\n preventDuplicates?: boolean;\n mouseoverTimerStop?: boolean;\n toastContainerId?: number|null;\n}\n\n@Injectable()\nexport class ToasterConfig implements IToasterConfig {\n limit?: number|null;\n tapToDismiss: boolean;\n showCloseButton: boolean|{ [key in ToastType]?: boolean };\n closeHtml: string;\n newestOnTop: boolean;\n timeout: number|{ [key in ToastType]?: number };\n typeClasses: { [key in ToastType]?: string };\n iconClasses: { [key in ToastType]?: string };\n bodyOutputType: BodyOutputType;\n bodyTemplate: string;\n defaultToastType: ToastType;\n // Options (see CSS):\n // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center',\n // 'toast-top-left', 'toast-top-center', 'toast-top-right',\n // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right',\n positionClass: string;\n titleClass: string;\n messageClass: string;\n animation: string;\n preventDuplicates: boolean;\n mouseoverTimerStop: boolean;\n toastContainerId?: number|null;\n\n constructor(configOverrides?: IToasterConfig) {\n configOverrides = configOverrides || {};\n this.limit = configOverrides.limit || null;\n this.tapToDismiss = configOverrides.tapToDismiss != null ? configOverrides.tapToDismiss : true;\n this.showCloseButton = configOverrides.showCloseButton != null ? configOverrides.showCloseButton : false;\n this.closeHtml = configOverrides.closeHtml || '×';\n this.newestOnTop = configOverrides.newestOnTop != null ? configOverrides.newestOnTop : true;\n this.timeout = configOverrides.timeout != null ? configOverrides.timeout : 5000;\n this.typeClasses = configOverrides.typeClasses || DefaultTypeClasses;\n this.iconClasses = configOverrides.iconClasses || DefaultIconClasses;\n this.bodyOutputType = configOverrides.bodyOutputType || BodyOutputType.Default;\n this.bodyTemplate = configOverrides.bodyTemplate || 'toasterBodyTmpl.html';\n this.defaultToastType = configOverrides.defaultToastType || 'info';\n this.positionClass = configOverrides.positionClass || 'toast-top-right';\n this.titleClass = configOverrides.titleClass || 'toast-title';\n this.messageClass = configOverrides.messageClass || 'toast-message';\n this.animation = configOverrides.animation || '';\n this.preventDuplicates = configOverrides.preventDuplicates != null ? configOverrides.preventDuplicates : false;\n this.mouseoverTimerStop = configOverrides.mouseoverTimerStop != null ? configOverrides.mouseoverTimerStop : false;\n this.toastContainerId = configOverrides.toastContainerId != null ? configOverrides.toastContainerId : null;\n }\n}\n","import { Injectable } from '@angular/core';\nimport { Toast, ToastType } from './toast';\nimport { IClearWrapper } from './clearWrapper';\nimport { Observable, Subject, Observer } from 'rxjs';\nimport { share } from 'rxjs/operators'\n\n// http://stackoverflow.com/questions/26501688/a-typescript-guid-class\nclass Guid {\n static newGuid() {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n const r = Math.random() * 16 | 0, v = c === 'x' ? r : ( r & 0x3 | 0x8 );\n return v.toString(16);\n });\n }\n}\n\n@Injectable({ providedIn: 'root' })\nexport class ToasterService {\n addToast: Observable;\n private _addToast: Observer;\n\n clearToasts: Observable;\n private _clearToasts: Observer;\n\n removeToast: Observable;\n /** @internal */\n _removeToastSubject: Subject;\n\n /**\n * Creates an instance of ToasterService.\n */\n constructor() {\n this.addToast = new Observable((observer: any) => this._addToast = observer).pipe(share());\n this.clearToasts = new Observable((observer: any) => this._clearToasts = observer).pipe(share());\n this._removeToastSubject = new Subject()\n this.removeToast = this._removeToastSubject.pipe(share());\n }\n\n /**\n * Synchronously create and show a new toast instance.\n *\n * @param {(string | Toast)} type The type of the toast, or a Toast object.\n * @param {string=} title The toast title.\n * @param {string=} body The toast body.\n * @returns {Toast}\n * The newly created Toast instance with a randomly generated GUID Id.\n */\n pop(type: ToastType | Toast, title?: string, body?: string): Toast {\n const toast = typeof type === 'string' ? { type: type, title: title, body: body } : type;\n\n if (!toast.toastId) {\n toast.toastId = Guid.newGuid();\n }\n\n if (!this._addToast) {\n throw new Error('No Toaster Containers have been initialized to receive toasts.');\n }\n\n this._addToast.next(toast);\n return toast;\n }\n\n /**\n * Asynchronously create and show a new toast instance.\n *\n * @param {(string | Toast)} type The type of the toast, or a Toast object.\n * @param {string=} title The toast title.\n * @param {string=} body The toast body.\n * @returns {Observable}\n * A hot Observable that can be subscribed to in order to receive the Toast instance\n * with a randomly generated GUID Id.\n */\n popAsync(type: ToastType | Toast, title?: string, body?: string): Observable {\n setTimeout(() => {\n this.pop(type, title, body);\n }, 0);\n\n return this.addToast;\n }\n\n /**\n * Clears a toast by toastId and/or toastContainerId.\n *\n * @param {string} toastId The toastId to clear.\n * @param {number=} toastContainerId\n * The toastContainerId of the container to remove toasts from.\n */\n clear(toastId?: string, toastContainerId?: number) {\n const clearWrapper: IClearWrapper = {\n toastId: toastId, toastContainerId: toastContainerId\n };\n\n this._clearToasts.next(clearWrapper)\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n name: 'trustHtml',\n pure: true\n})\nexport class TrustHtmlPipe implements PipeTransform {\n constructor(private sanitizer: DomSanitizer) {\n }\n\n transform(content: any): SafeHtml {\n return this.sanitizer.bypassSecurityTrustHtml(content);\n }\n}\n","import {\n Component, \n Input, \n Output, \n ViewChild, \n ViewContainerRef, \n EventEmitter,\n ComponentFactoryResolver, \n ChangeDetectorRef, \n OnInit, \n AfterViewInit, \n OnDestroy,\n HostListener,\n NgZone, \n ElementRef,\n Renderer2\n} from '@angular/core';\nimport { Toast } from './toast';\nimport { BodyOutputType } from './bodyOutputType';\nimport { ToasterConfig } from './toaster-config';\n\n@Component({\n selector: '[toastComp]',\n template: `\n \n
{{toast.title}}
\n
\n
\n
\n
{{toast.body}}
\n
\n