primevue 3.29.2 → 3.30.1

package/image/image.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.image=function(e,t,o,i,a,n,r,l,s,c,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),v=p(o),h=p(i),g=p(a),f=p(n),b=p(r),k=p(l),y=p(s),w={name:"Image",extends:u.default,inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},imageStyle:{type:null,default:null},imageClass:{type:null,default:null},previewButtonProps:{type:null,default:null},indicatorIcon:{type:String,default:void 0},zoomInDisabled:{type:Boolean,default:!1},zoomOutDisabled:{type:Boolean,default:!1}},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&c.ZIndexUtils.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1)},onMaskKeydown(e){if("Escape"===e.code)this.onMaskClick(),setTimeout((()=>{c.DomHandler.focus(this.$refs.previewButton)}),25),e.preventDefault()},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){c.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.focus(),this.$emit("show")},onBeforeLeave(){c.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(e){c.ZIndexUtils.clear(e),this.maskVisible=!1},focus(){let e=this.mask.querySelector("[autofocus]");e&&e.focus()},hidePreview(){this.previewVisible=!1,this.rotate=0,this.scale=1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},isZoomInDisabled(){return this.zoomInDisabled||this.scale>=1.5},isZoomOutDisabled(){return this.zoomOutDisabled||this.scale<=.5},rightAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateRight:void 0},leftAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateLeft:void 0},zoomInAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomIn:void 0},zoomOutAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomOut:void 0},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:y.default,EyeIcon:v.default,RefreshIcon:h.default,UndoIcon:k.default,SearchMinusIcon:g.default,SearchPlusIcon:f.default,TimesIcon:b.default},directives:{focustrap:d.default}};const C=["aria-modal"],I=["aria-label"],P=["aria-label"],z=["disabled","aria-label"],B=["disabled","aria-label"],E=["aria-label"],L=["src"];return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.p-image-preview {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n"),w.render=function(e,t,o,i,a,n){const r=m.resolveComponent("RefreshIcon"),l=m.resolveComponent("UndoIcon"),s=m.resolveComponent("SearchMinusIcon"),c=m.resolveComponent("SearchPlusIcon"),p=m.resolveComponent("TimesIcon"),u=m.resolveComponent("Portal"),d=m.resolveDirective("focustrap");return m.openBlock(),m.createElementBlock("span",m.mergeProps({class:n.containerClass,style:o.style},e.ptm("root")),[m.renderSlot(e.$slots,"image",{class:m.normalizeClass(o.imageClass),style:m.normalizeStyle(o.imageStyle),onError:n.onError},(()=>[m.createElementVNode("img",m.mergeProps({style:o.imageStyle,class:o.imageClass,onError:t[0]||(t[0]=(...e)=>n.onError&&n.onError(...e))},{...e.$attrs,...e.ptm("image")}),null,16)])),o.preview?(m.openBlock(),m.createElementBlock("button",m.mergeProps({key:0,ref:"previewButton",class:"p-image-preview-indicator",onClick:t[1]||(t[1]=(...e)=>n.onImageClick&&n.onImageClick(...e))},{...o.previewButtonProps,...e.ptm("button")}),[m.renderSlot(e.$slots,"indicatoricon",{},(()=>[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(o.indicatorIcon?"i":"EyeIcon"),m.mergeProps({class:"p-image-preview-icon"},e.ptm("icon")),null,16))]))],16)):m.createCommentVNode("",!0),m.createVNode(u,null,{default:m.withCtx((()=>[a.maskVisible?m.withDirectives((m.openBlock(),m.createElementBlock("div",m.mergeProps({key:0,ref:n.maskRef,role:"dialog",class:n.maskClass,"aria-modal":a.maskVisible,onClick:t[8]||(t[8]=(...e)=>n.onMaskClick&&n.onMaskClick(...e)),onKeydown:t[9]||(t[9]=(...e)=>n.onMaskKeydown&&n.onMaskKeydown(...e))},e.ptm("mask")),[m.createElementVNode("div",m.mergeProps({class:"p-image-toolbar"},e.ptm("toolbar")),[m.createElementVNode("button",m.mergeProps({class:"p-image-action p-link",onClick:t[2]||(t[2]=(...e)=>n.rotateRight&&n.rotateRight(...e)),type:"button","aria-label":n.rightAriaLabel},e.ptm("rotateRightButton")),[m.renderSlot(e.$slots,"refresh",{},(()=>[m.createVNode(r,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]))],16,I),m.createElementVNode("button",m.mergeProps({class:"p-image-action p-link",onClick:t[3]||(t[3]=(...e)=>n.rotateLeft&&n.rotateLeft(...e)),type:"button","aria-label":n.leftAriaLabel},e.ptm("rotateLeftButton")),[m.renderSlot(e.$slots,"undo",{},(()=>[m.createVNode(l,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]))],16,P),m.createElementVNode("button",m.mergeProps({class:["p-image-action p-link",{"p-disabled":n.isZoomOutDisabled}],onClick:t[4]||(t[4]=(...e)=>n.zoomOut&&n.zoomOut(...e)),type:"button",disabled:n.isZoomOutDisabled,"aria-label":n.zoomOutAriaLabel},e.ptm("zoomOutButton")),[m.renderSlot(e.$slots,"zoomout",{},(()=>[m.createVNode(s,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]))],16,z),m.createElementVNode("button",m.mergeProps({class:["p-image-action p-link",{"p-disabled":n.isZoomInDisabled}],onClick:t[5]||(t[5]=(...e)=>n.zoomIn&&n.zoomIn(...e)),type:"button",disabled:n.isZoomInDisabled,"aria-label":n.zoomInAriaLabel},e.ptm("zoomInButton")),[m.renderSlot(e.$slots,"zoomin",{},(()=>[m.createVNode(c,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]))],16,B),m.createElementVNode("button",m.mergeProps({class:"p-image-action p-link",type:"button",onClick:t[6]||(t[6]=(...e)=>n.hidePreview&&n.hidePreview(...e)),"aria-label":n.closeAriaLabel,autofocus:""},e.ptm("closeButton")),[m.renderSlot(e.$slots,"close",{},(()=>[m.createVNode(p,m.normalizeProps(m.guardReactiveProps(e.ptm("closeIcon"))),null,16)]))],16,E)],16),m.createVNode(m.Transition,{name:"p-image-preview",onBeforeEnter:n.onBeforeEnter,onEnter:n.onEnter,onLeave:n.onLeave,onBeforeLeave:n.onBeforeLeave,onAfterLeave:n.onAfterLeave},{default:m.withCtx((()=>[a.previewVisible?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:0},e.ptm("previewContainer"))),[m.renderSlot(e.$slots,"preview",{class:"p-image-preview",style:m.normalizeStyle(n.imagePreviewStyle),onClick:n.onPreviewImageClick},(()=>[m.createElementVNode("img",m.mergeProps({src:e.$attrs.src,class:"p-image-preview",style:n.imagePreviewStyle,onClick:t[7]||(t[7]=(...e)=>n.onPreviewImageClick&&n.onPreviewImageClick(...e))},e.ptm("preview")),null,16,L)]))],16)):m.createCommentVNode("",!0)])),_:3},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,C)),[[d]]):m.createCommentVNode("",!0)])),_:3})],16)},w}(primevue.basecomponent,primevue.focustrap,primevue.icons.eye,primevue.icons.refresh,primevue.icons.searchminus,primevue.icons.searchplus,primevue.icons.times,primevue.icons.undo,primevue.portal,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.image=function(e,t,n,o,i,r,a,l,s,c,u,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e),v=m(t),d=m(n),g=m(o),h=m(i),b=m(r),y=m(a),k=m(l),w=m(c),P=u.useStyle("\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n}\n\n.p-image-action.p-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-image-preview {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-preview-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n",{name:"image",manual:!0}),I={name:"Image",extends:{name:"BaseImage",extends:w.default,props:{preview:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},imageStyle:{type:null,default:null},imageClass:{type:null,default:null},previewButtonProps:{type:null,default:null},indicatorIcon:{type:String,default:void 0},zoomInDisabled:{type:Boolean,default:!1},zoomOutDisabled:{type:Boolean,default:!1}},css:{classes:{root:function(e){return["p-image p-component",{"p-image-preview-container":e.props.preview}]},image:function(e){return e.props.image},button:"p-image-preview-indicator",icon:"p-image-preview-icon",mask:"p-image-mask p-component-overlay p-component-overlay-enter",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomOutDisabled}]},zoomInButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomInDisabled}]},closeButton:"p-image-action p-link",preview:"p-image-preview"},loadStyle:P.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["show","hide","error"],mask:null,data:function(){return{maskVisible:!1,previewVisible:!1,rotate:0,scale:1}},beforeUnmount:function(){this.mask&&s.ZIndexUtils.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(this.maskVisible=!0,setTimeout((function(){e.previewVisible=!0}),25))},onPreviewImageClick:function(){this.previewClick=!0},onMaskClick:function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1)},onMaskKeydown:function(e){var t=this;if("Escape"===e.code)this.onMaskClick(),setTimeout((function(){s.DomHandler.focus(t.$refs.previewButton)}),25),e.preventDefault()},onError:function(){this.$emit("error")},rotateRight:function(){this.rotate+=90,this.previewClick=!0},rotateLeft:function(){this.rotate-=90,this.previewClick=!0},zoomIn:function(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut:function(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter:function(){s.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&s.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){this.$emit("hide")},onAfterLeave:function(e){s.ZIndexUtils.clear(e),this.maskVisible=!1},focus:function(){var e=this.mask.querySelector("[autofocus]");e&&e.focus()},hidePreview:function(){this.previewVisible=!1,this.rotate=0,this.scale=1}},computed:{containerClass:function(){return[this.cx("root"),this.class]},rotateClass:function(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle:function(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},isZoomInDisabled:function(){return this.zoomInDisabled||this.scale>=1.5},isZoomOutDisabled:function(){return this.zoomOutDisabled||this.scale<=.5},rightAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateRight:void 0},leftAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateLeft:void 0},zoomInAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomIn:void 0},zoomOutAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomOut:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:k.default,EyeIcon:v.default,RefreshIcon:d.default,UndoIcon:y.default,SearchMinusIcon:g.default,SearchPlusIcon:h.default,TimesIcon:b.default},directives:{focustrap:f.default}};function C(e){return C="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},C(e)}function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=S(e,"string");return"symbol"===C(t)?t:String(t)}function S(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==C(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var L=["aria-modal"],V=["aria-label"],$=["aria-label"],x=["disabled","aria-label"],D=["disabled","aria-label"],N=["aria-label"],R=["src"];return I.render=function(e,t,n,o,i,r){var a=p.resolveComponent("RefreshIcon"),l=p.resolveComponent("UndoIcon"),s=p.resolveComponent("SearchMinusIcon"),c=p.resolveComponent("SearchPlusIcon"),u=p.resolveComponent("TimesIcon"),m=p.resolveComponent("Portal"),f=p.resolveDirective("focustrap");return p.openBlock(),p.createElementBlock("span",p.mergeProps({class:r.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[p.renderSlot(e.$slots,"image",{onError:r.onError},(function(){return[p.createElementVNode("img",p.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return r.onError&&r.onError.apply(r,arguments)})},z(z({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(p.openBlock(),p.createElementBlock("button",p.mergeProps({key:0,ref:"previewButton",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return r.onImageClick&&r.onImageClick.apply(r,arguments)})},z(z({},e.previewButtonProps),e.ptm("button"))),[p.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),p.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):p.createCommentVNode("",!0),p.createVNode(m,null,{default:p.withCtx((function(){return[i.maskVisible?p.withDirectives((p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:r.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":i.maskVisible,onClick:t[8]||(t[8]=function(){return r.onMaskClick&&r.onMaskClick.apply(r,arguments)}),onKeydown:t[9]||(t[9]=function(){return r.onMaskKeydown&&r.onMaskKeydown.apply(r,arguments)})},e.ptm("mask")),[p.createElementVNode("div",p.mergeProps({class:"p-image-toolbar"},e.ptm("toolbar")),[p.createElementVNode("button",p.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return r.rotateRight&&r.rotateRight.apply(r,arguments)}),type:"button","aria-label":r.rightAriaLabel},e.ptm("rotateRightButton")),[p.renderSlot(e.$slots,"refresh",{},(function(){return[p.createVNode(a,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,V),p.createElementVNode("button",p.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return r.rotateLeft&&r.rotateLeft.apply(r,arguments)}),type:"button","aria-label":r.leftAriaLabel},e.ptm("rotateLeftButton")),[p.renderSlot(e.$slots,"undo",{},(function(){return[p.createVNode(l,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,$),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return r.zoomOut&&r.zoomOut.apply(r,arguments)}),type:"button",disabled:r.isZoomOutDisabled,"aria-label":r.zoomOutAriaLabel},e.ptm("zoomOutButton")),[p.renderSlot(e.$slots,"zoomout",{},(function(){return[p.createVNode(s,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,x),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return r.zoomIn&&r.zoomIn.apply(r,arguments)}),type:"button",disabled:r.isZoomInDisabled,"aria-label":r.zoomInAriaLabel},e.ptm("zoomInButton")),[p.renderSlot(e.$slots,"zoomin",{},(function(){return[p.createVNode(c,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,D),p.createElementVNode("button",p.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return r.hidePreview&&r.hidePreview.apply(r,arguments)}),"aria-label":r.closeAriaLabel,autofocus:""},e.ptm("closeButton")),[p.renderSlot(e.$slots,"close",{},(function(){return[p.createVNode(u,p.normalizeProps(p.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,N)],16),p.createVNode(p.Transition,{name:"p-image-preview",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onLeave:r.onLeave,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave},{default:p.withCtx((function(){return[i.previewVisible?(p.openBlock(),p.createElementBlock("div",p.normalizeProps(p.mergeProps({key:0},e.ptm("previewContainer"))),[p.renderSlot(e.$slots,"preview",{style:p.normalizeStyle(r.imagePreviewStyle),onClick:r.onPreviewImageClick},(function(){return[p.createElementVNode("img",p.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:r.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return r.onPreviewImageClick&&r.onPreviewImageClick.apply(r,arguments)})},e.ptm("preview")),null,16,R)]}))],16)):p.createCommentVNode("",!0)]})),_:3},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,L)),[[f]]):p.createCommentVNode("",!0)]})),_:3})],16)},I}(primevue.focustrap,primevue.icons.eye,primevue.icons.refresh,primevue.icons.searchminus,primevue.icons.searchplus,primevue.icons.times,primevue.icons.undo,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/inlinemessage/BaseInlineMessage.vue

@@ -0,0 +1,54 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-inline-message {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: top;
+}
+
+.p-inline-message-icon-only .p-inline-message-text {
+    visibility: hidden;
+    width: 0;
+}
+
+.p-fluid .p-inline-message {
+    display: flex;
+}
+`;
+
+const classes = {
+    root: ({ props, instance }) => ['p-inline-message p-component p-inline-message-' + props.severity, { 'p-inline-message-icon-only': !instance.$slots.default }],
+    icon: ({ props }) => ['p-inline-message-icon', props.icon],
+    text: 'p-inline-message-text'
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'inlinemessage', manual: true });
+
+export default {
+    name: 'BaseInlineMessage',
+    extends: BaseComponent,
+    props: {
+        severity: {
+            type: String,
+            default: 'error'
+        },
+        icon: {
+            type: String,
+            default: undefined
+        }
+    },
+    css: {
+        classes,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/inlinemessage/InlineMessage.d.ts

@@ -8,14 +8,16 @@
  *
  */
 import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type InlineMessagePassThroughOptionType = InlineMessagePassThroughAttributes | ((options: InlineMessagePassThroughMethodOptions) => InlineMessagePassThroughAttributes) | null | undefined;
+export declare type InlineMessagePassThroughOptionType = InlineMessagePassThroughAttributes | ((options: InlineMessagePassThroughMethodOptions) => InlineMessagePassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface InlineMessagePassThroughMethodOptions {
+    instance: any;
     props: InlineMessageProps;
     state: InlineMessageState;
 }
@@ -37,6 +39,11 @@ export interface InlineMessagePassThroughOptions {
      * Uses to pass attributes to the text's DOM element.
      */
     text?: InlineMessagePassThroughOptionType;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -76,6 +83,11 @@ export interface InlineMessageProps {
      * @type {InlineMessagePassThroughOptions}
      */
     pt?: InlineMessagePassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 /**
  * Defines valid slots in InlineMessage slots.

package/inlinemessage/InlineMessage.vue

@@ -1,16 +1,16 @@
 <template>
-    <div aria-live="polite" :class="containerClass" v-bind="ptm('root')">
+    <div aria-live="polite" :class="cx('root')" v-bind="ptm('root')">
         <slot name="icon">
-            <component :is="icon ? 'span' : iconComponent" :class="['p-inline-message-icon', icon]" v-bind="ptm('icon')"></component>
+            <component :is="icon ? 'span' : iconComponent" :class="cx('icon')" v-bind="ptm('icon')"></component>
         </slot>
-        <span class="p-inline-message-text" v-bind="ptm('text')">
+        <span :class="cx('text')" v-bind="ptm('text')">
             <slot>&nbsp;</slot>
         </span>
     </div>
 </template>
 
 <script>
-import BaseComponent from 'primevue/basecomponent';
+import BaseInlineMessage from './BaseInlineMessage.vue';
 import CheckIcon from 'primevue/icons/check';
 import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
 import InfoCircleIcon from 'primevue/icons/infocircle';
@@ -18,17 +18,7 @@ import TimesCircleIcon from 'primevue/icons/timescircle';
 
 export default {
     name: 'InlineMessage',
-    extends: BaseComponent,
-    props: {
-        severity: {
-            type: String,
-            default: 'error'
-        },
-        icon: {
-            type: String,
-            default: undefined
-        }
-    },
+    extends: BaseInlineMessage,
     timeout: null,
     data() {
         return {
@@ -43,9 +33,6 @@ export default {
         }
     },
     computed: {
-        containerClass() {
-            return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
-        },
         iconComponent() {
             return {
                 info: InfoCircleIcon,
@@ -57,21 +44,3 @@ export default {
     }
 };
 </script>
-
-<style>
-.p-inline-message {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
-}
-
-.p-inline-message-icon-only .p-inline-message-text {
-    visibility: hidden;
-    width: 0;
-}
-
-.p-fluid .p-inline-message {
-    display: flex;
-}
-</style>

package/inlinemessage/inlinemessage.cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var BaseComponent = require('primevue/basecomponent');
+var usestyle = require('primevue/usestyle');
 var CheckIcon = require('primevue/icons/check');
 var ExclamationTriangleIcon = require('primevue/icons/exclamationtriangle');
 var InfoCircleIcon = require('primevue/icons/infocircle');
@@ -15,95 +16,94 @@ var ExclamationTriangleIcon__default = /*#__PURE__*/_interopDefaultLegacy(Exclam
 var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
 var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
 
-var script = {
-    name: 'InlineMessage',
-    extends: BaseComponent__default["default"],
-    props: {
-        severity: {
-            type: String,
-            default: 'error'
-        },
-        icon: {
-            type: String,
-            default: undefined
-        }
-    },
-    timeout: null,
-    data() {
-        return {
-            visible: true
-        };
-    },
-    mounted() {
-        if (!this.sticky) {
-            setTimeout(() => {
-                this.visible = false;
-            }, this.life);
-        }
+var styles = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props,
+      instance = _ref.instance;
+    return ['p-inline-message p-component p-inline-message-' + props.severity, {
+      'p-inline-message-icon-only': !instance.$slots["default"]
+    }];
+  },
+  icon: function icon(_ref2) {
+    var props = _ref2.props;
+    return ['p-inline-message-icon', props.icon];
+  },
+  text: 'p-inline-message-text'
+};
+var _useStyle = usestyle.useStyle(styles, {
+    name: 'inlinemessage',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+var script$1 = {
+  name: 'BaseInlineMessage',
+  "extends": BaseComponent__default["default"],
+  props: {
+    severity: {
+      type: String,
+      "default": 'error'
     },
-    computed: {
-        containerClass() {
-            return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
-        },
-        iconComponent() {
-            return {
-                info: InfoCircleIcon__default["default"],
-                success: CheckIcon__default["default"],
-                warn: ExclamationTriangleIcon__default["default"],
-                error: TimesCircleIcon__default["default"]
-            }[this.severity];
-        }
+    icon: {
+      type: String,
+      "default": undefined
     }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    "aria-live": "polite",
-    class: $options.containerClass
-  }, _ctx.ptm('root')), [
-    vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.icon ? 'span' : $options.iconComponent), vue.mergeProps({
-        class: ['p-inline-message-icon', $props.icon]
-      }, _ctx.ptm('icon')), null, 16, ["class"]))
-    ]),
-    vue.createElementVNode("span", vue.mergeProps({ class: "p-inline-message-text" }, _ctx.ptm('text')), [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(" ")
-      ])
-    ], 16)
-  ], 16))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+var script = {
+  name: 'InlineMessage',
+  "extends": script$1,
+  timeout: null,
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    if (!this.sticky) {
+      setTimeout(function () {
+        _this.visible = false;
+      }, this.life);
+    }
+  },
+  computed: {
+    iconComponent: function iconComponent() {
+      return {
+        info: InfoCircleIcon__default["default"],
+        success: CheckIcon__default["default"],
+        warn: ExclamationTriangleIcon__default["default"],
+        error: TimesCircleIcon__default["default"]
+      }[this.severity];
     }
-  } else {
-    head.appendChild(style);
   }
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    "aria-live": "polite",
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "icon", {}, function () {
+    return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon ? 'span' : $options.iconComponent), vue.mergeProps({
+      "class": _ctx.cx('icon')
+    }, _ctx.ptm('icon')), null, 16, ["class"]))];
+  }), vue.createElementVNode("span", vue.mergeProps({
+    "class": _ctx.cx('text')
+  }, _ctx.ptm('text')), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
+    return [vue.createTextVNode(" ")];
+  })], 16)], 16);
 }
 
-var css_248z = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 module.exports = script;

package/inlinemessage/inlinemessage.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),n=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),i=require("primevue/icons/infocircle"),s=require("primevue/icons/timescircle"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),a=r(n),c=r(t),p=r(i),u=r(s),d={name:"InlineMessage",extends:l.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconComponent(){return{info:p.default,success:a.default,warn:c.default,error:u.default}[this.severity]}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),d.render=function(e,n,t,i,s,r){return o.openBlock(),o.createElementBlock("div",o.mergeProps({"aria-live":"polite",class:r.containerClass},e.ptm("root")),[o.renderSlot(e.$slots,"icon",{},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.icon?"span":r.iconComponent),o.mergeProps({class:["p-inline-message-icon",t.icon]},e.ptm("icon")),null,16,["class"]))])),o.createElementVNode("span",o.mergeProps({class:"p-inline-message-text"},e.ptm("text")),[o.renderSlot(e.$slots,"default",{},(()=>[o.createTextVNode(" ")]))],16)],16)},module.exports=d;
+"use strict";var e=require("primevue/basecomponent"),n=require("primevue/usestyle"),i=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),s=require("primevue/icons/infocircle"),r=require("primevue/icons/timescircle"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(i),u=l(t),p=l(s),m=l(r),d=n.useStyle("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n",{name:"inlinemessage",manual:!0}),f={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:c.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:p.default,success:a.default,warn:u.default,error:m.default}[this.severity]}}};f.render=function(e,n,i,t,s,r){return o.openBlock(),o.createElementBlock("div",o.mergeProps({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[o.renderSlot(e.$slots,"icon",{},(function(){return[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.icon?"span":r.iconComponent),o.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),o.createElementVNode("span",o.mergeProps({class:e.cx("text")},e.ptm("text")),[o.renderSlot(e.$slots,"default",{},(function(){return[o.createTextVNode(" ")]}))],16)],16)},module.exports=f;

package/inlinemessage/inlinemessage.esm.js

@@ -1,99 +1,99 @@
 import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
 import CheckIcon from 'primevue/icons/check';
 import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
 import InfoCircleIcon from 'primevue/icons/infocircle';
 import TimesCircleIcon from 'primevue/icons/timescircle';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createBlock, resolveDynamicComponent, createElementVNode, createTextVNode } from 'vue';
 
-var script = {
-    name: 'InlineMessage',
-    extends: BaseComponent,
-    props: {
-        severity: {
-            type: String,
-            default: 'error'
-        },
-        icon: {
-            type: String,
-            default: undefined
-        }
-    },
-    timeout: null,
-    data() {
-        return {
-            visible: true
-        };
-    },
-    mounted() {
-        if (!this.sticky) {
-            setTimeout(() => {
-                this.visible = false;
-            }, this.life);
-        }
+var styles = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props,
+      instance = _ref.instance;
+    return ['p-inline-message p-component p-inline-message-' + props.severity, {
+      'p-inline-message-icon-only': !instance.$slots["default"]
+    }];
+  },
+  icon: function icon(_ref2) {
+    var props = _ref2.props;
+    return ['p-inline-message-icon', props.icon];
+  },
+  text: 'p-inline-message-text'
+};
+var _useStyle = useStyle(styles, {
+    name: 'inlinemessage',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+var script$1 = {
+  name: 'BaseInlineMessage',
+  "extends": BaseComponent,
+  props: {
+    severity: {
+      type: String,
+      "default": 'error'
     },
-    computed: {
-        containerClass() {
-            return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
-        },
-        iconComponent() {
-            return {
-                info: InfoCircleIcon,
-                success: CheckIcon,
-                warn: ExclamationTriangleIcon,
-                error: TimesCircleIcon
-            }[this.severity];
-        }
+    icon: {
+      type: String,
+      "default": undefined
     }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", mergeProps({
-    "aria-live": "polite",
-    class: $options.containerClass
-  }, _ctx.ptm('root')), [
-    renderSlot(_ctx.$slots, "icon", {}, () => [
-      (openBlock(), createBlock(resolveDynamicComponent($props.icon ? 'span' : $options.iconComponent), mergeProps({
-        class: ['p-inline-message-icon', $props.icon]
-      }, _ctx.ptm('icon')), null, 16, ["class"]))
-    ]),
-    createElementVNode("span", mergeProps({ class: "p-inline-message-text" }, _ctx.ptm('text')), [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createTextVNode(" ")
-      ])
-    ], 16)
-  ], 16))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+var script = {
+  name: 'InlineMessage',
+  "extends": script$1,
+  timeout: null,
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    if (!this.sticky) {
+      setTimeout(function () {
+        _this.visible = false;
+      }, this.life);
+    }
+  },
+  computed: {
+    iconComponent: function iconComponent() {
+      return {
+        info: InfoCircleIcon,
+        success: CheckIcon,
+        warn: ExclamationTriangleIcon,
+        error: TimesCircleIcon
+      }[this.severity];
     }
-  } else {
-    head.appendChild(style);
   }
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "aria-live": "polite",
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root')), [renderSlot(_ctx.$slots, "icon", {}, function () {
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : $options.iconComponent), mergeProps({
+      "class": _ctx.cx('icon')
+    }, _ctx.ptm('icon')), null, 16, ["class"]))];
+  }), createElementVNode("span", mergeProps({
+    "class": _ctx.cx('text')
+  }, _ctx.ptm('text')), [renderSlot(_ctx.$slots, "default", {}, function () {
+    return [createTextVNode(" ")];
+  })], 16)], 16);
 }
 
-var css_248z = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 export { script as default };

package/inlinemessage/inlinemessage.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import i from"primevue/icons/check";import n from"primevue/icons/exclamationtriangle";import t from"primevue/icons/infocircle";import s from"primevue/icons/timescircle";import{openBlock as o,createElementBlock as r,mergeProps as l,renderSlot as a,createBlock as m,resolveDynamicComponent as c,createElementVNode as p,createTextVNode as d}from"vue";var u={name:"InlineMessage",extends:e,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconComponent(){return{info:t,success:i,warn:n,error:s}[this.severity]}}};!function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),u.render=function(e,i,n,t,s,u){return o(),r("div",l({"aria-live":"polite",class:u.containerClass},e.ptm("root")),[a(e.$slots,"icon",{},(()=>[(o(),m(c(n.icon?"span":u.iconComponent),l({class:["p-inline-message-icon",n.icon]},e.ptm("icon")),null,16,["class"]))])),p("span",l({class:"p-inline-message-text"},e.ptm("text")),[a(e.$slots,"default",{},(()=>[d(" ")]))],16)],16)};export{u as default};
+import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import i from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import s from"primevue/icons/infocircle";import o from"primevue/icons/timescircle";import{openBlock as r,createElementBlock as l,mergeProps as c,renderSlot as a,createBlock as p,resolveDynamicComponent as m,createElementVNode as u,createTextVNode as f}from"vue";var d=n("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n",{name:"inlinemessage",manual:!0}),v={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:e,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:s,success:i,warn:t,error:o}[this.severity]}}};v.render=function(e,n,i,t,s,o){return r(),l("div",c({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[a(e.$slots,"icon",{},(function(){return[(r(),p(m(e.icon?"span":o.iconComponent),c({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),u("span",c({class:e.cx("text")},e.ptm("text")),[a(e.$slots,"default",{},(function(){return[f(" ")]}))],16)],16)};export{v as default};