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{openBlock as a,createElementBlock as e,normalizeClass as t,renderSlot as r,Fragment as n,toDisplayString as l,createBlock as i,resolveDynamicComponent as s,createCommentVNode as o}from"vue";var p={name:"Avatar",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={key:0,class:"p-avatar-text"},u=["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(p,m,g,v,y,f){return a(),e("div",{class:t(f.containerClass),"aria-labelledby":p.ariaLabelledby,"aria-label":p.ariaLabel},[r(p.$slots,"default"),p.$slots.default?o("",!0):(a(),e(n,{key:0},[g.label?(a(),e("span",d,l(g.label),1)):p.$slots.icon?(a(),i(s(p.$slots.icon),{key:1,class:"p-avatar-icon"})):g.icon?(a(),e("span",{key:2,class:t(["p-avatar-icon",g.icon])},null,2)):g.image?(a(),e("img",{key:3,src:g.image,alt:p.ariaLabel,onError:m[0]||(m[0]=(...a)=>f.onError&&f.onError(...a))},null,40,u)):o("",!0)],64))],10,c)};export{p as default};