{"version":3,"sources":["webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?2847","webpack:///./src/components/SearchResults.vue","webpack:///./src/components/SearchResults.vue?fb6f"],"names":["class","style","backgroundColor","to","video","url","height","width","src","thumbnail","alt","loading","duration","timeFormat","watched","$t","title","aria-label","icon","uploaderUrl","uploaderAvatar","uploaderName","hideChannel","uploaderVerified","views","uploadedDate","numberFormat","uploaded","timeAgo","props","type","Object","default","String","Boolean","render","for","$route","query","search_query","id","selectedFilter","updateResults","availableFilters","filter","key","value","replace","results","corrected","suggestion","items","result","shouldUseVideoItem","name","verified","description","uploader","videos","components","VideoItem","this","window","addEventListener","handleScroll","removeEventListener","methods","fetchJson","apiUrl","q","document","fetchResults","then","json","nextpage","innerHeight","scrollY","body","offsetHeight","map","stream","push","item"],"mappings":"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","file":"js/chunk-4d874c19.e7c96b1f.js","sourcesContent":["<template>\n    <div class=\"uk-text-secondary\" :style=\"[{ background: backgroundColor }]\">\n        <router-link class=\"uk-text-emphasis\" :to=\"video.url\">\n            <img :height=\"height\" :width=\"width\" style=\"width: 100%\" :src=\"video.thumbnail\" alt=\"\" loading=\"lazy\" />\n            <div class=\"uk-position-relative\">\n                <span\n                    v-if=\"video.duration\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n                <span\n                    v-if=\"video.watched\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px\"\n                    >{{ $t(\"video.watched\") }}</span\n                >\n            </div>\n\n            <div>\n                <p\n                    style=\"\n                        padding-top: 0.5rem;\n                        margin-bottom: 0.5rem;\n                        display: -webkit-box;\n                        -webkit-line-clamp: 2;\n                        -webkit-box-orient: vertical;\n                        overflow: hidden;\n                    \"\n                    :title=\"video.title\"\n                >\n                    {{ video.title }}\n                </p>\n            </div>\n        </router-link>\n\n        <div class=\"uk-align-right\" style=\"margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%\">\n            <router-link\n                :to=\"video.url + '&listen=1'\"\n                :aria-label=\"'Listen to ' + video.title\"\n                :title=\"'Listen to ' + video.title\"\n            >\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n\n        <div style=\"display: flex; flex-flow: row; height: 15%\">\n            <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                <img\n                    v-if=\"video.uploaderAvatar\"\n                    :src=\"video.uploaderAvatar\"\n                    loading=\"lazy\"\n                    :alt=\"video.uploaderName\"\n                    class=\"uk-border-circle\"\n                    style=\"margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px\"\n                />\n            </router-link>\n\n            <div style=\"width: calc(100% - 32px - 8px)\">\n                <router-link\n                    v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\"\n                    class=\"uk-link-muted uk-overflow-hidden\"\n                    :to=\"video.uploaderUrl\"\n                    :title=\"video.uploaderName\"\n                    style=\"display: block; width: 90%\"\n                >\n                    {{ video.uploaderName }}&thinsp;<font-awesome-icon\n                        v-if=\"video.uploaderVerified\"\n                        icon=\"check\"\n                    ></font-awesome-icon>\n                </router-link>\n\n                <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small\">\n                    <span v-if=\"video.views >= 0\">\n                        <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                        {{ numberFormat(video.views) }} •\n                    </span>\n                    <span v-if=\"video.uploadedDate\">\n                        {{ video.uploadedDate }}\n                    </span>\n                    <span v-if=\"video.uploaded\">\n                        {{ timeAgo(video.uploaded) }}\n                    </span>\n                </b>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: {\n            type: Object,\n            default: () => {\n                return {};\n            },\n        },\n        height: { type: String, default: \"118\" },\n        width: { type: String, default: \"210\" },\n        hideChannel: { type: Boolean, default: false },\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=5524002a\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=js\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <h1 class=\"uk-text-center\">\n        {{ $route.query.search_query }}\n    </h1>\n\n    <label for=\"ddlSearchFilters\"\n        ><b>{{ $t(\"actions.filter\") }}: </b></label\n    >\n    <select\n        id=\"ddlSearchFilters\"\n        v-model=\"selectedFilter\"\n        default=\"all\"\n        class=\"uk-select uk-width-auto\"\n        style=\"height: 100%\"\n        @change=\"updateResults()\"\n    >\n        <option v-for=\"filter in availableFilters\" :key=\"filter\" :value=\"filter\">\n            {{ filter.replace(\"_\", \" \") }}\n        </option>\n    </select>\n\n    <hr />\n\n    <div v-if=\"results && results.corrected\" style=\"height: 7vh\">\n        {{ $t(\"search.did_you_mean\") }}\n        <i>\n            <router-link :to=\"{ name: 'SearchResults', query: { search_query: results.suggestion } }\">\n                {{ results.suggestion }}\n            </router-link>\n        </i>\n    </div>\n\n    <div v-if=\"results\" class=\"uk-grid uk-grid-xl\">\n        <div\n            v-for=\"result in results.items\"\n            :key=\"result.url\"\n            :style=\"[{ background: backgroundColor }]\"\n            class=\"uk-width-1-2 uk-width-1-3@s uk-width-1-4@m uk-width-1-5@l uk-width-1-6@xl\"\n        >\n            <VideoItem v-if=\"shouldUseVideoItem(result)\" :video=\"result\" height=\"94\" width=\"168\" />\n            <div v-if=\"!shouldUseVideoItem(result)\" class=\"uk-text-secondary\">\n                <router-link class=\"uk-text-emphasis\" :to=\"result.url\">\n                    <div class=\"uk-position-relative\">\n                        <img style=\"width: 100%\" :src=\"result.thumbnail\" loading=\"lazy\" />\n                    </div>\n                    <p>\n                        {{ result.name }}&thinsp;<font-awesome-icon\n                            v-if=\"result.verified\"\n                            icon=\"check\"\n                        ></font-awesome-icon>\n                    </p>\n                </router-link>\n                <p v-if=\"result.description\">{{ result.description }}</p>\n                <router-link v-if=\"result.uploaderUrl\" class=\"uk-link-muted\" :to=\"result.uploaderUrl\">\n                    <p>\n                        {{ result.uploader }}&thinsp;<font-awesome-icon\n                            v-if=\"result.uploaderVerified\"\n                            icon=\"check\"\n                        ></font-awesome-icon>\n                    </p>\n                </router-link>\n\n                <a v-if=\"result.uploaderName\" class=\"uk-text-muted\">{{ result.uploaderName }}</a>\n                <b v-if=\"result.videos >= 0\"\n                    ><br v-if=\"result.uploaderName\" />{{ result.videos }} {{ $t(\"video.videos\") }}</b\n                >\n\n                <br />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    components: {\n        VideoItem,\n    },\n    data() {\n        return {\n            results: null,\n            availableFilters: [\n                \"all\",\n                \"videos\",\n                \"channels\",\n                \"playlists\",\n                \"music_songs\",\n                \"music_videos\",\n                \"music_albums\",\n                \"music_playlists\",\n            ],\n            selectedFilter: \"all\",\n        };\n    },\n    mounted() {\n        this.updateResults();\n    },\n    activated() {\n        window.addEventListener(\"scroll\", this.handleScroll);\n    },\n    deactivated() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    unmounted() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    methods: {\n        async fetchResults() {\n            return await await this.fetchJson(this.apiUrl() + \"/search\", {\n                q: this.$route.query.search_query,\n                filter: this.selectedFilter,\n            });\n        },\n        async updateResults() {\n            document.title = this.$route.query.search_query + \" - Piped\";\n            this.results = this.fetchResults().then(json => (this.results = json));\n        },\n        handleScroll() {\n            if (this.loading || !this.results || !this.results.nextpage) return;\n            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {\n                this.loading = true;\n                this.fetchJson(this.apiUrl() + \"/nextpage/search\", {\n                    nextpage: this.results.nextpage,\n                    q: this.$route.query.search_query,\n                    filter: this.selectedFilter,\n                }).then(json => {\n                    this.results.nextpage = json.nextpage;\n                    this.results.id = json.id;\n                    this.loading = false;\n                    json.items.map(stream => this.results.items.push(stream));\n                });\n            }\n        },\n        shouldUseVideoItem(item) {\n            return item.title;\n        },\n    },\n};\n</script>\n","import { render } from \"./SearchResults.vue?vue&type=template&id=e36cf5e4\"\nimport script from \"./SearchResults.vue?vue&type=script&lang=js\"\nexport * from \"./SearchResults.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}