{"version":3,"sources":["webpack:///./src/components/ErrorHandler.vue","webpack:///./src/components/ErrorHandler.vue?1beb","webpack:///./src/components/Playlist.vue","webpack:///./src/components/Playlist.vue?1755","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?5c02"],"names":["uk-toggle","class","style","type","id","hidden","message","error","props","String","render","uk-grid","playlist","src","avatarUrl","height","width","loading","name","to","uploaderUrl","uploaderAvatar","uploader","videos","href","getRssUrl","icon","relatedStreams","video","key","url","this","getPlaylistData","window","addEventListener","handleScroll","removeEventListener","computed","_this","apiUrl","$route","query","list","methods","fetchJson","fetchPlaylist","then","data","document","title","nextpage","innerHeight","scrollY","body","offsetHeight","json","concat","map","stream","push","components","ErrorHandler","VideoItem","backgroundColor","thumbnail","alt","duration","timeFormat","views","uploadedDate","uploaderName","hideChannel","numberFormat","uploaded","timeAgo","Object","Boolean"],"mappings":"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","file":"js/chunk-13a5b4b9.485681be.js","sourcesContent":["<template>\n    <p>{{ message }}</p>\n    <button uk-toggle=\"target: #stacktrace\" class=\"uk-button uk-button-small\" style=\"background: #222\" type=\"button\">\n        Show More\n    </button>\n    <p id=\"stacktrace\" style=\"white-space: pre-wrap\" hidden>{{ error }}</p>\n</template>\n\n<script>\nexport default {\n    props: {\n        error: String,\n        message: String,\n    },\n};\n</script>\n","import { render } from \"./ErrorHandler.vue?vue&type=template&id=827cf3e0\"\nimport script from \"./ErrorHandler.vue?vue&type=script&lang=js\"\nexport * from \"./ErrorHandler.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <ErrorHandler v-if=\"playlist && playlist.error\" :message=\"playlist.message\" :error=\"playlist.error\" />\n\n    <div v-if=\"playlist\" v-show=\"!playlist.error\">\n        <h1 class=\"uk-text-center\">\n            <img v-bind:src=\"playlist.avatarUrl\" height=\"48\" width=\"48\" loading=\"lazy\" />\n            {{ playlist.name }}\n        </h1>\n\n        <b\n            ><router-link class=\"uk-text-justify\" v-bind:to=\"playlist.uploaderUrl || '/'\">\n                <img v-bind:src=\"playlist.uploaderAvatar\" loading=\"lazy\" />\n                {{ playlist.uploader }}</router-link\n            ></b\n        >\n\n        <div class=\"uk-align-right\">\n            <b>{{ playlist.videos }} Videos</b>\n            <br />\n            <a :href=\"getRssUrl\"><font-awesome-icon icon=\"rss\"></font-awesome-icon></a>\n        </div>\n\n        <hr />\n\n        <div class=\"uk-grid-xl\" uk-grid=\"parallax: 0\">\n            <div\n                class=\"uk-width-1-2 uk-width-1-3@m uk-width-1-4@l uk-width-1-5@xl\"\n                v-bind:key=\"video.url\"\n                v-for=\"video in this.playlist.relatedStreams\"\n            >\n                <VideoItem :video=\"video\" height=\"94\" width=\"168\" />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ErrorHandler from \"@/components/ErrorHandler.vue\";\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    data() {\n        return {\n            playlist: null,\n        };\n    },\n    mounted() {\n        this.getPlaylistData();\n    },\n    activated() {\n        window.addEventListener(\"scroll\", this.handleScroll);\n    },\n    deactivated() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    computed: {\n        getRssUrl: _this => {\n            return _this.apiUrl() + \"/rss/playlists/\" + _this.$route.query.list;\n        },\n    },\n    methods: {\n        async fetchPlaylist() {\n            return await await this.fetchJson(this.apiUrl() + \"/playlists/\" + this.$route.query.list);\n        },\n        async getPlaylistData() {\n            this.fetchPlaylist()\n                .then(data => (this.playlist = data))\n                .then(() => (document.title = this.playlist.name + \" - Piped\"));\n        },\n        handleScroll() {\n            if (this.loading || !this.playlist || !this.playlist.nextpage) return;\n            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {\n                this.loading = true;\n                this.fetchJson(this.apiUrl() + \"/nextpage/playlists/\" + this.$route.query.list, {\n                    nextpage: this.playlist.nextpage,\n                }).then(json => {\n                    this.playlist.relatedStreams.concat(json.relatedStreams);\n                    this.playlist.nextpage = json.nextpage;\n                    this.loading = false;\n                    json.relatedStreams.map(stream => this.playlist.relatedStreams.push(stream));\n                });\n            }\n        },\n    },\n    components: {\n        ErrorHandler,\n        VideoItem,\n    },\n};\n</script>\n","import { render } from \"./Playlist.vue?vue&type=template&id=d38cb0ba\"\nimport script from \"./Playlist.vue?vue&type=script&lang=js\"\nexport * from \"./Playlist.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":""}