@ngx-performance-ui/ui/esm5/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';
var ToasterComponent = /** @class */ (function () {
    function ToasterComponent(renderer) {
        this.renderer = renderer;
        this.destroy = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ToasterComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        var _this = this;
        setTimeout((/**
         * @return {?}
         */
        function () { return _this.close(); }), this.timeout);
    };
    /**
     * @return {?}
     */
    ToasterComponent.prototype.close = /**
     * @return {?}
     */
    function () {
        var _this = this;
        this.renderer.setStyle(this.toast.nativeElement, 'animation', 'moveOutTop .5s');
        setTimeout((/**
         * @return {?}
         */
        function () {
            _this.destroy.emit();
        }), 500);
    };
    ToasterComponent.decorators = [
        { type: Component, args: [{
                    selector: 'p-toaster',
                    template: "\n    <div #toast class=\"toaster alert alert-{{ type }} alert-dismissible show move-in-top\">\n      <div *ngIf=\"header\" class=\"header\">\n        <div class=\"icon\"><fa-icon [icon]=\"['fas', 'info-circle']\"></fa-icon></div>\n        <span class=\"alert-heading\">{{ header }}</span>\n      </div>\n      <div class=\"body\" [innerHtml]=\"body\"></div>\n      <button *ngIf=\"closeOnClick\" type=\"button\" class=\"close\" (click)=\"close()\"><span>&times;</span></button>\n    </div>\n  ",
                    changeDetection: ChangeDetectionStrategy.OnPush
                }] }
    ];
    /** @nocollapse */
    ToasterComponent.ctorParameters = function () { return [
        { type: Renderer2 }
    ]; };
    ToasterComponent.propDecorators = {
        destroy: [{ type: Output }],
        toast: [{ type: ViewChild, args: ['toast',] }]
    };
    return ToasterComponent;
}());
export { ToasterComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Abmd4LXBlcmZvcm1hbmNlLXVpL3VpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9hc3Rlci90b2FzdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUd2QjtJQTZCRSwwQkFBb0IsUUFBbUI7UUFBbkIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUo3QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlILENBQUM7Ozs7SUFFM0MsbUNBQVE7OztJQUFSO1FBQUEsaUJBRUM7UUFEQyxVQUFVOzs7UUFBQyxjQUFNLE9BQUEsS0FBSSxDQUFDLEtBQUssRUFBRSxFQUFaLENBQVksR0FBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDL0MsQ0FBQzs7OztJQUVELGdDQUFLOzs7SUFBTDtRQUFBLGlCQUtDO1FBSkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7UUFDaEYsVUFBVTs7O1FBQUM7WUFDVCxLQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLENBQUMsR0FBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7O2dCQXhDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSxnZkFTVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7Ozs7Z0JBcEJDLFNBQVM7OzswQkFnQ1IsTUFBTTt3QkFFTixTQUFTLFNBQUMsT0FBTzs7SUFjcEIsdUJBQUM7Q0FBQSxBQXpDRCxJQXlDQztTQTNCWSxnQkFBZ0I7OztJQUMzQixnQ0FBZTs7SUFFZixrQ0FBZTs7SUFFZixtQ0FBZ0I7O0lBRWhCLGdDQUFhOztJQUViLHdDQUFzQjs7SUFFdEIsbUNBQTZDOztJQUU3QyxpQ0FBc0M7Ozs7O0lBRTFCLG9DQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBSZW5kZXJlcjIsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwLXRvYXN0ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgI3RvYXN0IGNsYXNzPVwidG9hc3RlciBhbGVydCBhbGVydC17eyB0eXBlIH19IGFsZXJ0LWRpc21pc3NpYmxlIHNob3cgbW92ZS1pbi10b3BcIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJoZWFkZXJcIiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPjxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywgJ2luZm8tY2lyY2xlJ11cIj48L2ZhLWljb24+PC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWxlcnQtaGVhZGluZ1wiPnt7IGhlYWRlciB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImJvZHlcIiBbaW5uZXJIdG1sXT1cImJvZHlcIj48L2Rpdj5cbiAgICAgIDxidXR0b24gKm5nSWY9XCJjbG9zZU9uQ2xpY2tcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+PHNwYW4+JnRpbWVzOzwvc3Bhbj48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0ZXJDb21wb25lbnQge1xuICBib2R5OiBTYWZlSHRtbDtcblxuICBoZWFkZXI6IHN0cmluZztcblxuICB0aW1lb3V0OiBudW1iZXI7XG5cbiAgdHlwZTogc3RyaW5nO1xuXG4gIGNsb3NlT25DbGljazogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgZGVzdHJveSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCd0b2FzdCcpIHRvYXN0OiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuY2xvc2UoKSwgdGhpcy50aW1lb3V0KTtcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b2FzdC5uYXRpdmVFbGVtZW50LCAnYW5pbWF0aW9uJywgJ21vdmVPdXRUb3AgLjVzJyk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmRlc3Ryb3kuZW1pdCgpO1xuICAgIH0sIDUwMCk7XG4gIH1cbn1cbiJdfQ==