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/icons/check";import n from"primevue/icons/exclamationtriangle";import t from"primevue/icons/infocircle";import o from"primevue/icons/times";import r from"primevue/icons/timescircle";import i from"primevue/ripple";import s from"primevue/basecomponent";import{useStyle as c}from"primevue/usestyle";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as m,Transition as u,mergeProps as f,withCtx as y,withDirectives as g,createElementVNode as v,renderSlot as b,resolveDynamicComponent as d,createElementBlock as h,createCommentVNode as x,vShow as I}from"vue";var O=c("\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\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\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n",{name:"message",manual:!0}),w={name:"Message",extends:{name:"BaseMessage",extends:s,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}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:O.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:t,success:e,warn:n,error:r}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:i},components:{TimesIcon:o,InfoCircleIcon:t,CheckIcon:e,ExclamationTriangleIcon:n,TimesCircleIcon:r}};function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function P(e,n,t){return(n=B(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(e){var n=$(e,"string");return"symbol"===j(n)?n:String(n)}function $(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==j(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var C=["aria-label"];w.render=function(e,n,t,o,r,i){var s=a("TimesIcon"),c=l("ripple");return p(),m(u,f({name:"p-message",appear:""},e.ptm("transition")),{default:y((function(){return[g(v("div",f({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[v("div",f({class:e.cx("wrapper")},e.ptm("wrapper")),[b(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(p(),m(d(e.icon?"span":i.iconComponent),f({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),v("div",f({class:["p-message-text",e.cx("text")]},e.ptm("text")),[b(e.$slots,"default")],16),e.closable?g((p(),h("button",f({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:n[0]||(n[0]=function(e){return i.close(e)})},k(k(k({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[b(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(p(),h("i",f({key:0,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(p(),m(s,f({key:1,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,C)),[[c]]):x("",!0)],16)],16),[[I,r.visible]])]})),_:3},16)};export{w as default};