primevue/avatar/avatar.esm.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import a from"primevue/avatar/style";import e from"primevue/basecomponent";import{openBlock as r,createElementBlock as l,mergeProps as t,renderSlot as n,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as u,createCommentVNode as p}from"vue";var c={name:"Avatar",extends:{name:"BaseAvatar",extends:e,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(a){this.$emit("error",a)}}},m=["aria-labelledby","aria-label"],d=["src","alt"];c.render=function(a,e,c,b,y,f){return r(),l("div",t({class:a.cx("root"),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},a.ptm("root"),{"data-pc-name":"avatar"}),[n(a.$slots,"default",{},(function(){return[a.label?(r(),l("span",t({key:0,class:a.cx("label")},a.ptm("label")),i(a.label),17)):a.$slots.icon?(r(),o(s(a.$slots.icon),{key:1,class:u(a.cx("icon"))},null,8,["class"])):a.icon?(r(),l("span",t({key:2,class:[a.cx("icon"),a.icon]},a.ptm("icon")),null,16)):a.image?(r(),l("img",t({key:3,src:a.image,alt:a.ariaLabel,onError:e[0]||(e[0]=function(){return f.onError&&f.onError.apply(f,arguments)})},a.ptm("image")),null,16,d)):p("",!0)]}))],16,m)};export{c as default};