UNPKG

primevue

Version:

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

2 lines (1 loc) 2.5 kB
this.primevue=this.primevue||{},this.primevue.avatar=function(e,a){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Avatar",extends:t(e).default,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 n=["aria-labelledby","aria-label"],l=["src","alt"];return function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"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=e:n.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"),r.render=function(e,t,r,i,o,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:s.containerClass,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("root")),[a.renderSlot(e.$slots,"default",{},(()=>[r.label?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,class:"p-avatar-text"},e.ptm("label")),a.toDisplayString(r.label),17)):e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),a.mergeProps({key:1,class:"p-avatar-icon"},e.ptm("icon")),null,16)):r.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:2,class:["p-avatar-icon",r.icon]},e.ptm("icon")),null,16)):r.image?(a.openBlock(),a.createElementBlock("img",a.mergeProps({key:3,src:r.image,alt:e.ariaLabel,onError:t[0]||(t[0]=(...e)=>s.onError&&s.onError(...e))},e.ptm("image")),null,16,l)):a.createCommentVNode("",!0)]))],16,n)},r}(primevue.basecomponent,Vue);