{"version":3,"file":"Pagination-DFlhIJCo.js","sources":["../../../../resources/js/front/components/RenderlessPagination.vue","../../../../resources/js/front/components/Pagination.vue"],"sourcesContent":["<script>\nexport default {\n    emits: ['pagination-change-page'],\n\n    props: {\n        data: {\n            type: Object,\n            default: () => {\n            },\n        },\n        limit: {\n            type: Number,\n            default: 0,\n        },\n        keepLength: {\n            type: Boolean,\n            default: false,\n        },\n    },\n\n    computed: {\n        isApiResource() {\n            return !!this.data.meta;\n        },\n        currentPage() {\n            return this.isApiResource\n                ? this.data.meta.current_page\n                : this.data.current_page ?? null;\n        },\n        firstPageUrl() {\n            return (\n                this.data.first_page_url ??\n                this.data.meta?.first_page_url ??\n                this.data.links?.first ??\n                null\n            );\n        },\n        from() {\n            return this.isApiResource\n                ? this.data.meta.from\n                : this.data.from ?? null;\n        },\n        lastPage() {\n            return this.isApiResource\n                ? this.data.meta.last_page\n                : this.data.last_page ?? null;\n        },\n        lastPageUrl() {\n            return (\n                this.data.last_page_url ??\n                this.data.meta?.last_page_url ??\n                this.data.links?.last ??\n                null\n            );\n        },\n        nextPageUrl() {\n            return (\n                this.data.next_page_url ??\n                this.data.meta?.next_page_url ??\n                this.data.links?.next ??\n                null\n            );\n        },\n        perPage() {\n            return this.isApiResource\n                ? this.data.meta.per_page\n                : this.data.per_page ?? null;\n        },\n        prevPageUrl() {\n            return (\n                this.data.prev_page_url ??\n                this.data.meta?.prev_page_url ??\n                this.data.links?.prev ??\n                null\n            );\n        },\n        to() {\n            return this.isApiResource\n                ? this.data.meta.to\n                : this.data.to ?? null;\n        },\n        total() {\n            return this.isApiResource\n                ? this.data.meta.total\n                : this.data.total ?? null;\n        },\n        pageRange() {\n            return this.calculatePages(this.currentPage, this.lastPage, this.limit)\n        },\n    },\n\n    methods: {\n        clamp(value, lower, upper) {\n            return Math.min(Math.max(value, lower), upper);\n        },\n        getRange(start, end) {\n            if (end < start) throw Error(`End number must be higher then start number: start ${start}, end ${start}`);\n\n            const rangeLength = end - start + 1;\n            return Array(rangeLength)\n                .fill(0)\n                .map((_, i) => i + start);\n        },\n        calculatePages(current, count, size) {\n            if (count < 1) {\n                console.warn(\"Page count has negative value. Returning empty array.\");\n                return [];\n            }\n\n            if (current < 1) {\n                console.warn(\"Current page has negative value. Current page will be set to 1\");\n                current = 1;\n            }\n\n            if (current > count) {\n                console.warn(\"Current page is higher than page count. Current page will be set to page count:\", count);\n                current = count;\n            }\n\n            if (size % 2 === 0) {\n                console.warn(\"The size must be odd. The size will be increased by 1\");\n                size += 1;\n            }\n\n            if (size < 5) {\n                console.warn(\"The minimum size is 5. The size will be increased to 5\");\n                size = 5;\n            }\n\n            const offset = (size - 1) / 2;\n            const shouldAddDots = count > size;\n\n            const rangeConfig = {\n                start: this.clamp(current - offset, 1, shouldAddDots ? count - size + 1 : 1),\n                end: this.clamp(current + offset, size, count),\n            };\n\n            let pages = this.getRange(rangeConfig.start, rangeConfig.end);\n\n            if (shouldAddDots && pages[0] !== 1) {\n                pages = [1].concat(pages);\n                pages[1] = \"...\";\n            }\n            if (shouldAddDots && pages[pages.length - 1] !== count) {\n                pages.push(count);\n                pages[pages.length - 2] = \"...\";\n            }\n            return pages;\n        },\n        previousPage() {\n            this.selectPage(this.currentPage - 1);\n        },\n        nextPage() {\n            this.selectPage(this.currentPage + 1);\n        },\n        selectPage(page) {\n            if (page === '...' || page === this.currentPage) {\n                return;\n            }\n\n            this.$emit('pagination-change-page', page);\n        },\n    },\n\n    render() {\n        return this.$slots.default({\n            data: this.data,\n            limit: this.limit,\n            computed: {\n                isApiResource: this.isApiResource,\n                currentPage: this.currentPage,\n                firstPageUrl: this.firstPageUrl,\n                from: this.from,\n                lastPage: this.lastPage,\n                lastPageUrl: this.lastPageUrl,\n                nextPageUrl: this.nextPageUrl,\n                perPage: this.perPage,\n                prevPageUrl: this.prevPageUrl,\n                to: this.to,\n                total: this.total,\n                pageRange: this.pageRange,\n            },\n            prevButtonEvents: {\n                click: (e) => {\n                    e.preventDefault();\n                    this.previousPage();\n                },\n            },\n            nextButtonEvents: {\n                click: (e) => {\n                    e.preventDefault();\n                    this.nextPage();\n                },\n            },\n            pageButtonEvents: (page) => ({\n                click: (e) => {\n                    e.preventDefault();\n                    this.selectPage(page);\n                },\n            }),\n        });\n    },\n};\n</script>\n","<script lang=\"js\" setup>\nimport RenderlessPagination from './RenderlessPagination.vue';\nimport {useRouter} from \"vue-router\";\nimport {useI18n} from \"vue-i18n\";\nimport {useAppStore} from \"@/store/app.js\";\n\nconst appStore = useAppStore();\nconst {t} = useI18n({useScope: 'global'});\nconst router = useRouter();\nconst props = defineProps({\n    data: {\n        type: Object,\n        default: () => {\n        }\n    },\n    more: {\n        type: Boolean,\n        default: true\n    },\n    limit: {\n        type: Number,\n        default: 0\n    },\n    keepLength: {\n        type: Boolean,\n        default: false\n    },\n});\nconst emit = defineEmits(['pagination-change-page', 'pagination-show-more'])\nconst onPaginationChangePage = (page) => {\n    emit('pagination-change-page', page);\n};\nconst showMoreItems = (page) => {\n    emit('pagination-show-more', page);\n};\nconst getShowingOfText = () => {\n    return (props.data.meta?.to / props.data.meta?.total) * 100;\n};\n\nonMounted(() => getShowingOfText());\n</script>\n\n<template>\n    <RenderlessPagination\n        v-if=\"props.data.meta?.last_page > 1\"\n        v-slot=\"slotProps\"\n        :data=\"data\"\n        :keep-length=\"keepLength\"\n        :limit=\"limit\"\n        @pagination-change-page=\"onPaginationChangePage\"\n    >\n        <div class=\"pagination-items\">\n            <div class=\"show-pages\">\n                <p>\n                    {{ t('pages.catalog.showing_of', {to: props.data.meta.to, total: props.data.meta.total}) }}\n                </p>\n                <div class=\"pagination-line\"><span :style=\"{ width: getShowingOfText() + '%' }\"></span></div>\n                <button v-if=\"props.more\"\n                        :class=\"{ 'inactive': slotProps.computed.currentPage >= slotProps.computed.lastPage }\"\n                        class=\"show-button\"\n                        type=\"button\"\n                        @click=\"() => {showMoreItems(slotProps.computed.currentPage+1); slotProps.nextPage}\"\n                >\n                    {{ t('pages.catalog.show_more', {per_page: props.data.meta.per_page}) }}\n                </button>\n            </div>\n            <div\n                v-if=\"slotProps.computed.total > slotProps.computed.perPage\"\n                aria-label=\"Pagination\"\n                class=\"switch-pages\"\n                v-bind=\"$attrs\"\n            >\n                <slot name=\"prev-nav\">\n                    <router-link\n                        v-if=\"slotProps.computed.currentPage > 1 && appStore.products.pagination_indexed_enabled\"\n                        :to=\"{name: $route.name, params: $route.params, query: {...$route.query, page: (slotProps.computed.currentPage >= 1) ? ((slotProps.computed.currentPage-1) === 1) ? undefined : slotProps.computed.currentPage-1 : slotProps.computed.currentPage}}\"\n                        v-on=\"slotProps.prevButtonEvents\"\n                    >\n                        <img alt=\"chevron-left-black\" src=\"/img/arrows/chevron-left-black.svg\">\n                    </router-link>\n                    <span\n                        v-else-if=\"slotProps.computed.currentPage > 1 && !appStore.products.pagination_indexed_enabled\"\n                        @click=\"router.push({name: $route.name, params: $route.params, query: {...$route.query, page: (slotProps.computed.currentPage >= 1) ? ((slotProps.computed.currentPage-1) === 1) ? undefined : slotProps.computed.currentPage-1 : slotProps.computed.currentPage}})\"\n                        v-on=\"slotProps.prevButtonEvents\"\n                    >\n                        <img alt=\"chevron-left-black\" src=\"/img/arrows/chevron-left-black.svg\">\n                    </span>\n                </slot>\n                <div class=\"pages\">\n                    <div\n                        v-for=\"(page, key) in slotProps.computed.pageRange\"\n                        :key=\"key\"\n                    >\n                        <span v-if=\"page === slotProps.computed.currentPage\" class=\"active\">{{ page }}</span>\n                        <router-link\n                            v-else-if=\"page !== '...' && appStore.products.pagination_indexed_enabled\"\n                            :aria-current=\"slotProps.computed.currentPage ? 'page' : null\"\n                            :to=\"{name: $route.name, params: $route.params, query: {...$route.query, page: (page === 1) ? undefined : page}}\"\n                            class=\"page\"\n                            v-on=\"slotProps.pageButtonEvents(page)\"\n                        >\n                            {{ page }}\n                        </router-link>\n\n                        <span\n                            v-else-if=\"page !== '...' && !appStore.products.pagination_indexed_enabled\"\n                            class=\"page\"\n                            @click=\"router.push({name: $route.name, params: $route.params, query: {...$route.query, page: (page === 1) ? undefined : page}})\"\n                            v-on=\"slotProps.pageButtonEvents(page)\"\n                        >\n                            {{ page }}\n                        </span>\n\n                        <span v-else>{{ page }}</span>\n                    </div>\n                </div>\n                <slot name=\"next-nav\">\n                    <router-link\n                        v-if=\"slotProps.computed.currentPage < slotProps.computed.lastPage && appStore.products.pagination_indexed_enabled\"\n                        :to=\"{name: $route.name, params: $route.params, query: {...$route.query, page: (slotProps.computed.currentPage >= slotProps.computed.lastPage) ? slotProps.computed.currentPage : slotProps.computed.currentPage + 1 }}\"\n                        v-on=\"slotProps.nextButtonEvents\"\n                    >\n                        <img alt=\"chevron-left-black\" src=\"/img/arrows/chevron-right-black.svg\">\n                    </router-link>\n                    <span\n                        v-if=\"slotProps.computed.currentPage < slotProps.computed.lastPage && !appStore.products.pagination_indexed_enabled\"\n                        @click=\"router.push({name: $route.name, params: $route.params, query: {...$route.query, page: (slotProps.computed.currentPage >= slotProps.computed.lastPage) ? slotProps.computed.currentPage : slotProps.computed.currentPage + 1 }})\"\n                        v-on=\"slotProps.nextButtonEvents\"\n                    >\n                        <img alt=\"chevron-left-black\" src=\"/img/arrows/chevron-right-black.svg\">\n                    </span>\n                </slot>\n            </div>\n        </div>\n    </RenderlessPagination>\n</template>\n\n"],"names":["_sfc_main","_a","_b","value","lower","upper","start","end","rangeLength","_","i","current","count","size","offset","shouldAddDots","rangeConfig","pages","page","e","appStore","useAppStore","t","useI18n","router","useRouter","props","__props","emit","__emit","onPaginationChangePage","showMoreItems","getShowingOfText","onMounted"],"mappings":"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"}