{"version":3,"sources":["webpack:///./src/components/TrendingPage.vue","webpack:///./src/components/TrendingPage.vue?ceb7","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?5c02"],"names":["class","uk-grid","videos","video","style","backgroundColor","key","url","height","width","region","this","getPreferenceString","fetchTrending","then","document","title","methods","fetchJson","apiUrl","components","VideoItem","render","to","src","thumbnail","alt","loading","duration","timeFormat","views","uploadedDate","uploaderUrl","uploaderName","hideChannel","icon","numberFormat","uploaded","timeAgo","props","Object","String","Boolean"],"mappings":"iJACI,gCAAqD,MAAjDA,MAAM,+BAA8B,YAAQ,G,EAEhD,gCAAM,mB,GAEDA,MAAM,aAAaC,UAAQ,e,iIAJhC,EAEA,EAEA,gCASM,MATN,EASM,E,mBARF,gCAOM,2BAHc,EAAAC,OAATC,I,iBAJX,gCAOM,OANDC,MAAK,yCAAiB,EAAAC,mBACvBL,MAAM,4EACCM,IAAKH,EAAMI,K,CAGlB,eAAqD,GAAzCJ,MAAOA,EAAOK,OAAO,MAAMC,MAAM,O,qDAQ1C,GACX,OACI,MAAO,CACHP,OAAQ,KAGhB,UACI,IAAIQ,EAASC,KAAKC,oBAAoB,SAAU,MAEhDD,KAAKE,cAAcH,GAAQI,KAAKZ,GAAWS,KAAKT,OAASA,IAE7D,YACIa,SAASC,MAAQ,oBAErBC,QAAS,CACL,oBAAoBP,GAChB,aAAaC,KAAKO,UAAUP,KAAKQ,SAAW,YAAa,CACrDT,OAAQA,GAAU,SAI9BU,WAAY,CACRC,YAAA,OCvCR,EAAOC,OAASA,EAED,gB,6DCFEtB,MAAM,wB,oCAWHA,MAAM,iEACNI,MAAA,0F,GAILJ,MAAM,iB,YAQL,gCAAM,mB,SAImCA,MAAM,+B,YAI/C,gCAAM,mB,uBASTA,MAAM,kB,4HA3Cf,gCAgDM,OAhDDA,MAAM,oBAAqBI,MAAK,yCAAiB,EAAAC,oB,CAClD,eAkBc,GAlBDL,MAAM,mBAA0BuB,GAAI,EAAApB,MAAMI,K,wBACnD,IAeM,CAfN,gCAeM,MAfN,EAeM,CAdF,gCAOE,OANGC,OAAQ,EAAAA,OACRC,MAAO,EAAAA,MACRL,MAAA,eACOoB,IAAK,EAAArB,MAAMsB,UAClBC,IAAI,YACJC,QAAQ,Q,UAGF,EAAAxB,MAAMyB,U,iBADhB,gCAKC,OALD,EAKC,eADO,EAAAC,WAAW,EAAA1B,MAAMyB,WAAQ,I,wBAGrC,gCAA8C,IAA9C,EAA8C,eAAlB,EAAAzB,MAAMa,OAAK,K,eAG3C,gCAOM,OAPAhB,MAAK,+CAAuB,EAAAG,MAAM2B,OAAK,GAAS,EAAA3B,MAAM4B,iB,CAC7C,EAAA5B,MAAM6B,aAAe,EAAA7B,MAAM8B,eAAiB,EAAAC,a,iBAAvD,gCAKM,SAJF,eAEc,GAFDlC,MAAM,gBAAiBuB,GAAI,EAAApB,MAAM6B,a,wBAC1C,IAA+B,CAA/B,gCAA+B,wBAAzB,EAAA7B,MAAM8B,cAAY,K,eAE5B,K,0BAIC,EAAA9B,MAAM2B,OAAK,GAAS,EAAA3B,MAAM4B,c,iBAAnC,gCAYI,IAZJ,EAYI,CAXW,EAAA5B,MAAM2B,OAAK,G,iBAAtB,gCAIM,SAHF,eAAkD,GAA/BK,KAAK,Q,eAA0B,IAClD,eAAG,EAAAC,aAAa,EAAAjC,MAAM2B,QAAS,UAC/B,Q,sBAEO,EAAA3B,MAAM4B,c,iBAAjB,gCAEM,uBADC,EAAA5B,MAAM4B,cAAY,I,sBAEd,EAAA5B,MAAMkC,U,iBAAjB,gCAEM,uBADC,EAAAC,QAAQ,EAAAnC,MAAMkC,WAAQ,I,+CAGjC,gCAIM,MAJN,EAIM,CAHF,eAEc,GAFAd,GAAI,EAAApB,MAAMI,IAAG,a,wBACvB,IAAyD,CAAzD,eAAyD,GAAtC4B,KAAK,iB,qBAOzB,OACXI,MAAO,CACHpC,MAAOqC,OACPhC,OAAQiC,OACRhC,MAAOgC,OACPP,YAAaQ,UCvDrB,EAAOpB,OAASA,EAED","file":"js/chunk-6309431b.1e630c7f.js","sourcesContent":["<template>\n    <h1 class=\"uk-text-bold uk-text-center\">Trending</h1>\n\n    <hr />\n\n    <div class=\"uk-grid-xl\" uk-grid=\"parallax: 0\">\n        <div\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            v-bind:key=\"video.url\"\n            v-for=\"video in videos\"\n        >\n            <VideoItem :video=\"video\" height=\"118\" width=\"210\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    data() {\n        return {\n            videos: [],\n        };\n    },\n    mounted() {\n        let region = this.getPreferenceString(\"region\", \"US\");\n\n        this.fetchTrending(region).then(videos => (this.videos = videos));\n    },\n    activated() {\n        document.title = \"Trending - Piped\";\n    },\n    methods: {\n        async fetchTrending(region) {\n            return await this.fetchJson(this.apiUrl() + \"/trending\", {\n                region: region || \"US\",\n            });\n        },\n    },\n    components: {\n        VideoItem,\n    },\n};\n</script>\n","import { render } from \"./TrendingPage.vue?vue&type=template&id=936966e8\"\nimport script from \"./TrendingPage.vue?vue&type=script&lang=js\"\nexport * from \"./TrendingPage.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"uk-text-secondary\" :style=\"[{ background: backgroundColor }]\">\n        <router-link class=\"uk-text-emphasis\" v-bind:to=\"video.url\">\n            <div class=\"uk-position-relative\">\n                <img\n                    :height=\"height\"\n                    :width=\"width\"\n                    style=\"width: 100%\"\n                    v-bind:src=\"video.thumbnail\"\n                    alt=\"thumbnail\"\n                    loading=\"lazy\"\n                />\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, .75); color: white; padding: 0 5px;\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n            </div>\n            <p class=\"uk-text-break\">{{ video.title }}</p>\n        </router-link>\n\n        <div :class=\"{ 'uk-align-left': !(video.views >= 0 || video.uploadedDate) }\">\n            <div v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\">\n                <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                    <a>{{ video.uploaderName }}</a>\n                </router-link>\n                <br />\n            </div>\n        </div>\n\n        <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small uk-align-left\">\n            <div v-if=\"video.views >= 0\">\n                <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                {{ numberFormat(video.views) }} views\n                <br />\n            </div>\n            <div v-if=\"video.uploadedDate\">\n                {{ video.uploadedDate }}\n            </div>\n            <div v-if=\"video.uploaded\">\n                {{ timeAgo(video.uploaded) }}\n            </div>\n        </b>\n        <div class=\"uk-align-right\">\n            <router-link :to=\"video.url + '&listen=1'\">\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: Object,\n        height: String,\n        width: String,\n        hideChannel: Boolean,\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=791e1b02\"\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"],"sourceRoot":""}