{"version":3,"file":"TopBar.3ea46afe.js","sources":["../../../resources/js/Components/SearchBar/ArticleSearchResults.vue","../../../resources/js/Components/SearchBar/ProductSearchResults.vue","../../../resources/js/Components/SearchBar/VideoSearchResults.vue","../../../resources/js/Components/SearchBar.vue","../../../resources/js/Components/TopBar.vue"],"sourcesContent":["<template>\n    <Link\n        v-for=\"article in articles\"\n        class=\"px-3 py-2 block rounded duration-300 transition-colors hover:bg-gray-200\"\n        :href=\"route('articles.show', [article.slug])\"\n    >\n        <div class=\"divide-x divide-gray-400 text-gray-600\">\n            <span class=\"font-bold pr-2\">{{ article.presentable.published_at }}</span>\n            <span class=\"pl-2\">{{ article.category.title }}</span>\n        </div>\n        <div class=\"text-primary\">{{ article.organisation.title }}</div>\n        <div class=\"font-bold text-lg\">{{ article.title }}</div>\n    </Link>\n</template>\n\n<script>\nimport {route} from \"@/Scripts/Routing/Router.js\";\nimport {Link} from \"@inertiajs/inertia-vue3\";\n\nexport default {\n    name: \"ArticleSearchResults\",\n    components: {\n        Link,\n    },\n    props: {\n        articles: Array,\n    },\n    setup () {\n        return {\n            route,\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n    <Link\n        v-for=\"product in products\"\n        class=\"px-3 py-2 block rounded duration-300 transition-colors hover:bg-gray-200\"\n        :href=\"'#'\"\n    >\n        <div class=\"flex w-full\">\n            <div class=\"w-1/3 flex space-x-3 items-center\">\n                <img :src=\"product.cover_image_url\" class=\"w-14 aspect-square rounded\" alt=\"\">\n                <div class=\"font-bold\">{{ product.title }}</div>\n            </div>\n            <div class=\"w-2/3 flex\">\n                <div\n                    class=\"w-1/3\"\n                    v-for=\"(field, key) in product.fields\">\n                    <div class=\"font-bold text-lg\">{{ field }}</div>\n                    <div class=\"text-gray-500 text-sm\">{{ key }}</div>\n                </div>\n            </div>\n        </div>\n    </Link>\n</template>\n\n<script>\nimport {route} from \"@/Scripts/Routing/Router.js\";\nimport {Link} from \"@inertiajs/inertia-vue3\";\n\nexport default {\n    name: \"ProductSearchResults\",\n    components: {\n        Link,\n    },\n    props: {\n        products: Array,\n    },\n    setup () {\n        return {\n            route,\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n    <div class=\"grid grid-cols-2 md:grid-cols-5 lg:grid-cols-10 gap-3 px-3 py-2\">\n        <Link\n            :href=\"route('videos.show', [video.uuid])\"\n            v-for=\"video in videos\"\n            class=\"rounded overflow-hidden block relative\"\n        >\n            <img :src=\"video.thumbnail_url\" :alt=\"video.title\" class=\"block w-full\" />\n            <div class=\"absolute left-0 right-0 top-0 bottom-0 bg-primary opacity-0 hover:opacity-75 transition-all duration-300\" />\n        </Link>\n\n    </div>\n</template>\n\n<script>\nimport {route} from \"@/Scripts/Routing/Router.js\";\nimport {Link} from \"@inertiajs/inertia-vue3\";\n\nexport default {\n    name: \"VideoSearchResults\",\n    components: {\n        Link,\n    },\n    props: {\n        videos: Array,\n    },\n    setup () {\n        return {\n            route,\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n    <div\n        class=\"flex items-center p-1 bg-white bg-opacity-20 rounded-lg\"\n        :class=\"{\n            'shadow-lg': hasFocus,\n        }\"\n    >\n        <transition name=\"fade\">\n            <div class=\"fixed left-0 right-0 top-0 bottom-0 bg-black bg-opacity-50 backdrop-blur-sm\" v-if=\"hasFocus\" />\n        </transition>\n        <div class=\"flex-initial\">\n            <Dropdown>\n                <template #trigger=\"{toggle, state}\">\n                    <button\n                        class=\"py-2 px-4 rounded-l bg-primary text-white flex items-center\"\n                        @click.prevent=\"toggle\"\n                    >\n                        <span>{{ indexLabel }}</span>\n                        <span class=\"ml-2\"><ChevronDownIcon class=\"w-4\" /></span>\n                    </button>\n                </template>\n                <template #content>\n                    <DropdownLink type=\"button\" @click.prevent=\"setIndex('articles')\">Articles</DropdownLink>\n                    <DropdownLink type=\"button\" @click.prevent=\"setIndex('galleries')\">Galleries</DropdownLink>\n                    <DropdownLink type=\"button\" @click.prevent=\"setIndex('videos')\">Videos</DropdownLink>\n                    <DropdownLink type=\"button\" @click.prevent=\"setIndex('products')\">Products</DropdownLink>\n                </template>\n            </Dropdown>\n        </div>\n        <div class=\"flex-1 relative\">\n            <input\n                ref=\"searchInput\"\n                type=\"text\"\n                v-model=\"query\"\n                class=\"py-2 px-4 rounded-r bg-white bg-opacity-50 w-full outline-none focus:outline-none placeholder-gray-200\"\n                placeholder=\"Search...\"\n                @focusin=\"hasFocus = true\"\n                @focusout=\"hasFocus = false\"\n                @keypress.enter=\"openSearch\"\n            />\n\n            <transition name=\"search\">\n                <div\n                    v-if=\"showSuggestions\"\n                    class=\"absolute z-900 top-full mt-1 border border-primary bg-white p-1 transform w-full rounded shadow-lg\"\n                >\n                    <div class=\"border-b border-gray-200 mb-2 py-2 px-3 flex justify-between items-center\">\n                        <div class=\"text-gray-600\">\n                            Found {{ meta.total }} {{ index }} in {{ meta.time }}.\n                            <template v-if=\"meta.total > 10\">\n                                Top 10 suggestions:\n                            </template>\n                        </div>\n                        <div>\n                            <FancyButton\n                                type=\"button\"\n                                @click.prevent=\"openSearch\"\n                            >\n                                <span class=\"flex items-center\">\n                                    <SearchIcon class=\"w-5\" />\n                                    <span>\n                                        Open Search Results...\n                                    </span>\n                                </span>\n                            </FancyButton>\n                        </div>\n                    </div>\n                    <div class=\"max-h-64 space-y-5 overflow-auto\">\n                        <template v-if=\"index === 'articles'\">\n                            <ArticleSearchResults :articles=\"results\" />\n                        </template>\n                        <template v-if=\"index === 'galleries'\">\n                            <GallerySearchResults :galleries=\"results\" />\n                        </template>\n                        <template v-if=\"index === 'videos'\">\n                            <VideoSearchResults :videos=\"results\" />\n                        </template>\n                        <template v-if=\"index === 'products'\">\n                            <ProductSearchResults :products=\"results\" />\n                        </template>\n                    </div>\n                </div>\n            </transition>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport Dropdown from \"@/Components/Dropdown.vue\";\nimport FancyButton from \"@/Components/Buttons/FancyButton.vue\";\nimport {\n    ChevronDownIcon,\n    SearchIcon,\n} from '@heroicons/vue/solid';\nimport DropdownLink from \"@/Components/Dropdown/DropdownLink.vue\";\nimport ImageSearchResults from \"@/Components/SearchBar/ImageSearchResults.vue\";\nimport ArticleSearchResults from \"@/Components/SearchBar/ArticleSearchResults.vue\";\nimport ProductSearchResults from \"@/Components/SearchBar/ProductSearchResults.vue\";\nimport VideoSearchResults from \"@/Components/SearchBar/VideoSearchResults.vue\";\nimport {route} from \"@/Scripts/Routing/Router.js\";\nimport {computed, ref, watch} from \"vue\";\nimport {Inertia} from \"@inertiajs/inertia\";\nimport {usePage} from \"@inertiajs/inertia-vue3\";\nimport GallerySearchResults from \"@/Components/SearchBar/GallerySearchResults.vue\";\n\nconst search = ref(usePage().props.value.search ? usePage().props.value.search.query : null);\nconst index = ref(usePage().props.value.search ? usePage().props.value.search.index : 'articles');\nconst results = ref([]);\nconst meta = ref({\n    time: 0,\n    total: 0,\n});\n\nconst hasFocus = ref(false);\n\nwatch(hasFocus, () => {\n    if (showSuggestions.value) {\n        document.body.style.overflow = 'hidden';\n    } else {\n        document.body.style.overflow = 'auto';\n    }\n});\n\nconst previousSearch = computed(() => {\n    return usePage().props.value.search;\n});\n\nconst indexLabel = computed(() => {\n    return index.value[0].toUpperCase() + index.value.substring(1);\n});\n\nconst showSuggestions = computed(() => {\n    return hasFocus.value && results.value?.length > 0;\n});\n\nconst query = computed({\n    set: (value) => {\n        search.value = value;\n        debounceSuggest();\n    },\n    get: () => {\n        return search.value;\n    }\n});\n\nconst searchInput = ref(null);\n\nconst setIndex = (i) => {\n    index.value = i;\n\n    searchInput.value.focus();\n\n    results.value = [];\n    if (query.value && query.value.length > 0) {\n        suggest(query.value, index.value);\n    }\n}\n\nconst searching = ref(false);\nconst debounceSuggest = _.debounce(function () {\n    searching.value = true;\n    if (search.value.length > 0) {\n        suggest(search.value, index.value);\n    } else {\n        results.value = [];\n    }\n}, 300);\n\nconst suggest = (q, index) => {\n    axios.get(route('search.suggest'), {\n        params: {\n            index,\n            q\n        }\n    }).then(response => {\n        results.value = response.data.items;\n        meta.value = {\n            time: response.data.executionTime,\n            total: response.data.count,\n        };\n        searching.value = false;\n    }).catch(e => {\n        results.value = [];\n        searching.value = false;\n    })\n}\n\nconst openSearch = () => {\n    Inertia.get(route('search.index', {\n        index: index.value,\n        q: search.value\n    }))\n}\n</script>\n\n<style scoped>\n.search-enter-active, .search-leave-active {\n    @apply transform duration-300;\n}\n.search-enter-from, .search-leave-to {\n    @apply -translate-y-5 opacity-0;\n}\n.search-enter-to, .search-leave-from {\n    @apply translate-y-0 opacity-100;\n}\n</style>\n","<template>\n    <div\n        v-if=\"banner\"\n        class=\"relative h-32 md:h-44 bg-center bg-cover\"\n        :style=\"bannerImage\"\n    >\n        <div v-if=\"bannerVideo && !profile\" class=\"w-full absolute left-0 right-0 top-0 bottom-0 z-10 flex items-center overflow-hidden\">\n            <video :src=\"bannerVideo\" class=\"object-cover h-full w-full\" autoplay muted />\n        </div>\n        <div class=\"absolute left-0 right-0 top-0 bottom-0 bg-gradient-to-r from-black to-transparent md:flex items-center px-6 items-center z-50\">\n            <div class=\"my-4 w-36 md:w-64 flex justify-center\">\n                <a :href=\"route('home')\">\n                    <template  v-if=\"profile && profile.has_logo\">\n                        <img :src=\"profile.dark_logo_url\" :alt=\"profile.title + 'Logo'\" class=\"max-h-[4rem]\" />\n                    </template>\n                    <template v-else-if=\"app.logo.light\">\n                        <figure>\n                            <img :src=\"app.logo.light\" :alt=\"app.name\" class=\"max-h-[2rem] w-full\" />\n                        </figure>\n                    </template>\n                    <template v-else>\n                        <MediaPressLogo class=\"w-full\" />\n                    </template>\n                </a>\n            </div>\n            <div class=\"flex-1 md:ml-4 lg:ml-10 flex items-center space-x-5\" v-if=\"search\">\n                <div class=\"flex-initial\">\n                    <a\n                        :href=\"!!profile ? route('home', {'clear-profile': 1}) : route('home')\"\n                        class=\"py-1 text-sm px-4 rounded-full bg-tertiary hover:bg-gray-800 text-white flex space-x-2 items-center\"\n                    >\n                        <span class=\"w-4 h-auto\">\n                            <HomeIcon />\n                        </span>\n                        <span class=\"hidden md:inline\">Home</span>\n                    </a>\n                </div>\n                <div class=\"flex-1\">\n                    <SearchBar />\n                </div>\n                <div class=\"w-64 hidden lg:flex justify-center\">\n                    <img v-if=\"app.badge\" :src=\"app.badge\" alt=\"Badge\" class=\"h-32 block\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n</template>\n\n<script setup>\nimport SearchBar from \"@/Components/SearchBar.vue\";\nimport MediaPressLogo from \"@/Components/MediaPressLogo.vue\";\nimport {route} from \"@/Scripts/Routing/Router.js\";\nimport {Link, usePage} from \"@inertiajs/inertia-vue3\";\nimport {HomeIcon} from \"@heroicons/vue/solid\";\nimport {computed} from \"vue\";\n\nconst props = defineProps({\n    search: Boolean,\n    banner: Boolean,\n    bannerImage: Object,\n    profile: Object,\n});\n\nconst app = computed(() => usePage().props.value.app);\nconst bannerVideo = computed(() => app.value.bannerVideo);\nconst profile = computed(() => usePage().props.value.profile);\n\n</script>\n\n<style scoped>\n\n</style>\n"],"names":["_sfc_main","Link","route","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createElementBlock","_Fragment","_renderList","$props","article","_createBlock","_component_Link","$setup","_createElementVNode","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","product","_openBlock","field","key","video","search","ref","usePage","index","results","meta","hasFocus","watch","showSuggestions","computed","indexLabel","_a","query","value","debounceSuggest","searchInput","setIndex","i","suggest","searching","q","response","e","openSearch","Inertia","app","bannerVideo","profile"],"mappings":"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"}