{"version":3,"sources":["webpack:///./src/components/ErrorHandler.vue","webpack:///./src/components/ErrorHandler.vue?9ab2","webpack:///./src/components/Playlist.vue","webpack:///./src/components/Playlist.vue?e3ab","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?2847"],"names":["message","toggleTrace","class","type","$t","ref","style","hidden","error","props","String","default","methods","this","$refs","stacktrace","render","playlist","src","avatarUrl","height","width","loading","name","to","uploaderUrl","uploaderAvatar","uploader","videos","href","getRssUrl","icon","relatedStreams","video","key","url","components","ErrorHandler","VideoItem","computed","_this","apiUrl","$route","query","list","getPlaylistData","window","addEventListener","handleScroll","removeEventListener","fetchJson","fetchPlaylist","then","data","document","title","nextpage","innerHeight","scrollY","body","offsetHeight","json","concat","map","stream","push","backgroundColor","thumbnail","alt","duration","timeFormat","watched","aria-label","uploaderName","hideChannel","uploaderVerified","views","uploadedDate","numberFormat","uploaded","timeAgo","Object","Boolean"],"mappings":"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","file":"js/chunk-13a5b4b9.8ea56347.js","sourcesContent":["<template>\n    <p>{{ message }}</p>\n    <button @click=\"toggleTrace\" class=\"uk-button uk-button-small\" type=\"button\">\n        {{ $t(\"actions.show_more\") }}\n    </button>\n    <p ref=\"stacktrace\" style=\"white-space: pre-wrap\" hidden>{{ error }}</p>\n</template>\n\n<script>\nexport default {\n    props: {\n        error: { type: String, default: null },\n        message: { type: String, default: null },\n    },\n    methods: {\n        toggleTrace() {\n            this.$refs.stacktrace.hidden = !this.$refs.stacktrace.hidden;\n        },\n    },\n};\n</script>\n","import { render } from \"./ErrorHandler.vue?vue&type=template&id=e25db53c\"\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 :src=\"playlist.avatarUrl\" height=\"48\" width=\"48\" loading=\"lazy\" />\n            {{ playlist.name }}\n        </h1>\n\n        <b\n            ><router-link class=\"uk-text-justify\" :to=\"playlist.uploaderUrl || '/'\">\n                <img :src=\"playlist.uploaderAvatar\" loading=\"lazy\" class=\"uk-border-circle\" />\n                {{ playlist.uploader }}</router-link\n            ></b\n        >\n\n        <div class=\"uk-align-right\">\n            <b>{{ playlist.videos }} {{ $t(\"video.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 uk-grid-xl\">\n            <div\n                v-for=\"video in playlist.relatedStreams\"\n                :key=\"video.url\"\n                class=\"uk-width-1-2 uk-width-1-3@m uk-width-1-4@l uk-width-1-5@xl\"\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    components: {\n        ErrorHandler,\n        VideoItem,\n    },\n    data() {\n        return {\n            playlist: null,\n        };\n    },\n    computed: {\n        getRssUrl: _this => {\n            return _this.apiUrl() + \"/rss/playlists/\" + _this.$route.query.list;\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    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};\n</script>\n","import { render } from \"./Playlist.vue?vue&type=template&id=011a2060\"\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\" :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"],"sourceRoot":""}