{"version":3,"file":"BannerPopup-B9Qgszjq.js","sources":["../../../resources/js/Pages/Home/BannerPopup/BannerPopup.vue"],"sourcesContent":["<script>\nimport Modal from \"@/Components/Modal/Modal.vue\";\nimport Icon from \"@/Components/Icon/Icon.vue\";\nimport { send } from \"@/Helpers/Api\";\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { Navigation, Autoplay, Keyboard, Pagination } from 'swiper';\nimport LiteYouTubeEmbed from 'vue-lite-youtube-embed'\nimport 'vue-lite-youtube-embed/style.css'\n\nimport 'swiper/css';\n\nimport 'swiper/css/pagination';\nimport 'swiper/css/navigation';\n\nexport default {\n    components: {\n        Modal,\n        Icon,\n        Swiper,\n        SwiperSlide,\n        LiteYouTubeEmbed\n    },\n    data() {\n        return {\n            showModal: false,\n            banner: [],\n            modules: [Autoplay, Navigation, Keyboard, Pagination],\n        }\n    },\n    methods: {\n        closeModal() {\n            this.showModal = false;\n            document.body.classList.remove('active');\n        },\n        goNext() {\n            this.$emit('prev');\n        },\n        goPrev() {\n            this.$emit('next');\n        },\n        autoplay(s, time, progress) {\n            // console.log(progress)\n            //   document.getElementById('progressCircle').style.setProperty('--progress', 1 - progress)\n        }\n    },\n    async mounted() {\n        const res = await send('bannerpopup')\n\n        this.banner = res\n\n        // console.log(this.banner)\n        if (this.banner.length > 0) {\n\n\n            setTimeout(() => {\n                this.showModal = true\n                if (route().current('home')) {\n                    document.body.classList.add('active');\n\n                }\n            }, 6500)\n        }\n    },\n}\n</script>\n\n<template>\n    <Transition name=\"modal\">\n        <div v-if=\"showModal\" class=\"modal-mask\">\n            <div class=\"modal-wrapper\">\n                <div class=\"container md:max-w-4xl lg:max-w-5xl 2xl:max-w-6xl py-4 relative\">\n                    <swiper v-if=\"true\" ref=\"swiper-banner\" :keyboard=\"true\" :autoplay=\"{\n            delay: 6500,\n            disableOnInteraction: false,\n            pauseOnMouseEnter: true\n        }\" :preventClicks=\"false\" @autoplayTimeLeft=\"autoplay\" :spaceBetween=\"10\" :allowTouchMove=\"true\"\n                        :grabCursor=\"true\" :centeredSlides=\"false\"\n                        :navigation=\"{ nextEl: '.custom-next-button', prevEl: '.custom-prev-button' }\"\n                        :modules=\"modules\">\n\n                        <swiper-slide v-for=\"(item, index) in banner\" :key=\"index\">\n                            <div class=\"banner-aspect w-full  relative\">\n                                <template v-if=\"item.type === 1\">\n\n                                    <div class=\"w-full h-full absolute top-0\">\n                                        <LiteYouTubeEmbed :id=\"item.link2\"\n                                            title=\"Rick Astley - Never Gonna Give You Up (Official Music Video)\" />\n                                    </div>\n                                    <!--                                    <iframe class=\"w-full h-full absolute top-0\" width=\"560\" height=\"315\"\n                                            :src=\"'https://www.youtube.com/embed/' + item.link2 + '?si=EJf3I63GaHjlFLNV'\"\n                                            title=\"YouTube video player\" frameborder=\"0\"\n                                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                            referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>-->\n                                </template>\n                                <template v-else>\n                                    <a :href=\"[item.link1 ? item.link1 : '#']\"\n                                        :target=\"[item.link1 ? '_blank' : '_self']\"\n                                        class=\"w-full h-full absolute top-0\">\n                                        <!-- <pre class=\"text-white\" >{{item}}</pre> -->\n                                        <picture class=\"h-full w-full\">\n                                            <source media=\"(max-width: 540px)\" srcset=\"/images/banner-mobile.webp\" />\n                                            <img src=\"/images/banner-desk.webp\" alt=\"Fotos de eventos\"\n                                                class=\"w-full h-full object-contain\" />\n                                        </picture>\n                                    </a>\n                                </template>\n                            </div>\n                        </swiper-slide>\n\n                        <div class=\"nav-banner\">\n                            <div class=\"flex justify-between\">\n                                <button type=\"button\" class=\"nav-banner__button custom-prev-button\" @click=\"goPrev\">\n                                    <Icon name=\"icon-caret-left\" class=\"h-5 md:h-10 fill-white\" />\n                                </button>\n\n                                <button type=\"button\" class=\"nav-banner__button custom-next-button\" @click=\"goNext\">\n                                    <Icon name=\"icon-caret-right\" class=\"h-5 md:h-10 fill-white\" />\n                                </button>\n                            </div>\n                        </div>\n\n                        <template #container-end>\n                            <div class=\"autoplay-progress\">\n                                <svg viewBox=\"0 0 48 48\" id=\"progressCircle\">\n                                    <circle cx=\"24\" cy=\"24\" r=\"20\"></circle>\n                                </svg>\n                                <span id=\"progressContent\"></span>\n                            </div>\n                        </template>\n                    </swiper>\n\n                    <button type=\"button\"\n                        class=\"absolute right-3 md:right-0 top-1 md:top-0 rounded-full p-2 border-2 border-white hover:opacity-70 z-[10]\"\n                        @click=\"closeModal()\">\n                        <Icon name=\"icon-close\" class=\"w-2 md:w-3 stroke-white object-contain fill-white\" />\n                    </button>\n                </div>\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<style src=\"./style.scss\" lang=\"scss\" scoped />\n\n<style lang=\"scss\">\n.nav-banner {\n    width: 100%;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 1;\n    pointer-events: none;\n\n    &__button {\n        //padding: 10px 15px;\n        @apply py-1 px-3;\n        pointer-events: auto;\n        cursor: pointer;\n\n        &:disabled {\n            opacity: 0.2;\n        }\n    }\n}\n</style>\n"],"names":["_sfc_main","components","Modal","Icon","Swiper","SwiperSlide","LiteYouTubeEmbed","data","showModal","banner","modules","Autoplay","Navigation","Keyboard","Pagination","methods","this","document","body","classList","remove","goNext","$emit","goPrev","s","time","progress","mounted","res","send","length","setTimeout","route","current","add","key","class","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_createElementVNode","media","srcset","src","alt","_hoisted_9","_hoisted_10","viewBox","id","cx","cy","r","_createBlock","_Transition","name","default","_withCtx","$data","_openBlock","_createElementBlock","_hoisted_1","_component_swiper","ref","keyboard","autoplay","preventClicks","onAutoplayTimeLeft","$options","spaceBetween","allowTouchMove","grabCursor","centeredSlides","navigation","nextEl","prevEl","_hoisted_11","_Fragment","_renderList","item","index","_component_swiper_slide","type","_hoisted_5","_createVNode","_component_LiteYouTubeEmbed","link2","title","href","link1","target","_hoisted_8","_","onClick","args","_component_Icon","closeModal","_createCommentVNode"],"mappings":"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"}