{"version":3,"file":"Blog.cb0df341.js","sources":["../../../app/javascript/components/main/Blog.vue?vue&type=template&lang.js","../../../app/javascript/components/main/Blog.vue"],"sourcesContent":["\n<div class=\"slider-blog\">\n    <VueSlickCarousel v-bind=\"settings\" @afterChange=\"trackClick('Blog', 'Scroll_blog_slider', 'scroll')\">\n        <div v-for=\"(publication, index) in publicationsData\" :key=\"index\" class=\"slide-content\">\n            <div class=\"col-12\">\n                <div class=\"blog-item\">\n                    <div class=\"img-thumb-blog\"\n                         v-if=\"publication.blog_imagen && publication.blog_imagen.public_path\">\n                        <img\n                            loading=\"lazy\"\n                            width=\"248px\"\n                            height=\"167px\"\n                            :src=\"`${publication.blog_imagen.public_path}?size=mobile`\"\n                            :alt=\"publication.blog_imagen.alt\"/>\n                    </div>\n                    <div class=\"blog-content-home\">\n                        <div class=\"sub-title mb-0 px-3\">\n                            {{ getCategoryTitle(publication) }}\n                        </div>\n                        <div class=\"blog-title\" v-if=\"publication['title']\">\n                            <h4 class=\"reduced-text d-none d-sm-block\" v-html=\"publication['title']\"></h4>\n                        </div>\n                        <div class=\"blog-txt\" v-if=\"publication['blurb']\"\n                             v-html=\"publication['blurb']\"/>\n                        <div class=\"blog-read-more\">\n                            <p @click=\"goToSection(publication)\">\n                                Leer más\n                                <img v-img-prefix :src=\"`/public-assets/arrow-right-n`\" alt=\"arrow-right-n\"\n                                     class=\"img-fluid\" width=\"16\" height=\"13\"/>\n                            </p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </VueSlickCarousel>\n    <div v-if=\"enableButton\" class=\"col-12 button-bottom text-center mt-5\">\n        <a href=\"/blog\" class=\"btn btn-primary btn-orange\" @click=\"trackClick('Blog', 'Ir_al_blog')\">\n            <span class=\"px-5\">Ir al blog</span>\n        </a>\n    </div>\n</div>\n","<template>\r\n    <div class=\"slider-blog\">\r\n        <VueSlickCarousel v-bind=\"settings\" @afterChange=\"trackClick('Blog', 'Scroll_blog_slider', 'scroll')\">\r\n            <div v-for=\"(publication, index) in publicationsData\" :key=\"index\" class=\"slide-content\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"blog-item\">\r\n                        <div class=\"img-thumb-blog\"\r\n                             v-if=\"publication.blog_imagen && publication.blog_imagen.public_path\">\r\n                            <img\r\n                                loading=\"lazy\"\r\n                                width=\"248px\"\r\n                                height=\"167px\"\r\n                                :src=\"`${publication.blog_imagen.public_path}?size=mobile`\"\r\n                                :alt=\"publication.blog_imagen.alt\"/>\r\n                        </div>\r\n                        <div class=\"blog-content-home\">\r\n                            <div class=\"sub-title mb-0 px-3\">\r\n                                {{ getCategoryTitle(publication) }}\r\n                            </div>\r\n                            <div class=\"blog-title\" v-if=\"publication['title']\">\r\n                                <h4 class=\"reduced-text d-none d-sm-block\" v-html=\"publication['title']\"></h4>\r\n                            </div>\r\n                            <div class=\"blog-txt\" v-if=\"publication['blurb']\"\r\n                                 v-html=\"publication['blurb']\"/>\r\n                            <div class=\"blog-read-more\">\r\n                                <p @click=\"goToSection(publication)\">\r\n                                    Leer más\r\n                                    <img v-img-prefix :src=\"`/public-assets/arrow-right-n`\" alt=\"arrow-right-n\"\r\n                                         class=\"img-fluid\" width=\"16\" height=\"13\"/>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </VueSlickCarousel>\r\n        <div v-if=\"enableButton\" class=\"col-12 button-bottom text-center mt-5\">\r\n            <a href=\"/blog\" class=\"btn btn-primary btn-orange\" @click=\"trackClick('Blog', 'Ir_al_blog')\">\r\n                <span class=\"px-5\">Ir al blog</span>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { trackClick } from \"@/helpers/clickTracker\";\r\nexport default {\r\n    props: {\r\n        publicationsData: {type: Array, default: []},\r\n        enableButton: {type: Boolean, default: true, required: false},\r\n        smallerCards: {type: Boolean, default: false, required: false}\r\n    },\r\n    data() {\r\n        return {\r\n            settings: {\r\n                \"dots\": true,\r\n                \"infinite\": false,\r\n                \"slidesToShow\": 3,\r\n                \"focusOnSelect\": true,\r\n                \"initialSlide\": 0,\r\n                \"edgeFriction\": 0.35,\r\n                \"responsive\": [\r\n                    {\r\n                        \"breakpoint\": 1400,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 3,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 1250,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 2.6,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 1024,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 2.2,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 900,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 2,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 800,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 1.8,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 700,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 1.5,\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 600,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 1,\r\n                            \"arrows\": false\r\n                        }\r\n                    },\r\n                    {\r\n                        \"breakpoint\": 420,\r\n                        \"settings\": {\r\n                            \"slidesToShow\": 1,\r\n                            \"arrows\": false\r\n\r\n                        }\r\n                    }\r\n                ]\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        if (this.smallerCards) {\r\n            this.settings.slidesToShow = 2\r\n            this.settings.responsive.forEach((item, index) => {\r\n                if (item.breakpoint >= 700) {\r\n                    let size = item.settings.slidesToShow * 2 / 3\r\n                    this.settings.responsive[index].settings.slidesToShow = size\r\n                }\r\n            })\r\n        }\r\n    },\r\n    methods: {\r\n        trackClick,\r\n        goToSection(data) {\r\n            trackClick('Blog', `Leer_más_${data.title}`);\r\n            window.location.href = `/blog/${data.slug}`;\r\n        },\r\n        getCategoryTitle(publication) {\r\n            let title = \"Otro\"\r\n            if (publication.categoria_blog) return publication.categoria_blog\r\n            if (publication.taxonomies.length > 0) {\r\n                title = publication.taxonomies[0].title\r\n            }\r\n\r\n            return title\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.blog-txt a {\r\n    text-decoration: none;\r\n}\r\n\r\n.reduced-text {\r\n    display: -webkit-box !important;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .blog-item {\r\n        width: 250px !important;\r\n    }\r\n\r\n    .sub-title {\r\n        padding: 0 7px !important;\r\n    }\r\n}\r\n\r\n.blog-item {\r\n    width: 300px;\r\n    max-width: 300px;\r\n    margin: 1rem auto;\r\n}\r\n\r\n.slider-blog {\r\n    display: block !important;\r\n    margin: auto;\r\n    margin-bottom: 100px;\r\n    max-width: 80%;\r\n}\r\n\r\n.blog-content-home {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.blog-item .blog-title {\r\n    color: black;\r\n    height: auto;\r\n}\r\n\r\n.blog-content-home h4 {\r\n    font-size: 16px;\r\n}\r\n\r\n.blog-content-home .blog-txt {\r\n    font-size: 16px;\r\n}\r\n\r\n.blog-content-home .sub-title {\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n}\r\n</style>"],"names":["render","_vm","_h","_c","$event","publication","index","staticRenderFns","__vue2_script","item","size","trackClick","data","title"],"mappings":"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"}