{"version":3,"file":"D1_Umpdb.js","sources":["../../../../node_modules/@heroicons/vue/outline/esm/MusicNoteIcon.js","../../../../components/CollectionHandle.vue"],"sourcesContent":["import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"2\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3\"\n    })\n  ]))\n}","<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport { BadgeCheckIcon } from '@heroicons/vue/solid';\nimport { getUrlForCollection } from '~/utilities/url-slugs';\nimport { avatarGradientStyles } from '~/utilities/avatar-gradient';\n\nconst props = defineProps({\n  collection: { 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: 'font-semibold tracking-tight font-mono text-neutral-900 dark:text-neutral-50',\n  },\n  avatarDimension: { type: String as PropType<string>, default: '1.75rem' },\n});\nconst { collection, namedClasses, unnamedClasses, avatarDimension } = toRefs(props);\n</script>\n<template>\n  <NuxtLink\n    :to=\"getUrlForCollection(collection)\"\n    :class=\"['flex items-center gap-1 text-sm', collection.name ? namedClasses : unnamedClasses]\"\n  >\n    <div\n      :class=\"[`inline overflow-hidden rounded-md`, !collection.thumbnail_uri ? 'bg-gradient-to-bl' : '']\"\n      :style=\"{\n        ...avatarGradientStyles(collection.id),\n        height: avatarDimension,\n        width: avatarDimension,\n        flexShrink: 0,\n      }\"\n    >\n      <img\n        v-if=\"collection.thumbnail_uri\"\n        class=\"h-full w-full object-cover object-center\"\n        :src=\"collection.thumbnail_uri\"\n      />\n    </div>\n    {{ collection.name || collection.id.substring(0, 12) }}\n    <BadgeCheckIcon v-if=\"collection.creator?.verification_state === 1\" class=\"h-5 w-5 text-emerald-600\" />\n  </NuxtLink>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","props","__props","collection","namedClasses","unnamedClasses","avatarDimension","toRefs"],"mappings":"qQAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAa,MAAO,CACxC,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,IAChB,OAAQ,eACR,cAAe,MACnB,EAAK,CACDC,EAAa,OAAQ,CACnB,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,qJACT,CAAK,CACL,CAAG,CACH,gWCXA,MAAMC,EAAQC,EASR,CAAE,WAAAC,EAAY,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAON,CAAK","x_google_ignoreList":[0]}