"use strict"; 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 __param = (this && this.__param) || function (paramIndex, decorator) { return function (target, key) { decorator(target, key, paramIndex); } }; Object.defineProperty(exports, "__esModule", { value: true }); var core_1 = require("@angular/core"); var common_1 = require("@angular/common"); var domhandler_1 = require("../dom/domhandler"); var messageservice_1 = require("../common/messageservice"); var Growl = /** @class */ (function () { function Growl(el, differs, messageService, zone) { var _this = this; this.el = el; this.differs = differs; this.messageService = messageService; this.zone = zone; this.life = 3000; this.immutable = true; this.autoZIndex = true; this.baseZIndex = 0; this.onClick = new core_1.EventEmitter(); this.onHover = new core_1.EventEmitter(); this.onClose = new core_1.EventEmitter(); this.valueChange = new core_1.EventEmitter(); this.differ = differs.find([]).create(null); if (messageService) { this.subscription = messageService.messageObserver.subscribe(function (messages) { if (messages) { if (messages instanceof Array) { var filteredMessages = messages.filter(function (m) { return _this.key === m.key; }); _this.value = _this.value ? _this.value.concat(filteredMessages) : filteredMessages.slice(); } else if (_this.key === messages.key) { _this.value = _this.value ? _this.value.concat([messages]) : [messages]; } } else { _this.value = null; } }); } } Growl.prototype.ngAfterViewInit = function () { if (!this.sticky) { this.initTimeout(); } }; Object.defineProperty(Growl.prototype, "value", { get: function () { return this._value; }, set: function (val) { this._value = val; if (this.containerViewChild && this.containerViewChild.nativeElement && this.immutable) { this.handleValueChange(); } }, enumerable: true, configurable: true }); Object.defineProperty(Growl.prototype, "sticky", { get: function () { return this._sticky; }, set: function (value) { if (value && this.timeout) { clearTimeout(this.timeout); } this._sticky = value; }, enumerable: true, configurable: true }); Growl.prototype.ngDoCheck = function () { if (!this.immutable && this.containerViewChild && this.containerViewChild.nativeElement) { var changes = this.differ.diff(this.value); if (changes) { this.handleValueChange(); } } }; Growl.prototype.handleValueChange = function () { if (this.preventRerender) { this.preventRerender = false; return; } if (this.autoZIndex) { this.containerViewChild.nativeElement.style.zIndex = String(this.baseZIndex + (++domhandler_1.DomHandler.zindex)); } domhandler_1.DomHandler.fadeIn(this.containerViewChild.nativeElement, 250); if (!this.sticky) { this.initTimeout(); } }; Growl.prototype.initTimeout = function () { var _this = this; if (this.timeout) { clearTimeout(this.timeout); } this.zone.runOutsideAngular(function () { _this.timeout = setTimeout(function () { _this.zone.run(function () { _this.removeAll(); }); }, _this.life); }); }; Growl.prototype.remove = function (index, msgel) { var _this = this; this.closeIconClick = true; domhandler_1.DomHandler.fadeOut(msgel, 250); setTimeout(function () { _this.preventRerender = true; _this.onClose.emit({ message: _this.value[index] }); if (_this.immutable) { _this._value = _this.value.filter(function (val, i) { return i != index; }); _this.valueChange.emit(_this._value); } else { _this._value.splice(index, 1); } }, 250); }; Growl.prototype.removeAll = function () { var _this = this; if (this.value && this.value.length) { domhandler_1.DomHandler.fadeOut(this.containerViewChild.nativeElement, 250); setTimeout(function () { _this.value.forEach(function (msg, index) { return _this.onClose.emit({ message: _this.value[index] }); }); if (_this.immutable) { _this.value = []; _this.valueChange.emit(_this.value); } else { _this.value.splice(0, _this.value.length); } }, 250); } }; Growl.prototype.onMessageClick = function (i) { if (this.closeIconClick) this.closeIconClick = false; else this.onClick.emit({ message: this.value[i] }); }; Growl.prototype.onMessageHover = function (i) { this.onHover.emit({ message: this.value[i] }); }; Growl.prototype.ngOnDestroy = function () { if (!this.sticky) { clearTimeout(this.timeout); } if (this.subscription) { this.subscription.unsubscribe(); } }; __decorate([ core_1.Input(), __metadata("design:type", Number) ], Growl.prototype, "life", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], Growl.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Growl.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], Growl.prototype, "immutable", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], Growl.prototype, "autoZIndex", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], Growl.prototype, "baseZIndex", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Growl.prototype, "key", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Growl.prototype, "onClick", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Growl.prototype, "onHover", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Growl.prototype, "onClose", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Growl.prototype, "valueChange", void 0); __decorate([ core_1.ViewChild('container'), __metadata("design:type", core_1.ElementRef) ], Growl.prototype, "containerViewChild", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array), __metadata("design:paramtypes", [Array]) ], Growl.prototype, "value", null); __decorate([ core_1.Input(), __metadata("design:type", Boolean), __metadata("design:paramtypes", [Boolean]) ], Growl.prototype, "sticky", null); Growl = __decorate([ core_1.Component({ selector: 'p-growl', template: "\n