{"version":3,"file":"Dwt7esaI.js","sources":["../../../../components/Base/List/List.vue"],"sourcesContent":["<template>\n  <div class=\"mb-6 w-full\">\n    <!-- Loading state -->\n    <div v-if=\"loading && isEmpty\" class=\"flex flex-col my-40\">\n      <slot name=\"loading\">\n        <BaseLoader />\n      </slot>\n    </div>\n\n    <!-- List content -->\n    <template v-else>\n      <template v-for=\"(page, pageNum) in data\" :key=\"pageNum\">\n        <!-- Page separator (for pages after the second) -->\n        <div v-if=\"pageNum > 1\" class=\"page-separator\">\n          <h1 class=\"text-white py-8 text-[32px]\">\n            {{ batchInfo }}\n          </h1>\n        </div>\n\n        <!-- List items -->\n        <ul>\n          <template v-for=\"(item, index) in page\" :key=\"index\">\n            <slot name=\"item\" :item=\"item\"> </slot>\n          </template>\n        </ul>\n      </template>\n\n      <!-- Empty state -->\n      <div\n        v-if=\"isEmpty\"\n        class=\"flex flex-col gap-2 justify-center items-center\"\n      >\n        <slot name=\"empty\">\n          <h1 class=\"text-white font-semibold text-[32px]\">No items found.</h1>\n          <svgo-no-data class=\"text-[96px] text-dark4\" />\n        </slot>\n      </div>\n\n      <!-- Load more button -->\n      <div v-if=\"hasMore\" class=\"pt-16 flex justify-center\">\n        <slot name=\"load-more-button\">\n          <BaseButton\n            class=\"flex justify-center text-base font-normal duration-300 items-center text-white hover:bg-soft-frost hover:bg-opacity-10 gap-1 py-1 pr-3 pl-2 focus:outline-none rounded-sm\"\n            @click=\"emit('load-more')\"\n          >\n            <svgo-load-more class=\"text-primary\" />\n            Load more\n          </BaseButton>\n        </slot>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup>\n  import { computed } from 'vue';\n\n  const props = defineProps({\n    data: {\n      type: Object,\n      required: true\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    batchInfo: {\n      type: String,\n      default: ''\n    },\n    hasMore: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const emit = defineEmits(['load-more']);\n  const isEmpty = computed(\n    () => Object.values(props.data)?.at(0)?.length === 0\n  );\n</script>\n"],"names":["props","__props","emit","__emit","isEmpty","computed","_b","_a"],"mappings":"k/BAyDE,MAAMA,EAAQC,EAmBRC,EAAOC,EACPC,EAAUC,EACd,aAAM,QAAAC,GAAAC,EAAA,OAAO,OAAOP,EAAM,IAAI,IAAxB,YAAAO,EAA2B,GAAG,KAA9B,YAAAD,EAAkC,UAAW,EACpD"}