{"version":3,"file":"component-7-467c7a80.js","sources":["../../../src/js/components/SearchIndex.vue","../../../src/js/pages/search.js"],"sourcesContent":["<script setup lang=\"ts\">\nimport {onMounted, watch, computed} from 'vue';\nimport {useSearchStore} from '@/js/stores/useSearchStore';\nimport Pagination from '@/js/components/pieces/Pagination.vue';\n\nconst searchStore = useSearchStore();\nconst RESULTS_PER_PAGE = 12;\nconst hasFetchedInitially = {value: false};\n\n// Results range numbers for display\nconst pageFirstResultNumber = computed(() =>\n    searchStore.total > 0 ? (searchStore.page - 1) * RESULTS_PER_PAGE + 1 : 0\n);\n\nconst pageLastResultNumber = computed(() =>\n    Math.min(searchStore.total, searchStore.page * RESULTS_PER_PAGE)\n);\n\nconst prevLink = computed(() =>\n    searchStore.page > 1 ? `/search?page=${searchStore.page - 1}` : ''\n);\nconst nextLink = computed(() =>\n    searchStore.page < searchStore.totalPages ? `/search?page=${searchStore.page + 1}` : ''\n);\n\nconst isEmptyState = computed(() => {\n    return (\n        !searchStore.query &&\n        !searchStore.selectedTopic &&\n        !searchStore.selectedResourceType &&\n        !searchStore.isLoading &&\n        searchStore.results.length === 0\n    );\n});\n\nconst isNoResultsState = computed(() => {\n    return (\n        (searchStore.query || searchStore.selectedTopic || searchStore.selectedResourceType) &&\n        !searchStore.isLoading &&\n        searchStore.results.length === 0\n    );\n});\n\nconst noResultsMessage = computed(() => {\n    const query = searchStore.query?.trim();\n    const topic = searchStore.selectedTopic?.trim();\n    const type = searchStore.selectedResourceType?.trim();\n\n    const filters: string[] = [];\n    if (topic) filters.push(`Topic: <b>${topic}</b>`);\n    if (type) filters.push(`Resource Type: <b>${type}</b>`);\n\n    let message = 'Your ';\n\n    if (query) {\n        message += `search for <b>\"${query}\"</b>`;\n        if (filters.length) {\n            message += ` with ${filters.join(' and ')}`;\n        }\n    } else if (filters.length) {\n        message += `filters ${filters.join(' and ')}`;\n    }\n\n    message += ' returned no results.';\n\n    return message;\n});\n\nconst noResultsActionMessage = computed(() => {\n    const query = searchStore.query?.trim();\n    const hasFilters = searchStore.selectedTopic || searchStore.selectedResourceType;\n\n    if (query && hasFilters) return 'Try adjusting your search or filters.';\n    if (query) return 'Try a different search term.';\n    if (hasFilters) return 'Try adjusting your filters.';\n\n    return '';\n});\n\n\n// Handle tag removal\nconst clearFilter = (type: 'query' | 'topic' | 'resourceType') => {\n    hasFetchedInitially.value = true;\n    searchStore.page = 1;\n\n    if (type === 'query') searchStore.query = '';\n    if (type === 'topic') searchStore.selectedTopic = '';\n    if (type === 'resourceType') searchStore.selectedResourceType = '';\n\n    searchStore.updateURL({\n        q: searchStore.query,\n        topic: searchStore.selectedTopic,\n        resourceType: searchStore.selectedResourceType,\n        page: searchStore.page,\n    });\n\n    searchStore.fetchSearchResults();\n};\n\n// Handle pagination click\nconst paginate = (targetPage: number) => {\n    if (targetPage >= 1 && targetPage <= searchStore.totalPages) {\n        hasFetchedInitially.value = true;\n        searchStore.page = targetPage;\n        searchStore.fetchSearchResults();\n        searchStore.updateURL({\n            q: searchStore.query,\n            topic: searchStore.selectedTopic,\n            resourceType: searchStore.selectedResourceType,\n            page: targetPage,\n        });\n    }\n};\n\nonMounted(() => {\n    const params = new URLSearchParams(window.location.search);\n    searchStore.query = params.get('q') || '';\n    searchStore.selectedTopic = params.get('topic') || '';\n    searchStore.selectedResourceType = params.get('resourceType') || '';\n    searchStore.page = parseInt(params.get('page') || '1');\n\n    hasFetchedInitially.value = true;\n    if (window.location.pathname.includes('/search')) {\n        searchStore.fetchSearchResults();\n    }\n});\n\nwatch(\n    () => [\n        searchStore.query,\n        searchStore.selectedTopic,\n        searchStore.selectedResourceType,\n        searchStore.page,\n    ],\n    ([newQuery, newTopic, newType], [oldQuery, oldTopic, oldType]) => {\n        if (hasFetchedInitially.value) {\n            hasFetchedInitially.value = false;\n            return;\n        }\n\n        if (\n            newQuery !== oldQuery ||\n            newTopic !== oldTopic ||\n            newType !== oldType\n        ) {\n            searchStore.fetchSearchResults();\n        }\n    }\n);\n\nwatch(\n    () => [searchStore.selectedTopic, searchStore.selectedResourceType],\n    () => {\n        if (window.location.pathname.includes('/search')) {\n            searchStore.page = 1;\n            searchStore.updateURL({\n                q: searchStore.query,\n                topic: searchStore.selectedTopic,\n                resourceType: searchStore.selectedResourceType,\n                page: 1,\n            });\n            searchStore.fetchSearchResults();\n        }\n    }\n);\n\nconst getPreferredHtml = (result: any): string => {\n    if (result.teaser) return result.teaser;\n    if (result.autoDescription) return result.autoDescription;\n\n    if (result.copy && result.title) {\n        const pattern = new RegExp(`<p><strong>${result.title}</strong> -\\\\s*`, 'i');\n        return result.copy.replace(pattern, '<p>');\n    }\n\n    return '';\n};\n\n\n</script>\n\n<template>\n    <section>\n        <!-- Selected Filters -->\n        <div\n            class=\"py-6 bg-blue-6 text-black overflow-hidden\"\n            v-if=\"searchStore.selectedTopic || searchStore.selectedResourceType || searchStore.query\"\n        >\n            <div\n                class=\"wrapper flex flex-col md:flex-row md:items-center gap-4 md:gap-8\">\n                <span class=\"heading-01 text-2xl\">You searched for:</span>\n                <div class=\"flex flex-wrap gap-2\">\n          <span\n              v-if=\"searchStore.query\"\n              class=\"px-3 py-1 bg-blue-11 text-white rounded-md text-sm font-bold inline-flex items-center gap-2\"\n          >\n            Keyword: \"{{ searchStore.query.toLowerCase() }}\"\n            <button @click=\"clearFilter('query')\"\n                    class=\"text-white text-xs\">✕</button>\n          </span>\n                    <span\n                        v-if=\"searchStore.selectedTopic\"\n                        class=\"px-3 py-1 bg-blue-11 text-white rounded-md text-sm font-bold inline-flex items-center gap-2\"\n                    >\n            Topic: \"{{ searchStore.selectedTopic }}\"\n            <button @click=\"clearFilter('topic')\"\n                    class=\"text-white text-xs\">✕</button>\n          </span>\n                    <span\n                        v-if=\"searchStore.selectedResourceType\"\n                        class=\"px-3 py-1 bg-blue-11 text-white rounded-md text-sm font-bold inline-flex items-center gap-2\"\n                    >\n            Resource Type: \"{{ searchStore.selectedResourceType }}\"\n            <button @click=\"clearFilter('resourceType')\"\n                    class=\"text-white text-xs\">✕</button>\n          </span>\n                </div>\n\n                <div class=\"richtext md:ml-auto\" v-if=\"searchStore.total\">\n                    <p>\n                        Showing\n                        <b>{{ pageFirstResultNumber }} - {{\n                                pageLastResultNumber\n                            }}</b> of\n                        {{ searchStore.total }} results\n                    </p>\n                </div>\n            </div>\n        </div>\n\n        <!-- Results List -->\n        <div class=\"wrapper py-8 md:py-12\">\n            <ul class=\"flex flex-col\" v-if=\"searchStore.results.length\">\n                <li\n                    v-for=\"result in searchStore.results\"\n                    :key=\"result.objectID\"\n                    :class=\"[\n                                'border-b border-gray-4',\n                                result.sectionHandle === 'glossary'\n                                  ? ''\n                                  : ' hover:bg-blue-light-3'\n                              ]\"\n                >\n                    <!-- Glossary Entry -->\n                    <div\n                        v-if=\"result.sectionHandle === 'glossary'\"\n                        class=\"bg-blue-50 border-l-4 border-r-4 border-blue-11 text-blue-11 px-6 py-4 my-4 rounded-md\"\n                    >\n                        <p class=\"text-sm uppercase font-bold tracking-wide text-blue-11 mb-1\">\n                            Definition\n                        </p>\n                        <p class=\"font-semibold text-lg mb-2 text-black\">\n                            {{ result.title }}\n                        </p>\n                        <div v-html=\"getPreferredHtml(result)\"\n                             class=\"text-base text-black leading-relaxed prose prose-sm max-w-none\"></div>\n                    </div>\n\n                    <a v-else\n                       class=\"flex flex-col md:flex-row gap-10 animation-zoom px-4 py-8 md:p-10\"\n                       :href=\"result.link\"\n                    >\n                        <img\n                            v-if=\"result.mainImageUrl?.length\"\n                            :src=\"result.mainImageUrl\"\n                            :alt=\"result.mainImageAltText\"\n                            class=\"w-full md:w-1/3 lg:w-1/5 h-auto object-contain flex-shrink-0\"\n                        />\n                        <div class=\"w-full md:w-2/3 lg:w-4/5\">\n                            <h2 class=\"text-2xl font-semibold underline\">\n                                {{ result.title }}\n                            </h2>\n                            <div\n                                class=\"richtext richtext--base md:richtext--lg\">\n                                <div\n                                    v-if=\"getPreferredHtml(result)\"\n                                    v-html=\"getPreferredHtml(result)\"\n                                    class=\"text-sm text-gray-600 cursor-text\"\n                                ></div>\n                                <div\n                                    class=\"flex flex-wrap gap-2 mt-1\"\n                                    v-if=\"result.relatedResourceTypes?.length\"\n                                >\n                                    <div\n                                        v-for=\"type in result.relatedResourceTypes\"\n                                        :key=\"type\"\n                                        class=\"flex-initial px-2 py-1 inline-flex items-center justify-start gap-2 rounded-md uppercase font-bold bg-orange-5 text-white cursor-text !mb-0\"\n                                    >\n                                        <small class=\"tag\">{{ type }}</small>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </a>\n                </li>\n            </ul>\n\n            <!-- No Results -->\n            <div v-else-if=\"isNoResultsState\" class=\"wrapper py-10\" v-cloak>\n                <div\n                    class=\"inner grid gap-3 p-8 shadow-popover rounded-lg text-center\">\n                    <h2 class=\"heading-05\">No results found</h2>\n                    <div class=\"richtext richtext--lg\">\n                        <p v-html=\"noResultsMessage\"></p>\n                        <p class=\"mt-4\">{{ noResultsActionMessage }}</p>\n                    </div>\n                </div>\n            </div>\n\n\n            <!-- Empty State -->\n            <div v-else-if=\"isEmptyState\" class=\"wrapper py-10\">\n                <div\n                    class=\"inner grid gap-3 p-8 shadow-popover rounded-lg text-center\">\n                    <h2 class=\"heading-05\">Please enter a search term.</h2>\n                    <div class=\"richtext richtext--lg\">\n                        <p>\n                            Enter a search term or select a filter to find\n                            relevant resources and information.\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Pagination -->\n        <div class=\"w-full flex justify-center\"\n             v-if=\"searchStore.totalPages > 1\">\n            <Pagination\n                :currentPage=\"searchStore.page\"\n                :totalPages=\"searchStore.totalPages\"\n                :perPage=\"RESULTS_PER_PAGE\"\n                :total=\"searchStore.total\"\n                :count=\"searchStore.results.length\"\n                :previousLink=\"prevLink\"\n                :nextLink=\"nextLink\"\n                @paginate=\"paginate\"\n            />\n        </div>\n    </section>\n</template>\n","import { createApp } from 'vue/dist/vue.esm-bundler.js';\nimport SearchIndex from '../components/SearchIndex.vue';\n\ndocument.addEventListener('afterBlitzInjectAll', function (event) {\n    let search = document.querySelector('#search-results');\n    const searchApp = createApp({\n        'components': { SearchIndex }\n    }).mount(search);\n});\n"],"names":["RESULTS_PER_PAGE","searchStore","useSearchStore","hasFetchedInitially","pageFirstResultNumber","computed","pageLastResultNumber","prevLink","nextLink","isEmptyState","isNoResultsState","noResultsMessage","query","_a","topic","_b","type","_c","filters","message","noResultsActionMessage","hasFilters","clearFilter","paginate","targetPage","onMounted","params","watch","newQuery","newTopic","newType","oldQuery","oldTopic","oldType","getPreferredHtml","result","pattern","event","search","createApp","SearchIndex"],"mappings":"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"}