@amaury-tobias/v-avatar/dist/v-avatar.esm.js

Componente de avatar basado en Vue.js

function e(e,n,r,t,o,a){var i={display:e?"inline-flex":"flex",width:n+"px",height:n+"px",borderRadius:r?"50%":0,lineHeight:n+Math.floor(n/20)+"px",fontWeight:"bold",alignItems:"center",justifyContent:"center",textAlign:"center"},l={"background-image":"url("+t+")","background-position":"center","background-repeat":"no-repeat","background-size":"cover"},u={backgroundColor:o,font:Math.floor(n/2.5)+"px/"+n+"px Helvetica, Arial, sans-serif",color:a},d=t?l:u;return Object.assign(i,d),i}function n(e,n){return e||n}function r(e,n){return e||n}function t(e,n){var r=!1;"#"===n[0]&&(n=n.slice(1),r=!0);var t=parseInt(n,16),o=(t>>16)+e;o>255?o=255:o<0&&(o=0);var a=(t>>8&255)+e;a>255?a=255:a<0&&(a=0);var i=(255&t)+e;return i>255?i=255:i<0&&(i=0),(r?"#":"")+(i|a<<8|o<<16).toString(16)}function o(e,n){return n[(e.length||Math.floor(10*Math.random()+1))%n.length]}function a(e,n){if(n&&n.length>0)return n;for(var r=e.split(/[ -]/),t="",o=0;o<r.length;o++)t+=r[o].charAt(0);return t.length>3&&-1!==t.search(/[A-Z]/)&&(t=t.replace(/[a-z]+/g,"")),t=t.substr(0,3).toUpperCase()}var i={name:"VAvatar",functional:!0,props:{username:{type:String,default:"V-A"},initials:{type:String,default:void 0},backgroundColor:{type:String,default:void 0},color:{type:String,default:void 0},inline:{type:Boolean},size:{type:Number,default:50},src:{type:String,default:""},rounded:{type:Boolean},lighten:{type:Number,default:80},backgroundColors:{type:Array,default:function(){return["#F44336","#FF4081","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B"]}}},render:function(i,l){var u=l.props;return i("div",{style:e(u.inline,u.size,u.rounded,u.src,n(u.backgroundColor,o(u.username,u.backgroundColors)),r(u.color,t(u.lighten,n(u.backgroundColor,o(u.username,u.backgroundColors))))),attrs:{"aria-hidden":!0}},[u.src?i():i("span",a(u.username,u.initials))])}},l={install:function(e){this.installed||(this.installed=!0,e.component("v-avatar",i))}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(l);export default l;export{i as vAvatar};