{"version":3,"file":"Pagination.js","sources":["../src/utils/array.utils.js","../src/components/pagination/Pagination.vue","../src/components/pagination/Pagination.vue?vue&type=template&id=084845ef&lang.js"],"sourcesContent":["export function spliceIfExist(arr, item) {\n  if (Array.isArray(arr)) {\n    const index = arr.indexOf(item)\n    if (index >= 0) {\n      arr.splice(index, 1)\n    }\n  }\n}\n\nexport function range(end, start = 0, step = 1) {\n  const arr = []\n  for (let i = start; i < end; i += step) {\n    arr.push(i)\n  }\n  return arr\n}\n\nexport function nodeListToArray(nodeList) {\n  return Array.prototype.slice.call(nodeList || [])\n}\n\nexport function onlyUnique(value, index, self) {\n  return self.indexOf(value) === index\n}\n","<template>\n  <nav aria-label=\"Page navigation\" :class=\"navClasses\">\n    <ul class=\"pagination\" :class=\"classes\">\n      <li\n        v-if=\"boundaryLinks\"\n        :class=\"{ disabled: modelValue <= 1 || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"First\"\n          @click.prevent=\"onPageChange(1)\"\n        >\n          <span aria-hidden=\"true\">&laquo;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"directionLinks\"\n        :class=\"{ disabled: modelValue <= 1 || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Previous\"\n          @click.prevent=\"onPageChange(modelValue - 1)\"\n        >\n          <span aria-hidden=\"true\">&lsaquo;</span>\n        </a>\n      </li>\n      <li v-if=\"sliceStart > 0\" :class=\"{ disabled: disabled }\">\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Previous group\"\n          @click.prevent=\"toPage(1)\"\n        >\n          <span aria-hidden=\"true\">&hellip;</span>\n        </a>\n      </li>\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"{ active: modelValue === item + 1, disabled: disabled }\"\n      >\n        <a href=\"#\" role=\"button\" @click.prevent=\"onPageChange(item + 1)\">{{\n          item + 1\n        }}</a>\n      </li>\n      <li\n        v-if=\"sliceStart < totalPage - maxSize\"\n        :class=\"{ disabled: disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Next group\"\n          @click.prevent=\"toPage(0)\"\n        >\n          <span aria-hidden=\"true\">&hellip;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"directionLinks\"\n        :class=\"{ disabled: modelValue >= totalPage || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Next\"\n          @click.prevent=\"onPageChange(value + 1)\"\n        >\n          <span aria-hidden=\"true\">&rsaquo;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"boundaryLinks\"\n        :class=\"{ disabled: modelValue >= totalPage || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Last\"\n          @click.prevent=\"onPageChange(totalPage)\"\n        >\n          <span aria-hidden=\"true\">&raquo;</span>\n        </a>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nimport { range } from '../../utils/array.utils'\n\nexport default {\n  props: {\n    modelValue: {\n      type: Number,\n      required: true,\n      validator: (v) => v >= 1,\n    },\n    boundaryLinks: {\n      type: Boolean,\n      default: false,\n    },\n    directionLinks: {\n      type: Boolean,\n      default: true,\n    },\n    size: { type: String, default: undefined },\n    align: { type: String, default: undefined },\n    totalPage: {\n      type: Number,\n      required: true,\n      validator: (v) => v >= 0,\n    },\n    maxSize: {\n      type: Number,\n      default: 5,\n      validator: (v) => v >= 0,\n    },\n    disabled: Boolean,\n  },\n  emits: ['update:modelValue', 'change'],\n  data() {\n    return {\n      sliceStart: 0,\n    }\n  },\n  computed: {\n    navClasses() {\n      return {\n        [`text-${this.align}`]: Boolean(this.align),\n      }\n    },\n    classes() {\n      return {\n        [`pagination-${this.size}`]: Boolean(this.size),\n      }\n    },\n    sliceArray() {\n      return range(this.totalPage).slice(\n        this.sliceStart,\n        this.sliceStart + this.maxSize\n      )\n    },\n  },\n  created() {\n    this.$watch(\n      (vm) => [vm.modelValue, vm.maxSize, vm.totalPage].join(),\n      this.calculateSliceStart,\n      {\n        immediate: true,\n      }\n    )\n  },\n  methods: {\n    calculateSliceStart() {\n      const currentPage = this.modelValue\n      const chunkSize = this.maxSize\n      const currentChunkStart = this.sliceStart\n      const currentChunkEnd = currentChunkStart + chunkSize\n      if (currentPage > currentChunkEnd) {\n        const lastChunkStart = this.totalPage - chunkSize\n        if (currentPage > lastChunkStart) {\n          this.sliceStart = lastChunkStart\n        } else {\n          this.sliceStart = currentPage - 1\n        }\n      } else if (currentPage < currentChunkStart + 1) {\n        if (currentPage > chunkSize) {\n          this.sliceStart = currentPage - chunkSize\n        } else {\n          this.sliceStart = 0\n        }\n      }\n    },\n    onPageChange(page) {\n      if (\n        !this.disabled &&\n        page > 0 &&\n        page <= this.totalPage &&\n        page !== this.modelValue\n      ) {\n        this.$emit('update:modelValue', page)\n        this.$emit('change', page)\n      }\n    },\n    toPage(pre) {\n      if (this.disabled) {\n        return\n      }\n      const chunkSize = this.maxSize\n      const currentChunkStart = this.sliceStart\n      const lastChunkStart = this.totalPage - chunkSize\n      const start = pre\n        ? currentChunkStart - chunkSize\n        : currentChunkStart + chunkSize\n      if (start < 0) {\n        this.sliceStart = 0\n      } else if (start > lastChunkStart) {\n        this.sliceStart = lastChunkStart\n      } else {\n        this.sliceStart = start\n      }\n    },\n  },\n}\n</script>\n","<template>\n  <nav aria-label=\"Page navigation\" :class=\"navClasses\">\n    <ul class=\"pagination\" :class=\"classes\">\n      <li\n        v-if=\"boundaryLinks\"\n        :class=\"{ disabled: modelValue <= 1 || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"First\"\n          @click.prevent=\"onPageChange(1)\"\n        >\n          <span aria-hidden=\"true\">&laquo;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"directionLinks\"\n        :class=\"{ disabled: modelValue <= 1 || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Previous\"\n          @click.prevent=\"onPageChange(modelValue - 1)\"\n        >\n          <span aria-hidden=\"true\">&lsaquo;</span>\n        </a>\n      </li>\n      <li v-if=\"sliceStart > 0\" :class=\"{ disabled: disabled }\">\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Previous group\"\n          @click.prevent=\"toPage(1)\"\n        >\n          <span aria-hidden=\"true\">&hellip;</span>\n        </a>\n      </li>\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"{ active: modelValue === item + 1, disabled: disabled }\"\n      >\n        <a href=\"#\" role=\"button\" @click.prevent=\"onPageChange(item + 1)\">{{\n          item + 1\n        }}</a>\n      </li>\n      <li\n        v-if=\"sliceStart < totalPage - maxSize\"\n        :class=\"{ disabled: disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Next group\"\n          @click.prevent=\"toPage(0)\"\n        >\n          <span aria-hidden=\"true\">&hellip;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"directionLinks\"\n        :class=\"{ disabled: modelValue >= totalPage || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Next\"\n          @click.prevent=\"onPageChange(value + 1)\"\n        >\n          <span aria-hidden=\"true\">&rsaquo;</span>\n        </a>\n      </li>\n      <li\n        v-if=\"boundaryLinks\"\n        :class=\"{ disabled: modelValue >= totalPage || disabled }\"\n      >\n        <a\n          href=\"#\"\n          role=\"button\"\n          aria-label=\"Last\"\n          @click.prevent=\"onPageChange(totalPage)\"\n        >\n          <span aria-hidden=\"true\">&raquo;</span>\n        </a>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nimport { range } from '../../utils/array.utils'\n\nexport default {\n  props: {\n    modelValue: {\n      type: Number,\n      required: true,\n      validator: (v) => v >= 1,\n    },\n    boundaryLinks: {\n      type: Boolean,\n      default: false,\n    },\n    directionLinks: {\n      type: Boolean,\n      default: true,\n    },\n    size: { type: String, default: undefined },\n    align: { type: String, default: undefined },\n    totalPage: {\n      type: Number,\n      required: true,\n      validator: (v) => v >= 0,\n    },\n    maxSize: {\n      type: Number,\n      default: 5,\n      validator: (v) => v >= 0,\n    },\n    disabled: Boolean,\n  },\n  emits: ['update:modelValue', 'change'],\n  data() {\n    return {\n      sliceStart: 0,\n    }\n  },\n  computed: {\n    navClasses() {\n      return {\n        [`text-${this.align}`]: Boolean(this.align),\n      }\n    },\n    classes() {\n      return {\n        [`pagination-${this.size}`]: Boolean(this.size),\n      }\n    },\n    sliceArray() {\n      return range(this.totalPage).slice(\n        this.sliceStart,\n        this.sliceStart + this.maxSize\n      )\n    },\n  },\n  created() {\n    this.$watch(\n      (vm) => [vm.modelValue, vm.maxSize, vm.totalPage].join(),\n      this.calculateSliceStart,\n      {\n        immediate: true,\n      }\n    )\n  },\n  methods: {\n    calculateSliceStart() {\n      const currentPage = this.modelValue\n      const chunkSize = this.maxSize\n      const currentChunkStart = this.sliceStart\n      const currentChunkEnd = currentChunkStart + chunkSize\n      if (currentPage > currentChunkEnd) {\n        const lastChunkStart = this.totalPage - chunkSize\n        if (currentPage > lastChunkStart) {\n          this.sliceStart = lastChunkStart\n        } else {\n          this.sliceStart = currentPage - 1\n        }\n      } else if (currentPage < currentChunkStart + 1) {\n        if (currentPage > chunkSize) {\n          this.sliceStart = currentPage - chunkSize\n        } else {\n          this.sliceStart = 0\n        }\n      }\n    },\n    onPageChange(page) {\n      if (\n        !this.disabled &&\n        page > 0 &&\n        page <= this.totalPage &&\n        page !== this.modelValue\n      ) {\n        this.$emit('update:modelValue', page)\n        this.$emit('change', page)\n      }\n    },\n    toPage(pre) {\n      if (this.disabled) {\n        return\n      }\n      const chunkSize = this.maxSize\n      const currentChunkStart = this.sliceStart\n      const lastChunkStart = this.totalPage - chunkSize\n      const start = pre\n        ? currentChunkStart - chunkSize\n        : currentChunkStart + chunkSize\n      if (start < 0) {\n        this.sliceStart = 0\n      } else if (start > lastChunkStart) {\n        this.sliceStart = lastChunkStart\n      } else {\n        this.sliceStart = start\n      }\n    },\n  },\n}\n</script>\n"],"names":["const","let","_createElementVNode","_createElementBlock"],"mappings":"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"}