UNPKG

primeng

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng) [![Build Status](https://travis-ci.org/primefaces/primeng.

2 lines 5.61 kB
!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?s(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"],s):s(((e=e||self).primeng=e.primeng||{},e.primeng.messages={}),e.ng.core,e.ng.common,e.ng.animations,e.primeng.api)}(this,(function(e,s,t,n,i){"use strict";var a=this&&this.__decorate||function(e,s,t,n){var i,a=arguments.length,r=a<3?s:null===n?n=Object.getOwnPropertyDescriptor(s,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,s,t,n);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(r=(a<3?i(r):a>3?i(s,t,r):i(s,t))||r);return a>3&&r&&Object.defineProperty(s,t,r),r},r=this&&this.__param||function(e,s){return function(t,n){s(t,n,e)}},o=this&&this.__read||function(e,s){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,i,a=t.call(e),r=[];try{for(;(void 0===s||s-- >0)&&!(n=a.next()).done;)r.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(t=a.return)&&t.call(a)}finally{if(i)throw i.error}}return r},l=this&&this.__spread||function(){for(var e=[],s=0;s<arguments.length;s++)e=e.concat(o(arguments[s]));return e},u=function(){function e(e){this.messageService=e,this.closable=!0,this.enableService=!0,this.escape=!0,this.showTransitionOptions="300ms ease-out",this.hideTransitionOptions="250ms ease-in",this.valueChange=new s.EventEmitter}return e.prototype.ngOnInit=function(){var e=this;this.messageService&&this.enableService&&(this.messageSubscription=this.messageService.messageObserver.subscribe((function(s){if(s)if(s instanceof Array){var t=s.filter((function(s){return e.key===s.key}));e.value=e.value?l(e.value,t):l(t)}else e.key===s.key&&(e.value=e.value?l(e.value,[s]):[s])})),this.clearSubscription=this.messageService.clearObserver.subscribe((function(s){s?e.key===s&&(e.value=null):e.value=null})))},e.prototype.hasMessages=function(){return this.value&&this.value.length>0},e.prototype.getSeverityClass=function(){return this.value[0].severity},e.prototype.clear=function(e){this.value=[],this.valueChange.emit(this.value),e.preventDefault()},Object.defineProperty(e.prototype,"icon",{get:function(){var e=null;if(this.hasMessages())switch(this.value[0].severity){case"success":e="pi-check";break;case"info":e="pi-info-circle";break;case"error":e="pi-times";break;case"warn":e="pi-exclamation-triangle";break;default:e="pi-info-circle"}return e},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:s.Optional}]}]},a([s.Input()],e.prototype,"value",void 0),a([s.Input()],e.prototype,"closable",void 0),a([s.Input()],e.prototype,"style",void 0),a([s.Input()],e.prototype,"styleClass",void 0),a([s.Input()],e.prototype,"enableService",void 0),a([s.Input()],e.prototype,"key",void 0),a([s.Input()],e.prototype,"escape",void 0),a([s.Input()],e.prototype,"showTransitionOptions",void 0),a([s.Input()],e.prototype,"hideTransitionOptions",void 0),a([s.Output()],e.prototype,"valueChange",void 0),e=a([s.Component({selector:"p-messages",template:'\n <div *ngIf="hasMessages()" class="ui-messages ui-widget ui-corner-all"\n [ngClass]="{\'ui-messages-info\':(value[0].severity === \'info\'),\n \'ui-messages-warn\':(value[0].severity === \'warn\'),\n \'ui-messages-error\':(value[0].severity === \'error\'),\n \'ui-messages-success\':(value[0].severity === \'success\')}" role="alert"\n [ngStyle]="style" [class]="styleClass" [@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 <ul>\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:[n.trigger("messageAnimation",[n.state("visible",n.style({transform:"translateY(0)",opacity:1})),n.transition("void => *",[n.style({transform:"translateY(-25%)",opacity:0}),n.animate("{{showTransitionParams}}")]),n.transition("* => void",[n.animate("{{hideTransitionParams}}",n.style({opacity:0,transform:"translateY(-25%)"}))])])]}),r(0,s.Optional())],e)}(),c=function(){function e(){}return e=a([s.NgModule({imports:[t.CommonModule],exports:[u],declarations:[u]})],e)}();e.Messages=u,e.MessagesModule=c,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=primeng-messages.umd.min.js.map