{"version":3,"file":"Db4QiTCC.js","sources":["../../../../components/collections/CollectionsMintCard.vue","../../../../components/home/HomeMints.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ExclamationIcon, QuestionMarkCircleIcon } from '@heroicons/vue/outline';\nimport type { PropType } from 'vue';\n\nconst props = defineProps({\n  collection: Object as PropType<any>,\n});\nconst { collection } = toRefs(props);\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-neutral-800\"\n  >\n    <NuxtLink\n      :to=\"collection && `/collections/${collection.id}`\"\n      class=\"aspect-h-1 aspect-w-1 relative overflow-hidden\"\n    >\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      <img\n        v-else-if=\"collection.thumbnail_uri\"\n        :alt=\"`${collection.name} image`\"\n        :src=\"collection.thumbnail_uri\"\n        loading=\"lazy\"\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      <div class=\"absolute inset-0 z-20 flex h-full w-full flex-col items-center justify-start bg-transparent\">\n        <div class=\"flex-1\"></div>\n        <div class=\"flex w-full px-4 py-4 opacity-0\"></div>\n      </div>\n    </NuxtLink>\n    <div class=\"flex flex-1 flex-col justify-between gap-2 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=\"truncate text-lg font-medium text-black dark:text-white\">{{ collection.name }}</span>\n        </div>\n        <div class=\"flex flex-1 flex-row items-start justify-between gap-2\">\n          <ProfileHandle :profile=\"collection.creator\" />\n        </div>\n        <div\n          class=\"mt-2 flex flex-1 flex-row items-start justify-between gap-2 border-t-2 border-neutral-100 pt-4 dark:border-neutral-700\"\n        >\n          <div class=\"flex flex-col items-start\">\n            <span class=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">Unminted pieces</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","<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\n\nconst props = defineProps({\n  mints: { type: Object as PropType<any>, required: true },\n  pending: { type: Boolean, required: true },\n});\nconst { mints, pending } = toRefs(props);\n</script>\n<template>\n  <div class=\"w-full\">\n    <div\n      class=\"grid w-full grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-6 md:grid-cols-3 md:gap-6 xl:grid-cols-4 xl:gap-8\"\n    >\n      <CollectionsMintCard v-for=\"mint in mints\" :key=\"mint.id\" :collection=\"mint\" />\n      <template v-if=\"pending && !mints?.length\">\n        <CollectionsMintCard v-for=\"index in 4\" :key=\"index\" :collection=\"undefined\" />\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","collection","toRefs","mints","pending"],"mappings":"ilDAIA,MAAMA,EAAQC,EAGR,CAAE,WAAAC,CAAA,EAAeC,EAAOH,CAAK,soCCJnC,MAAMA,EAAQC,EAIR,CAAE,MAAAG,EAAO,QAAAC,CAAQ,EAAIF,EAAOH,CAAK"}