{"version":3,"file":"blog_pagination-BDsbnBlI.js","sources":["../../../app/javascript/components/blog/blogPagination.vue","../../../app/javascript/components/blog/blogCardSkeleton.vue","../../../app/javascript/components/blog/App.vue","../../../app/javascript/entrypoints/blog_pagination.js"],"sourcesContent":["<template>\n  <nav aria-label=\"Page navigation\">\n    <ul class=\"pagination justify-content-center\">\n      <li class=\"page-item\" :class=\"{ disabled: currentPage === 1 }\">\n        <a class=\"page-link d-flex align-items-center justify-content-center\" href=\"#\" aria-label=\"Previous\" @click.prevent=\"previousPage()\">\n          <span aria-hidden=\"true\"><img src=\"https://spacebar.mints.cloud/public-assets/next\" alt=\"\" class=\"prev-icon\"></span>\n        </a>\n      </li>\n      <li class=\"page-item\" v-for=\"pageNumber in pagesToShow()\" :key=\"pageNumber\"\n          :class=\"{ active: currentPage === pageNumber }\">\n        <a class=\"page-link\" href=\"#\" @click.prevent=\"goToPage(pageNumber)\">{{ pageNumber }}</a>\n      </li>\n      <li class=\"page-item\" :class=\"{ disabled: currentPage === totalPages }\">\n        <a class=\"page-link page-link d-flex align-items-center justify-content-center\" href=\"#\" aria-label=\"Next\" @click.prevent=\"nextPage()\">\n          <span aria-hidden=\"true\"><img src=\"https://spacebar.mints.cloud/public-assets/next\" alt=\"\" class=\"next-icon\"></span>\n        </a>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nexport default {\n  name: 'Pagination',\n  props: {\n    totalBlogItems: {\n      type: Number,\n      required: true\n    },\n    pageSize: {\n      type: Number,\n      required: true\n    },\n    currentPage: {\n      type: Number,\n      required: true\n    },\n    maxPageToShow: {\n      type: Number,\n      default: 5\n    }\n  },\n  computed: {\n    totalPages() {\n      return Math.ceil(this.totalBlogItems / this.pageSize);\n    },\n    maxVisibleButtons() {\n      return Math.min(this.maxPageToShow, this.totalBlogItems);\n    }\n  },\n  methods: {\n    pagesToShow() {\n      const pages = [];\n      let startPage, endPage;\n\n      if (this.totalPages <= this.maxVisibleButtons) {\n        // Si hay pocas páginas, mostramos todas.\n        startPage = 1;\n        endPage = this.totalPages;\n      } else {\n        // Si hay muchas páginas, mostramos un rango.\n        const halfPagesToShow = Math.floor(this.maxVisibleButtons / 2);\n        startPage = Math.max(this.currentPage - halfPagesToShow, 1);\n        endPage = startPage + this.maxVisibleButtons - 1;\n\n        // Si el rango se sale de los límites, lo ajustamos.\n        if (endPage > this.totalPages) {\n          endPage = this.totalPages;\n          startPage = endPage - this.maxVisibleButtons + 1;\n        }\n      }\n\n      for (let i = startPage; i <= endPage; i++) {\n        pages.push(i);\n      }\n\n      return pages;\n    },\n    previousPage() {\n      if (this.currentPage > 1) {\n        this.$emit('page-change', this.currentPage - 1);\n      }\n    },\n    nextPage() {\n      if (this.currentPage < this.totalPages) {\n        this.$emit('page-change', this.currentPage + 1);\n      }\n    },\n    goToPage(pageNumber) {\n      if (pageNumber >= 1 && pageNumber <= this.totalPages) {\n        this.$emit('page-change', pageNumber);\n      }\n    }\n  }\n};\n</script>\n\n<style>\n.next-icon{\n  width: 15px;\n  object-fit: cover;\n  height: 15px;\n}\n.prev-icon{\n  width: 15px;\n  object-fit: cover;\n  height: 15px;\n  -moz-transform: scale(-1, 1);\n  -webkit-transform: scale(-1, 1);\n  -o-transform: scale(-1, 1);\n  -ms-transform: scale(-1, 1);\n  transform: scale(-1, 1);\n  background-size: contain;\n}\n</style>","<template>\n  <div class=\"mt-5\">\n    <div v-for=\"n in pageSize\" class=\"card section-blog__card--page-blog skeleton-block mt-3\">\n      <div class=\"card-img-top section-blog__card-img section-blog__card-img--size-big skeleton-block\"> </div>\n      <div class=\"card-body section-blog__card-body bg-white w-100 px-4\">\n        <h4 class=\"section-blog__title skeleton-txt my-3\"><div class=\"skeleton-txt skeleton-txt--50\"></div></h4>\n        <div class=\"skeleton-txt skeleton-txt--100 mb-1\"></div>\n        <div class=\"skeleton-txt skeleton-txt--100 mb-1\"></div>\n        <div class=\"skeleton-txt skeleton-txt--100 mb-1\"></div>\n        <div class=\"skeleton-txt skeleton-txt--100 mb-1\"></div>\n        <div class=\"d-flex justify-content-end\">\n            <div class=\"skeleton-txt skeleton-txt--25 mt-3\">\n            </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    pageSize: Number,\n  }\n}\n</script>\n\n<style></style>","<template>\n  <div>\n\n    <div v-if=\"blogItems.length === 0 && !loading\" class=\"mt-5\">\n\n      <h3 class=\"text-center my-5\">No se encontraron publicaciones.</h3>\n\n    </div>\n\n    <div v-else>\n\n      <div v-if=\"loading\">\n        \n        <blogCardSkeleton :pageSize=\"pageSize\"></blogCardSkeleton>\n\n      </div>\n      <div v-if=\"!loading\" class=\"mt-5\">\n\n        <div class=\"card section-blog__card--page-blog mt-3\" v-for=\"blogItem in blogItems\" :key=\"blogItem.id\">\n          <img :src=\"`${blogItem.blog_image.public_path}?size=blog-entry-md`\" v-if=\"blogItem.blog_image\"\n            :alt=\"blogItem.blog_image.alt\" class=\"card-img-top section-blog__card-img section-blog__card-img--size-big\">\n          <div v-else class=\"card-img-top section-blog__card-img section-blog__card-img--size-big skeleton-block\" alt=\"\"></div>\n          <div class=\"card-body section-blog__card-body px-4 py-3\">\n            <!-- <% if blog_entry&.[]('taxonomies')&.length&. > 0 and blog_entry['taxonomies'].find{ |x| x['parent_id'] == 79 } %> -->\n            <!-- <p class=\"section-blog__p--small mb-2\"><%= blog_entry['taxonomies'].find{ |x| x['parent_id'] == 79 }['multi']&.[](@locale)&.upcase %></p> -->\n            <!-- <% end %> -->\n            <h4 class=\"section-blog__title my-3\"><b>{{ blogItem.title }}</b></h4>\n            <p class=\"section-blog__p--page-blog\">\n            <div v-html=\"blogItem.blurb\"></div>\n            </p>\n            <div class=\"d-flex justify-content-end\">\n              <button class=\"section-blog__card-button--page-blog mb-2\"\n                style=\"color:#4699CD;text-decoration: underline;\">\n                <a :href=\"`/${locale}/blog/${blogItem.slug}`\" style=\"gap:10px;\" class=\"page-blog__a flex-nowrap d-flex align-items-center\">\n                  <span v-if=\"locale == 'en'\" class=\"page-blog__d-n\">Read blog</span>\n                  <span v-else-if=\"locale == 'es'\" class=\"page-blog__d-n\">Ver nota completa</span>\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"10\" view-box=\"0 0 15 10\">\n                    <path\n                      d=\"M9.899.118 9.24.775a.402.402 0 0 0 .006.574l2.704 2.597H.402A.402.402 0 0 0 0 4.348v.938c0 .222.18.402.402.402h11.55L9.246 8.284a.402.402 0 0 0-.005.575l.657.657a.402.402 0 0 0 .568 0L14.882 5.1a.402.402 0 0 0 0-.568L10.467.118a.402.402 0 0 0-.568 0z\">\n                    </path>\n                  </svg>\n                </a>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"d-flex justify-content-lg-between justify-content-around align-items-center m-auto flex-wrap\" style=\"width:70vw;max-width:905px;min-width: 250px\">\n\n        <div class=\"d-flex flex-wrap justify-content-around my-4\">\n          <label for=\"itemsPerPage\"> {{ locale === 'en' ? 'Show per page:' : 'Mostrar por página:'}}</label>\n          <select id=\"itemsPerPage\" v-model=\"pageSize\" @change=\"handlePageSizeChanged\" class=\"mx-2\"> \n            <option v-for=\"option in itemsPerPageOptions\" :key=\"option\" :value=\"option\" class=\"text-muted\">{{ option }}</option>\n          </select>\n          <label class=\"text-muted\"> {{ locale === 'en' ? 'of' : 'de'}} {{ totalBlogItems }} \n            <span class=\"text-muted\">{{ locale === 'en' ? 'notes' : 'notas'}}</span>\n          </label>\n        </div>\n\n        <blogPagination :currentPage=\"currentPage\" :pageSize=\"pageSize\" :totalBlogItems=\"totalBlogItems\" @page-change=\"handlePageChanged\" />\n      </div>\n\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport blogPagination from './blogPagination.vue'\nimport blogCardSkeleton from './blogCardSkeleton.vue'\n\nexport default {\n  components: {\n    blogPagination, blogCardSkeleton\n  },\n  inject: ['$axios', 'locale'],\n  data() {\n    return {\n      blogItems: [],\n      currentPage: 1,\n      pageSize: 5,\n      totalBlogItems: null,\n      loading: false,\n      itemsPerPageOptions: [5, 10, 15, 25]\n    }\n  },\n  mounted() {\n    this.getBlogItems()\n  },\n  methods: {\n    getBlogItems() {\n      this.loading = true;\n      this.$axios\n        .get(`/api/v1/blogs?page=${this.currentPage}&pageSize=${this.pageSize}&locale=${this.locale}`)\n        .then((response) => {\n          this.blogItems = response.data.stories;\n          this.totalBlogItems = response.data.meta.total;\n        }).catch((error) => {\n          console.warn(error)\n        }).finally(() => {\n          this.loading = false;\n        })\n    },\n    handlePageChanged(pageNumber) {\n      this.currentPage = pageNumber;\n      this.getBlogItems()\n    },\n    handlePageSizeChanged() {\n      this.currentPage = 1;\n      this.getBlogItems();\n    }\n\n  }\n}\n</script>\n\n<style></style>","import App from '@components/blog/App.vue'\nimport { generateApplication } from '@helpers/generate_component.js';\nimport { generateAxiosInstance } from '@helpers/axios_provider.js';\n\nconst axios = generateAxiosInstance();\n\nconst injections = [{\n  name: 'locale',\n  module: locale\n}, {\n  name: '$axios',\n  module: generateAxiosInstance()\n}]\n\nconst props = {\n  items: items,\n}\n\ngenerateApplication(App, \"#blog-pagination\", { injections, props })\n"],"names":["_sfc_main","pages","startPage","endPage","halfPagesToShow","i","pageNumber","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_6","_openBlock","_createElementBlock","_normalizeClass","$props","$options","_Fragment","_renderList","_withModifiers","$event","_hoisted_5","n","blogPagination","blogCardSkeleton","response","error","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_20","_hoisted_21","_hoisted_23","_hoisted_24","$data","_hoisted_4","_createVNode","_component_blogCardSkeleton","blogItem","_hoisted_8","_toDisplayString","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","args","option","_hoisted_22","_createTextVNode","_component_blogPagination","generateAxiosInstance","injections","props","generateApplication","App"],"mappings":"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"}