| 1 | !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/animations"),require("primeng/api")):"function"==typeof define&&define.amd?define("primeng/messages",["exports","@angular/core","@angular/common","@angular/animations","primeng/api"],t):t(((e=e||self).primeng=e.primeng||{},e.primeng.messages={}),e.ng.core,e.ng.common,e.ng.animations,e.primeng.api)}(this,(function(e,t,n,s,i){"use strict";var a=this&&this.__decorate||function(e,t,n,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(r=(a<3?i(r):a>3?i(t,n,r):i(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},r=this&&this.__param||function(e,t){return function(n,s){t(n,s,e)}},o=this&&this.__read||function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var s,i,a=n.call(e),r=[];try{for(;(void 0===t||t-- >0)&&!(s=a.next()).done;)r.push(s.value)}catch(e){i={error:e}}finally{try{s&&!s.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return r},l=this&&this.__spread||function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(o(arguments[t]));return e},u=function(){function e(e,n){this.messageService=e,this.el=n,this.closable=!0,this.enableService=!0,this.escape=!0,this.showTransitionOptions="300ms ease-out",this.hideTransitionOptions="250ms ease-in",this.valueChange=new t.EventEmitter}return e.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach((function(t){switch(t.getType()){case"content":default:e.contentTemplate=t.template}})),this.messageService&&this.enableService&&!this.contentTemplate&&(this.messageSubscription=this.messageService.messageObserver.subscribe((function(t){if(t)if(t instanceof Array){var n=t.filter((function(t){return e.key===t.key}));e.value=e.value?l(e.value,n):l(n)}else e.key===t.key&&(e.value=e.value?l(e.value,[t]):[t])})),this.clearSubscription=this.messageService.clearObserver.subscribe((function(t){t?e.key===t&&(e.value=null):e.value=null})))},e.prototype.hasMessages=function(){var e=this.el.nativeElement.parentElement;return!(!e||!e.offsetParent)&&(null!=this.contentTemplate||this.value&&this.value.length>0)},e.prototype.getSeverityClass=function(){if(this.severity)return"ui-messages-"+this.severity;var e=this.value[0];if(e){var t=["info","warn","error","success"].find((function(t){return t===e.severity}));return t&&"ui-messages-"+t}return null},e.prototype.clear=function(e){this.value=[],this.valueChange.emit(this.value),e.preventDefault()},Object.defineProperty(e.prototype,"icon",{get:function(){var e=this.severity||(this.hasMessages()?this.value[0].severity:null);if(this.hasMessages())switch(e){case"success":return"pi-check";case"info":return"pi-info-circle";case"error":return"pi-times";case"warn":return"pi-exclamation-triangle";default:return"pi-info-circle"}return null},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.messageSubscription&&this.messageSubscription.unsubscribe(),this.clearSubscription&&this.clearSubscription.unsubscribe()},e.ctorParameters=function(){return[{type:i.MessageService,decorators:[{type:t.Optional}]},{type:t.ElementRef}]},a([t.Input()],e.prototype,"value",void 0),a([t.Input()],e.prototype,"closable",void 0),a([t.Input()],e.prototype,"style",void 0),a([t.Input()],e.prototype,"styleClass",void 0),a([t.Input()],e.prototype,"enableService",void 0),a([t.Input()],e.prototype,"key",void 0),a([t.Input()],e.prototype,"escape",void 0),a([t.Input()],e.prototype,"severity",void 0),a([t.Input()],e.prototype,"showTransitionOptions",void 0),a([t.Input()],e.prototype,"hideTransitionOptions",void 0),a([t.ContentChildren(i.PrimeTemplate)],e.prototype,"templates",void 0),a([t.Output()],e.prototype,"valueChange",void 0),e=a([t.Component({selector:"p-messages",template:'\n <div *ngIf="hasMessages()" class="ui-messages ui-widget ui-corner-all"\n [ngClass]="getSeverityClass()" role="alert" [ngStyle]="style" [class]="styleClass"\n [@messageAnimation]="{value: \'visible\', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}">\n <a tabindex="0" class="ui-messages-close" (click)="clear($event)" (keydown.enter)="clear($event)" *ngIf="closable">\n <i class="pi pi-times"></i>\n </a>\n <span class="ui-messages-icon pi" [ngClass]="icon"></span>\n <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n <ul *ngIf="value && value.length">\n <li *ngFor="let msg of value">\n <div *ngIf="!escape; else escapeOut">\n <span *ngIf="msg.summary" class="ui-messages-summary" [innerHTML]="msg.summary"></span>\n <span *ngIf="msg.detail" class="ui-messages-detail" [innerHTML]="msg.detail"></span>\n </div>\n <ng-template #escapeOut>\n <span *ngIf="msg.summary" class="ui-messages-summary">{{msg.summary}}</span>\n <span *ngIf="msg.detail" class="ui-messages-detail">{{msg.detail}}</span>\n </ng-template>\n </li>\n </ul>\n </div>\n ',animations:[s.trigger("messageAnimation",[s.state("visible",s.style({transform:"translateY(0)",opacity:1})),s.transition("void => *",[s.style({transform:"translateY(-25%)",opacity:0}),s.animate("{{showTransitionParams}}")]),s.transition("* => void",[s.animate("{{hideTransitionParams}}",s.style({opacity:0,transform:"translateY(-25%)"}))])])],changeDetection:t.ChangeDetectionStrategy.Default}),r(0,t.Optional())],e)}(),c=function(){function e(){}return e=a([t.NgModule({imports:[n.CommonModule],exports:[u],declarations:[u]})],e)}();e.Messages=u,e.MessagesModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
|