{"version":3,"file":"Pagination.bf94be67.js","sources":["../../../app/javascript/components/filters-with-list/components/Pagination.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/Pagination.vue"],"sourcesContent":["\n<div v-if=\"pages >= 2\" class=\"d-flex flex-wrap justify-content-end align-items-center w-100 px-0 text-right mt-3\" :class=\"position\">\n    <label class=\"mx-0 mb-3 pt-0 pb-0 mb-0 text-nowrap info-text\" v-if=\"customMessage\">\n        {{customMessage}}\n    </label>\n\n    <label class=\"mr-3 mb-3 mb-0 text-nowrap info-text\" v-else-if=\"total\">\n        Mostrando {{ localValue == (pages - 1) ? total : (localValue + 1) * pageSize }} de {{ total }}\n    </label>\n\n    <div v-else class=\"spinner-border spinner-border-sm mr-3 header-text-color\" role=\"status\">\n        <span class=\"sr-only\">Loading...</span>\n    </div>\n\n    <div class=\"btn-container mb-3\">\n      <button class=\"btn btn-default page-btn\" @click.prevent=\"changePage(localValue - 1)\" v-if=\"localValue > 0\"> \n        <i class=\"fas fa-angle-left\"></i>\n      </button>\n      <template v-for=\"(page, index) in pages\">\n        <div v-if=\"Math.abs(page - localValue) < 2 || (Math.abs(page - localValue) < 3) || (page <= 3 && localValue < 2)\" :key=\"index\">\n          <button v-show=\"localValue == page || localValue == (page - 1) || localValue == (page - 2) || (page == 3 && localValue < 2) || (localValue == (page + 1) && localValue > (pages - 2))\" class=\"btn nmb-btn\"\n            @click.prevent=\"changePage(page - 1)\"\n            :class=\"{\n                active: (localValue + 1) === page, \n                current: localValue === page, \n                last: (page == pages - 1 && Math.abs(page - localValue) >= 3), \n                first:(page == 0 && Math.abs(page - localValue) >= 3)\n            }\"> \n                {{ page }} \n            </button>\n        </div>\n      </template>\n      <button class=\"btn btn-default page-btn\" @click.prevent=\"changePage(localValue + 1)\" v-if=\"localValue <= (pages - 2)\">\n        <i class=\"fas fa-angle-right\"></i>\n      </button>\n    </div>\n</div>\n","<template>\r\n    <div v-if=\"pages >= 2\" class=\"d-flex flex-wrap justify-content-end align-items-center w-100 px-0 text-right mt-3\" :class=\"position\">\r\n        <label class=\"mx-0 mb-3 pt-0 pb-0 mb-0 text-nowrap info-text\" v-if=\"customMessage\">\r\n            {{customMessage}}\r\n        </label>\r\n\r\n        <label class=\"mr-3 mb-3 mb-0 text-nowrap info-text\" v-else-if=\"total\">\r\n            Mostrando {{ localValue == (pages - 1) ? total : (localValue + 1) * pageSize }} de {{ total }}\r\n        </label>\r\n\r\n        <div v-else class=\"spinner-border spinner-border-sm mr-3 header-text-color\" role=\"status\">\r\n            <span class=\"sr-only\">Loading...</span>\r\n        </div>\r\n\r\n        <div class=\"btn-container mb-3\">\r\n          <button class=\"btn btn-default page-btn\" @click.prevent=\"changePage(localValue - 1)\" v-if=\"localValue > 0\"> \r\n            <i class=\"fas fa-angle-left\"></i>\r\n          </button>\r\n          <template v-for=\"(page, index) in pages\">\r\n            <div v-if=\"Math.abs(page - localValue) < 2 || (Math.abs(page - localValue) < 3) || (page <= 3 && localValue < 2)\" :key=\"index\">\r\n              <button v-show=\"localValue == page || localValue == (page - 1) || localValue == (page - 2) || (page == 3 && localValue < 2) || (localValue == (page + 1) && localValue > (pages - 2))\" class=\"btn nmb-btn\"\r\n                @click.prevent=\"changePage(page - 1)\"\r\n                :class=\"{\r\n                    active: (localValue + 1) === page, \r\n                    current: localValue === page, \r\n                    last: (page == pages - 1 && Math.abs(page - localValue) >= 3), \r\n                    first:(page == 0 && Math.abs(page - localValue) >= 3)\r\n                }\"> \r\n                    {{ page }} \r\n                </button>\r\n            </div>\r\n          </template>\r\n          <button class=\"btn btn-default page-btn\" @click.prevent=\"changePage(localValue + 1)\" v-if=\"localValue <= (pages - 2)\">\r\n            <i class=\"fas fa-angle-right\"></i>\r\n          </button>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        pages: Number,\r\n        total: Number,\r\n        pageSize: Number,\r\n        customMessage: {\r\n            type: [Boolean, String],\r\n            default: false\r\n        },\r\n        value: {\r\n            type: Number,\r\n            required: true\r\n        },\r\n        position: {\r\n            type: String,\r\n            default: \"align-items-center justify-content-between justify-content-md-end\"\r\n        }\r\n    },\r\n    computed: {\r\n        localValue: {\r\n            get() {\r\n                return this.value;\r\n            },\r\n            set(newValue) {\r\n                this.$emit('input', newValue);\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        changePage(newPage) {\r\n            this.localValue = newPage;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.info-text {\r\n    color: #6E7176;\r\n    font-size: .85em;\r\n}\r\n\r\n.page-btn {\r\n    background-color: #F80048;\r\n    color: #fff;\r\n}\r\n\r\n.btn-container {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-left: 1rem;\r\n}\r\n\r\n.nmb-btn {\r\n    background-color: #fff;\r\n    color: #535353;\r\n}\r\n\r\n.active {\r\n    color: #F80048;\r\n    font-weight: 800;\r\n    background-color: #fff\r\n}\r\n</style>"],"names":["render","_vm","_h","_c","$event","page","index","staticRenderFns","__vue2_script","newValue","newPage"],"mappings":"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"}