{"version":3,"file":"AvatarViewer-f8d421e2.js","sources":["../../../app/javascript/components/AvatarViewer.vue"],"sourcesContent":["<template>\n  <div v-if='url'>\n    <img :src='url' :class='`rounded-full ${classes}`' alt=\"\" />\n  </div>\n  <div v-else>\n    <div :class='`rounded-full overflow-hidden bg-gray-100 ${classes}`'>\n      <svg class=\"h-full w-full text-gray-300\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path d=\"M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z\" />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    url: String,\n    classes: String\n  },\n  setup() {\n    \n  },\n}\n</script>\n\n<!--\n<% if user && user.avatar.attached? %>\n  <%= image_tag user.avatar, class: \"rounded-full #{img_class}\", alt: \"Profile picture for #{user.display_name}\" %>\n<% else %>\n  <span class=\"rounded-full overflow-hidden bg-gray-100 <%= local_assigns[:placeholder_class] || img_class %>\">\n    <svg class=\"h-full w-full text-gray-300\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z\" />\n    </svg>\n  </span>\n<% end %>\n-->"],"names":["_sfc_main","_createElementVNode","_hoisted_4","$props","_createElementBlock","_hoisted_1","_hoisted_3"],"mappings":"+HAcA,MAAKA,EAAU,CACb,MAAO,CACL,IAAK,OACL,QAAS,MACV,EACD,OAAQ,CAEP,CACH,kCAhBMC,EAEM,MAAA,CAFD,MAAM,8BAA8B,KAAK,eAAe,QAAQ,cACnEA,EAAuI,OAAA,CAAjI,EAAE,4HAA4H,CAAA,UADtIC,kCALOC,EAAG,SAAdC,EAEM,MAAAC,EAAA,CADJJ,EAA4D,MAAA,CAAtD,IAAKE,EAAG,IAAG,wBAAuBA,EAAO,SAAA,EAAI,IAAI,uBAEzDC,EAMM,MAAAE,EAAA,CALJL,EAIM,MAAA,CAJA,oDAAmDE,EAAO,SAAA"}