primevue/message/message.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

this.primevue=this.primevue||{},this.primevue.message=function(e,t,s,n,o,i,a,l){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=c(e),p=c(t),m=c(s),u=c(n),d=c(o),f=c(i),g=c(a),v={name:"Message",extends:r.default,emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||this.closeAfterDelay()},methods:{close(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay(){setTimeout((()=>{this.visible=!1}),this.life)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconComponent(){return{info:u.default,success:p.default,warn:m.default,error:f.default}[this.severity]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:g.default},components:{TimesIcon:d.default,InfoCircleIcon:u.default,CheckIcon:p.default,ExclamationTriangleIcon:m.default,TimesCircleIcon:f.default}};const h=["aria-label"];return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),v.render=function(e,t,s,n,o,i){const a=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,{name:"p-message",appear:""},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root")),[l.createElementVNode("div",l.mergeProps({class:"p-message-wrapper"},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.icon?"span":i.iconComponent),l.mergeProps({class:["p-message-icon",s.icon]},e.ptm("icon")),null,16,["class"]))])),l.createElementVNode("div",l.mergeProps({class:"p-message-text"},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),s.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:"p-message-close p-link","aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=e=>i.close(e))},{...s.closeButtonProps,...e.ptm("button")}),[l.renderSlot(e.$slots,"closeicon",{class:"p-message-close-icon"},(()=>[s.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:["p-message-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16)):(l.openBlock(),l.createBlock(a,l.mergeProps({key:1,class:"p-message-close-icon"},e.ptm("buttonIcon")),null,16))]))],16,h)),[[c]]):l.createCommentVNode("",!0)],16)],16),[[l.vShow,o.visible]])])),_:3})},v}(primevue.basecomponent,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);