{"version":3,"file":"B66bgZcV.js","sources":["../../../../components/UI/Pagination.vue","../../../../components/blog/PageList.vue"],"sourcesContent":["<template>\n\t<div class=\"flex items-center justify-center my-16\">\n\t\t<NuxtLink\n\t\t\t:to=\"handlePreviousPage(currentPage)\"\n\t\t\t:class=\"[\n\t\t\t\tfirstPageSelected ? 'pointer-events-none' : 'cursor-pointer',\n\t\t\t\t'px-1 py-2.5 border-y border-l border-gray-300 rounded-l-lg hover:bg-gray-100'\n\t\t\t]\"\n\t\t>\n\t\t\t<ChevronDownIcon\n\t\t\t\t:class=\"[\n\t\t\t\t\tfirstPageSelected ? 'text-gray-300' : 'text-black',\n\t\t\t\t\t'w-8 h-8 rotate-90'\n\t\t\t\t]\"\n\t\t\t/>\n\t\t</NuxtLink>\n\t\t<NuxtLink\n\t\t\tv-for=\"page in pageRange\"\n\t\t\t:key=\"page\"\n\t\t\t:to=\"pageLink(page)\"\n\t\t\t:class=\"[\n\t\t\t\t{'bg-gray-300 hover:bg-gray-300': page === currentPage },\n\t\t\t\t'w-12 px-4 py-3 text-lg text-center border border-gray-300 hover:bg-gray-100'\n\t\t\t]\"\n\t\t>\n\t\t\t{{ page }}\n\t\t</NuxtLink>\n\t\t<NuxtLink\n\t\t\t:to=\"handleNextPage(currentPage)\"\n\t\t\t:class=\"[\n\t\t\t\tlastPageSelected ? 'pointer-events-none' : 'cursor-pointer',\n\t\t\t\t'px-1 py-2.5 border-y border-r border-gray-300 rounded-r-lg hover:bg-gray-100'\n\t\t\t]\"\n\t\t>\n\t\t\t<ChevronDownIcon\n\t\t\t\t:class=\"[\n\t\t\t\t\tlastPageSelected ? 'text-gray-300' : 'text-black',\n\t\t\t\t\t'w-8 h-8 -rotate-90'\n\t\t\t\t]\"\n\t\t\t/>\n\t\t</NuxtLink>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRefs, computed } from 'vue'\nimport { ChevronDownIcon } from '@heroicons/vue/24/outline'\n\nconst localePath = useLocalePath()\n\nconst props = defineProps({\n\ttotal: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\tperPage: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\tcurrentPage: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\turl: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\trootAsFirstPage: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t}\n})\n\nconst { total, perPage, currentPage, url, rootAsFirstPage } = toRefs(props)\n\nconst numberOfPages = computed(() => Math.ceil(total.value / perPage.value))\nconst firstPageSelected = computed(() => currentPage.value === 1)\nconst lastPageSelected = computed(() => currentPage.value === numberOfPages.value)\n\nconst pageRange = computed(() => {\n\tif (numberOfPages.value <= 5) {\n\t\treturn Array.from({ length: numberOfPages.value }, (_, i) => i + 1)\n\t} else if (currentPage.value <= 2) {\n\t\treturn Array.from({ length: 5 }, (_, i) => i + 1)\n\t} else if (numberOfPages.value - currentPage.value <= 2) {\n\t\treturn Array.from({ length: 5 }, (_, i) => numberOfPages.value - 4 + i)\n\t} else {\n\t\treturn Array.from({ length: 5 }, (_, i) => currentPage.value - 2 + i)\n\t}\n})\n\nconst pageLink = (page: number) => {\n\treturn rootAsFirstPage.value && page === 1 ? localePath(url.value) : `${localePath(url.value)}/page/${page}`\n}\n\nconst handlePreviousPage = (currentPage: number) => {\n\treturn pageLink(currentPage > 1 ? currentPage - 1 : currentPage)\n}\n\nconst handleNextPage = (currentPage: number) => {\n\treturn pageLink(currentPage < numberOfPages.value ? currentPage + 1 : currentPage)\n}\n</script>\n","<template>\n\t<div class=\"max-w-6xl py-12 mx-2 md:px-4 lg:px-0 md:mx-auto\">\n\t\t<div class=\"flex flex-wrap justify-center space-y-8 md:justify-between\">\n\t\t\t<template v-if=\"loading\">\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(_, index) in 13\"\n\t\t\t\t\t:key=\"index\"\n\t\t\t\t\tclass=\"w-full px-2 group md:w-1/2 lg:w-1/3 first:md:w-full first:max-w-full\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex flex-col overflow-hidden border border-gray-200 rounded-lg group-first:w-full group-first:flex group-first:md:flex-row group-first:rounded-2xl h-[420px] group-first:h-[650px] group-first:md:h-[360px] group-first:lg:h-[320px] shadow hover:shadow-lg\">\n\t\t\t\t\t\t<div class=\"flex items-center w-full justify-middle\">\n\t\t\t\t\t\t\t<LoadingSpinner class=\"w-full h-24 my-8 text-gray-300\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template v-else>\n\t\t\t\t<BlogArticleCard\n\t\t\t\t\tv-for=\"article in articles\"\n\t\t\t\t\t:key=\"article.uuid\"\n\t\t\t\t\t:article=\"article\"\n\t\t\t\t\texpand-first-article\n\t\t\t\t\tclass=\"px-2\"\n\t\t\t\t/>\n\t\t\t</template>\n\t\t</div>\n\t\t<UIPagination\n\t\t\tv-if=\"showPagination\"\n\t\t\t:total=\"total\"\n\t\t\t:per-page=\"BLOGS_PER_PAGE\"\n\t\t\t:current-page=\"page\"\n\t\t\troot-as-first-page\n\t\t\turl=\"blog\"\n\t\t/>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useHead } from '@vueuse/head'\nimport { useI18n } from 'vue-i18n'\nimport { computed, toRefs } from 'vue'\nimport { STORYBLOK_VERSION } from '@/constants/index.js'\nimport type { BlogArticleProps } from '@/components/blog/types'\nimport { mapBlogArticles } from '@/utils/blogArticlesMap'\nimport { useStoryblokWithErrorReporting } from '@/composables/useStoryblok'\nimport { BASE_URL } from '@/constants/index.js'\n\nconst { getStory } = useStoryblokWithErrorReporting()\n\nconst BLOGS_PER_PAGE = 13 // #REVIEW: Set to 1 to test pagination\n\nconst { t, locale } = useI18n({\n\tuseScope: 'global'\n})\n\nuseHead({\n\ttitle: t('blog.title'),\n\tlink: [\n\t\t{\n\t\t\trel: 'icon',\n\t\t\ttype: 'image/x-icon',\n\t\t\thref: '/favicon.ico'\n\t\t}\n\t]\n})\n\nconst props = defineProps({\n\tpage: {\n\t\ttype: Number,\n\t\trequired: true\n\t}\n})\n\nconst { page } = toRefs(props)\n\nconst total = ref(0)\nconst storyblokApi = useStoryblokApi()\nconst { data } = await useAsyncData(\n\t`blog-list-${locale.value}-${page.value}`,\n\tasync () => await storyblokApi.get('cdn/stories', {\n\t\tversion: STORYBLOK_VERSION,\n\t\tstarts_with: 'blog',\n\t\tis_startpage: false,\n\t\tlanguage: locale.value,\n\t\tper_page: BLOGS_PER_PAGE,\n\t\tpage: page.value\n\t})\n)\nif (!data.value || !data.value?.data?.stories?.length) {\n\treportError('No blog articles found')\n\tthrow createError({\n\t\tstatusCode: 404,\n\t\tstatusMessage: 'No blog articles found',\n\t\tfatal: true\n\t})\n}\nconst articles = computed<BlogArticleProps[]>(() => {\n\treturn mapBlogArticles(data?.value?.data?.stories) || []\n})\n\nif (data?.value?.total) {\n\ttotal.value = data?.value?.total\n}\n\nconst loading = computed(() => {\n\treturn !articles.value?.length\n})\n\nconst story = await getStory('blog', {\n\tversion: STORYBLOK_VERSION,\n\tlanguage: locale.value\n})\n\nconst { title, description } = story.value?.content?.metatags\n\nuseSeoMeta({\n\ttitle: () => title,\n\togTitle: () => title,\n\tdescription: () => description,\n\togDescription: () => description,\n\togImage: () => '/images/logo.svg',\n\togUrl: () => BASE_URL,\n\ttwitterTitle: () => title,\n\ttwitterDescription: () => description,\n\ttwitterImage: () => '/images/logo.svg',\n\ttwitterCard: () => 'summary_large_image'\n})\n\nconst showPagination = computed(() => total.value > BLOGS_PER_PAGE)\n</script>\n"],"names":["localePath","useLocalePath","props","__props","total","perPage","currentPage","url","rootAsFirstPage","toRefs","numberOfPages","computed","firstPageSelected","lastPageSelected","pageRange","_","i","pageLink","page","handlePreviousPage","handleNextPage","BLOGS_PER_PAGE","getStory","useStoryblokWithErrorReporting","t","locale","useI18n","useHead","ref","storyblokApi","useStoryblokApi","data","__temp","__restore","_withAsyncContext","useAsyncData","STORYBLOK_VERSION","_c","_b","_a","createError","articles","mapBlogArticles","_d","_e","loading","story","title","description","_g","_f","useSeoMeta","BASE_URL","showPagination"],"mappings":"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"}