{"version":3,"file":"eUTkYy95.js","sources":["../../../../components/explore/ExploreGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport type { Singleton } from '~/types/singleton';\n\nconst props = defineProps({\n  nfts: Object as PropType<Array<Singleton>>,\n  pending: Boolean as PropType<boolean>,\n  gridStyle: String as PropType<'grid-compact' | 'grid' | 'table'>,\n  showCreator: Boolean as PropType<boolean>,\n});\nconst { nfts, pending, gridStyle, showCreator } = toRefs(props);\n</script>\n\n<template>\n  <div\n    v-if=\"gridStyle !== 'table'\"\n    :class=\"[\n      gridStyle === 'grid-compact'\n        ? 'grid-cols-2 gap-x-6 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6'\n        : 'grid-cols-1 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-3 2xl:grid-cols-4 ',\n    ]\"\n    class=\"grid w-full gap-y-4 sm:gap-y-6 lg:gap-6 2xl:gap-8\"\n  >\n    <NftCard\n      v-for=\"nft in nfts\"\n      :key=\"`${nft.id}${nft.auction?.id}`\"\n      :nft=\"nft\"\n      :compact=\"gridStyle === 'grid-compact'\"\n      :show-creator=\"showCreator\"\n    />\n    <template v-if=\"pending\">\n      <NftCard\n        v-for=\"index in 12\"\n        :key=\"index\"\n        :nft=\"undefined\"\n        :compact=\"gridStyle === 'grid-compact'\"\n        :show-creator=\"showCreator\"\n      />\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","nfts","pending","gridStyle","showCreator","toRefs"],"mappings":"4PAIA,MAAMA,EAAQC,EAMR,CAAE,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,YAAAC,GAAgBC,EAAON,CAAK"}