{"version":3,"file":"Pagination-oEOipkqG.js","sources":["../../../packs/frontend/components/Base/Pagination.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"BasePagination\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { PaginatedCollection } from \"@/services/fobizzToolsApi\";\n\nexport type Props = {\n  paginatedItems: PaginatedCollection;\n};\n\nconst { t } = useI18n();\nconst route = useRoute();\nconst props = defineProps<Props>();\nconst firstItem = computed(() => props.paginatedItems.offsetValue + 1);\nconst lastItem = computed(\n  () =>\n    props.paginatedItems.offsetValue + props.paginatedItems.collection.length\n);\nconst showPagination = computed(() => {\n  if (props.paginatedItems.totalPages > 1) {\n    return true;\n  }\n\n  if (\n    props.paginatedItems.totalPages === 1 &&\n    props.paginatedItems.currentPage !== 1\n  ) {\n    return true;\n  }\n\n  return false;\n});\n</script>\n\n<template>\n  <nav\n    v-if=\"showPagination\"\n    class=\"d-flex justify-content-end py-3 px-1\"\n    role=\"navigation\"\n    aria-label=\"Pagination Navigation\"\n  >\n    <div class=\"pagination-row ms-auto\">\n      <span class=\"font-xs me-3\">\n        {{\n          t(\"labels.itemTotals\", {\n            firstItem: firstItem,\n            lastItem: lastItem,\n            totalCount: paginatedItems.totalCount,\n          })\n        }}\n      </span>\n\n      <router-link\n        v-if=\"paginatedItems.currentPage > 1\"\n        rel=\"prev\"\n        class=\"btn btn-light btn-sm prev\"\n        :aria-label=\"t('buttons.previous')\"\n        :to=\"{\n          query: {\n            ...route.query,\n            page: paginatedItems.currentPage - 1,\n          },\n        }\"\n      >\n        <i class=\"bi bi-chevron-left\"></i>\n      </router-link>\n\n      <router-link\n        v-if=\"paginatedItems.currentPage < paginatedItems.totalPages\"\n        rel=\"next\"\n        class=\"btn btn-light btn-sm next\"\n        :aria-label=\"t('buttons.next')\"\n        :to=\"{\n          query: {\n            ...route.query,\n            page: paginatedItems.currentPage + 1,\n          },\n        }\"\n      >\n        <i class=\"bi bi-chevron-right\"></i>\n      </router-link>\n    </div>\n  </nav>\n</template>\n\n<style scoped lang=\"scss\">\n.pagination-row {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: $spacer-2;\n\n  .pagination {\n    display: flex;\n\n    > span {\n      margin-right: $spacer-2;\n    }\n  }\n\n  &--centered {\n    justify-content: center;\n  }\n}\n</style>\n"],"names":["__default__","t","useI18n","route","useRoute","props","__props","firstItem","computed","lastItem","showPagination"],"mappings":"yVACeA,EAAA,CACb,KAAM,gBACR,+CAUM,KAAA,CAAE,EAAAC,CAAE,EAAIC,EAAQ,EAChBC,EAAQC,EAAS,EACjBC,EAAQC,EACRC,EAAYC,EAAS,IAAMH,EAAM,eAAe,YAAc,CAAC,EAC/DI,EAAWD,EACf,IACEH,EAAM,eAAe,YAAcA,EAAM,eAAe,WAAW,MACvE,EACMK,EAAiBF,EAAS,IAC1BH,EAAM,eAAe,WAAa,GAKpCA,EAAM,eAAe,aAAe,GACpCA,EAAM,eAAe,cAAgB,CAMxC"}