{"version":3,"file":"blog.js-C_t8y4TA.js","sources":["../../../../../../app/javascript/components/blog/BlogNotes.vue","../../../../../../app/javascript/components/blog/App.vue","../../../../../../app/javascript/entrypoints/public/blog.js"],"sourcesContent":["<template>\n    <div class=\"global-card__grid global-card-grid--three-cards justify-content-center\">\n      <div class=\"global-card p-0 gap-0\" v-for=\"(note, index) in notes\"\n        :key=\"note._id\"\n        :class=\"index === 0 ? 'min-width-note' : ''\"\n        :style=\"index !== 0 ? 'min-width:400px;' : ''\">\n\n        <img :src=\"url(note, index === 0 ? 'banner' : 'thumbnail')\"\n          :alt=\"notes.name\"\n          :class=\"index === 0 ? 'main-image' : 'image-for-regular-note'\"\n          v-if=\"url(note, index === 0 ? 'banner' : 'thumbnail')\"/>\n\n        <div class=\"p-4\">\n          <h2 class=\"blog-title h2-zensavvy\">{{ note.name }}</h2>\n          <p class=\"blog-excerpt\">{{ note.blurb }}</p>\n        </div>\n        <a :href=\" `/${locale}/blog/${note.slug}`\" class=\"read-more\">{{ translations.read_more_button }}</a>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    inject: ['translations', 'locale'],\n\n    props: {\n      notes: {\n        type: Array,\n        required: true,\n      },\n    },\n    \n    methods: {\n        url(note, imageAttribute) {\n            if (note[imageAttribute] == null) { return null }\n            else if (typeof note[imageAttribute] === 'object') { return note[imageAttribute].url }\n            else if (typeof note[imageAttribute] === 'string') { return note[imageAttribute] }\n            return ''\n        }\n    }\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  .min-width-note{ \n    min-width: 90% !important;\n\n    @media (max-width: 924px) {\n      min-width: 400px !important;\n      img {\n        width: 100% !important;\n        height:auto !important;\n        filter: none !important;\n        aspect-ratio:16/10;\n        object-fit: cover !important;\n      }\n    }\n  }\n\n  .main-image {\n    width: 100% !important;\n    height: 100% !important;\n    filter: none !important;\n  }\n\n  .image-for-regular-note {\n    width: 100% !important;\n    height:auto !important;\n    filter: none !important;\n    aspect-ratio:16/10;\n    object-fit: cover !important;\n  }\n\n  .blog-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n    gap: 20px;\n    padding: 20px;\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    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  ","<template>\n    <div class=\"\">\n        <BlogNotes :notes=\"posts\"/>\n\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>\n</template>\n<script>\nimport BlogNotes from './BlogNotes.vue';\nexport default {\n    inject: ['axios', 'locale', 'tag'],\n    components: { BlogNotes },\n    data: () => ({\n        posts: [],\n        actualPage: 0,\n        status: {\n            get: false,\n            finished: false\n        }\n    }),\n    mounted() {\n        this.getPosts();\n        window.onscroll = (ev) => {\n            if ((window.innerHeight + window.scrollY) >= (document.body.offsetHeight - 430)) {\n                if (!this.status.get) {\n                    this.getPosts();\n                }\n            }\n        };\n    },\n    methods: {\n        getPosts() {\n            if (!this.status.get && !this.status.finished) {\n                this.actualPage += 1;\n                this.status.get = true;\n\n                const queryString = new URLSearchParams(this.removeNulls({\n                    page_size: 9, page: this.actualPage,\n                    locale: this.locale, 'filters[tags]': this.tag,\n                    include: 'banner,thumbnail'\n                })).toString();\n\n                this.axios.get(`/posts?${queryString}`).then(response => {\n                    if (this.posts.length >= this.metadata?.total ) {\n                        this.status.finished = true;\n                    }\n                    this.posts = this.posts.concat(response.data.data);\n                    this.metadata = response.data.meta;\n                }).catch((e) => {\n                    console.warn(e)\n                }).finally(() =>{\n                    this.status.get = false;\n                });\n            }\n        },\n\n        removeNulls(obj) {\n            return Object.fromEntries(\n                Object.entries(obj).filter(([_, value]) => value !== null)\n            );\n        }\n    }\n}\n</script>\n<style scoped>\n    .btn {\n        text-align: left;\n    }\n</style>","import App from '@components/blog/App.vue'\nimport { generateApplication } from '@helpers/generate_component.js';\nimport { generateAxiosInstance } from '@helpers/axios_provider.js'\n\ngenerateApplication(\n  App,\n  \"#blog-app\",\n  {\n    injections: [{\n      name: 'axios', module: generateAxiosInstance(hostApiKey, '/api/v1/pub/')\n    }, {\n      name: 'locale', module: locale\n    }, {\n      name: 'translations', module: translations\n    }, {\n      name: 'tag', module: typeof tag === 'undefined' ? null : tag\n    }],\n  }\n)"],"names":["_sfc_main","note","imageAttribute","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_Fragment","_renderList","$props","index","_normalizeClass","$options","_createElementVNode","_toDisplayString","_hoisted_6","BlogNotes","ev","queryString","response","_a","e","obj","_","value","_createVNode","_component_BlogNotes","_ctx","_hoisted_2","_cache","generateApplication","App","generateAxiosInstance"],"mappings":"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"}