{"version":3,"file":"main-5e2d0eef.js","sources":["../../../../../app/javascript/entrypoints/blog/BlogNotes.vue?vue&type=template&lang.js","../../../../../app/javascript/entrypoints/blog/BlogNotes.vue","../../../../../app/javascript/entrypoints/blog/App.vue?vue&type=template&lang.js","../../../../../app/javascript/entrypoints/blog/App.vue","../../../../../app/javascript/entrypoints/blog/main.js"],"sourcesContent":["\n<div class=\"blog-container\">\n  <div class=\"blog-card\" v-for=\"note in notes\" :key=\"note._id\">\n    <div class=\"blog-image\">\n      <img :src=\"`https://lubricantesrino-208fe.kxcdn.com/api/public/v1/assets/${url(note)}`\" alt=\"Blog Image\" />\n    </div>\n    <div class=\"blog-content\">\n      <h2 class=\"blog-title\">{{ note.name }}</h2>\n      <p class=\"blog-excerpt\">{{ note.short_description }}</p>\n      <a :href=\" `/blog/${note.slug}`\" class=\"read-more\">Leer más</a>\n    </div>\n  </div>\n</div>\n","<template>\n    <div class=\"blog-container\">\n      <div class=\"blog-card\" v-for=\"note in notes\" :key=\"note._id\">\n        <div class=\"blog-image\">\n          <img :src=\"`https://lubricantesrino-208fe.kxcdn.com/api/public/v1/assets/${url(note)}`\" alt=\"Blog Image\" />\n        </div>\n        <div class=\"blog-content\">\n          <h2 class=\"blog-title\">{{ note.name }}</h2>\n          <p class=\"blog-excerpt\">{{ note.short_description }}</p>\n          <a :href=\" `/blog/${note.slug}`\" class=\"read-more\">Leer más</a>\n        </div>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    props: {\n      notes: {\n        type: Array,\n        required: true,\n      },\n    },\n    \n    methods: {\n        url(note) {\n            if (typeof note.thumbnail === 'object') { return note.thumbnail.slug }\n            else if (typeof note.thumbnail === 'string') { return note.thumbnail }\n            return ''\n        }\n    }\n  };\n  </script>\n  \n  <style scoped>\n  .blog-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 20px;\n    padding: 20px;\n    background-color: #f8f8f8;\n  }\n  \n  .blog-card {\n    background-color: white;\n    border-radius: 12px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  \n  .blog-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\n  }\n  \n  .blog-image img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n  }\n  \n  .blog-content {\n    padding: 20px;\n  }\n  \n  .blog-title {\n    font-size: 24px;\n    margin: 0;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .blog-excerpt {\n    margin: 10px 0;\n    font-size: 16px;\n    color: #666;\n  }\n  \n  .read-more {\n    display: inline-block;\n    margin-top: 10px;\n    font-size: 14px;\n    color: #007BFF;\n    text-decoration: none;\n    transition: color 0.3s ease;\n  }\n  \n  .read-more:hover {\n    color: #0056b3;\n  }\n  </style>\n  ","\n<div class=\"mt-4\">\n    <div class=\"row\">\n        <BlogNotes :notes=\"posts\"/>\n    </div>\n    <div v-if=\"status.get\" class=\"text-center\">\n        <div class=\"spinner-border\" role=\"status\">\n            <span class=\"sr-only\">Loading...</span>\n        </div>\n    </div>\n    <div v-else-if=\"status.finished\" class=\"text-center\">\n        <span class=\"on-day\">Estas al día <i class=\"far fa-check-circle\"></i></span>\n    </div>\n</div>\n","<template>\r\n    <div class=\"mt-4\">\r\n        <div class=\"row\">\r\n            <BlogNotes :notes=\"posts\"/>\r\n        </div>\r\n        <div v-if=\"status.get\" class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\">\r\n                <span class=\"sr-only\">Loading...</span>\r\n            </div>\r\n        </div>\r\n        <div v-else-if=\"status.finished\" class=\"text-center\">\r\n            <span class=\"on-day\">Estas al día <i class=\"far fa-check-circle\"></i></span>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport axios from 'axios';\r\nimport BlogNotes from './BlogNotes.vue';\r\nexport default {\r\n    components: { BlogNotes },\r\n    data: () => ({\r\n        posts: [],\r\n        actualPage: 0,\r\n        status: {\r\n            get: false,\r\n            finished: false\r\n        }\r\n    }),\r\n    mounted() {\r\n        this.getPosts();\r\n        window.onscroll = (ev) => {\r\n            if ((window.innerHeight + window.scrollY) >= (document.body.offsetHeight - 430)) {\r\n                if (!this.status.get) {\r\n                    this.getPosts();\r\n                }\r\n            }\r\n        };\r\n    },\r\n    methods: {\r\n        getPosts() {\r\n            if (!this.status.get && !this.status.finished) {\r\n                this.actualPage += 1;\r\n                this.status.get = true;\r\n\r\n                axios.get(`/api/public/v1/post?pageSize=9&page=${this.actualPage}`, {\r\n                    headers: {\r\n                        \"x-api-key\": \"NPP3dB1ch8CiEmRGprtB2Vpr7xbZdA7iUnw7gX7ORjXdX0vzQ\"\r\n                    }\r\n                }).then(response => {\r\n                    if (response.data.data == 0) {\r\n                        this.status.finished = true;\r\n                    } else {\r\n                        this.posts = this.posts.concat(response.data.data);\r\n                        this.metadata = response.data.meta;\r\n                    }\r\n                }).catch((e) => {\r\n                    this.$awn.warning('No se han podido obtener los productos');\r\n                }).finally(() =>{\r\n                    this.status.get = false;\r\n                });\r\n            }\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n    .btn {\r\n        text-align: left;\r\n    }\r\n</style>","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport VueAWN from \"vue-awesome-notifications\";\r\nimport 'vue-awesome-notifications/dist/styles/style.css';\r\nVue.use(VueAWN, {\r\n    position: \"top-right\",\r\n});\r\nVue.prototype.$contact = contact ? contact : null;\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const app = new Vue({\r\n        render: h => h(App)\r\n    }).$mount('#blog_app')\r\n})"],"names":["render","_vm","_h","_c","note","staticRenderFns","__vue2_script","BlogNotes","ev","axios","response","e","Vue","VueAWN","h","App"],"mappings":"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"}