primevue/avatar/avatar.esm.min.js

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

import a from"primevue/basecomponent";import{openBlock as e,createElementBlock as t,mergeProps as r,renderSlot as n,toDisplayString as l,createBlock as i,resolveDynamicComponent as o,createCommentVNode as s}from"vue";var p={name:"Avatar",extends:a,emits:["error"],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"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]}}};const c=["aria-labelledby","aria-label"],d=["src","alt"];!function(a,e){void 0===e&&(e={});var t=e.insertAt;if(a&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=a:n.appendChild(document.createTextNode(a))}}("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n"),p.render=function(a,p,m,u,g,v){return e(),t("div",r({class:v.containerClass,"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},a.ptm("root")),[n(a.$slots,"default",{},(()=>[m.label?(e(),t("span",r({key:0,class:"p-avatar-text"},a.ptm("label")),l(m.label),17)):a.$slots.icon?(e(),i(o(a.$slots.icon),r({key:1,class:"p-avatar-icon"},a.ptm("icon")),null,16)):m.icon?(e(),t("span",r({key:2,class:["p-avatar-icon",m.icon]},a.ptm("icon")),null,16)):m.image?(e(),t("img",r({key:3,src:m.image,alt:a.ariaLabel,onError:p[0]||(p[0]=(...a)=>v.onError&&v.onError(...a))},a.ptm("image")),null,16,d)):s("",!0)]))],16,c)};export{p as default};