primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.36 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.avatar=function(e){"use strict";var a={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 t=["aria-labelledby","aria-label"],n={key:0,class:"p-avatar-text"},r=["src","alt"];return function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\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"),a.render=function(a,l,i,o,s,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},[e.renderSlot(a.$slots,"default"),a.$slots.default?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.label?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(i.label),1)):a.$slots.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.$slots.icon),{key:1,class:"p-avatar-icon"})):i.icon?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["p-avatar-icon",i.icon])},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:3,src:i.image,alt:a.ariaLabel,onError:l[0]||(l[0]=(...e)=>c.onError&&c.onError(...e))},null,40,r)):e.createCommentVNode("",!0)],64))],10,t)},a}(Vue);