{
  "version": 3,
  "sources": ["/home/d/dev/unolet/unolet/frontend/src/ts/vue/components/ListPagination.vue"],
  "sourcesContent": ["<template>\n  <div class=\"text-center\">\n\n    <!-- Información de la página -->\n    <div class=\"mb-2\">\n      Mostrando\n      {{ firstItem }} – {{ lastItem }} de {{ pagination.count }} registros\n      (Página {{ page }} de {{ totalPages }})\n    </div>\n\n    <!-- Botones anterior / siguiente -->\n    <div>\n      <button\n        class=\"btn btn-outline-primary me-2\"\n        :disabled=\"!pagination.previous\"\n        @click=\"goToPage(page - 1)\"\n      >\n        <i class=\"bi bi-chevron-left\"></i>\n      </button>\n      <button\n        class=\"btn btn-outline-primary\"\n        :disabled=\"!pagination.next\"\n        @click=\"goToPage(page + 1)\"\n      >\n        <i class=\"bi bi-chevron-right\"></i>\n      </button>\n    </div>\n\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\"\n\ninterface Pagination {\n  count: number\n  next: string | null\n  previous: string | null\n  results: any[]\n}\n\nconst props = defineProps<{\n  pagination: Pagination\n  page: number\n  pageSize: number\n}>()\n\nconst emit = defineEmits<{ (e: \"change-page\", page: number): void }>()\n\nconst totalPages = computed(() =>\n  Math.ceil(props.pagination.count / props.pageSize)\n)\n\nconst firstItem = computed(() =>\n  props.pagination.count === 0 ? 0 : (props.page - 1) * props.pageSize + 1\n)\n\nconst lastItem = computed(() =>\n  Math.min(props.page * props.pageSize, props.pagination.count)\n)\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.page) return\n  emit(\"change-page\", page)\n}\n</script>\n\n<style scoped>\n.btn[disabled] {\n  cursor: default;\n  opacity: 0.6;\n}\n</style>\n"],
  "mappings": "AAoEA,CAAA,GAAA,CAAA,SAAA,CAAA,iBACE,OAAA,QACA,QAAA,EACF",
  "names": []
}