vue-letter-avatar/dist/index.js

a simple and elegant letter avatar component for vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueLetterAvatar=t():e.VueLetterAvatar=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t,n){var r=n(3)(n(2),n(4),null,null,null);r.options.__file="/var/www/html/vue-letter-avatar/src/Avatar.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] Avatar.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n.n(r),s={install:function(e){e.component("vue-letter-avatar",o.a)}};t.default=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{size:{type:String,default:"50"},rounded:{type:Boolean,default:!1},name:{type:String,required:!0}},computed:{avatarLetter:function(){return this.name[0].toUpperCase()},svgStyle:function(){var e=this.avatarLetter.charCodeAt()-64,t=360/26*e,n="hsl("+t+", 68%, 48%)";return{width:this.size+"px",height:this.size+"px",borderRadius:this.rounded?"100%":"0",background:n}},textStyle:function(){return{fill:"rgba(255, 255, 255, .7)",fontFamily:"'Lucida Console', Monaco, monospace",fontSize:.65*this.size+"px"}}}}},function(e,t){e.exports=function(e,t,n,r,o){var s,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(s=e,i=e.default);var a="function"==typeof i?i.options:i;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=c):n&&(c=n),c){var l=a.functional,d=l?a.render:a.beforeCreate;l?a.render=function(e,t){return c.call(t),d(e,t)}:a.beforeCreate=d?[].concat(d,c):[c]}return{esModule:s,exports:i,options:a}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("svg",{style:e.svgStyle},[n("text",{style:e.textStyle,attrs:{x:"50%",y:"50%","text-anchor":"middle","dominant-baseline":"central"}},[e._v("\n    "+e._s(e.avatarLetter)+"\n  ")])])},staticRenderFns:[]},e.exports.render._withStripped=!0}])});