{"version":3,"file":"SearchPagination.caa706b3.js","sources":["../js/components/SearchPagination.vue","../js/components/SearchPagination.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <div v-if=\"pages.length > 0\" class=\"text-center uppercase\">\n    page\n    <component v-for=\"page in pages\" :key=\"page\"\n               :is=\"!isCurrentPage(page) ? 'a' : 'span'\"\n               @click=\"goToPage(page)\"\n               :class=\"[{ 'bg-primary text-white': isCurrentPage(page) }, 'pl-2 pr-1 cursor-pointer mx-1 rounded cursor-pointer']\">\n      {{ page }}\n    </component>\n  </div>\n</template>\n\n<script lang=\"ts\">\n\n// See https://class-component.vuejs.org/ for more details on class style components in Vue\nimport Vue, { PropType } from 'vue'\nimport Component from 'vue-class-component'\n\nconst SearchPaginationProps = Vue.extend({\n    props: {\n      rowsPerPage: {\n        type: Number\n      },\n      total: {\n        type: Number\n      },\n      pageChanged: {\n        type: Function as PropType<(any) => void>\n      },\n      perPageChanged: {\n        type: Function as PropType<(any) => void>,\n      },\n    }\n});\n@Component<SearchPagination>({\n  watch: {\n    total(newTotal: number) { this.updatePages(newTotal) },\n    rowsPerPage(newRowsPerPage: number) { this.updatePage(this.total) }\n  }\n})\nexport default class SearchPagination extends SearchPaginationProps {\n  pages: number[] = [];\n  currentPage: number = null;\n\n  goToPage(customCurrentPage) {\n    this.pageChanged({currentPage: customCurrentPage});\n    this.currentPage = customCurrentPage;\n  }\n\n  mounted() {\n  }\n\n  isCurrentPage(page: number): boolean {\n    return page === this.currentPage;\n  }\n\n  updatePages(newTotal: number) {\n    if (newTotal > 0  && this.rowsPerPage > 0) {\n      // The number of pages needs to be rounded up so that we always have enough room\n      // to show the data\n      const numberOfPages = Math.ceil(newTotal / this.rowsPerPage);\n\n      // Create a new array of sequential page numbers\n      const newPageArray = [];\n      for(let i = 1; i <= numberOfPages; i++) { newPageArray.push(i)}\n\n      // Set the new page array and reset the current page\n      this.pages = newPageArray;\n      this.currentPage = 1;\n    } else {\n      this.pages = [];\n      this.currentPage = 0;\n    }\n  }\n}\n</script>\n","\n<div v-if=\"pages.length > 0\" class=\"text-center uppercase\">\n  page\n  <component v-for=\"page in pages\" :key=\"page\"\n             :is=\"!isCurrentPage(page) ? 'a' : 'span'\"\n             @click=\"goToPage(page)\"\n             :class=\"[{ 'bg-primary text-white': isCurrentPage(page) }, 'pl-2 pr-1 cursor-pointer mx-1 rounded cursor-pointer']\">\n    {{ page }}\n  </component>\n</div>\n"],"names":["SearchPagination","_vm","this","_h","$createElement","_c","_self","pages","length","staticClass","_v","_l","page","isCurrentPage","key","tag","class","on","click","$event","goToPage","_s","_e"],"mappings":"uRAkBA,qIAsBA,4ZAAAA,6NAAAA,yBCxCa,eAAiBC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,SAAWF,EAAIM,MAAMC,OAAS,EAAGH,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACR,EAAIS,GAAG,UAAUT,EAAIU,GAAIV,EAAIM,OAAO,SAASK,UAAaP,EAAIJ,EAAIY,cAAcD,GAAc,OAAN,IAAa,CAACE,IAAIF,EAAKG,IAAI,YAAYC,MAAM,CAAC,CAAE,wBAAyBf,EAAIY,cAAcD,IAAS,wDAAwDK,GAAG,CAACC,MAAQ,SAASC,UAAelB,EAAImB,SAASR,MAAS,CAACX,EAAIS,GAAG,IAAIT,EAAIoB,GAAGT,GAAM,WAAU,GAAGX,EAAIqB,OACze"}