{"version":3,"file":"Tours.2cf8df15.js","sources":["../../../resources/scripts/Frontend/Pages/Spotlight/Blocks/Tours.vue"],"sourcesContent":["<template>\n    <div class=\"slideshow-block\">\n\n        <div class=\"tour-top-nav flex items-center justify-center mb-2\">\n            <span class=\"tours-header uppercase mr-[10px] text-[.93rem] font-semibold tracking-wider text-slate-500\" v-html=\"block.title\"></span>\n            <span class=\"tour-bullets flex gap-[4px]\">\n                <a class=\"tour-bullet w-[12px] flex items-center justify-center transition-colors duration-300 cursor-pointer hover:text-cyan-500\" :class=\"{ 'text-cyan-500': index == activeIndex, 'text-slate-300': activeIndex !== index }\" v-for=\"(item, index) in block.items\" :key=\"index\" @click=\"goTo(index)\">\n                    <span class=\"bg-current rounded-full w-[9px] h-[9px]\"></span>\n                </a>\n            </span>\n        </div>\n\n        <div class=\"tour-slide-wrapper relative rounded-[4px] overflow-hidden\">\n            <Splide ref=\"tourSlider\" @splide:move=\"setActive\" :options=\"splideOptions\">\n                <SplideSlide v-for=\"(item, index) in block.items\" :key=\"index\">\n                    <a v-bind=\"handleAttrs(item.link)\" @click=\"handleClick(item.link)\" class=\"slideshow-slide cursor-pointer block w-full group h-full relative\" :class=\"{ 'current-slide': activeIndex == index }\">\n                        <div class=\"image w-full h-full transform absolute\">\n                            <img class=\"h-full block w-full object-cover duration-300 transition-appearance ease-linear group-hover:scale-110\" :src=\"item.image\" />\n                        </div>\n                        <a class=\"content-link absolute w-full h-full top-0 left-0 p-7 flex items-end justify-start\">\n                            <div class=\"text-white content\">\n                                <h3 class=\"text-2xl font-semibold\" v-html=\"item.title\"></h3>\n                                <h4 class=\"text-xl font-semibold\" v-html=\"getSubtitle(item)\" v-if=\"getSubtitle(item)\"></h4>\n                            </div>\n                        </a>\n\n                    </a>\n                </SplideSlide>\n\n            </Splide>\n\n            <div class=\"tour-nav px-[10px] absolute transition-appearance opacity-100 ease-cube-in duration-300 group-hover:opacity-100 w-full top-1/2 left-0 transform -translate-y-1/2 flex justify-between items-center pointer-events-none\">\n                <a class=\"list-arrow-left cursor-pointer opacity-50 duration-300 transition-opacity hover:opacity-100 relative group text-lg text-white w-[34px] h-[34px] rounded-full flex justify-center items-center pointer-events-auto\" @click=\"tourSlider.go('<')\">\n                    <span class=\"iconify\" data-icon=\"ph:caret-left-bold\"></span>\n                    <svg class=\"circle-border absolute top-0 right-0 group-hover:animate-rotate w-full h-full\"><circle cx=\"50%\" cy=\"50%\" r=\"46%\"></circle></svg>\n                </a>\n\n                <a class=\"list-arrow-right cursor-pointer opacity-50 duration-300 transition-opacity hover:opacity-100 relative group text-lg text-white w-[34px] h-[34px] rounded-full flex justify-center items-center pointer-events-auto\" @click=\"tourSlider.go('>')\">\n                    <span class=\"iconify\" data-icon=\"ph:caret-right-bold\"></span>\n                    <svg class=\"circle-border absolute top-0 right-0 group-hover:animate-rotate w-full h-full\"><circle cx=\"50%\" cy=\"50%\" r=\"46%\"></circle></svg>\n                </a>\n            </div>\n        </div>\n\n\n    </div>\n</template>\n<script setup>\n   // import 'vue3-carousel/dist/carousel.css';\n   // import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel';\n\n    import { ref } from 'vue'\n    import { reduce } from 'underscore'\nimport { Inertia } from '@inertiajs/inertia'\n\n    const props = defineProps({\n        block: {\n            type: Object\n        }\n    })\n\n    const tourSlider = ref(null)\n\n    const splideOptions = {\n        //rewind: true,\n        type: 'loop',\n        height: '320px',\n        isNavigation: false,\n        speed: 700,\n        arrows: false,\n        pagination: false,\n        easing: 'cubic-bezier(0.85, 0, 0.45, 1)',\n        breakpoints: {\n            767: {\n                heightRatio: 0.55,\n                height: null\n            }\n        }\n        //padding: '0 1rem'\n    }\n\n    const getSubtitle = (item) => {\n\n\n\n\n        if (item.link.type == 'tour' ) {\n            return `${item.link.tour.days} days / ${item.link.tour.stops} stops`\n        } else if ( item.link.type == 'custom' ) {\n            return item.link.subtitle || false\n        }\n\n    }\n\n    const handleAttrs = (item) => {\n        console.log('ATTRS', item)\n        let attrs = {}\n        console.log('ITEM: ', item)\n        if ( item.type == 'event' ) {\n            attrs.href = `#/event/${item.event.url_title}`\n        } else if ( item.type == 'venue' ) {\n            attrs.href = `#/venue/${item.venue.url_title}`\n        } else if ( item.type == 'post' ) {\n            attrs.href = `#/post/${item.post.url_title}`\n        } else if (item.type == 'custom' ) {\n            console.log('ITEM URL!!!!', item)\n            attrs.href = item.url\n            attrs.target = item.target || \"_blank\"\n        } else if (item.type == 'tour') {\n\n        } else if (item.type == 'pdf') {\n            attrs.href = item.file\n            attrs.target = \"_blank\"\n\n        }\n\n        return attrs\n    }\n\n    const handleClick = (item) => {\n        let type = item.type\n        console.log('LINK', item)\n\n        if ( type == 'video' ) {\n            activeVideo.value = generateEmbed(item.id, item.provider)\n\n            videoModal.value.show()\n        }\n\n        if ( type == 'tour' ) {\n            Inertia.visit(`/tours/${item.tour.slug}`)\n        }\n\n        return;\n    }\n\n    const goTo = (index) => {\n        tourSlider.value.go(index)\n    }\n\n    const activeIndex = ref(0)\n\n    const setActive = (newIndex, prevIndex, destIndex) => {\n        console.log('newIndex', newIndex)\n        console.log('prevIndex', prevIndex)\n        console.log('destIndex', destIndex)\n        activeIndex.value = newIndex.index\n    }\n\n\n</script>\n<style lang=\"postcss\">\n\n        .slideshow-slide {\n            &:not(.current-slide) {\n                .image {\n                    //opacity: .5;\n                    img {\n\n                    }\n\n                }\n            }\n            .image {\n                transition: opacity .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);\n\n            }\n            .content-link {\n                background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.8));\n                text-shadow: 1px 1px 1px rgba(0,0,0,.3);\n            }\n\n        }\n\n\n\n\n</style>\n"],"names":["Inertia"],"mappings":"66CA6DI,KAAM,GAAa,EAAI,IAAI,EAErB,EAAgB,CAElB,KAAM,OACN,OAAQ,QACR,aAAc,GACd,MAAO,IACP,OAAQ,GACR,WAAY,GACZ,OAAQ,iCACR,YAAa,CACT,IAAK,CACD,YAAa,IACb,OAAQ,IACX,CACJ,CAEJ,EAEK,EAAc,AAAC,GAAS,CAK1B,GAAI,EAAK,KAAK,MAAQ,OAClB,MAAO,GAAG,EAAK,KAAK,KAAK,eAAe,EAAK,KAAK,KAAK,cACpD,GAAK,EAAK,KAAK,MAAQ,SAC1B,MAAO,GAAK,KAAK,UAAY,EAGpC,EAEK,EAAc,AAAC,GAAS,CAC1B,QAAQ,IAAI,QAAS,CAAI,EACzB,GAAI,GAAQ,CAAE,EACd,eAAQ,IAAI,SAAU,CAAI,EAC1B,AAAK,EAAK,MAAQ,QACd,EAAM,KAAO,WAAW,EAAK,MAAM,YAChC,AAAK,EAAK,MAAQ,QACrB,EAAM,KAAO,WAAW,EAAK,MAAM,YAChC,AAAK,EAAK,MAAQ,OACrB,EAAM,KAAO,UAAU,EAAK,KAAK,YAC9B,AAAI,EAAK,MAAQ,SACpB,SAAQ,IAAI,eAAgB,CAAI,EAChC,EAAM,KAAO,EAAK,IAClB,EAAM,OAAS,EAAK,QAAU,UACvB,EAAK,MAAQ,QAEb,EAAK,MAAQ,OACpB,GAAM,KAAO,EAAK,KAClB,EAAM,OAAS,UAIZ,CACV,EAEK,EAAc,AAAC,GAAS,CAC1B,GAAI,GAAO,EAAK,KAChB,QAAQ,IAAI,OAAQ,CAAI,EAEnB,GAAQ,SACT,aAAY,MAAQ,cAAc,EAAK,GAAI,EAAK,QAAQ,EAExD,WAAW,MAAM,KAAM,GAGtB,GAAQ,QACTA,EAAO,QAAC,MAAM,UAAU,EAAK,KAAK,MAAM,CAI/C,EAEK,EAAO,AAAC,GAAU,CACpB,EAAW,MAAM,GAAG,CAAK,CAC5B,EAEK,EAAc,EAAI,CAAC,EAEnB,EAAY,CAAC,EAAU,EAAW,IAAc,CAClD,QAAQ,IAAI,WAAY,CAAQ,EAChC,QAAQ,IAAI,YAAa,CAAS,EAClC,QAAQ,IAAI,YAAa,CAAS,EAClC,EAAY,MAAQ,EAAS,KAChC"}