{"version":3,"file":"VideoSection-BAGTWr3r.js","sources":["../../../resources/js/Pages/Home/VideoSection/VideoSection.vue","../../../resources/js/Components/PaginationPlaylist/PaginationPlaylist.vue"],"sourcesContent":["<script>\nimport Icon from \"@/Components/Icon/Icon.vue\";\nimport { Link } from \"@inertiajs/inertia-vue3\";\nimport App from \"@/Pages/App.vue\";\nimport { youtube } from \"@/Helpers/Api\";\nimport PaginationPlaylist from \"@/Components/PaginationPlaylist/PaginationPlaylist.vue\";\nimport { ref } from \"vue\";\nimport LiteYouTubeEmbed from \"vue-lite-youtube-embed\";\nimport { PhArrowLeft, PhArrowRight } from \"@phosphor-icons/vue\";\nimport \"vue-lite-youtube-embed/style.css\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\n\nexport default {\n  components: {\n    Link,\n    App,\n    PaginationPlaylist,\n    LiteYouTubeEmbed,\n    Icon,\n    Swiper,\n    SwiperSlide,\n    PhArrowLeft,\n    PhArrowRight,\n  },\n  data() {\n    return {\n      basic: this.$inertia.page.props.siteConfig.basic_configurations[0],\n      bgDesktop: \"\",\n      bgMobile: \"\",\n      iframe: \"\",\n      playlist: [],\n      playlistPage: ref([]),\n      titleVideo: \"\",\n      page: 1,\n      perPage: 3,\n      totalPage: 0,\n      breakpoints: {\n        '640': {\n          slidesPerView: 3,\n          spaceBetween: 10,\n          centeredSlides: false,\n        },\n        '768': {\n          slidesPerView: 3,\n          spaceBetween: 10,\n          centeredSlides: false,\n        },\n        '1024': {\n          slidesPerView: 3,\n          spaceBetween: 20,\n          centeredSlides: false,\n        },\n        '1280': {\n          slidesPerView: 4,\n          spaceBetween: 30,\n          centeredSlides: false,\n        },\n        '1536': {\n          slidesPerView: 4,\n          spaceBetween: 30,\n        },\n      },\n    };\n  },\n  methods: {\n    iframeVideo(id, title) {\n      this.titleVideo = title;\n      this.iframe = id;\n      // this.iframe = '<iframe class=\"w-full aspect-video\" src=\"https://www.youtube.com/embed/'+ this.playlist[0].snippet.resourceId.videoId +'?controls=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>'\n    },\n    async youtubePaylist() {\n      /**\n       * parametro 1: info, playlist\n       * parametro 2: (playlist, 15) apena playlist\n       */\n      const res = await youtube(\"playlist\", 10);\n      this.playlist = res.items;\n\n      this.playlistPerPage(this.page);\n      if (this.playlist?.length > 0) {\n        this.titleVideo = this.playlist[0].snippet.title;\n        this.iframe = this.playlist[0].snippet.resourceId.videoId;\n      }\n      //this.iframe = '<iframe class=\"w-full h-full\" src=\"https://www.youtube.com/embed/'+ this.playlist[0].snippet.resourceId.videoId +'?controls=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>'\n    },\n    playlistPerPage(page) {\n      const playlistPage = [];\n      const startIndex = this.perPage * (page - 1) + 1;\n      const endIndex = startIndex + this.perPage - 1;\n\n      for (let i = startIndex; i <= endIndex; i++) {\n        if (this.playlist?.length > 0) {\n          playlistPage.push(this.playlist[i]);\n        }\n      }\n\n      this.playlistPage = playlistPage;\n    },\n    prevPage() {\n      this.page--;\n      this.youtubePaylist(this.page);\n    },\n    nextPage() {\n      this.page++;\n      this.youtubePaylist(this.page);\n    },\n    playCurrentVideo(id) {\n      // this.play.video_id = id;\n      // this.$refs.youtube.player.playVideo();\n      this.isActive = true;\n      this.iframe = id;\n      // alert(id);\n    },\n    showNav(tam) {\n      if (tam > 5 && window.innerWidth >= 760) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n  },\n  mounted() {\n    this.bgDesktop =\n      \"url('\" +\n      this.$inertia.page.props.siteConfig.site_configuration_people[0].bgdesk_video_cdn +\n      \"')\";\n    this.bgMobile =\n      \"url('\" +\n      this.$inertia.page.props.siteConfig.site_configuration_people[0]\n        .bgmobile_video_cdn +\n      \"')\";\n\n    setTimeout(() => {\n      this.youtubePaylist(this.page);\n      this.totalPage = 9 / this.perPage;\n    }, 2000);\n  },\n};\n</script>\n\n<template>\n  <section id=\"video\" class=\"c-video md:min-h-screen\">\n    <div class=\"md:container relative z-[1]\">\n      <h2\n        class=\" o-title w-full uppercase text-secondary text-start md:text-center font-tertiary leading-none mx-auto pb-8 lg:pb-6 px-6 md:px-0\"\n        data-aos=\"fade-up\" data-aos-delay=\"200\">\n        Vídeo\n      </h2>\n\n      <div class=\"w-full flex flex-col items-center gap-8 md:gap-10\">\n\n        <div class=\" w-full md:w-10/12 lg:max-w-[768px] aspect-video mx-auto\">\n          <template v-if=\"iframe\">\n            <LiteYouTubeEmbed :id=\"iframe\" :title=\"titleVideo\" :webp=\"true\" poster=\"maxresdefault\" />\n          </template>\n        </div>\n\n        <div class=\"carousel lg:max-w-[1080px]\">\n\n          <p class=\"carousel__titulo\" data-aos=\"fade-up\" data-aos-delay=\"350\">\n            Mais Assistidos\n          </p>\n\n          <div class=\"w-full relative px-8\">\n            <div class=\"md:px-[60px] mx-auto w-full\">\n              <swiper :slides-per-view=\"2\" :space-between=\"10\" :breakpoints=\"breakpoints\">\n                <swiper-slide v-for=\"(item, index) in playlistPage\" :key=\"index\" class=\"\">\n\n                  <button type=\"button\" class=\"my-auto\" @click=\"playCurrentVideo(item.contentDetails.videoId)\">\n                    <figure class=\"aspect-[16/9]\">\n                      <img :src=\"item.snippet.thumbnails.maxres.url\" class=\"w-full h-full\" :alt=\"item.title\"/>\n                    </figure>\n                  </button>\n                </swiper-slide>\n              </swiper>\n            </div>\n\n            <div v-if=\"playlistPage.length > 3\" class=\"absolute w-full top-[30%] hidden md:block\">\n              <div class=\"flex justify-between items-center\" :class=\"[showNav(playlist.length) ? 'flex' : 'hidden']\">\n                <button @click=\"prev()\"\n                  class=\"swiper-nav-button custom-next-button bg-white hover:bg-white/80 border border-white p-2 rounded-full transition-all ease-in-out duration-300\">\n                  <PhArrowLeft class=\"w-6 h-6 fill-black\" />\n                </button>\n                <button @click=\"next()\"\n                  class=\"swiper-nav-button custom-next-button bg-white hover:bg-white/80 border border-white p-2 rounded-full transition-all ease-in-out duration-300\">\n                  <PhArrowRight class=\"w-6 h-6 fill-black\" />\n                </button>\n              </div>\n            </div>\n            <div class=\"container mt-6\">\n              <div class=\"c-deslize \">\n                <Icon name=\"icon-indicator\" class=\"c-deslize__indicator fill-secondary/70\" />\n                Deslize para navegar\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<style src=\"./style.scss\" lang=\"scss\" scoped />\n\n<style lang=\"scss\">\n\n.c-video {\n  background: v-bind(bgDesktop);\n  background-repeat: no-repeat !important;\n  background-position: top center !important;\n  background-size: cover !important;\n  position: relative;\n\n  &::before {\n    @apply content-[''] absolute left-0 top-0 w-full h-full bg-black/60;\n\n  }\n\n  @media (max-width: 768px) {\n    background: v-bind(bgMobile);\n    background-position: top center !important;\n    background-size: 150% !important;\n  }\n\n  .swiper-wrapper {\n    @media (min-width: 768px) {\n      justify-content: center;\n    }\n  }\n\n}\n</style>\n","<script setup>\nimport { Link } from \"@inertiajs/inertia-vue3\";\nimport {computed, reactive} from \"vue\";\n\nconst name = \"Pagination\";\n\nconst props = defineProps({\n data: Object\n});\n\n/*** LIMPA O ARRAY DE PAGINACAO DO LARAVEL ***/\nconst cleanLinks = computed(() => {\n    const cleanLinks = props.data.links\n    cleanLinks.shift();\n    cleanLinks.pop();\n\n    return cleanLinks\n});\n\nconst hidePagination = computed(() => {\n    return !this.data.prev_page_url && !this.data.next_page_url\n});\n</script>\n\n<template>\n\n    <div class=\"flex justify-between items-center mt-4\">\n        <Label v-if=\"data.to\" :value=\"`Registro ${data.from} - ${data.to} de ${data.total}`\"></Label>\n\n        <div class=\"flex items-center\">\n\n            <Link v-if=\"data.prev_page_url\" :href=\"data.prev_page_url\" class=\"flex items-center justify-center w-8 h-8 mx-1 transition-colors duration-200 transform bg-white-dark dark:bg-bgadm-light rounded-md hover:bg-white-light/70 hover:bg-white-dark/50 dark:hover:bg-bgadm-light/70\">\n                <ChevronLeftIcon class=\"w-3 h-3 stroke-black-light dark:stroke-white-light\" />\n            </Link>\n\n            <Link v-if=\"data.next_page_url\" :href=\"data.next_page_url\" class=\"flex items-center justify-center w-8 h-8 mx-1 transition-colors duration-200 transform bg-white-dark dark:bg-bgadm-light rounded-md hover:bg-white-dark/50 dark:hover:bg-bgadm-light/70\">\n                <ChevronRightIcon class=\"w-3 h-3 stroke-black-light dark:stroke-white-light\" />\n            </Link>\n\n        </div>\n    </div>\n\n</template>\n"],"names":["_sfc_main","components","Link","App","PaginationPlaylist","props","__props","computed","cleanLinks","data","links","shift","pop","this","prev_page_url","next_page_url","LiteYouTubeEmbed","Icon","Swiper","SwiperSlide","PhArrowLeft","PhArrowRight","basic","$inertia","page","siteConfig","basic_configurations","bgDesktop","bgMobile","iframe","playlist","playlistPage","ref","titleVideo","perPage","totalPage","breakpoints","slidesPerView","spaceBetween","centeredSlides","methods","id","title","res","youtube","items","playlistPerPage","length","snippet","resourceId","videoId","startIndex","endIndex","i","push","youtubePaylist","isActive","showNav","tam","window","innerWidth","site_configuration_people","bgdesk_video_cdn","bgmobile_video_cdn","setTimeout","class","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","key","_hoisted_14","_hoisted_15","_openBlock","_createElementBlock","_hoisted_1","_hoisted_3","$data","_createBlock","_component_LiteYouTubeEmbed","webp","poster","_createCommentVNode","_hoisted_7","_createVNode","_component_swiper","default","_withCtx","_Fragment","_renderList","item","index","_component_swiper_slide","type","onClick","$options","playCurrentVideo","contentDetails","src","thumbnails","maxres","url","alt","_","_hoisted_13","_normalizeClass","_ctx","prev","_component_PhArrowLeft","next","_component_PhArrowRight","_component_Icon","name","_createTextVNode"],"mappings":"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"}