{"version":3,"file":"BtCkw3MA.js","sources":["../../../../node_modules/@heroicons/vue/outline/esm/GlobeIcon.js","../../../../node_modules/@heroicons/vue/outline/esm/UserGroupIcon.js","../../../../components/HomepageCollectionTopTable.vue","../../../../components/home/HomeTopCollections.vue","../../../../components/home/HomeTopArtists.vue","../../../../components/home/HomeFeatures.vue","../../../../components/ProfileCard.vue","../../../../components/explore/ExploreProfileGrid.vue","../../../../pages/index.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: \"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n    })\n  ]))\n}","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: \"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\n    })\n  ]))\n}","<script setup lang=\"ts\">\nimport { ExclamationIcon } from '@heroicons/vue/outline';\nimport { BadgeCheckIcon } from '@heroicons/vue/solid';\nimport { differenceInMilliseconds, parseISO } from 'date-fns';\nimport type { PropType } from 'vue';\nimport Popper from 'vue3-popper';\nimport { useInfiniteScroll } from '~/composables/infinite-scroll';\nimport { getApiRoot } from '~/utilities/api';\nimport { formatXchPrice } from '~/utilities/chia-display-utils';\nimport { getUrlForCollection } from '~/utilities/url-slugs';\n\nconst props = defineProps({\n  intervalInDays: String as PropType<'7' | '30' | 'all'>,\n  limit: Number,\n  rows: { type: Number, default: 1 },\n  excludeSus: { type: Boolean, default: false },\n  hideNumTrades: { type: Boolean, default: false },\n  hideNumItems: { type: Boolean, default: false },\n});\n\nconst intervalInDays = toRef(props, 'intervalInDays');\n\nconst target = ref();\nconst { items: collections, pending } = useInfiniteScroll(\n  target,\n  () =>\n    `${getApiRoot()}/collections?interval=${intervalInDays.value}&include_nft_count=True&include_floor_price=True${\n      props.excludeSus ? '&exclude_sus=True' : ''\n    }`,\n  [intervalInDays],\n  props.limit || 12\n);\n\n// const sortDirection = ref(1);\n// const sortKey = ref('volume');\n\nconst isSuspicious = (collection: any) =>\n  collection.suspicious_activity_timeout_until &&\n  differenceInMilliseconds(parseISO(collection.suspicious_activity_timeout_until), new Date()) > 0;\n</script>\n<template>\n  <div>\n    <div\n      class=\"grid grid-cols-1 divide-x divide-neutral-300 rounded-lg bg-white ring-1 ring-neutral-300 dark:divide-neutral-600 dark:bg-neutral-800 dark:ring-neutral-700 xl:grid-cols-2\"\n    >\n      <table class=\"min-w-full table-fixed\">\n        <thead>\n          <tr>\n            <th class=\"w-12 px-3 sm:py-3.5\"></th>\n            <th class=\"w-20 px-3 sm:py-3.5\"></th>\n            <CollectionTopTableHeader header-key=\"name\" hide-below=\"sm\"></CollectionTopTableHeader>\n            <CollectionTopTableHeader header-key=\"volume\" hide-below=\"sm\" align=\"end\"\n              >{{ $t('collections.volume') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader header-key=\"floor_price\" hide-below=\"sm\" align=\"end\" class=\"pr-6\"\n              >{{ $t('collections.floorPrice') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader\n              v-if=\"!props.hideNumTrades\"\n              header-key=\"trade_count\"\n              hide-below=\"md\"\n              align=\"center\"\n              >{{ $t('collections.numTrades') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader v-if=\"!props.hideNumItems\" header-key=\"num_items\" hide-below=\"lg\" align=\"center\"\n              >{{ $t('collections.numItems') }}\n            </CollectionTopTableHeader>\n          </tr>\n        </thead>\n        <tbody>\n          <NuxtLink\n            v-for=\"(collection, planIdx) in collections.slice(0, 5)\"\n            :key=\"collection.id\"\n            v-slot=\"{ navigate }\"\n            :to=\"getUrlForCollection(collection)\"\n            custom\n          >\n            <tr class=\"cursor-pointer hover:bg-neutral-50 dark:hover:bg-[#303030]\" @click=\"navigate\">\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4',\n                ]\"\n              >\n                <div class=\"text-center text-xl font-bold text-neutral-600 dark:text-neutral-300\">\n                  {{ planIdx + 1 }}\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 pr-3 lg:text-lg',\n                ]\"\n              >\n                <div class=\"aspect-h-1 aspect-w-1 overflow-hidden rounded-md group-hover:opacity-75\">\n                  <div v-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=\"collection.sensitive_content ? 'blur-md' : isSuspicious(collection) ? 'opacity-50' : ''\"\n                    class=\"aspect-1 rounded-md object-cover\"\n                  />\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md relative py-8 pl-4 pr-3',\n                ]\"\n              >\n                <div\n                  :class=\"isSuspicious(collection) ? 'opacity-50' : ''\"\n                  class=\"flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\"\n                >\n                  <span class=\"max-w-[200px] truncate\">{{ collection.name }}</span>\n                  <BadgeCheckIcon\n                    v-if=\"collection.creator?.verification_state === 1\"\n                    class=\"h-5 w-5 flex-shrink-0 text-emerald-600\"\n                  />\n                </div>\n                <div class=\"mt-1 flex flex-col font-medium text-neutral-900 dark:text-neutral-50 lg:hidden\">\n                  <span class=\"flex items-center gap-1 sm:hidden\">\n                    <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\">\n                      Volume: {{ formatXchPrice(collection.volume) }}\n                    </span>\n                    <Popper arrow hover content=\"Suspicious trading activity (inflated volume)\">\n                      <ExclamationIcon v-if=\"isSuspicious(collection)\" class=\"h-5 w-5 text-orange-600\" /> </Popper\n                  ></span>\n                  <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\" class=\"sm:hidden\"\n                    >Floor: {{ collection.floor_price ? formatXchPrice(collection.floor_price) : '---' }}</span\n                  >\n                  <span\n                    v-if=\"!props.hideNumTrades\"\n                    :class=\"isSuspicious(collection) ? 'opacity-50' : ''\"\n                    class=\"md:hidden\"\n                    >Trades: {{ collection.trade_count.toLocaleString('en') }}</span\n                  >\n                  <span v-if=\"!props.hideNumItems\" class=\"md:hidden\"\n                    >Items: {{ collection.nft_count.toLocaleString('en') }}</span\n                  >\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-44 px-3 py-3.5 font-bold text-neutral-900 dark:text-neutral-50 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex items-center justify-end gap-1\">\n                  <Popper arrow hover content=\"Suspicious trading activity (inflated volume)\">\n                    <ExclamationIcon v-if=\"isSuspicious(collection)\" class=\"h-5 w-5 text-orange-600\" />\n                  </Popper>\n                  <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\">\n                    {{ formatXchPrice(collection.volume) }}\n                  </span>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-36 py-3.5 pl-3 pr-6 font-bold text-neutral-900 dark:text-neutral-50 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex items-center justify-end gap-1\">\n                  <span>\n                    {{ collection.floor_price ? formatXchPrice(collection.floor_price) : '---' }}\n                  </span>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumTrades\"\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-36 px-3 py-3.5 text-center font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                {{ collection.trade_count.toLocaleString('en') }}\n              </td>\n              <td\n                v-if=\"!props.hideNumItems\"\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-44 px-3 py-3.5 text-center font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell',\n                ]\"\n              >\n                {{ collection.nft_count.toLocaleString('en') }}\n              </td>\n            </tr>\n          </NuxtLink>\n          <template v-if=\"pending && !collections?.length\">\n            <tr v-for=\"index in 10\" :key=\"index\" class=\"cursor-pointer hover:bg-emerald-50\">\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 text-sm sm:pl-6',\n                ]\"\n              ></td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 text-sm sm:pl-6',\n                ]\"\n              >\n                <div class=\"aspect-h-1 aspect-w-1 group-hover:opacity-75\">\n                  <div class=\"h-full w-full animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-8 pl-4 pr-3 lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-72 px-3 py-3.5 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex justify-end\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-36 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 md:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-end\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumTrades\"\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-36 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-center\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumItems\"\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-44 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-center\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n      </table>\n      <table class=\"hidden min-w-full table-fixed xl:table\">\n        <thead>\n          <tr>\n            <th class=\"w-12 px-3 sm:py-3.5\"></th>\n            <th class=\"w-20 px-3 sm:py-3.5\"></th>\n            <CollectionTopTableHeader header-key=\"name\" hide-below=\"sm\"></CollectionTopTableHeader>\n            <CollectionTopTableHeader header-key=\"volume\" hide-below=\"sm\" align=\"end\"\n              >{{ $t('collections.volume') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader header-key=\"floor_price\" hide-below=\"sm\" align=\"end\" class=\"pr-6\"\n              >{{ $t('collections.floorPrice') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader\n              v-if=\"!props.hideNumTrades\"\n              header-key=\"trade_count\"\n              hide-below=\"md\"\n              align=\"center\"\n              >{{ $t('collections.numTrades') }}\n            </CollectionTopTableHeader>\n            <CollectionTopTableHeader v-if=\"!props.hideNumItems\" header-key=\"num_items\" hide-below=\"lg\" align=\"center\"\n              >{{ $t('collections.numItems') }}\n            </CollectionTopTableHeader>\n          </tr>\n        </thead>\n        <tbody>\n          <NuxtLink\n            v-for=\"(collection, planIdx) in collections.slice(5)\"\n            :key=\"collection.id\"\n            v-slot=\"{ navigate }\"\n            :to=\"getUrlForCollection(collection)\"\n            custom\n          >\n            <tr class=\"cursor-pointer hover:bg-neutral-50 dark:hover:bg-[#303030]\" @click=\"navigate\">\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4',\n                ]\"\n              >\n                <div class=\"text-center text-xl font-bold text-neutral-600 dark:text-neutral-300\">\n                  {{ planIdx + 6 }}\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 pr-3 lg:text-lg',\n                ]\"\n              >\n                <div class=\"aspect-h-1 aspect-w-1 overflow-hidden rounded-md group-hover:opacity-75\">\n                  <div v-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=\"collection.sensitive_content ? 'blur-md' : isSuspicious(collection) ? 'opacity-50' : ''\"\n                    class=\"aspect-1 rounded-md object-cover\"\n                  />\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md relative py-8 pl-4 pr-3',\n                ]\"\n              >\n                <div\n                  :class=\"isSuspicious(collection) ? 'opacity-50' : ''\"\n                  class=\"flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\"\n                >\n                  <span class=\"max-w-[200px] truncate\">{{ collection.name }}</span>\n                  <BadgeCheckIcon\n                    v-if=\"collection.creator?.verification_state === 1\"\n                    class=\"h-5 w-5 flex-shrink-0 text-emerald-600\"\n                  />\n                </div>\n                <div class=\"mt-1 flex flex-col font-medium text-neutral-900 dark:text-neutral-50 lg:hidden\">\n                  <span class=\"flex items-center gap-1 sm:hidden\">\n                    <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\">\n                      Volume: {{ formatXchPrice(collection.volume) }}\n                    </span>\n                    <Popper arrow hover content=\"Suspicious trading activity (inflated volume)\">\n                      <ExclamationIcon v-if=\"isSuspicious(collection)\" class=\"h-5 w-5 text-orange-600\" /> </Popper\n                  ></span>\n                  <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\" class=\"sm:hidden\"\n                    >Floor: {{ collection.floor_price ? formatXchPrice(collection.floor_price) : '---' }}</span\n                  >\n                  <span\n                    v-if=\"!props.hideNumTrades\"\n                    :class=\"isSuspicious(collection) ? 'opacity-50' : ''\"\n                    class=\"md:hidden\"\n                    >Trades: {{ collection.trade_count.toLocaleString('en') }}</span\n                  >\n                  <span v-if=\"!props.hideNumItems\" class=\"md:hidden\"\n                    >Items: {{ collection.nft_count.toLocaleString('en') }}</span\n                  >\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-44 px-3 py-3.5 font-bold text-neutral-900 dark:text-neutral-50 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex items-center justify-end gap-1\">\n                  <Popper arrow hover content=\"Suspicious trading activity (inflated volume)\">\n                    <ExclamationIcon v-if=\"isSuspicious(collection)\" class=\"h-5 w-5 text-orange-600\" />\n                  </Popper>\n                  <span :class=\"isSuspicious(collection) ? 'opacity-50' : ''\">\n                    {{ formatXchPrice(collection.volume) }}\n                  </span>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-36 py-3.5 pl-3  pr-6 font-bold text-neutral-900 dark:text-neutral-50 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex items-center justify-end gap-1\">\n                  <span>\n                    {{ collection.floor_price ? formatXchPrice(collection.floor_price) : '---' }}\n                  </span>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumTrades\"\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-36 px-3 py-3.5 text-center font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                {{ collection.trade_count.toLocaleString('en') }}\n              </td>\n              <td\n                v-if=\"!props.hideNumItems\"\n                :class=\"[\n                  isSuspicious(collection) ? 'opacity-50' : '',\n                  planIdx === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'lg:text-md hidden w-44 px-3 py-3.5 text-center font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell',\n                ]\"\n              >\n                {{ collection.nft_count.toLocaleString('en') }}\n              </td>\n            </tr>\n          </NuxtLink>\n          <template v-if=\"pending && !collections?.length\">\n            <tr v-for=\"index in 10\" :key=\"index\" class=\"cursor-pointer hover:bg-emerald-50\">\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 text-sm sm:pl-6',\n                ]\"\n              ></td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-4 pl-4 text-sm sm:pl-6',\n                ]\"\n              >\n                <div class=\"aspect-h-1 aspect-w-1 group-hover:opacity-75\">\n                  <div class=\"h-full w-full animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'relative py-8 pl-4 pr-3 lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-72 px-3 py-3.5 sm:table-cell',\n                ]\"\n              >\n                <div class=\"flex justify-end\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-36 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 md:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-end\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumTrades\"\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-36 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-center\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n              <td\n                v-if=\"!props.hideNumItems\"\n                :class=\"[\n                  index === 0\n                    ? 'border-neutral-300 dark:border-neutral-600 sm:border-t'\n                    : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden w-44 px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 lg:table-cell lg:text-lg',\n                ]\"\n              >\n                <div class=\"flex justify-center\">\n                  <div class=\"h-6 w-3/4 animate-pulse rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n                </div>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n      </table>\n    </div>\n    <div v-if=\"collections && !props.limit\" ref=\"target\" />\n  </div>\n</template>\n\n<style scoped>\n:deep(.popper) {\n  --popper-theme-background-color: #333333;\n  --popper-theme-background-color-hover: #333333;\n  --popper-theme-text-color: #ffffff;\n  --popper-theme-border-width: 0px;\n  --popper-theme-border-style: solid;\n  --popper-theme-border-radius: 12px;\n  --popper-theme-padding: 4px 8px;\n  --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);\n  font-size: 12px;\n}\n</style>\n","<script setup lang=\"ts\"></script>\n<template>\n  <div class=\"w-full\">\n    <HomepageCollectionTopTable\n      :interval-in-days=\"'7'\"\n      :limit=\"10\"\n      :exclude-sus=\"true\"\n      :hide-num-items=\"true\"\n      :hide-num-trades=\"true\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\"></script>\n<template>\n  <div class=\"w-full\">\n    <ProfileTopTable\n      :interval-in-days=\"'7'\"\n      :limit=\"5\"\n      :exclude-sus=\"true\"\n      :hide-num-items=\"true\"\n      :hide-num-trades=\"true\"\n    />\n  </div>\n</template>\n","<template>\n  <div class=\"grid grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:grid-cols-2 lg:items-start\">\n    <div class=\"px-6 lg:px-0 lg:pr-4 lg:pt-4\">\n      <div class=\"mx-auto max-w-2xl lg:mx-0 lg:max-w-lg\">\n        <h2 class=\"text-base font-semibold leading-7 text-emerald-600\">{{ $t('home.allInOneNFT') }}</h2>\n        <p class=\"mt-2 text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\">\n          {{ $t('home.embraceNFTs') }}\n        </p>\n        <p class=\"mt-6 text-lg leading-8 text-neutral-600 dark:text-neutral-300\">\n          {{ $t('home.experiencePower') }}\n        </p>\n        <dl class=\"mt-10 max-w-xl space-y-8 text-base leading-7 text-neutral-600 dark:text-neutral-300 lg:max-w-none\">\n          <div v-for=\"feature in features\" :key=\"feature.name\" class=\"relative pl-9\">\n            <NuxtLink :to=\"feature.to\">\n              <dt class=\"inline font-semibold text-neutral-900 dark:text-neutral-50\">\n                <component\n                  :is=\"feature.icon\"\n                  class=\"absolute left-1 top-1 h-5 w-5 text-emerald-600\"\n                  aria-hidden=\"true\"\n                />\n                {{ $t(`home.${feature.name}`) }}\n              </dt>\n              {{ ' ' }}\n              <dd class=\"inline\">{{ $t(`home.${feature.description}`) }}</dd>\n            </NuxtLink>\n          </div>\n        </dl>\n      </div>\n    </div>\n    <div class=\"flex h-full items-center sm:px-6 lg:px-0\">\n      <div\n        class=\"relative isolate overflow-hidden bg-emerald-800 px-6 pt-8 dark:bg-emerald-600 sm:mx-auto sm:max-w-2xl sm:rounded-3xl sm:pl-8 sm:pr-0 sm:pt-8 lg:mx-0 lg:max-w-none\"\n      >\n        <div\n          class=\"absolute -inset-y-px -left-3 -z-10 w-full origin-bottom-left skew-x-[-30deg] bg-emerald-100 opacity-20 ring-1 ring-inset ring-white\"\n          aria-hidden=\"true\"\n        />\n        <div class=\"mx-auto max-w-2xl sm:mx-0 sm:max-w-none\">\n          <img\n            src=\"/mintgarden_studio_screenshot.webp\"\n            alt=\"MintGarden Studio screenshot\"\n            width=\"2432\"\n            height=\"1442\"\n            class=\"-mb-12 w-[57rem] max-w-none\"\n          />\n        </div>\n        <div\n          class=\"pointer-events-none absolute inset-0 ring-1 ring-inset ring-black/10 sm:rounded-3xl\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { SparklesIcon, UserGroupIcon, GlobeIcon } from '@heroicons/vue/outline';\n\nconst features = [\n  {\n    name: 'createAndMint',\n    description: 'mintDescription',\n    icon: SparklesIcon,\n    to: '/mint',\n  },\n  {\n    name: 'engageCommunity',\n    description: 'communityDescription',\n    icon: UserGroupIcon,\n    to: 'https://docs.mintgarden.io/discord',\n  },\n  {\n    name: 'featureExploreCollections',\n    description: 'collectionsDescription',\n    icon: GlobeIcon,\n    to: '/collections',\n  },\n];\n</script>\n","<script setup lang=\"ts\">\nimport { ExclamationIcon, FingerPrintIcon } from '@heroicons/vue/outline';\nimport type { PropType } from 'vue';\nimport { avatarGradientStyles } from '~/utilities/avatar-gradient';\nimport { getUrlForProfile } from '~/utilities/url-slugs';\n\nconst props = defineProps({\n  profile: Object as PropType<any>,\n});\nconst { profile } = toRefs(props);\n\nconst name = computed(() => {\n  return profile.value.name || profile.value.encoded_id.substring(0, 16);\n});\n</script>\n\n<template>\n  <div\n    class=\"shadow-card hover:shadow-card-hover group relative flex flex-col divide-y divide-neutral-100 overflow-hidden rounded-lg bg-white transition duration-300 ease-in-out dark:divide-neutral-800 dark:bg-neutral-800\"\n  >\n    <div class=\"aspect-h-1 aspect-w-1 relative overflow-hidden\">\n      <div v-if=\"!profile\" 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=\"profile.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=\"profile.avatar_uri\"\n        :alt=\"`${name} image`\"\n        :src=\"profile.avatar_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\n        v-else\n        class=\"flex items-center justify-center bg-gradient-to-br\"\n        :style=\"{ ...avatarGradientStyles(profile.id) }\"\n      >\n        <FingerPrintIcon class=\"h-1/2 w-1/2 text-neutral-200 dark:text-neutral-700\" />\n      </div>\n      <NuxtLink\n        v-if=\"profile\"\n        :to=\"getUrlForProfile(profile)\"\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=\"!profile\">\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-xs font-bold text-black dark:text-white\">{{ name }}</span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport type { Singleton } from '~/types/singleton';\n\nconst props = defineProps({\n  profiles: Object as PropType<Array<Singleton>>,\n  pending: Boolean as PropType<boolean>,\n});\nconst { profiles, pending } = toRefs(props);\n</script>\n\n<template>\n  <div\n    class=\"grid w-full grid-cols-2 gap-x-4 gap-y-4 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-6 lg:grid-cols-6 lg:gap-6 2xl:grid-cols-8 2xl:gap-8\"\n  >\n    <ProfileCard v-for=\"profile in profiles\" :key=\"profile.id\" :profile=\"profile\" />\n    <template v-if=\"pending\">\n      <ProfileCard v-for=\"index in 12\" :key=\"index\" :profile=\"undefined\" />\n    </template>\n  </div>\n</template>\n","<script setup>\nimport { differenceInMilliseconds, parseISO } from 'date-fns';\nimport { StarIcon } from '@heroicons/vue/solid';\nimport { useLazyFetch } from '#app';\nimport { getApiRoot } from '~/utilities/api';\nimport ExploreProfileGrid from '~/components/explore/ExploreProfileGrid.vue';\nimport HomeMints from '~/components/home/HomeMints.vue';\n\nconst { data: featuredContent, pending } = useLazyFetch(`${getApiRoot()}/featured`, { server: false });\n// const heroContent = computed(() => featuredContent.value?.find((entry) => entry.type === 0 || entry.type === 1));\nconst gridCollections = computed(\n  () => featuredContent.value?.filter((entry) => entry.type === 4).map((entry) => entry.collection) || []\n);\n\nconst { data: auctions } = useLazyFetch(`${getApiRoot()}/auctions?size=100`, { server: false });\n\nconst auctionNfts = computed(() => {\n  return (auctions.value?.items || [])\n    .filter(\n      (auction) =>\n        differenceInMilliseconds(parseISO(auction.start), new Date()) < 1000 * 3600 * 24 &&\n        differenceInMilliseconds(parseISO(auction.overtime.end), new Date()) > 0\n    )\n    .sort(\n      (a, b) =>\n        differenceInMilliseconds(parseISO(a.overtime.end), new Date()) -\n        differenceInMilliseconds(parseISO(b.overtime.end), new Date())\n    )\n    .slice(0, 4)\n    .map((auction) => ({ ...auction.nft, auction }));\n});\n\nconst { data: mints, pending: mintsPending } = useLazyFetch(`${getApiRoot()}/collections/minting?size=4`, {\n  server: false,\n});\n\nconst { data: supporters, pending: supportersPending } = useLazyFetch(`${getApiRoot()}/supporters`, { server: false });\n\nconst config = useRuntimeConfig();\n</script>\n\n<template>\n  <Container>\n    <div>\n      <div class=\"pt-12 lg:pt-24\">\n        <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\n          <div class=\"mx-auto max-w-3xl text-center\">\n            <h1 class=\"text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-6xl\">\n              {{ $t('home.heroTitle') }}\n            </h1>\n            <p class=\"mt-6 text-lg leading-8 text-neutral-600 dark:text-neutral-300\">\n              {{ $t('home.heroSubtitle') }}\n            </p>\n          </div>\n          <!--          <div class=\"hidden pt-16 2xl:block\">-->\n          <!--            <ExploreCollectionGrid :collections=\"gridCollections.slice(0, 4)\" :pending=\"pending\" />-->\n          <!--          </div>-->\n          <!--          <div class=\"hidden pt-16 lg:block 2xl:hidden\">-->\n          <!--            <ExploreCollectionGrid :collections=\"gridCollections.slice(0, 3)\" :pending=\"pending\" />-->\n          <!--          </div>-->\n          <!--          <div class=\"pt-16 lg:hidden\">-->\n          <!--            <ExploreCollectionGrid :collections=\"gridCollections.slice(0, 2)\" :pending=\"pending\" />-->\n          <!--          </div>-->\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"auctionNfts.length > 0\" class=\"mx-auto mt-8 flex flex-col items-center\">\n      <p class=\"mt-2 text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\">\n        {{ $t('home.activeAuctions') }}\n      </p>\n\n      <div class=\"mb-12 text-center\"></div>\n      <HomeAuctions :auctions=\"auctionNfts\" />\n      <div class=\"flex justify-center pt-8\">\n        <NuxtLink\n          to=\"/auctions\"\n          class=\"betterhover:hover:shadow-card-hover flex w-full items-center justify-center rounded-full border border-transparent bg-black px-8 py-3 text-base font-medium text-white transition duration-100 ease-in-out dark:bg-white dark:text-black md:px-10 md:py-4 md:text-lg betterhover:hover:-translate-y-0.5\"\n        >\n          Show all auctions\n        </NuxtLink>\n      </div>\n    </div>\n\n    <div class=\"mx-auto mt-8 flex flex-col items-center lg:mt-16\">\n      <p class=\"mt-2 text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\">\n        Fresh Mints\n      </p>\n      <p class=\"mt-2 text-center text-neutral-700 dark:text-neutral-300\">\n        NFTs are minted dynamically on purchase.<br />\n        Create your own edition using our\n        <NuxtLink to=\"/mint\" class=\"font-bold text-emerald-600 dark:text-white\">Web Minting</NuxtLink>\n        .\n      </p>\n\n      <div class=\"mb-12 text-center\"></div>\n      <HomeMints :mints=\"mints?.items\" :pending=\"mintsPending\" />\n      <div class=\"flex justify-center pt-8\">\n        <NuxtLink\n          to=\"/mints\"\n          class=\"betterhover:hover:shadow-card-hover flex w-full items-center justify-center rounded-full border border-transparent bg-black px-8 py-3 text-base font-medium text-white transition duration-100 ease-in-out dark:bg-white dark:text-black md:px-10 md:py-4 md:text-lg betterhover:hover:-translate-y-0.5\"\n        >\n          Show all active mints\n        </NuxtLink>\n      </div>\n    </div>\n\n    <div class=\"mx-auto mt-8 flex flex-col items-center lg:mt-16\">\n      <div class=\"mb-12 text-center\">\n        <p class=\"mt-2 text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\">\n          {{ $t('home.weeklyTopCollections') }}\n        </p>\n      </div>\n      <HomeTopCollections />\n      <div class=\"flex justify-center pt-8\">\n        <NuxtLink\n          to=\"/collections?interval=7\"\n          class=\"betterhover:hover:shadow-card-hover flex w-full items-center justify-center rounded-full border border-transparent bg-black px-8 py-3 text-base font-medium text-white transition duration-100 ease-in-out dark:bg-white dark:text-black md:px-10 md:py-4 md:text-lg betterhover:hover:-translate-y-0.5\"\n        >\n          {{ $t('home.exploreAllCollections') }}\n        </NuxtLink>\n      </div>\n    </div>\n\n    <div v-if=\"config.public.network === 'mainnet'\" class=\"mx-auto mt-16 flex flex-col items-center\">\n      <div class=\"mb-12 flex flex-col items-center text-center\">\n        <p\n          class=\"mt-2 flex items-center gap-1 text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\"\n        >\n          <StarIcon class=\"h-8 w-8 text-amber-500\" />\n          {{ $t('home.supporters') }}\n          <StarIcon class=\"h-8 w-8 text-amber-500\" />\n        </p>\n        <p class=\"text-md mt-3 leading-8 text-neutral-600 dark:text-neutral-300\">\n          Profiles supporting us as\n          <NuxtLink class=\"font-medium text-amber-600 hover:text-amber-700\" to=\"/premium\">MintGarden Premium</NuxtLink>\n          members\n        </p>\n      </div>\n      <ExploreProfileGrid :profiles=\"supporters || []\" :pending=\"supportersPending\" />\n    </div>\n\n    <div class=\"mx-auto mt-24 flex flex-col items-center\">\n      <div class=\"mb-12 text-center\">\n        <p class=\"mt-2 text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\">\n          {{ $t('home.weeklyTopCreators') }}\n        </p>\n      </div>\n      <HomeTopArtists />\n      <div class=\"flex justify-center pt-8\">\n        <NuxtLink\n          to=\"/profiles?interval=7\"\n          class=\"betterhover:hover:shadow-card-hover flex w-full items-center justify-center rounded-full border border-transparent bg-black px-8 py-3 text-base font-medium text-white transition duration-100 ease-in-out dark:bg-white dark:text-black md:px-10 md:py-4 md:text-lg betterhover:hover:-translate-y-0.5\"\n        >\n          {{ $t('home.exploreAllCreators') }}\n        </NuxtLink>\n      </div>\n    </div>\n\n    <div class=\"mx-auto mt-16 flex flex-col items-center\">\n      <HomeFeatures />\n    </div>\n  </Container>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","props","__props","intervalInDays","toRef","target","ref","collections","pending","useInfiniteScroll","getApiRoot","isSuspicious","collection","differenceInMilliseconds","parseISO","_createElementBlock","_hoisted_1","_component_HomepageCollectionTopTable","_component_ProfileTopTable","features","SparklesIcon","UserGroupIcon","GlobeIcon","profile","toRefs","name","computed","profiles","featuredContent","useLazyFetch","_a","entry","auctions","auctionNfts","auction","a","b","mints","mintsPending","supporters","supportersPending","config","useRuntimeConfig"],"mappings":"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","x_google_ignoreList":[0,1]}