primevue/message/message.esm.min.js

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

import e from"primevue/basecomponent";import s from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import n from"primevue/icons/infocircle";import i from"primevue/icons/times";import o from"primevue/icons/timescircle";import a from"primevue/ripple";import{resolveComponent as l,resolveDirective as c,openBlock as r,createBlock as p,Transition as m,withCtx as u,withDirectives as d,createElementVNode as f,mergeProps as g,renderSlot as v,resolveDynamicComponent as y,createElementBlock as h,createCommentVNode as b,vShow as x}from"vue";var C={name:"Message",extends:e,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:n,success:s,warn:t,error:o}[this.severity]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:a},components:{TimesIcon:i,InfoCircleIcon:n,CheckIcon:s,ExclamationTriangleIcon:t,TimesCircleIcon:o}};const I=["aria-label"];!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"),C.render=function(e,s,t,n,i,o){const a=l("TimesIcon"),C=c("ripple");return r(),p(m,{name:"p-message",appear:""},{default:u((()=>[d(f("div",g({class:o.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root")),[f("div",g({class:"p-message-wrapper"},e.ptm("wrapper")),[v(e.$slots,"messageicon",{class:"p-message-icon"},(()=>[(r(),p(y(t.icon?"span":o.iconComponent),g({class:["p-message-icon",t.icon]},e.ptm("icon")),null,16,["class"]))])),f("div",g({class:"p-message-text"},e.ptm("text")),[v(e.$slots,"default")],16),t.closable?d((r(),h("button",g({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,...e.ptm("button")}),[v(e.$slots,"closeicon",{class:"p-message-close-icon"},(()=>[t.closeIcon?(r(),h("i",g({key:0,class:["p-message-close-icon",t.closeIcon]},e.ptm("buttonIcon")),null,16)):(r(),p(a,g({key:1,class:"p-message-close-icon"},e.ptm("buttonIcon")),null,16))]))],16,I)),[[C]]):b("",!0)],16)],16),[[x,i.visible]])])),_:3})};export{C as default};