{"version":3,"file":"Pagination.vue_vue_type_script_setup_true_lang-DzI15YEH.js","sources":["../../Vue/src/components/Common/Pagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst props = defineProps<{\r\n  data: any[];\r\n  loadingNumber?: number | null;\r\n}>();\r\n\r\nconst count = computed(() => props.data.length);\r\nconst numPerPage = ref(10);\r\nconst page = ref(1);\r\n\r\nconst startIndex = computed(() => (page.value - 1) * numPerPage.value);\r\nconst endIndex = computed(() =>\r\n  Math.min(page.value * numPerPage.value, count.value),\r\n);\r\nconst filteredData = computed(() =>\r\n  props.data.slice(startIndex.value, endIndex.value),\r\n);\r\n\r\nfunction goToPage(p: number) {\r\n  page.value = p;\r\n}\r\n\r\ndefineExpose({\r\n  goToPage,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <slot :data=\"filteredData\" />\r\n  <div class=\"px-7 pb-5\">\r\n    <BasePagination\r\n      v-model:num-per-page=\"numPerPage\"\r\n      class=\"mt-3\"\r\n      v-model:page=\"page\"\r\n      :count=\"count\"\r\n      :loading-number=\"loadingNumber\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n"],"names":["props","__props","count","computed","numPerPage","ref","page","startIndex","endIndex","filteredData","goToPage","p","__expose"],"mappings":"0QACA,MAAMA,EAAQC,EAKRC,EAAQC,EAAS,IAAMH,EAAM,KAAK,MAAM,EACxCI,EAAaC,EAAI,EAAE,EACnBC,EAAOD,EAAI,CAAC,EAEZE,EAAaJ,EAAS,KAAOG,EAAK,MAAQ,GAAKF,EAAW,KAAK,EAC/DI,EAAWL,EAAS,IACxB,KAAK,IAAIG,EAAK,MAAQF,EAAW,MAAOF,EAAM,KAAK,CAAA,EAE/CO,EAAeN,EAAS,IAC5BH,EAAM,KAAK,MAAMO,EAAW,MAAOC,EAAS,KAAK,CAAA,EAGnD,SAASE,EAASC,EAAW,CAC3BL,EAAK,MAAQK,CACf,CAEa,OAAAC,EAAA,CACX,SAAAF,CAAA,CACD"}