import { __decorate, __metadata } from 'tslib'; import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, NgModule } from '@angular/core'; import { OnChange } from 'ngx-bootstrap/utils'; import { CommonModule } from '@angular/common'; /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class AlertConfig { constructor() { /** * default alert type */ this.type = 'warning'; /** * is alerts are dismissible by default */ this.dismissible = false; /** * default time before alert will dismiss */ this.dismissOnTimeout = undefined; } } AlertConfig.decorators = [ { type: Injectable } ]; /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class AlertComponent { /** * @param {?} _config * @param {?} changeDetection */ constructor(_config, changeDetection) { this.changeDetection = changeDetection; /** * Alert type. * Provides one of four bootstrap supported contextual classes: * `success`, `info`, `warning` and `danger` */ this.type = 'warning'; /** * If set, displays an inline "Close" button */ this.dismissible = false; /** * Is alert visible */ this.isOpen = true; /** * This event fires immediately after close instance method is called, * $event is an instance of Alert component. */ this.onClose = new EventEmitter(); /** * This event fires when alert closed, $event is an instance of Alert component */ this.onClosed = new EventEmitter(); this.classes = ''; this.dismissibleChange = new EventEmitter(); Object.assign(this, _config); this.dismissibleChange.subscribe((/** * @param {?} dismissible * @return {?} */ (dismissible) => { this.classes = this.dismissible ? 'alert-dismissible' : ''; this.changeDetection.markForCheck(); })); } /** * @return {?} */ ngOnInit() { if (this.dismissOnTimeout) { // if dismissOnTimeout used as attr without binding, it will be a string setTimeout((/** * @return {?} */ () => this.close()), parseInt((/** @type {?} */ (this.dismissOnTimeout)), 10)); } } // todo: animation ` If the .fade and .in classes are present on the element, // the alert will fade out before it is removed` /** * Closes an alert by removing it from the DOM. * @return {?} */ close() { if (!this.isOpen) { return; } this.onClose.emit(this); this.isOpen = false; this.changeDetection.markForCheck(); this.onClosed.emit(this); } } AlertComponent.decorators = [ { type: Component, args: [{ selector: 'alert,bs-alert', template: "\n
\n \n \n \n \n
\n
\n", changeDetection: ChangeDetectionStrategy.OnPush }] } ]; /** @nocollapse */ AlertComponent.ctorParameters = () => [ { type: AlertConfig }, { type: ChangeDetectorRef } ]; AlertComponent.propDecorators = { type: [{ type: Input }], dismissible: [{ type: Input }], dismissOnTimeout: [{ type: Input }], isOpen: [{ type: Input }], onClose: [{ type: Output }], onClosed: [{ type: Output }] }; __decorate([ OnChange(), __metadata("design:type", Object) ], AlertComponent.prototype, "dismissible", void 0); /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class AlertModule { /** * @return {?} */ static forRoot() { return { ngModule: AlertModule, providers: [AlertConfig] }; } } AlertModule.decorators = [ { type: NgModule, args: [{ imports: [CommonModule], declarations: [AlertComponent], exports: [AlertComponent], entryComponents: [AlertComponent] },] } ]; export { AlertComponent, AlertConfig, AlertModule }; //# sourceMappingURL=ngx-bootstrap-alert.js.map