{"version":3,"file":"BYudhcQ_.js","sources":["../../../../components/AddressHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport { addressGradientStyles } from '~/utilities/avatar-gradient';\n\nconst props = defineProps({\n  address: { 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-tighter font-mono text-neutral-900 dark:text-neutral-50',\n  },\n  avatarDimension: { type: String as PropType<string>, default: '1.5rem' },\n});\nconst { address, namedClasses, unnamedClasses, avatarDimension } = toRefs(props);\n</script>\n<template>\n  <div class=\"inline-flex\">\n    <NuxtLink v-if=\"address\" :to=\"`/address/${address.encoded_id}`\" :class=\"['flex items-center gap-1 text-sm']\">\n      <div\n        v-if=\"avatarDimension\"\n        :class=\"[`inline rounded-md`, !address.avatar_uri ? 'flex items-center justify-center bg-gradient-to-br' : '']\"\n        :style=\"{ ...addressGradientStyles(address.encoded_id), height: avatarDimension, width: avatarDimension }\"\n      >\n        <img v-if=\"address.avatar_uri\" :src=\"address.avatar_uri\" class=\"inline rounded-full\" />\n      </div>\n      <span :class=\"address.name ? namedClasses : unnamedClasses\">{{\n        address?.name || address.encoded_id.substring(0, 12)\n      }}</span>\n    </NuxtLink>\n  </div>\n</template>\n"],"names":["props","__props","address","namedClasses","unnamedClasses","avatarDimension","toRefs"],"mappings":"khBAIA,MAAMA,EAAQC,EASR,CAAE,QAAAC,EAAS,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAON,CAAK"}