{"version":3,"file":"DwFhIxb-.js","sources":["../../../../components/CollectionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BanIcon, ExclamationIcon, QuestionMarkCircleIcon } from \"@heroicons/vue/outline\";\nimport { BadgeCheckIcon } from \"@heroicons/vue/solid\";\nimport type { PropType } from \"vue\";\nimport ProfileHandle from \"~/components/ProfileHandle.vue\";\nimport { getUrlForCollection } from \"~/utilities/url-slugs\";\n\nconst props = defineProps({\n  collection: Object as PropType<any>,\n  unlinked: { type: Boolean as PropType<boolean>, default: () => false },\n});\nconst { collection, unlinked } = toRefs(props);\n\nconst name = computed(() => {\n  return collection.value.name || 'Unnamed';\n});\n</script>\n\n<template>\n  <div\n    class=\"shadow-card hover:shadow-card-hover group relative flex flex-col overflow-hidden rounded-lg bg-white transition duration-300 ease-in-out dark:bg-black\"\n  >\n    <div class=\"aspect-h-1 aspect-w-1 relative overflow-hidden\">\n      <div v-if=\"!collection\" class=\"flex items-center justify-center\">\n        <div class=\"h-full w-full animate-pulse bg-neutral-100 dark:bg-neutral-800\"></div>\n      </div>\n      <div v-else-if=\"collection.creator?.verification_state === 2\" class=\"flex items-center justify-center\">\n        <ExclamationIcon class=\"h-1/2 w-1/2 text-red-600\" />\n      </div>\n      <div v-else-if=\"collection.blocked_content\" class=\"flex items-center justify-center\">\n        <BanIcon class=\"h-1/2 w-1/2 text-neutral-600 dark:text-neutral-300\" />\n      </div>\n      <img\n        v-else-if=\"collection.thumbnail_uri\"\n        :alt=\"`${name} image`\"\n        :src=\"collection.thumbnail_uri\"\n        loading=\"lazy\"\n        :class=\"[collection.sensitive_content ? 'blur-lg' : '']\"\n        class=\"h-full w-full object-cover object-center transition duration-300 ease-out betterhover:group-hover:scale-110\"\n      />\n      <div v-else class=\"flex items-center justify-center\">\n        <QuestionMarkCircleIcon class=\"h-1/2 w-1/2 text-neutral-400 dark:text-neutral-500\" />\n      </div>\n      <NuxtLink\n        v-if=\"collection\"\n        :to=\"unlinked ? undefined : getUrlForCollection(collection)\"\n        class=\"absolute inset-0 z-20 flex h-full w-full flex-col items-center justify-start bg-transparent\"\n      >\n        <div class=\"flex-1\"></div>\n        <div class=\"flex w-full px-4 py-4 opacity-0\"></div>\n      </NuxtLink>\n    </div>\n    <div class=\"flex flex-1 flex-col justify-between gap-4 p-4\">\n      <div v-if=\"!collection\">\n        <div class=\"h-6 w-3/4 rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n      </div>\n      <template v-else>\n        <div class=\"flex items-center gap-1\">\n          <span class=\"text-md truncate font-bold text-black dark:text-white\">{{ name }}</span>\n          <BadgeCheckIcon v-if=\"collection.creator?.verification_state === 1\" class=\"h-5 w-5 text-emerald-600\" />\n        </div>\n        <div class=\"flex flex-1 flex-row items-start justify-between gap-2\">\n          <ProfileHandle :profile=\"collection.creator\" />\n          <div v-if=\"collection.unminted_nft_count\" class=\"flex flex-col items-start\">\n            <span class=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">Mint Active</span\n            ><span class=\"text-sm font-semibold text-black dark:text-white\"\n              >{{ collection.unminted_nft_count }} left</span\n            >\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","collection","unlinked","toRefs","name","computed"],"mappings":"8mDAOA,MAAMA,EAAQC,EAIR,CAAE,WAAAC,EAAY,SAAAC,CAAS,EAAIC,EAAOJ,CAAK,EAEvCK,EAAOC,EAAS,IACbJ,EAAW,MAAM,MAAQ,SACjC"}