@ngx-performance-ui/ui/esm2015/lib/components/toaster/toaster.component.js

Ngx Performance UI - UI

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, ViewChild, ElementRef, Renderer2, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
export class ToasterComponent {
    /**
     * @param {?} renderer
     */
    constructor(renderer) {
        this.renderer = renderer;
        this.destroy = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        setTimeout((/**
         * @return {?}
         */
        () => this.close()), this.timeout);
    }
    /**
     * @return {?}
     */
    close() {
        this.renderer.setStyle(this.toast.nativeElement, 'animation', 'moveOutTop .5s');
        setTimeout((/**
         * @return {?}
         */
        () => {
            this.destroy.emit();
        }), 500);
    }
}
ToasterComponent.decorators = [
    { type: Component, args: [{
                selector: 'p-toaster',
                template: `
    <div #toast class="toaster alert alert-{{ type }} alert-dismissible show move-in-top">
      <div *ngIf="header" class="header">
        <div class="icon"><fa-icon [icon]="['fas', 'info-circle']"></fa-icon></div>
        <span class="alert-heading">{{ header }}</span>
      </div>
      <div class="body" [innerHtml]="body"></div>
      <button *ngIf="closeOnClick" type="button" class="close" (click)="close()"><span>&times;</span></button>
    </div>
  `,
                changeDetection: ChangeDetectionStrategy.OnPush
            }] }
];
/** @nocollapse */
ToasterComponent.ctorParameters = () => [
    { type: Renderer2 }
];
ToasterComponent.propDecorators = {
    destroy: [{ type: Output }],
    toast: [{ type: ViewChild, args: ['toast',] }]
};
if (false) {
    /** @type {?} */
    ToasterComponent.prototype.body;
    /** @type {?} */
    ToasterComponent.prototype.header;
    /** @type {?} */
    ToasterComponent.prototype.timeout;
    /** @type {?} */
    ToasterComponent.prototype.type;
    /** @type {?} */
    ToasterComponent.prototype.closeOnClick;
    /** @type {?} */
    ToasterComponent.prototype.destroy;
    /** @type {?} */
    ToasterComponent.prototype.toast;
    /**
     * @type {?}
     * @private
     */
    ToasterComponent.prototype.renderer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Abmd4LXBlcmZvcm1hbmNlLXVpL3VpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9hc3Rlci90b2FzdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQWlCdkIsTUFBTSxPQUFPLGdCQUFnQjs7OztJQWUzQixZQUFvQixRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBSjdCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSUgsQ0FBQzs7OztJQUUzQyxRQUFRO1FBQ04sVUFBVTs7O1FBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQyxDQUFDOzs7O0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2hGLFVBQVU7OztRQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsQ0FBQyxHQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7O1lBeENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTVDtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRDs7OztZQXBCQyxTQUFTOzs7c0JBZ0NSLE1BQU07b0JBRU4sU0FBUyxTQUFDLE9BQU87Ozs7SUFabEIsZ0NBQWU7O0lBRWYsa0NBQWU7O0lBRWYsbUNBQWdCOztJQUVoQixnQ0FBYTs7SUFFYix3Q0FBc0I7O0lBRXRCLG1DQUE2Qzs7SUFFN0MsaUNBQXNDOzs7OztJQUUxQixvQ0FBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncC10b2FzdGVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2ICN0b2FzdCBjbGFzcz1cInRvYXN0ZXIgYWxlcnQgYWxlcnQte3sgdHlwZSB9fSBhbGVydC1kaXNtaXNzaWJsZSBzaG93IG1vdmUtaW4tdG9wXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaGVhZGVyXCIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj48ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsICdpbmZvLWNpcmNsZSddXCI+PC9mYS1pY29uPjwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImFsZXJ0LWhlYWRpbmdcIj57eyBoZWFkZXIgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJib2R5XCIgW2lubmVySHRtbF09XCJib2R5XCI+PC9kaXY+XG4gICAgICA8YnV0dG9uICpuZ0lmPVwiY2xvc2VPbkNsaWNrXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiPjxzcGFuPiZ0aW1lczs8L3NwYW4+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdGVyQ29tcG9uZW50IHtcbiAgYm9keTogU2FmZUh0bWw7XG5cbiAgaGVhZGVyOiBzdHJpbmc7XG5cbiAgdGltZW91dDogbnVtYmVyO1xuXG4gIHR5cGU6IHN0cmluZztcblxuICBjbG9zZU9uQ2xpY2s6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIGRlc3Ryb3kgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgndG9hc3QnKSB0b2FzdDogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmNsb3NlKCksIHRoaXMudGltZW91dCk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9hc3QubmF0aXZlRWxlbWVudCwgJ2FuaW1hdGlvbicsICdtb3ZlT3V0VG9wIC41cycpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5kZXN0cm95LmVtaXQoKTtcbiAgICB9LCA1MDApO1xuICB9XG59XG4iXX0=