{"version":3,"file":"BBghbGru.js","sources":["../../../../src/components/components/advancedList/components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    class=\"flex items-center justify-center col-span-12 select-none text-text-base\"\n    :class=\"{\n      '!cursor-not-allowed opacity-50 [&_*]:pointer-events-none': disabled,\n    }\"\n  >\n    <BasicButtonIcon\n      :icon=\"'fas fa-chevron-left'\"\n      classes=\"hover:cursor-pointer mr-sm\"\n      :plain=\"true\"\n      @click=\"onDecrement\"\n    />\n    <div\n      v-if=\"showPages[0] !== 1\"\n      class=\"mx-2xs text-sm w-[2rem] leading-[2rem] text-center text-text-base bg-white rounded-full entry\"\n      @click=\"onPageClicked(1)\"\n    >\n      ...\n    </div>\n    <div\n      v-for=\"(p, idx) in showPages\"\n      :key=\"'' + p + idx\"\n      class=\"entry mx-2xs text-sm w-[2rem] leading-[2rem] text-center text-text-base bg-white rounded-full cursor-pointer\"\n      :class=\"{\n        'entry--active': typeof p === 'number' && p == currentPage,\n      }\"\n      @click=\"typeof p === 'number' && onPageClicked(p)\"\n    >\n      {{ p }}\n    </div>\n    <div\n      v-if=\"showPages[showPages.length - 1] !== pages\"\n      class=\"mx-2xs text-sm w-[2rem] leading-[2rem] text-center text-text-base bg-white rounded-full entry\"\n      @click=\"onPageClicked(pages)\"\n    >\n      ...\n    </div>\n    <BasicButtonIcon\n      :icon=\"'fas fa-chevron-right'\"\n      classes=\"hover:cursor-pointer ml-sm\"\n      :plain=\"true\"\n      @click=\"onIncrement\"\n    />\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport BasicButtonIcon from '@/components/components/core/basicButtonIcon/basic-button-icon.vue';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\n\nconst props = defineProps({\n  pages: {\n    type: Number,\n    required: true,\n  },\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  doesLoop: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void;\n}>();\n\nconst currentPage = ref(props.modelValue);\n\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\nconst maxItems = isMobile.value ? 4 : 6;\n\nconst showPages = computed(() => {\n  if (props.pages <= maxItems)\n    return Array.from({ length: props.pages }, (_, i) => i + 1);\n  const pages = [];\n\n  if (currentPage.value < (maxItems + 1) / 2) {\n    for (let i = 1; i <= props.pages && pages.length < maxItems; i++) {\n      pages.push(i);\n    }\n  } else if (currentPage.value > props.pages - Math.ceil(maxItems / 2)) {\n    for (let i = props.pages - maxItems + 1; i <= props.pages; i++) {\n      pages.push(i);\n    }\n  } else {\n    const items = Math.ceil(maxItems / 2) - 1;\n    for (\n      let i = currentPage.value - items;\n      i <= currentPage.value + items;\n      i++\n    ) {\n      pages.push(i);\n    }\n  }\n  return pages;\n});\n\nfunction onIncrement() {\n  if (props.disabled) return;\n  currentPage.value =\n    currentPage.value === props.pages\n      ? props.doesLoop\n        ? 1\n        : currentPage.value\n      : currentPage.value + 1;\n}\n\nfunction onDecrement() {\n  if (props.disabled) return;\n  currentPage.value =\n    currentPage.value === 1\n      ? props.doesLoop\n        ? props.pages\n        : currentPage.value\n      : currentPage.value - 1;\n}\n\nfunction onPageClicked(page: number) {\n  if (props.disabled) return;\n  currentPage.value = page;\n}\n\nwatch(currentPage, (newValue) => emit('update:modelValue', newValue));\n</script>\n<style scoped lang=\"postcss\">\n.entry--active,\n.entry:hover {\n  @apply bg-primary-base text-white ease-in duration-300;\n}\n</style>\n"],"names":["props","__props","emit","__emit","currentPage","ref","maxItems","inject","SSR_safe_mq_breakpointIsMobile","showPages","computed","_","i","pages","items","onIncrement","onDecrement","onPageClicked","page","watch","newValue"],"mappings":"qbAmDA,MAAMA,EAAQC,EAmBRC,EAAOC,EAIPC,EAAcC,EAAIL,EAAM,UAAU,EAGlCM,EADWC,EAAOC,CAA8B,EAC5B,MAAQ,EAAI,EAEhCC,EAAYC,EAAS,IAAM,CAC/B,GAAIV,EAAM,OAASM,EACV,OAAA,MAAM,KAAK,CAAE,OAAQN,EAAM,OAAS,CAACW,EAAGC,IAAMA,EAAI,CAAC,EAC5D,MAAMC,EAAQ,CAAA,EAEd,GAAIT,EAAY,OAASE,EAAW,GAAK,EAC9B,QAAAM,EAAI,EAAGA,GAAKZ,EAAM,OAASa,EAAM,OAASP,EAAUM,IAC3DC,EAAM,KAAKD,CAAC,UAELR,EAAY,MAAQJ,EAAM,MAAQ,KAAK,KAAKM,EAAW,CAAC,EACxD,QAAAM,EAAIZ,EAAM,MAAQM,EAAW,EAAGM,GAAKZ,EAAM,MAAOY,IACzDC,EAAM,KAAKD,CAAC,MAET,CACL,MAAME,EAAQ,KAAK,KAAKR,EAAW,CAAC,EAAI,EAElC,QAAAM,EAAIR,EAAY,MAAQU,EAC5BF,GAAKR,EAAY,MAAQU,EACzBF,IAEAC,EAAM,KAAKD,CAAC,CAEhB,CACO,OAAAC,CAAA,CACR,EAED,SAASE,GAAc,CACjBf,EAAM,WACEI,EAAA,MACVA,EAAY,QAAUJ,EAAM,MACxBA,EAAM,SACJ,EACAI,EAAY,MACdA,EAAY,MAAQ,EAC5B,CAEA,SAASY,GAAc,CACjBhB,EAAM,WACEI,EAAA,MACVA,EAAY,QAAU,EAClBJ,EAAM,SACJA,EAAM,MACNI,EAAY,MACdA,EAAY,MAAQ,EAC5B,CAEA,SAASa,EAAcC,EAAc,CAC/BlB,EAAM,WACVI,EAAY,MAAQc,EACtB,CAEA,OAAAC,EAAMf,EAAcgB,GAAalB,EAAK,oBAAqBkB,CAAQ,CAAC"}