{"version":3,"file":"Pagination.fc5fbc79.js","sources":["../../../app/javascript/components/filters-orders-by/Pagination.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-orders-by/Pagination.vue"],"sourcesContent":["\n<div>\n    <nav class=\"pagination-section\">\n        <ul class=\"pagination\">\n            <li class=\"page-item page-item-custom\">\n                <a class=\"page-link custom-link no-b page-link-previous\" @click=\"setPreviousPage()\"\n                   aria-label=\"Previous\">\n                    <span aria-hidden=\"true\">&#10094;</span>\n                    <span class=\"sr-only\">Previous</span>\n                </a>\n            </li>\n            <li class=\"page-item page-item-custom\" v-for=\"(page, index) in calculateTotalPages()\" :key=\"page\">\n                <a :class=\"[currentPage === page ? 'active-link-custom' : '']\" class=\"page-link custom-link\"\n                   @click=\"setPage(page)\">\n                    {{ page }}\n                </a>\n            </li>\n            <li class=\"page-item page-item-custom\">\n                <a class=\"page-link custom-link page-link-next\" @click=\"setNextPage()\" aria-label=\"Next\">\n                    <span aria-hidden=\"true\">&#10095;</span>\n                    <span class=\"sr-only\">Next</span>\n                </a>\n            </li>\n        </ul>\n    </nav>\n</div>\n","<template>\r\n    <div>\r\n        <nav class=\"pagination-section\">\r\n            <ul class=\"pagination\">\r\n                <li class=\"page-item page-item-custom\">\r\n                    <a class=\"page-link custom-link no-b page-link-previous\" @click=\"setPreviousPage()\"\r\n                       aria-label=\"Previous\">\r\n                        <span aria-hidden=\"true\">&#10094;</span>\r\n                        <span class=\"sr-only\">Previous</span>\r\n                    </a>\r\n                </li>\r\n                <li class=\"page-item page-item-custom\" v-for=\"(page, index) in calculateTotalPages()\" :key=\"page\">\r\n                    <a :class=\"[currentPage === page ? 'active-link-custom' : '']\" class=\"page-link custom-link\"\r\n                       @click=\"setPage(page)\">\r\n                        {{ page }}\r\n                    </a>\r\n                </li>\r\n                <li class=\"page-item page-item-custom\">\r\n                    <a class=\"page-link custom-link page-link-next\" @click=\"setNextPage()\" aria-label=\"Next\">\r\n                        <span aria-hidden=\"true\">&#10095;</span>\r\n                        <span class=\"sr-only\">Next</span>\r\n                    </a>\r\n                </li>\r\n            </ul>\r\n        </nav>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    props: {\r\n        totalItems: Number,\r\n        perPage: Number,\r\n        scrollToTop: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true,\r\n        },\r\n        maxVisibleButtons: {\r\n            type: Number,\r\n            required: false,\r\n            default: 10,\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            currentPage: 1,\r\n            totalPages: 0,\r\n        }\r\n    },\r\n    created() {\r\n        this.$bus.$on('emit-previous-page', (payload) => {\r\n            this.setPreviousPage();\r\n        });\r\n        this.$bus.$on('emit-next-page', (payload) => {\r\n            this.setNextPage();\r\n        });\r\n    },\r\n    watch: {\r\n        currentPage: function (newValue) {\r\n            this.setNewPage(newValue);\r\n        }\r\n    },\r\n    methods: {\r\n        calculateTotalPages() {\r\n            if (this.totalItems > 0 && this.perPage > 0) {\r\n                let totalPages = Math.ceil(this.totalItems / this.perPage);\r\n\r\n                let startPage = Math.max(1, this.currentPage - Math.floor(this.maxVisibleButtons / 2));\r\n                let endPage = Math.min(totalPages, startPage + this.maxVisibleButtons - 1);\r\n\r\n                startPage = Math.max(1, endPage - this.maxVisibleButtons + 1);\r\n\r\n                let pages = [];\r\n                for (let i = startPage; i <= endPage; i++) {\r\n                    pages.push(i);\r\n                }\r\n\r\n                this.$bus.$emit('emit-pages', totalPages);\r\n\r\n                return pages;\r\n            }\r\n        },\r\n        setPage(page) {\r\n            if (this.scrollToTop) {\r\n                window.scrollTo(0, 200);\r\n            }\r\n            this.currentPage = page;\r\n        },\r\n        setPreviousPage() {\r\n            if (this.currentPage === 1) {\r\n                this.currentPage = 1;\r\n            } else {\r\n                this.currentPage--;\r\n            }\r\n        },\r\n        setNextPage() {\r\n            if (this.currentPage === this.calculateTotalPages()) {\r\n                this.currentPage = this.calculateTotalPages();\r\n            } else {\r\n                this.currentPage++;\r\n            }\r\n        },\r\n        setNewPage(page) {\r\n            this.$bus.$emit('emit-global-currentPage', page);\r\n            this.$emit('currentPage', page);\r\n        }\r\n    },\r\n    destroyed() {\r\n        this.$bus.$emit('emit-reset');\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.pagination-section {\r\n    width: min-content;\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n}\r\n\r\n.custom-link {\r\n    color: #797979;\r\n    border: none !important;\r\n    border-left: 1px solid #dee2e6 !important;\r\n    cursor: pointer;\r\n}\r\n\r\n.no-b {\r\n    border: 0 !important;\r\n}\r\n\r\n.active-link-custom {\r\n    color: #F99022;\r\n}\r\n\r\n.page-item-custom {\r\n}\r\n\r\n.page-link {\r\n    &:hover {\r\n        background-color: transparent;\r\n        text-decoration: underline;\r\n        color: #F99022;\r\n    }\r\n}\r\n</style>"],"names":["render","_vm","_h","_c","$event","page","index","staticRenderFns","__vue2_script","payload","newValue","totalPages","startPage","endPage","pages"],"mappings":"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"}