{"version":3,"sources":["webpack:///./src/blog-lp/sections/Courses.vue?5a66","webpack:///./src/blog-lp/sections/Courses.vue?efa0","webpack:///./src/blog-lp/sections/Courses.vue","webpack:///./src/blog-lp/sections/Courses.vue?4f5e","webpack:///./src/blog-lp/sections/Courses.vue?b0dd","webpack:///./src/blog-lp/services/index.js"],"names":["props","__props","courses","ref","activeSlide","watch","swiperLoaded","newValue","getCourses","immediate","cleanedText","text","replace","trim","initializeSwiper","setTimeout","window","Swiper","speed","effect","grabCursor","spaceBetween","longSwipesRatio","initialSlide","value","on","slideChange","activeIndex","navigation","nextEl","prevEl","landingPageGetCourses","then","output","data","Error","catch","error","console","fetchData","endpoint","response","fetch","method","ok","status","json","landingPageGetMissions","ENDPOINT","baseUrlMissions","baseUrlLearning"],"mappings":"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","file":"js/chunk-a032ee94.70aad2ca.js","sourcesContent":["import script from \"./Courses.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Courses.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Courses.vue?vue&type=style&index=0&id=794929ae&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1250588209/src/flip-child-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-794929ae\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Courses.vue?vue&type=style&index=0&id=794929ae&scoped=true&lang=css\"","<template>\n    <div class=\"courses q-mx-sm\">\n        <h4>Oferecemos <span>cursos</span> gratuitos</h4>\n        <p>Conteúdos focados e objetivos</p>\n        <div class=\"courses-inner\" v-if=\"courses?.length\">\n            <div class=\"swiper swiper-courses\">\n                <div class=\"swiper-wrapper\">\n                    <div v-for=\"( course, index ) in courses\" :key=\"index\" class=\"swiper-slide\">\n                        <div class=\"swiper-slide-media\">\n                            <img :src=\"course.images_videos\" />\n                        </div>\n                    </div>\n                </div>\n                <div class=\"controls\">\n                    <button class=\"slidePrev\">\n                        <q-icon name=\"chevron_left\"/>\n                    </button>\n                    <button class=\"slideNext\">\n                        <q-icon name=\"chevron_right\"/>\n                    </button>\n                </div>\n            </div>\n            <div class=\"course-description-content\" :key=\"activeSlide\">\n                <h6 v-text=\"courses[activeSlide].name\"/>\n                <div class=\"course-description-text\" \n                    v-html=\"cleanedText(courses[activeSlide].description)\" \n                />\n                <a @click=\"goToForm\" class=\"button-go-to-form\">\n                    Quero começar agora\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport { ref, defineProps, watch } from 'vue';\nimport { landingPageGetCourses } from '../services';\n\nconst props = defineProps({\n    swiperLoaded: Boolean,\n    goToForm: {\n        type: Function,\n        required: true\n    }\n})\n\nconst courses = ref(null);\nconst activeSlide = ref(1); // Slide ativo\n\n\n// Quando a lib Swiper é 100% carregado 'swiperLoaded' vem true... executando a criação dos slides\nwatch(() => props.swiperLoaded, (newValue) => {\n    if (newValue) {\n        getCourses()\n    }\n}, { immediate: true })\n\n\n\n// METHODS ================================================================================================\n\n// Limpa o texto removendo caracteres especiais e tags HTML\nconst cleanedText = (text) => {\n    if ( !text ) return;\n\n    // Remover caracteres como \\\" e \\\\ e aspas \"\n    text = text.replace(/\\\\[\"\\\\]/g, '').replace(/[\"]/g, '');\n\n    // Remover todas as tags HTML\n    text = text.replace(/<\\/?[^>]+(>|$)/g, '');\n\n    // Remover múltiplos espaços em branco\n    text = text.replace(/\\s{2,}/g, ' ').trim();\n\n    return text;\n}\n\n\n// Cria o carousel de cursos\nconst initializeSwiper = () => {\n    setTimeout(() => {\n        new window.Swiper('.swiper-courses', {\n            speed: 900,\n            effect: \"cards\",\n            grabCursor: true,\n            spaceBetween: 20,\n            longSwipesRatio: 0.2,\n            initialSlide: activeSlide.value,\n            on: {\n                slideChange: function () {\n                    activeSlide.value = this.activeIndex;\n                },\n            },\n            navigation: {\n                nextEl: '.slideNext',\n                prevEl: '.slidePrev',\n            },\n        });\n    })\n}\n\n\n// Busca os cursos no serviço\nfunction getCourses() {\n    landingPageGetCourses()\n        .then(output => {\n            const { data } = output;\n\n            if (!data) throw new Error('Nenhum curso')\n\n            courses.value = data\n\n            initializeSwiper()\n        })\n        .catch(error => {\n            console.error('Houve um erro ao buscar os cursos', error)\n        })\n}\n</script>\n<style scoped>\n.courses {\n    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;\n    border-radius: 8px;\n    padding: 1.5rem;\n}\n\n.courses > p {\n    text-align: center;\n    font-size: clamp(15px, 3.5vw, 18px);\n}\n\n.courses p > span {\n    color: var(--flip-color-primary);\n    font-weight: 600;\n}\n\n.course-description-content {\n    max-width: 100%;\n    position: relative;\n}\n\n.course-description-content h6 {\n    font-size: clamp(16px, 4vw, 18px);\n    font-weight: 500;\n    margin-bottom: 8px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 95%;\n    white-space: nowrap;\n}\n\n.course-description-text {\n    font-size: clamp(12px, 3.8vw, 16px);\n    color: #667082;\n    display: -webkit-box; \n    -webkit-line-clamp: 4; \n    -webkit-box-orient: vertical;\n    overflow: hidden; \n    text-overflow: ellipsis;\n}\n\n.controls {\n    display: flex;\n    gap: 10px;\n    margin-top: 4px;\n    justify-content: center;\n}\n\n.controls button {\n    outline: none;\n    border: none;\n    background-color: #1d1e2c;\n    border-radius: 50%;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.controls button:hover {\n    opacity: 0.9;\n}\n\n.controls button :deep(.q-icon) {\n    color: #fff;\n}\n\nul h6 {\n    font-weight: 600;\n    font-size: clamp(13px, 3.5vw, 16px);\n}\n\nul p {\n    font-size: clamp(12px, 3.5vw, 14px);\n}\n\n.courses a {\n    height: 48px;\n    font-weight: 700;\n    border-radius: 40px;\n    display: flex;\n    justify-content: center;\n    padding-left: 0px;\n    max-width: 100%;\n    margin-top: 25px;\n    font-size: clamp(12px, 4vw, 18px);\n    text-transform: initial;\n    border: 1px solid var(--flip-color-primary);\n    background-color: transparent;\n    color: var(--flip-color-primary);\n    transition: 150ms background ease;\n    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);\n}\n\n.courses a:hover {\n    background: var(--flip-color-primary);\n    color: #fff;\n}\n\nh4 {\n    font-weight: 600;\n    text-align: center;\n    margin: 7px 0px;\n    font-size: clamp(20px, 5vw, 32px);\n}\n\nh4 > span {\n    position: relative;\n    color: var(--flip-color-primary)\n}\n\nh4 > span::before {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 94%;\n    height: 3px;\n    background-color: var(--flip-color-primary);\n    transform-origin: 0 100%;\n    transform: rotate(-2deg);\n}\n\n.swiper {\n    margin: 2rem 0.5rem 1.5rem 0.5rem\n}\n\n.swiper-slide {\n    box-shadow: rgba(10, 9, 9, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\n    border-radius: 0.5rem;\n    display: grid;\n    overflow: hidden; \n}\n\n.swiper-slide .swiper-slide-media>img {\n    width: 100%;\n    height: 100%;\n    border-top-left-radius: 0.5rem;\n    border-top-right-radius: 0.5rem;\n}\n\n@media (min-width: 599.99px) {\n    .courses {\n        padding: 3.75rem;\n    }\n\n    .courses-inner {\n        display: flex;\n        align-items: center;\n        gap: 75px;\n        margin: 55px 0px 0px 0px\n    }\n\n    .courses-inner > div:first-child {\n        width: 53%;\n    }\n\n    .courses-inner > div:last-child {\n        width: 47%;\n        align-self: baseline;\n        max-width: 400px;\n    }\n\n    .courses a {\n        margin-top: 35px;\n    }\n\n    .course-description-content h6 {\n        margin-bottom: 16px;\n    }\n\n    .course-description-text {\n        -webkit-line-clamp: 6; \n    }\n    \n    .controls {\n        margin-top: 15px;\n    }\n\n    .missions {\n        margin-top: 90px;\n    }\n\n    .swiper {\n        margin: 0px\n    }\n\n    .swiper-slide {\n        display: flex;\n        height: 270px;\n        margin: 0px\n    }\n\n    .swiper-slide .swiper-slide-media {\n        width: 100%;\n    }\n\n    .swiper-slide .credits {\n        margin-top: 10px\n    }\n\n    .swiper-slide .swiper-slide-media>img {\n        border-top-left-radius: 0.5rem;\n        border-bottom-left-radius: 0.5rem;\n        border-top-right-radius: 0rem;\n    }\n}\n\n</style>","export { default } 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/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Courses.vue?vue&type=script&setup=true&lang=js\"; 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/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Courses.vue?vue&type=script&setup=true&lang=js\"","// extracted by mini-css-extract-plugin","import {\n    baseUrlMissions, baseUrlLearning\n} from \"@/shared/http/api\";\n\nconst fetchData = async (endpoint) => {\n    try {\n        const response = await fetch(endpoint, { method: 'GET' });\n        if (!response.ok) {\n            throw new Error(`HTTP error! Status: ${response.status}`);\n        }\n        return await response.json();\n    } catch (error) {\n        console.error('Fetch error:', error);\n        throw error;\n    }\n};\n\nexport const landingPageGetMissions = () => {\n    const ENDPOINT = `${baseUrlMissions}/api/v1/missions/public?&vigente=true`;\n\n    return fetchData(ENDPOINT);\n};\n\nexport const landingPageGetCourses = () => {\n    const ENDPOINT = `${baseUrlLearning}/api/v1/public/courses/enroll`;\n    \n    return fetchData(ENDPOINT);\n};"],"sourceRoot":""}