{"version":3,"file":"BAmN1-HK.js","sources":["../../../../components/blog/Pagination.vue"],"sourcesContent":["<template>\n  <div class=\"pagination-container\" v-if=\"pageTotal && pageTotal > 1\">\n    <button v-show=\"page > 0\" @click=\"changePage(page - 1)\">\n      <span class=\"m-cgg-icon--chevron-left\"></span>\n    </button>\n\n    <button\n      v-for=\"n in pageRange\"\n      :class=\"{ active: n === page }\"\n      size=\"sm\"\n      @click=\"changePage(n)\"\n    >\n      {{ n }}\n    </button>\n\n    <button v-show=\"page < pageTotal\" @click=\"changePage(page + 1)\">\n      <span class=\"m-cgg-icon--chevron-right\"></span>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst props = defineProps<{\n  page: number;\n  pageTotal?: number;\n  scrollTarget?: any;\n}>();\n\nconst pageRange = computed(() => {\n  if (props.pageTotal) {\n    let pageArray: number[] = [];\n\n    if (props.pageTotal <= 5) {\n      pageArray = [\n        ...Array(props.pageTotal)\n          .keys()\n          .map((k) => k + 1),\n      ];\n    } else if (props.page + 5 > props.pageTotal - 1) {\n      for (let i = props.pageTotal - 5; i < props.pageTotal; i++) {\n        pageArray.push(i);\n      }\n    } else {\n      for (let i = props.page; i < props.page + 5; i++) {\n        pageArray.push(i);\n      }\n    }\n\n    return pageArray;\n  }\n});\n\nconst changePage = (targetPage: number) => {\n  emit(\"changePage\", targetPage);\n\n  if (props.scrollTarget) {\n    window.scrollTo({\n      top:\n        props.scrollTarget.offsetTop -\n        (document.querySelector(\"#page-header\") as HTMLElement).offsetHeight -\n        12,\n    });\n  }\n};\n\nconst emit = defineEmits([\"changePage\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n.pagination-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 40px;\n\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: $main-blue;\n    border: 1px solid $main-blue;\n    background: none;\n    height: 40px;\n    width: 40px;\n    padding: 8px 16px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 18px;\n    font-weight: 700;\n\n    &.active {\n      color: $white;\n      background-color: $main-blue;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","pageRange","computed","pageArray","k","i","changePage","targetPage","emit","__emit"],"mappings":"uSAsBA,MAAMA,EAAQC,EAMRC,EAAYC,EAAS,IAAM,CAC/B,GAAIH,EAAM,UAAW,CACnB,IAAII,EAAsB,CAAC,EAEvB,GAAAJ,EAAM,WAAa,EACTI,EAAA,CACV,GAAG,MAAMJ,EAAM,SAAS,EACrB,KAAK,EACL,IAAKK,GAAMA,EAAI,CAAC,CACrB,UACSL,EAAM,KAAO,EAAIA,EAAM,UAAY,EAC5C,QAASM,EAAIN,EAAM,UAAY,EAAGM,EAAIN,EAAM,UAAWM,IACrDF,EAAU,KAAKE,CAAC,MAGlB,SAASA,EAAIN,EAAM,KAAMM,EAAIN,EAAM,KAAO,EAAGM,IAC3CF,EAAU,KAAKE,CAAC,EAIb,OAAAF,CAAA,CACT,CACD,EAEKG,EAAcC,GAAuB,CACzCC,EAAK,aAAcD,CAAU,EAEzBR,EAAM,cACR,OAAO,SAAS,CACd,IACEA,EAAM,aAAa,UAClB,SAAS,cAAc,cAAc,EAAkB,aACxD,EAAA,CACH,CAEL,EAEMS,EAAOC"}