ng2-bootstrap
Version:
Native Angular Bootstrap Components
77 lines (76 loc) • 3.89 kB
JavaScript
;
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var alert_config_1 = require('./alert.config');
var decorators_1 = require('../utils/decorators');
var AlertComponent = (function () {
function AlertComponent(_config) {
var _this = this;
/** 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;
/** This event fires immediately after close instance method is called, $event is an instance of Alert component. */
this.onClose = new core_1.EventEmitter();
/** This event fires when alert closed, $event is an instance of Alert component */
this.onClosed = new core_1.EventEmitter();
this.isClosed = false;
this.classes = '';
this.dismissibleChange = new core_1.EventEmitter();
Object.assign(this, _config);
this.dismissibleChange.subscribe(function (dismissible) {
_this.classes = _this.dismissible ? 'alert-dismissible' : '';
});
}
AlertComponent.prototype.ngOnInit = function () {
var _this = this;
if (this.dismissOnTimeout) {
// if dismissOnTimeout used as attr without binding, it will be a string
setTimeout(function () { return _this.close(); }, parseInt(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.
*/
AlertComponent.prototype.close = function () {
if (this.isClosed) {
return;
}
this.onClose.emit(this);
this.isClosed = true;
this.onClosed.emit(this);
};
AlertComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'alert,ngx-alert',
template: "\n<template [ngIf]=\"!isClosed\">\n <div [class]=\"'alert alert-' + type\" role=\"alert\" [ngClass]=\"classes\">\n <template [ngIf]=\"dismissible\">\n <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"close()\">\n <span aria-hidden=\"true\">×</span>\n <span class=\"sr-only\">Close</span>\n </button>\n </template>\n <ng-content></ng-content>\n </div>\n</template>\n "
},] },
];
/** @nocollapse */
AlertComponent.ctorParameters = function () { return [
{ type: alert_config_1.AlertConfig, },
]; };
AlertComponent.propDecorators = {
'type': [{ type: core_1.Input },],
'dismissible': [{ type: core_1.Input },],
'dismissOnTimeout': [{ type: core_1.Input },],
'onClose': [{ type: core_1.Output },],
'onClosed': [{ type: core_1.Output },],
};
__decorate([
decorators_1.OnChange(),
__metadata('design:type', Boolean)
], AlertComponent.prototype, "dismissible", void 0);
return AlertComponent;
}());
exports.AlertComponent = AlertComponent;