{"version":3,"file":"BRrVdq_i.js","sources":["../../../../components/ProfileHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport { FingerPrintIcon, QuestionMarkCircleIcon } from '@heroicons/vue/outline';\nimport { getUrlForProfile } from '~/utilities/url-slugs';\nimport { avatarGradientStyles } from '~/utilities/avatar-gradient';\n\nconst props = defineProps({\n  profile: { type: Object as PropType<any>, required: true },\n  namedClasses: { type: String as PropType<string>, default: 'font-bold text-neutral-700 dark:text-neutral-200' },\n  unnamedClasses: {\n    type: String as PropType<string>,\n    default: 'tracking-tight font-mono text-neutral-900 dark:text-neutral-50',\n  },\n  avatarDimension: { type: String as PropType<string>, default: '1.75rem' },\n});\nconst { profile, namedClasses, unnamedClasses, avatarDimension } = toRefs(props);\n</script>\n<template>\n  <div class=\"inline-flex\">\n    <NuxtLink v-if=\"profile\" :to=\"getUrlForProfile(profile)\" :class=\"['inline-flex items-center gap-1 text-sm']\">\n      <div\n        v-if=\"avatarDimension\"\n        :class=\"[\n          `inline flex-shrink-0 rounded-full `,\n          !profile.avatar_uri ? 'flex items-center justify-center bg-gradient-to-br' : '',\n        ]\"\n        :style=\"{ ...avatarGradientStyles(profile.id), height: avatarDimension, width: avatarDimension }\"\n      >\n        <img\n          v-if=\"profile.avatar_uri\"\n          :src=\"profile.avatar_uri\"\n          loading=\"lazy\"\n          class=\"inline h-full w-full rounded-full object-cover\"\n        />\n        <FingerPrintIcon v-else class=\"h-3/5 w-3/5 text-neutral-200\" />\n      </div>\n      <span :class=\"profile.name ? namedClasses : unnamedClasses\">{{\n        profile?.name || profile.encoded_id.replace('did:chia:', '').substring(0, 12)\n      }}</span>\n    </NuxtLink>\n    <div v-else>\n      <div :class=\"['flex items-center gap-1 text-sm']\">\n        <div class=\"inline flex h-7 w-7 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800\">\n          <QuestionMarkCircleIcon class=\"h-5 w-5 text-neutral-400 dark:text-neutral-500\" />\n        </div>\n        <span class=\"font-mono font-semibold tracking-tight text-neutral-500 dark:text-neutral-400\">Unknown</span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","profile","namedClasses","unnamedClasses","avatarDimension","toRefs"],"mappings":"s5BAMA,MAAMA,EAAQC,EASR,CAAE,QAAAC,EAAS,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAON,CAAK"}