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,s,t,n,i,o,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r=l(s),p=l(t),m=l(n),u=l(i),d={name:"Message",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:p.default,success:c.default,warn:r.default,error:u.default}[this.severity]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:l(o).default},components:{TimesIcon:m.default,InfoCircleIcon:p.default,CheckIcon:c.default,ExclamationTriangleIcon:r.default,TimesCircleIcon:u.default}};const f={class:"p-message-wrapper"},v={class:"p-message-text"},g=["aria-label"];return function(e,s){void 0===s&&(s={});var t=s.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),d.render=function(e,s,t,n,i,o){const l=a.resolveComponent("TimesIcon"),c=a.resolveDirective("ripple");return a.openBlock(),a.createBlock(a.Transition,{name:"p-message",appear:""},{default:a.withCtx((()=>[a.withDirectives(a.createElementVNode("div",{class:a.normalizeClass(o.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[a.createElementVNode("div",f,[a.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(()=>[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(t.icon?"span":o.iconComponent),{class:a.normalizeClass(["p-message-icon",t.icon])},null,8,["class"]))])),a.createElementVNode("div",v,[a.renderSlot(e.$slots,"default")]),t.closable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,class:"p-message-close p-link","aria-label":o.closeAriaLabel,type:"button",onClick:s[0]||(s[0]=e=>o.close(e))},t.closeButtonProps),[a.renderSlot(e.$slots,"closeicon",{class:"p-message-close-icon"},(()=>[t.closeIcon?(a.openBlock(),a.createElementBlock("i",{key:0,class:a.normalizeClass(["p-message-close-icon",t.closeIcon])},null,2)):(a.openBlock(),a.createBlock(l,{key:1,class:"p-message-close-icon"}))]))],16,g)),[[c]]):a.createCommentVNode("",!0)])],2),[[a.vShow,i.visible]])])),_:3})},d}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);