{"version":3,"sources":["webpack:///./src/components/shared/Paginate.vue?f14f","webpack:///./src/components/shared/Paginate.vue","webpack:///src/components/shared/Paginate.vue","webpack:///./src/components/shared/Paginate.vue?9724","webpack:///./src/components/shared/Paginate.vue?d574"],"names":["render","_vm","this","_c","_self","staticClass","attrs","totalPages","selectedPerPage","perPageOptions","on","perPage","model","value","callback","$$v","expression","_e","activePage","$event","toPage","require","_v","_s","$t","isMobile","_l","pages","n","key","class","active","disabled","staticRenderFns","name","props","type","Number","default","required","data","client","width","computed","text","concat","Array","from","length","v","k","splice","methods","handleResize","window","innerWidth","$emit","page","scrollTo","top","behavior","created","addEventListener","destroyed","removeEventListener","mounted","itemsPerPage","component"],"mappings":"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","file":"js/chunk-37fe51ee.79c26380.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Paginate.vue?vue&type=style&index=0&id=c41a6152&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-row',{staticClass:\"pt-3 mt-3 mb-4\"},[_c('b-col',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"container-paginate\"},[(_vm.totalPages >= 1 || _vm.selectedPerPage != 20)?_c('div',{staticClass:\"d-flex mr-3 wrap-pages\"},[_c('b-form-select',{attrs:{\"options\":_vm.perPageOptions},on:{\"change\":_vm.perPage},model:{value:(_vm.selectedPerPage),callback:function ($$v) {_vm.selectedPerPage=$$v},expression:\"selectedPerPage\"}})],1):_vm._e(),_c('div',[(_vm.activePage > 1)?_c('li',{staticClass:\"d-flex justify-content-center align-items-center prev-next number-control control-page\",on:{\"click\":function($event){return _vm.toPage(_vm.activePage - 1)}}},[_c('img',{staticClass:\"arrow-icon prev-icon\",attrs:{\"src\":require(\"@/assets/img/icons/arrow-page.svg\")}}),_vm._v(\" \"+_vm._s(_vm.$t(\"shared.text_2422\"))+\" \")]):_vm._e()]),(!_vm.isMobile)?_c('div',{staticClass:\"akkurat-regular\"},[_c('ul',{staticClass:\"pagination\"},_vm._l((_vm.pages),function(n){return _c('li',{key:n,staticClass:\"d-flex justify-content-center align-items-center number-control\",class:{ active: n == _vm.activePage, disabled: n < 0 },on:{\"click\":function($event){return _vm.toPage(n)}}},[(n > 0)?_c('span',[_vm._v(_vm._s(n))]):_c('span',[_vm._v(\"...\")])])}),0)]):_vm._e(),_c('div',[(_vm.activePage < _vm.totalPages)?_c('li',{staticClass:\"d-flex justify-content-center align-items-center prev-next number-control control-page proximo\",on:{\"click\":function($event){return _vm.toPage(_vm.activePage + 1)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"shared.text_2423\"))+\" \"),_c('img',{staticClass:\"arrow-icon next-icon\",attrs:{\"src\":require(\"@/assets/img/icons/arrow-page.svg\")}})]):_vm._e()])])])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row class=\"pt-3 mt-3 mb-4\">\n    <b-col>\n      <b-row>\n        <b-col cols=\"12\">\n          <div class=\"container-paginate\">\n            <div\n              v-if=\"totalPages >= 1 || selectedPerPage != 20\"\n              class=\"d-flex mr-3 wrap-pages\"\n            >\n              <b-form-select\n                class=\"\"\n                v-model=\"selectedPerPage\"\n                :options=\"perPageOptions\"\n                @change=\"perPage\"\n              ></b-form-select>\n            </div>\n            <div>\n              <li\n                v-if=\"activePage > 1\"\n                class=\"\n                  d-flex\n                  justify-content-center\n                  align-items-center\n                  prev-next\n                  number-control\n                  control-page\n                \"\n                @click=\"toPage(activePage - 1)\"\n              >\n                <img\n                  src=\"@/assets/img/icons/arrow-page.svg\"\n                  class=\"arrow-icon prev-icon\"\n                />\n                {{ $t(\"shared.text_2422\") }}\n              </li>\n            </div>\n            <div class=\"akkurat-regular\" v-if=\"!isMobile\">\n              <ul class=\"pagination\">\n                <li\n                  class=\"\n                    d-flex\n                    justify-content-center\n                    align-items-center\n                    number-control\n                  \"\n                  :class=\"{ active: n == activePage, disabled: n < 0 }\"\n                  v-for=\"n in pages\"\n                  :key=\"n\"\n                  @click=\"toPage(n)\"\n                >\n                  <span v-if=\"n > 0\">{{ n }}</span>\n                  <span v-else>...</span>\n                </li>\n              </ul>\n            </div>\n            <div>\n              <li\n                v-if=\"activePage < totalPages\"\n                class=\"\n                  d-flex\n                  justify-content-center\n                  align-items-center\n                  prev-next\n                  number-control\n                  control-page\n                  proximo\n                \"\n                @click=\"toPage(activePage + 1)\"\n              >\n                {{ $t(\"shared.text_2423\") }}\n                <img\n                  src=\"@/assets/img/icons/arrow-page.svg\"\n                  class=\"arrow-icon next-icon\"\n                />\n              </li>\n            </div>\n          </div>\n        </b-col>\n      </b-row>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nexport default {\n  name: \"custom-paginate\",\n  props: {\n    activePage: {\n      type: Number,\n      default: () => {\n        return 1;\n      },\n    },\n    totalPages: {\n      type: Number,\n      default: () => {\n        return 1;\n      },\n    },\n    \"items-per-page\": {\n      type: Number,\n      required: false,\n      default: () => 10,\n    },\n  },\n  data: () => ({\n    selectedPerPage: 10,\n    client: {\n      width: 0,\n    },\n  }),\n  computed: {\n    perPageOptions() {\n      return [\n        { text: `10 ${this.$t(\"shared.text_2424\")}`, value: 10 },\n        { text: `20 ${this.$t(\"shared.text_2424\")}`, value: 20 },\n        { text: `50 ${this.$t(\"shared.text_2424\")}`, value: 50 },\n        { text: `100 ${this.$t(\"shared.text_2424\")}`, value: 100 },\n      ];\n    },\n    isMobile() {\n      return this.client.width <= 768;\n    },\n    pages: function () {\n      let pages = Array.from({ length: this.totalPages }, (v, k) => k + 1);\n\n      if (this.totalPages <= 12) {\n        return pages;\n      } else if (\n        this.activePage <= 6 ||\n        this.activePage >= this.totalPages - 5\n      ) {\n        pages.splice(6, this.totalPages - 12);\n\n        pages.splice(6, 0, -1);\n\n        return pages;\n      } else if (this.activePage == 7) {\n        pages.splice(7, this.totalPages - 12);\n        pages.splice(7, 0, -1);\n\n        return pages;\n      } else if (this.activePage == this.totalPages - 6) {\n        pages.splice(5, this.totalPages - 12);\n        pages.splice(5, 0, -1);\n\n        return pages;\n      } else {\n        pages.splice(5, this.totalPages - 10);\n        pages.splice(5, 0, -1);\n        pages.splice(5, 0, this.activePage);\n        pages.splice(5, 0, -2);\n        return pages;\n      }\n    },\n  },\n  methods: {\n    handleResize() {\n      // this.client.width = window.innerWidth;\n      this.client.width = window.innerWidth;\n    },\n    perPage() {\n      this.$emit(\"per-page\", this.selectedPerPage);\n    },\n    toPage(page) {\n      if (page < 0) {\n        return;\n      }\n      if (page != this.activePage) {\n        this.$emit(\"to-page\", page);\n      }\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n  },\n  created() {\n    window.addEventListener(\"resize\", this.handleResize);\n    this.handleResize();\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.handleResize);\n  },\n  mounted() {\n    this.selectedPerPage = this.itemsPerPage;\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"../../assets/scss/main.scss\";\n@import \"../../assets/scss/variables.scss\";\n\n/* TODO - refac this style, too much repeated code */\n// .radius-theme {\n//   border-radius: $main-border-radius;\n// }\n.container-paginate {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n@media screen and (max-width: 768px) {\n  .container-paginate {\n    display: block;\n  }\n\n  .control-page {\n    justify-content: flex-start !important;\n  }\n  .control-page.proximo {\n    justify-content: flex-end !important;\n  }\n}\n.wrap-pages {\n  min-width: 150px;\n}\n\n.prev-next {\n  border: #275389;\n}\n\n.number-control {\n  border-radius: 5px;\n  padding: 8px 16px;\n  transition: 0.3s;\n}\n\n.pagination {\n  // background: #f8f8f8;\n  font-size: 14px;\n}\n.pagination li + li {\n  margin-left: 15px;\n}\n\na {\n  color: #d8d8d8;\n  text-decoration: none;\n}\n\nli:link {\n  cursor: pointer;\n  background-color: #9b9b9b;\n}\n\nli:visited {\n  cursor: pointer;\n  background-color: #f8f8f8;\n  color: #d8d8d8;\n}\n\nli:hover,\nli.active {\n  cursor: pointer;\n  background-color: #f6f6f8;\n  font-weight: 600;\n}\n\nli.disabled {\n  &:hover {\n    cursor: default;\n    background-color: white;\n    color: #9b9b9b;\n  }\n}\n\nli:active {\n  cursor: pointer;\n  background-color: #f6f6f8;\n  font-weight: 600;\n}\n.arrow-icon {\n  // filter: brightness(0) invert(0);\n  margin-top: -2px;\n}\n.prev-icon {\n  transform: rotate(180deg);\n}\n\n// .prev-icon:hover,\n// .next-icon:hover {\n//   background: none;\n//   font-weight: 600;\n// }\n.control-page {\n  font-size: 14px;\n}\n.control-page .prev-icon {\n  margin-right: 15px;\n}\n.control-page .next-icon {\n  margin-left: 15px;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Paginate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Paginate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Paginate.vue?vue&type=template&id=c41a6152&scoped=true&\"\nimport script from \"./Paginate.vue?vue&type=script&lang=js&\"\nexport * from \"./Paginate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Paginate.vue?vue&type=style&index=0&id=c41a6152&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c41a6152\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}