{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/pure-com/MenuToggle.vue?1df6","webpack:///./src/App.vue?9432","webpack:///./src/components/layout/index.vue?1a52","webpack:///./src/components/layout/TheHeader.vue?1a04","webpack:///src/components/layout/TheHeader.vue","webpack:///./src/components/layout/TheHeader.vue?11ea","webpack:///./src/components/layout/TheHeader.vue","webpack:///./src/components/layout/TheBody.vue?8784","webpack:///./src/components/pure-com/MenuToggle.vue?795b","webpack:///src/components/pure-com/MenuToggle.vue","webpack:///./src/components/pure-com/MenuToggle.vue?61df","webpack:///./src/components/pure-com/MenuToggle.vue","webpack:///src/components/layout/TheBody.vue","webpack:///./src/components/layout/TheBody.vue?c998","webpack:///./src/components/layout/TheBody.vue","webpack:///./src/components/layout/TheFooter.vue?e749","webpack:///./src/components/pure-com/ProgressBar.vue?c702","webpack:///src/components/pure-com/ProgressBar.vue","webpack:///./src/components/pure-com/ProgressBar.vue?d8ee","webpack:///./src/components/pure-com/ProgressBar.vue","webpack:///src/components/layout/TheFooter.vue","webpack:///./src/components/layout/TheFooter.vue?96ba","webpack:///./src/components/layout/TheFooter.vue","webpack:///src/components/layout/index.vue","webpack:///./src/components/layout/index.vue?1241","webpack:///./src/components/layout/index.vue","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/store/index.js","webpack:///./src/router/index.js","webpack:///./src/common/session.js","webpack:///./src/main.js","webpack:///external \"Vuex\"","webpack:///./src/App.vue?c650","webpack:///external \"ELEMENT\"","webpack:///external \"VueRouter\"","webpack:///./src/components/layout/TheBody.vue?fbee","webpack:///external \"Vue\"","webpack:///external \"VueLazyload\"","webpack:///./src/common/helpers.js","webpack:///./src/components/pure-com/ProgressBar.vue?b101","webpack:///./src/components/layout/TheHeader.vue?ba38","webpack:///external \"axios\"","webpack:///./src/components/layout/index.vue?c4f1","webpack:///./src/components/layout/TheFooter.vue?d5c5"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","installedCssChunks","jsonpScriptSrc","p","exports","module","l","e","promises","cssChunks","Promise","resolve","reject","href","fullhref","existingLinkTags","document","getElementsByTagName","tag","dataHref","getAttribute","rel","existingStyleTags","linkTag","createElement","type","onload","onerror","event","request","target","src","err","Error","code","parentNode","removeChild","head","appendChild","then","installedChunkData","promise","onScriptComplete","script","charset","timeout","nc","setAttribute","error","clearTimeout","chunk","errorType","realSrc","message","name","undefined","setTimeout","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","console","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","staticClass","on","$event","indexOf","_k","keyCode","gotoHomePage","toggleFullScreen","backward","forward","directives","rawName","expression","domProps","search","composing","keywords","_m","methods","ele","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","msRequestFullscreen","fullscreenElement","exitFullscreen","mozCancelFullScreen","webkitExitFullscreen","msExitFullscreen","$router","$message","duration","offset","back","component","setMenuStatus","_v","_e","$route","path","query","class","bShowMenu","toggleNavMenu","components","MenuToggle","menuStatus","ref","song","audioUrl","paused","played","updatePlayedTime","prepared","seeking","seeked","picUrl","_s","artist","controlPlay","isplaying","percentage","adjustDisabled","seekAudio","timeString","toggleMuted","volumeRatio","adjustVolume","mouseClick","style","mouseDown","ProgressBar","progressColor","audio","volumeMuted","currentTime","newVal","muted","pause","play","$refs","volume","percent","toFixed","mounted","computed","$store","state","watch","Vue","require","Vuex","use","Store","curSearchTab","videoPlaying","mutations","updateSongInfo","setVideoPlayingStatus","status","actions","VueRouter","showFeatured","showSearchResults","showLeaderboards","showPlaylists","showPlaylistDetail","showArtists","showArtistDetail","showAllAlbums","showAlbumDetail","showLatestMvs","showPodcasts","showMvDetail","showHomePage","originalPush","location","catch","routes","router","setPageData","dataObj","JSON","stringify","sessionStorage","setItem","getPageData","parse","getItem","vueLazyload","ElementUI","$helpers","helpers","$session","session","MINI_B64_IMG","config","productionTip","loading","store","render","h","App","$mount","ELEMENT","VueLazyload","convertMsToMinutes","min","parseInt","sec","convertSecToMinutes","formatTime","timestamp","fmt","isNaN","options","year","month","day","hour","minute","second","Date","toLocaleDateString","formatNumberWithTS","number","toString","replace","encloseNumber","convertPlayedCount","count","getSmallPicture","url","width","height","newPicUrl","axios"],"mappings":"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","file":"js/app.6ceef2bf.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded CSS chunks\n \tvar installedCssChunks = {\n \t\t\"app\": 0\n \t}\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"js/\" + ({\"/videos/~albums~artists~leaderboards~playlists~search~videos\":\"/videos/~albums~artists~leaderboards~playlists~search~videos\",\"/videos/\":\"/videos/\",\"albums\":\"albums\",\"artists\":\"artists\",\"leaderboards\":\"leaderboards\",\"playlists\":\"playlists\",\"search\":\"search\",\"videos\":\"videos\",\"album-detail~playlists-detail\":\"album-detail~playlists-detail\",\"album-detail\":\"album-detail\",\"playlists-detail\":\"playlists-detail\",\"artist-detail\":\"artist-detail\",\"featured\":\"featured\",\"podcasts\":\"podcasts\"}[chunkId]||chunkId) + \".\" + {\"/videos/~albums~artists~leaderboards~playlists~search~videos\":\"0cfd6ca7\",\"/videos/\":\"b7e0faed\",\"albums\":\"ae5fb34d\",\"artists\":\"30f9ef88\",\"leaderboards\":\"21c06509\",\"playlists\":\"d68dc0f0\",\"search\":\"c6e34542\",\"videos\":\"ef42ca4c\",\"album-detail~playlists-detail\":\"de94a482\",\"album-detail\":\"80b8c338\",\"playlists-detail\":\"51f92470\",\"artist-detail\":\"bd43eea1\",\"featured\":\"eb297d94\",\"podcasts\":\"714c7e91\"}[chunkId] + \".js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// mini-css-extract-plugin CSS loading\n \t\tvar cssChunks = {\"/videos/\":1,\"albums\":1,\"artists\":1,\"leaderboards\":1,\"playlists\":1,\"search\":1,\"videos\":1,\"album-detail~playlists-detail\":1,\"album-detail\":1,\"playlists-detail\":1,\"artist-detail\":1,\"featured\":1,\"podcasts\":1};\n \t\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n \t\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n \t\t\tpromises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {\n \t\t\t\tvar href = \"css/\" + ({\"/videos/~albums~artists~leaderboards~playlists~search~videos\":\"/videos/~albums~artists~leaderboards~playlists~search~videos\",\"/videos/\":\"/videos/\",\"albums\":\"albums\",\"artists\":\"artists\",\"leaderboards\":\"leaderboards\",\"playlists\":\"playlists\",\"search\":\"search\",\"videos\":\"videos\",\"album-detail~playlists-detail\":\"album-detail~playlists-detail\",\"album-detail\":\"album-detail\",\"playlists-detail\":\"playlists-detail\",\"artist-detail\":\"artist-detail\",\"featured\":\"featured\",\"podcasts\":\"podcasts\"}[chunkId]||chunkId) + \".\" + {\"/videos/~albums~artists~leaderboards~playlists~search~videos\":\"31d6cfe0\",\"/videos/\":\"39d28ee0\",\"albums\":\"5a3fbe91\",\"artists\":\"a26cb801\",\"leaderboards\":\"e8d3a4cc\",\"playlists\":\"80834aa4\",\"search\":\"3c10499f\",\"videos\":\"b3f75018\",\"album-detail~playlists-detail\":\"e14f01b5\",\"album-detail\":\"ab6d30f4\",\"playlists-detail\":\"0b7d6dc3\",\"artist-detail\":\"fc957936\",\"featured\":\"770fcf49\",\"podcasts\":\"ff65eea4\"}[chunkId] + \".css\";\n \t\t\t\tvar fullhref = __webpack_require__.p + href;\n \t\t\t\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n \t\t\t\tfor(var i = 0; i < existingLinkTags.length; i++) {\n \t\t\t\t\tvar tag = existingLinkTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n \t\t\t\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return resolve();\n \t\t\t\t}\n \t\t\t\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n \t\t\t\tfor(var i = 0; i < existingStyleTags.length; i++) {\n \t\t\t\t\tvar tag = existingStyleTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\");\n \t\t\t\t\tif(dataHref === href || dataHref === fullhref) return resolve();\n \t\t\t\t}\n \t\t\t\tvar linkTag = document.createElement(\"link\");\n \t\t\t\tlinkTag.rel = \"stylesheet\";\n \t\t\t\tlinkTag.type = \"text/css\";\n \t\t\t\tlinkTag.onload = resolve;\n \t\t\t\tlinkTag.onerror = function(event) {\n \t\t\t\t\tvar request = event && event.target && event.target.src || fullhref;\n \t\t\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + request + \")\");\n \t\t\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n \t\t\t\t\terr.request = request;\n \t\t\t\t\tdelete installedCssChunks[chunkId]\n \t\t\t\t\tlinkTag.parentNode.removeChild(linkTag)\n \t\t\t\t\treject(err);\n \t\t\t\t};\n \t\t\t\tlinkTag.href = fullhref;\n\n \t\t\t\tvar head = document.getElementsByTagName(\"head\")[0];\n \t\t\t\thead.appendChild(linkTag);\n \t\t\t}).then(function() {\n \t\t\t\tinstalledCssChunks[chunkId] = 0;\n \t\t\t}));\n \t\t}\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuToggle.vue?vue&type=style&index=0&id=a2009084&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('Layout')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"layout\"},[_c('Header'),_c('Body'),_c('Footer')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"icon nav-buttons\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('div',{staticClass:\"logo\",attrs:{\"title\":\"Return to Home\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.gotoHomePage($event)}}})]),_c('i',{staticClass:\"icon el-icon-full-screen\",attrs:{\"title\":\"Toogle Fullscrenn\"},on:{\"click\":_vm.toggleFullScreen}}),_c('i',{staticClass:\"icon el-icon-arrow-down\"}),_c('i',{staticClass:\"icon el-icon-arrow-left\",attrs:{\"title\":\"Previous Page\"},on:{\"click\":_vm.backward}}),_c('i',{staticClass:\"icon el-icon-arrow-right\",attrs:{\"title\":\"Next Page\"},on:{\"click\":_vm.forward}})],1)]),_c('div',{staticClass:\"center\"}),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"search-wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.keywords),expression:\"keywords\"}],staticClass:\"search\",attrs:{\"type\":\"text\",\"placeholder\":\"Song Artist Album\"},domProps:{\"value\":(_vm.keywords)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.search($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.keywords=$event.target.value}}}),_c('i',{staticClass:\"icon el-icon-search\",attrs:{\"title\":\"Return to Home\"}})]),_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"theme\"},[_c('i',{staticClass:\"icon el-icon-s-custom\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"header\">\n    <div class=\"left\">\n      <div class=\"icon nav-buttons\">\n        <router-link to=\"/\">\n          <div class=\"logo\" @keyup.enter=\"gotoHomePage\" title=\"Return to Home\"></div>\n        </router-link>\n        <i class=\"icon el-icon-full-screen\" @click=\"toggleFullScreen\" title=\"Toogle Fullscrenn\"></i>\n        <i class=\"icon el-icon-arrow-down\"></i>\n        <i class=\"icon el-icon-arrow-left\" @click=\"backward\" title=\"Previous Page\"></i>\n        <i class=\"icon el-icon-arrow-right\" @click=\"forward\" title=\"Next Page\"></i>\n      </div>\n    </div>\n    <div class=\"center\">\n      <!-- <img class=\"text-logo\" src=\"../../assets/images/netease11.png\" alt=\"\"> -->\n    </div>\n    <div class=\"right\">\n      <div class=\"search-wrapper\">\n        <input class=\"search\" @keyup.enter=\"search\" type=\"text\" v-model=\"keywords\" placeholder=\"Song Artist Album\" />\n        <i class=\"icon el-icon-search\" title=\"Return to Home\"></i>\n      </div>\n      <div class=\"theme\">\n        <i class=\"icon el-icon-s-custom\"></i>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      keywords: \"\"\n    };\n  },\n\n  methods: {\n    // gotoHomePage() {\n    // \tthis.$router.push(`/`);\n    // },\n    toggleFullScreen() {\n      const ele = document.documentElement;\n\n      /* Enter Fullscrenn */\n      if (ele.requestFullscreen) {\n        ele.requestFullscreen();\n      } else if (ele.mozRequestFullScreen) {\n        /* Firefox */\n        ele.mozRequestFullScreen();\n      } else if (ele.webkitRequestFullscreen) {\n        /* Chrome, Safari and Opera */\n        ele.webkitRequestFullscreen();\n      } else if (ele.msRequestFullscreen) {\n        /* IE/Edge */\n        ele.msRequestFullscreen();\n      }\n\n      /* Exit fullscreen */\n      if (document.fullscreenElement) {\n        document.exitFullscreen();\n      } else if (document.mozCancelFullScreen) {\n        /* Firefox */\n        document.mozCancelFullScreen();\n      } else if (document.webkitExitFullscreen) {\n        /* Chrome, Safari and Opera */\n        // console.log(\"Chrome, Safari and Opera\");\n        document.webkitExitFullscreen();\n      } else if (document.msExitFullscreen) {\n        /* IE/Edge */\n        document.msExitFullscreen();\n      }\n    },\n    search() {\n      if (this.keywords) {\n        this.$router.push(`/search?keywords=${this.keywords}`);\n      } else {\n        this.$message({\n          type: \"warning\",\n          message: \"Please type some keywords to search!\",\n          duration: 3000,\n          offset: 50\n        });\n      }\n    },\n    backward() {\n      this.$router.back();\n    },\n    forward() {\n      this.$router.forward();\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/mixin.scss\";\n\n.header {\n  @include flex-align(row, space-between, center);\n  position: fixed;\n  z-index: 10000;\n  width: 100vw;\n  height: $header-height;\n  padding: 0 20px;\n  background-color: $header-bg-color;\n\n  .left {\n    @include flex-align();\n    width: $header-left-width;\n    .nav-buttons {\n      width: 180px;\n      @include flex-align(row, space-between, center);\n      cursor: pointer;\n    }\n\n    .logo {\n      width: 25px;\n      height: 25px;\n      background: url(\"../../assets/images/logo.png\") no-repeat top center;\n      background-size: 25px;\n      border-radius: 50%;\n    }\n  }\n\n  .center {\n    width: 300px;\n    height: 50px;\n    background: url(\"../../assets/images/netease.png\") no-repeat top center;\n    background-size: 300px 50px;\n  }\n\n  .right {\n    @include flex-align();\n    width: $header-right-width;\n  }\n\n  .icon {\n    color: white;\n  }\n\n  .search-wrapper {\n    position: relative;\n\n    input {\n      height: 1.5rem;\n      padding-left: 30px;\n      border-radius: 20px;\n      border: none;\n      outline: none;\n    }\n\n    i {\n      position: absolute;\n      color: grey;\n      top: 5px;\n      left: 10px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHeader.vue?vue&type=template&id=253f9fa7&\"\nimport script from \"./TheHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHeader.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body\"},[_c('MenuToggle',{on:{\"toggle\":_vm.setMenuStatus}}),(_vm.bShowMenu)?_c('ul',{staticClass:\"nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/featured\"}},[_c('i',{staticClass:\"iconfont icon-rebang\"},[_vm._v(\"Featured\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/leaderboards\"}},[_c('i',{staticClass:\"iconfont icon-paihangbang1\"},[_vm._v(\"Leaderboards\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/playlists\"}},[_c('i',{staticClass:\"iconfont icon-gedan\"},[_vm._v(\"Playlists\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/artists\"}},[_c('i',{staticClass:\"iconfont icon-artist\"},[_vm._v(\"Artists\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/videos\"}},[_c('i',{staticClass:\"iconfont icon-mv4\"},[_vm._v(\"Videos\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/albums\"}},[_c('i',{staticClass:\"iconfont icon-album\"},[_vm._v(\"Albums\")])])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/podcasts\"}},[_c('i',{staticClass:\"iconfont icon-podcast\"},[_vm._v(\"Podcasts\")])])],1)]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('router-view',{key:_vm.$route.path + _vm.$route.query.keywords,staticClass:\"content-vertical-align\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toggle\",class:{ 'nav-show': _vm.bShowMenu, 'nav-hide': !_vm.bShowMenu },on:{\"click\":_vm.toggleNavMenu}},[(_vm.bShowMenu)?_c('i',{staticClass:\"el-icon-s-fold\",attrs:{\"title\":\"Fold Menu\"}}):_c('i',{staticClass:\"iconfont el-icon-s-unfold\",attrs:{\"title\":\"Expand Menu\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"toggle\" :class=\"{ 'nav-show': bShowMenu, 'nav-hide': !bShowMenu }\" @click=\"toggleNavMenu\">\n\t\t<i v-if=\"bShowMenu\" class=\"el-icon-s-fold\" title=\"Fold Menu\"></i>\n\t\t<i v-else class=\"iconfont el-icon-s-unfold\" title=\"Expand Menu\"></i>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"MenuToggle\",\n\tdata() {\n\t\treturn { bShowMenu: true };\n\t},\n\tmethods: {\n\t\ttoggleNavMenu() {\n\t\t\tthis.bShowMenu = !this.bShowMenu;\n\t\t\tthis.$emit(\"toggle\", this.bShowMenu);\n\t\t},\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.toggle {\n\tposition: absolute;\n\twidth: 24px;\n\theight: 24px;\n\ttop: 66px;\n\tz-index: 1000;\n\ti {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tfont-size: 24px;\n\t\tcolor: #c33f18;\n\t\topacity: 0.5;\n\t\tcursor: pointer;\n\t}\n}\n\n.nav-show {\n\tleft: 170px;\n\tanimation: horizonMoveLeft 1.5s infinite;\n\t-webkit-animation: horizonMoveLeft 1.5s infinite;\n}\n\n.nav-hide {\n\tleft: -5px;\n\tanimation: horizonMoveRight 1.5s infinite;\n\t-webkit-animation: horizonMoveRight 1.5s infinite;\n\ti {\n\t\tcolor: grey;\n\t}\n}\n\n@keyframes horizonMoveLeft {\n\tfrom {\n\t\tleft: 175px;\n\t}\n\tto {\n\t\tleft: 170px;\n\t}\n}\n@-webkit-keyframes horizonMoveLeft {\n\tfrom {\n\t\tleft: 175px;\n\t}\n\tto {\n\t\tleft: 170px;\n\t}\n}\n\n@keyframes horizonMoveRight {\n\tfrom {\n\t\tleft: -5px;\n\t}\n\tto {\n\t\tleft: 0px;\n\t}\n}\n@-webkit-keyframes horizonMoveRight {\n\tfrom {\n\t\tleft: -5px;\n\t}\n\tto {\n\t\tleft: 0px;\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuToggle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuToggle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuToggle.vue?vue&type=template&id=a2009084&scoped=true&\"\nimport script from \"./MenuToggle.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuToggle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuToggle.vue?vue&type=style&index=0&id=a2009084&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a2009084\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"body\">\n    <MenuToggle @toggle=\"setMenuStatus\" />\n    <ul class=\"nav\" v-if=\"bShowMenu\">\n      <!-- Use iconfont icons -->\n      <li class=\"nav-item\">\n        <!-- 0.Discover Music contains playlists, albums, leaderboards -->\n        <router-link to=\"/featured\">\n          <i class=\"iconfont icon-rebang\">Featured</i>\n        </router-link>\n      </li>\n\n      <!-- 1. Leaderboards by category id -->\n      <li class=\"nav-item\">\n        <router-link to=\"/leaderboards\">\n          <i class=\"iconfont icon-paihangbang1\">Leaderboards</i>\n        </router-link>\n      </li>\n\n      <!-- 2. Playlists by category -->\n      <li class=\"nav-item\">\n        <router-link to=\"/playlists\">\n          <i class=\"iconfont icon-gedan\">Playlists</i>\n        </router-link>\n      </li>\n\n      <!-- 3. Singers -->\n      <li class=\"nav-item\">\n        <router-link to=\"/artists\">\n          <i class=\"iconfont icon-artist\">Artists</i>\n        </router-link>\n      </li>\n\n      <!-- 4. MVs -->\n      <li class=\"nav-item\">\n        <router-link to=\"/videos\">\n          <i class=\"iconfont icon-mv4\">Videos</i>\n        </router-link>\n      </li>\n\n      <!-- 5. Albums -->\n      <li class=\"nav-item\">\n        <router-link to=\"/albums\">\n          <i class=\"iconfont icon-album\">Albums</i>\n        </router-link>\n      </li>\n\n      <!-- 6. Podcasts Channels -->\n      <li class=\"nav-item\">\n        <router-link to=\"/podcasts\">\n          <i class=\"iconfont icon-podcast\">Podcasts</i>\n        </router-link>\n      </li>\n    </ul>\n\n    <div class=\"content\">\n      <!-- :key is added for forcing updating view when search submisions are more than once -->\n      <!-- but the keywords should be different to activate a new search -->\n      <router-view class=\"content-vertical-align\" :key=\"$route.path + $route.query.keywords\" />\n    </div>\n  </div>\n</template>\n\n<script>\n// import Featured from \"@/views/featured/\";\nimport MenuToggle from \"@/components/pure-com/MenuToggle\";\n\nexport default {\n  components: {\n    MenuToggle\n  },\n\n  data() {\n    return {\n      bShowMenu: true\n    };\n  },\n\n  methods: {\n    setMenuStatus(menuStatus) {\n      this.bShowMenu = menuStatus;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/universal.scss\";\n@import \"@/assets/styles/mixin.scss\";\n\n.body {\n  width: 100vw;\n  height: calc(100vh - #{$header-height});\n  background-color: beige;\n  padding-top: $header-height;\n  position: relative;\n\n  display: flex;\n\n  @include flex-align(row, space-between, flex-start);\n\n  .nav {\n    width: 200px;\n    height: 100%;\n    background-color: #ededed;\n    padding-top: 10px;\n    transition: all 3s linear 0s;\n\n    li {\n      width: 100%;\n      // padding: 10px 0px;\n      text-align: left;\n      cursor: pointer;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n\n      a {\n        display: block;\n        padding: 10px 20px;\n        height: 100%;\n        width: 100%;\n      }\n\n      a.router-link-active {\n        background-color: rgba(0, 0, 0, 0.1);\n        i {\n          color: $theme-primary-color !important;\n        }\n      }\n    }\n  }\n\n  .content {\n    // float: 1;\n    flex: 1;\n    // width: calc(100% - 200px);\n    height: 100%;\n    overflow: auto;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBody.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBody.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBody.vue?vue&type=template&id=e88c1674&\"\nimport script from \"./TheBody.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBody.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheBody.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"audio-player\"},[_c('audio',{ref:\"audio\",attrs:{\"src\":_vm.song.audioUrl,\"autoplay\":\"\",\"loop\":\"\"},on:{\"pause\":_vm.paused,\"play\":_vm.played,\"timeupdate\":_vm.updatePlayedTime,\"canplay\":_vm.prepared,\"seeking\":_vm.seeking,\"seeked\":_vm.seeked}}),_c('div',{staticClass:\"audio-info\"},[_c('img',{attrs:{\"src\":_vm.song.picUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"song-info\"},[_c('div',[_vm._v(_vm._s(_vm.song.name ? \"Playing: \" + _vm.song.name : \"\"))]),_c('div',[_vm._v(_vm._s(_vm.song.artist ? \"Artist: \" + _vm.song.artist : \"\"))])])]),_c('div',{staticClass:\"play-controls\"},[_c('div',{staticClass:\"play-button\",on:{\"click\":_vm.controlPlay}},[(!_vm.isplaying)?_c('i',{staticClass:\"iconfont icon-bofang control-button\"}):_c('i',{staticClass:\"iconfont icon-stop control-button\"})]),_c('ProgressBar',{attrs:{\"dotSize\":8,\"barHeight\":4,\"barColor\":'green',\"barBgColor\":'black',\"percent\":_vm.percentage,\"disabled\":_vm.adjustDisabled},on:{\"change\":_vm.seekAudio}}),_c('div',{staticClass:\"played-time\"},[_c('span',[_vm._v(_vm._s(_vm.timeString))])])],1),_c('div',{staticClass:\"right-part\"},[_c('div',{staticClass:\"volume\",on:{\"click\":_vm.toggleMuted}},[(_vm.volumeRatio > 0)?_c('i',{staticClass:\"iconfont icon-yinliang\"}):_c('i',{staticClass:\"iconfont icon-jingyin\"})]),_c('ProgressBar',{attrs:{\"dotSize\":10,\"barHeight\":4,\"barColor\":'#c33f18',\"barBgColor\":'grey',\"percent\":_vm.volumeRatio * 100},on:{\"change\":_vm.adjustVolume}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"progressbar\",staticClass:\"progress-bar\",on:{\"click\":_vm.mouseClick}},[_c('div',{ref:\"progressline\",staticClass:\"progress-line\",style:(_vm.updateBarPosition)},[_c('div',{ref:\"progressdot\",staticClass:\"progress-dot\",style:(_vm.updateDotPosition),on:{\"mousedown\":_vm.mouseDown}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"progress-bar\" @click=\"mouseClick\" ref=\"progressbar\">\n\t\t<div class=\"progress-line\" :style=\"updateBarPosition\" ref=\"progressline\">\n\t\t\t<div class=\"progress-dot\" :style=\"updateDotPosition\" @mousedown=\"mouseDown\" ref=\"progressdot\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"ProgressBar\",\n\tprops: {\n\t\tdotSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 4,\n\t\t\trequired: false,\n\t\t\tvalidator: (val) => {\n\t\t\t\treturn val >= 4;\n\t\t\t},\n\t\t},\n\t\tbarHeight: {\n\t\t\ttype: Number,\n\t\t\tdefault: 3,\n\t\t\trequired: false,\n\t\t\tvalidator: (val) => {\n\t\t\t\treturn val >= 3;\n\t\t\t},\n\t\t},\n\t\tbarColor: {\n\t\t\ttype: String,\n\t\t\tdefault: \"red\",\n\t\t\trequired: false,\n\t\t},\n\t\tbarBgColor: {\n\t\t\ttype: String,\n\t\t\tdefault: \"black\",\n\t\t\trequired: false,\n\t\t},\n\t\tpercent: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\trequired: false,\n\t\t},\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t},\n\tmodel: {\n\t\tprop: \"percent\",\n\t\tevent: \"change\",\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcurBarWidth: 0,\n\t\t\tbarTotalWidth: 0,\n\t\t\t// changes during dragging(when dot is selected and moved)\n\t\t\tcurDotPosition: {\n\t\t\t\tisDrag: false,\n\t\t\t\tleft: 0,\n\t\t\t\txOffest: 0,\n\t\t\t},\n\t\t};\n\t},\n\n\tmethods: {\n\t\tloadCustomizedStyles() {\n\t\t\tif (this.barHeight > this.dotSize) {\n\t\t\t\tthis.dotSize = this.barHeight; //not suggested to override default prop\n\t\t\t}\n\n\t\t\t// Do not assigne value to computed property outisde of computed: {}\n\t\t\t// this.percentage = this.percent; // default percentage\n\n\t\t\tthis.$refs.progressline.style.height = this.barHeight + \"px\";\n\n\t\t\tthis.$refs.progressdot.style.width = this.dotSize + \"px\";\n\t\t\tthis.$refs.progressdot.style.height = this.dotSize + \"px\";\n\n\t\t\tthis.$refs.progressdot.style.top = \"-\" + (this.dotSize - this.barHeight) / 2 + \"px\";\n\t\t\tthis.$refs.progressbar.style.borderRadius = this.barHeight / 2 + \"px\";\n\t\t\tthis.$refs.progressline.style.borderRadiusLeft = this.barHeight / 2 + \"px\";\n\t\t\tthis.$refs.progressline.style.borderBottomLeftRadius = this.barHeight / 2 + \"px\";\n\n\t\t\tthis.$refs.progressline.style.borderTopLeftRadius = this.barHeight / 2 + \"px\";\n\n\t\t\tthis.$refs.progressbar.style.backgroundColor = this.barBgColor;\n\t\t\tthis.$refs.progressline.style.backgroundColor = this.barColor;\n\t\t\tthis.$refs.progressdot.style.backgroundColor = this.barColor;\n\n\t\t\tthis.curBarWidth = this.dotSize / 2;\n\n\t\t\t// console.log(this.$refs.progressbar.getBoundingClientRect());\n\t\t\tthis.barTotalWidth = this.$refs.progressbar.getBoundingClientRect().width;\n\t\t\t// console.log(\n\t\t\t//   \"Total Width\",\n\t\t\t//   this.$refs.progressbar.getBoundingClientRect(),\n\t\t\t//   this.barTotalWidth\n\t\t\t// );\n\t\t},\n\n\t\tremovePxInString(str) {\n\t\t\tif (!str) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\treturn parseInt(str.slice(0, str.length - 2));\n\t\t},\n\n\t\t// prepare initial position values for latter calculation of dot and bar move\n\t\tmouseDown(event) {\n\t\t\tif (this.disabled) return;\n\n\t\t\tthis.curDotPosition.isDrag = true;\n\n\t\t\tconst dotEle = this.$refs.progressdot;\n\t\t\tthis.curDotPosition.left = this.removePxInString(dotEle.style.left);\n\t\t\t// console.log(\"Initial left: \", this.curDotPosition.left);\n\t\t\tthis.curDotPosition.xOffest = event.touches ? event.touches[0].clientX : event.clientX;\n\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t},\n\n\t\t// the purpose is to calculate the new percent value, then the position will be updated\n\t\t// simultaneously by the computed properties(attached to the dot/line style properties)\n\t\t// it also emits a change event with new a value to notify the component user\n\t\tmouseMove(event) {\n\t\t\tif (this.disabled) return;\n\n\t\t\t// only response when dot is clicked\n\t\t\tif (this.curDotPosition.isDrag) {\n\t\t\t\t// console.log(\"in dragging...\");\n\n\t\t\t\tconst clientX = event.touches ? event.touches[0].clientX : event.clientX;\n\n\t\t\t\tlet xDistance = clientX - this.curDotPosition.xOffest;\n\t\t\t\tlet maxValidDistance = this.barTotalWidth - this.dotSize;\n\t\t\t\tlet xMaxValidRight = maxValidDistance - this.curDotPosition.left;\n\t\t\t\tlet xMaxValidLeft = this.curDotPosition.left;\n\n\t\t\t\t// console.log(\n\t\t\t\t// \t\"clientX\",\n\t\t\t\t// \tclientX,\n\t\t\t\t// \t\"XOffset:\",\n\t\t\t\t// \tthis.curDotPosition.xOffest,\n\t\t\t\t// \t\"moved XDistance:\",\n\t\t\t\t// \txDistance,\n\t\t\t\t// \t\"ValidMaxDistance:\",\n\t\t\t\t// \tmaxValidDistance,\n\t\t\t\t// \t\"xMaxValidRight:\",\n\t\t\t\t// \txMaxValidRight,\n\t\t\t\t// \t\"xMaxValidLeft\",\n\t\t\t\t// \txMaxValidLeft,\n\t\t\t\t// \t\"OriginLeft:\",\n\t\t\t\t// \tthis.curDotPosition.left\n\t\t\t\t// );\n\n\t\t\t\tif (xDistance > 0) {\n\t\t\t\t\tif (xDistance > xMaxValidRight) {\n\t\t\t\t\t\t// console.log(\"exceed the right border\");\n\t\t\t\t\t\tthis.curDotPosition.xOffest += xMaxValidRight;\n\t\t\t\t\t\tthis.curDotPosition.left = maxValidDistance;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.curDotPosition.xOffest = clientX;\n\t\t\t\t\t\tthis.curDotPosition.left += xDistance;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (xDistance + xMaxValidLeft <= 0) {\n\t\t\t\t\t\tthis.curDotPosition.xOffest -= this.curDotPosition.left;\n\t\t\t\t\t\tthis.curDotPosition.left = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.curDotPosition.xOffest = clientX;\n\t\t\t\t\t\tthis.curDotPosition.left += xDistance;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlet oldPercent = this.percent;\n\n\t\t\t\t// this behavior changes the prop value which is not favarable\n\t\t\t\tlet newPercent = ((100 * this.curDotPosition.left) / maxValidDistance).toFixed(2);\n\n\t\t\t\t// Do not emit too frequently\n\t\t\t\tif (Math.abs(newPercent - oldPercent) > 0.1) {\n\t\t\t\t\t// this.$emit(\"change\", newPercent === \"0.00\" ? 0 : newPercent);\n\t\t\t\t\tthis.$emit(\"change\", +newPercent);\n\t\t\t\t\t// console.log(\"New percentage sent\", oldPercent, +newPercent);\n\t\t\t\t}\n\t\t\t\t// console.log(this.percent, this.curDotPosition.left, this.curDotPosition.xOffest, newPercent, maxValidDistance);\n\t\t\t}\n\t\t},\n\n\t\tmouseUp() {\n\t\t\tthis.curDotPosition.isDrag = false;\n\t\t},\n\n\t\t// Update percent prop here as mouseMove\n\t\tmouseClick(event) {\n\t\t\tif (this.disabled) return;\n\n\t\t\tconsole.log(\"Clicked...\", event.clientX, this.$refs.progressbar.getBoundingClientRect());\n\t\t\tlet mouseClientX = event.clientX;\n\n\t\t\t// this left value is not the dot style.left value.\n\t\t\tconst { x: dotClientX } = this.$refs.progressdot.getBoundingClientRect();\n\t\t\t// console.log(\"dotX dotLeft, clickX, totalWidth\", dotClientX, dotLeft, mouseClientX, this.barTotalWidth);\n\n\t\t\tthis.barTotalWidth = this.$refs.progressbar.getBoundingClientRect().width;\n\t\t\tlet maxValidDistance = this.barTotalWidth - this.dotSize;\n\t\t\tlet oldPercent = this.percent;\n\t\t\tlet dotOldStyleLeft = (oldPercent * maxValidDistance) / 100;\n\t\t\tlet dotNewStyleLeft = dotOldStyleLeft + mouseClientX - dotClientX;\n\n\t\t\tlet newPercent = Math.min(((100 * dotNewStyleLeft) / maxValidDistance).toFixed(2), 100);\n\n\t\t\t// console.log(\"old and new left\", dotOldStyleLeft, dotNewStyleLeft);\n\t\t\t// console.log(\"old and new percent\", oldPercent, newPercent);\n\n\t\t\t// this.percent = newPercent;  //no need to change the prop\n\t\t\tif (Math.abs(newPercent - oldPercent) > 0.1) {\n\t\t\t\t// this.$emit(\"change\", newPercent === \"0.00\" ? 0 : newPercent);\n\t\t\t\tthis.$emit(\"change\", +newPercent);\n\t\t\t\t// console.log(\"New percentage sent\", oldPercent, +newPercent);\n\t\t\t}\n\t\t},\n\n\t\tscreenResize() {\n\t\t\ttry {\n\t\t\t\tlet barTotalWidth = this.$refs.progressbar.getBoundingClientRect().width;\n\t\t\t\tthis.barTotalWidth = barTotalWidth;\n\t\t\t\t// console.log(\"resizing get elements reference\");\n\t\t\t} catch (error) {\n\t\t\t\tconsole.log(\"Cannot get elements reference\");\n\t\t\t}\n\t\t},\n\t},\n\n\tcomputed: {\n\t\tpercentage() {\n\t\t\t// console.log(\"new percentage\", this.percent);\n\t\t\treturn this.percent;\n\t\t},\n\n\t\t// change progress-line styles by progress percentage\n\t\tupdateBarPosition() {\n\t\t\tlet dotRadius = this.dotSize / 2;\n\n\t\t\t// Cannot assign this.dotCurPosition =, it will generate side-effects\n\t\t\t// let barTotalWidth = this.getBarTotalWidth();\n\t\t\tlet dotCurPosition = ((this.barTotalWidth - this.dotSize) * this.percentage) / 100;\n\t\t\tlet barCurrentWidth = dotCurPosition + dotRadius;\n\n\t\t\treturn {\n\t\t\t\twidth: barCurrentWidth + \"px\",\n\t\t\t};\n\t\t},\n\n\t\t// change progress-dot styles\n\t\tupdateDotPosition() {\n\t\t\tlet dotCurPosition = ((this.barTotalWidth - this.dotSize) * this.percentage) / 100;\n\n\t\t\treturn {\n\t\t\t\tleft: dotCurPosition + \"px\",\n\t\t\t};\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.loadCustomizedStyles(); // this.barTotalWidth is loaded here\n\t\twindow.addEventListener(\"resize\", this.screenResize, false);\n\t\tdocument.addEventListener(\"mousemove\", this.mouseMove, false);\n\t\tdocument.addEventListener(\"mouseup\", this.mouseUp, false);\n\t\t// window.addEventListener(\"beforeunload\", this.pageFresh, false);\n\t},\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.progress-bar {\n\t// margin: 0 auto;\n\twidth: 50%;\n\tcursor: pointer;\n\n\t.progress-line {\n\t\tposition: relative;\n\n\t\t.progress-dot {\n\t\t\tposition: absolute;\n\t\t\ttop: -3px;\n\t\t\tleft: -3px;\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressBar.vue?vue&type=template&id=358b9a48&\"\nimport script from \"./ProgressBar.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProgressBar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"audio-player\">\n    <!-- The original audio element: donot use attribute `controls` -->\n    <audio :src=\"song.audioUrl\" @pause=\"paused\" @play=\"played\" @timeupdate=\"updatePlayedTime\" @canplay=\"prepared\"\n      @seeking=\"seeking\" @seeked=\"seeked\" autoplay loop ref=\"audio\"></audio>\n\n    <!-- Add new contents to override the H5 auido tag's controls -->\n    <!-- Part 1: Left, for audio information, text description 30% width -->\n    <div class=\"audio-info\">\n      <img :src=\"song.picUrl\" alt />\n      <div class=\"song-info\">\n        <div>{{ song.name ? \"Playing: \" + song.name : \"\" }}</div>\n        <div>{{ song.artist ? \"Artist: \" + song.artist : \"\" }}</div>\n      </div>\n    </div>\n\n    <!-- Part 2: Middle, controls and play progress bar, 50% width, minimum width: 300px? -->\n    <!-- This part is divided into 3 parts: buttons(fixed width), progress bar, time(fixed width) -->\n    <div class=\"play-controls\">\n      <div class=\"play-button\" @click=\"controlPlay\">\n        <i v-if=\"!isplaying\" class=\"iconfont icon-bofang control-button\" />\n        <i v-else class=\"iconfont icon-stop control-button\" />\n      </div>\n\n      <ProgressBar :dotSize=\"8\" :barHeight=\"4\" :barColor=\"'green'\" :barBgColor=\"'black'\" :percent=\"percentage\"\n        :disabled=\"adjustDisabled\" @change=\"seekAudio\" />\n\n      <div class=\"played-time\">\n        <span>{{ timeString }}</span>\n      </div>\n    </div>\n\n    <!-- Part 3: Right part, Volume adjustment...etc, fixed width: 200px? -->\n    <div class=\"right-part\">\n      <div class=\"volume\" @click=\"toggleMuted\">\n        <i v-if=\"volumeRatio > 0\" class=\"iconfont icon-yinliang\"></i>\n        <i v-else class=\"iconfont icon-jingyin\"></i>\n      </div>\n      <!-- For volume adjustment -->\n      <ProgressBar :dotSize=\"10\" :barHeight=\"4\" :barColor=\"'#c33f18'\" :barBgColor=\"'grey'\" :percent=\"volumeRatio * 100\"\n        @change=\"adjustVolume\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ProgressBar from \"@/components/pure-com/ProgressBar\";\n\nexport default {\n  components: {\n    ProgressBar\n  },\n  data() {\n    return {\n      // properties for music play\n      isplaying: false,\n      percentage: 0,\n      progressColor: \"#409eff\",\n      // this property needs to be initialized at mounted() instead of defining it as a computed property\n      audio: \"\",\n      duration: 0,\n      timeString: \"\",\n      adjustDisabled: true,\n      // properties for audio volume adjustment\n      volumeRatio: 1,\n      volumeMuted: 0,\n      currentTime: 0\n    };\n  },\n\n  methods: {\n    async play() {\n      if (!this.audio) {\n        return;\n      }\n\n      // calling audio.play() or audio.pause() won't trigger event\n      // wo we need assign this.isplaying value after the call\n      try {\n        await this.audio.play();\n        this.isplaying = true;\n      } catch (error) {\n        console.log(\"Target resource is not playable!\");\n      }\n    },\n\n    async pause() {\n      try {\n        await this.audio.pause();\n        this.isplaying = false;\n      } catch (error) {\n        console.log(\"Failed to pause the music playing!\");\n      }\n    },\n\n    prepared() {\n      this.adjustDisabled = false;\n    },\n\n    played() {\n      this.isplaying = true;\n    },\n\n    paused() {\n      this.isplaying = false;\n    },\n    // response to play bar adjustment\n    seekAudio(newVal) {\n      this.percentage = newVal;\n      this.currentTime = (this.percentage * this.duration) / 100;\n      this.audio.currentTime = this.currentTime;\n    },\n\n    seeking() {\n      this.audio.muted = true; // disable sound when adjusting from progress bar\n    },\n\n    seeked() {\n      this.audio.muted = false; // unmute when seek compleleted\n    },\n\n    // reponse to audio play process changes\n    updatePlayedTime() {\n      this.currentTime = this.audio.currentTime;\n      this.duration = this.audio.duration;\n      this.percentage = (100 * this.currentTime) / this.duration;\n      if (this.duration > 0) {\n        this.timeString =\n          this.$helpers.convertSecToMinutes(this.currentTime) +\n          \" / \" +\n          this.$helpers.convertSecToMinutes(this.duration);\n      } else {\n        this.timeString = `00:00 / 00:00`;\n      }\n    },\n\n    // Click button to play or pause\n    controlPlay() {\n      if (!this.audio) return;\n      // console.log(this.$refs.audio.duration, this.$refs.audio.currentTime);\n\n      if (this.audio.src) {\n        if (this.isplaying) {\n          this.pause();\n        } else {\n          this.play();\n        }\n      }\n    },\n\n    // when getting a percent from progress bar\n    adjustVolume(percent) {\n      this.$refs.audio.volume = (percent / 100).toFixed(2); // volume： 0-1\n      this.volumeRatio = this.$refs.audio.volume;\n    },\n\n    toggleMuted() {\n      if (this.$refs.audio.volume > 0) {\n        this.volumeMuted = this.$refs.audio.volume; // backup position value\n        this.volumeRatio = 0; // let bar go to start point\n        this.$refs.audio.volume = 0; //make sound muted\n      } else {\n        if (this.volumeMuted === 0) {\n          this.volumeMuted = 0.3; // set a default volume\n        }\n        this.$refs.audio.volume = this.volumeMuted;\n        this.volumeRatio = this.$refs.audio.volume;\n      }\n    }\n  },\n\n  mounted() {\n    this.audio = this.$refs.audio;\n  },\n\n  computed: {\n    song() {\n      // console.log(\"Song Observer in computed: \", this.$store.state.song);\n      // To call this.$refs.audio.play(); is not allowed, because play() is a async call.\n      // async call is not allowed in computed properties.\n      // this.$refs.audio.play();\n      // this.audio.play();\n      return this.$store.state.song;\n    }\n  },\n\n  watch: {\n    // change audio play status when video playing status changes\n    \"$store.state.videoPlaying\"() {\n      this.controlPlay();\n    },\n\n    duration() {\n      if (!this.$refs.audio) return 0;\n      return this.$refs.audio.duration;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/mixin.scss\";\n\n/* #fcfcfc is the default audio element tag color */\n.audio-player {\n  background-color: rgba(0, 0, 0, 0.4);\n  margin: 0px auto;\n  padding: 5px 20px;\n\n  width: 100%;\n  height: $header-height;\n  @include flex-align(row, space-bewteen, center);\n\n  .audio-info {\n    width: 400px;\n    height: 100%;\n    color: white;\n\n    @include flex-align(row, flex-start, center);\n    img {\n      width: 40px;\n      border-radius: 2px;\n    }\n\n    .song-info {\n      width: calc(100% - 40px);\n      height: 100%;\n      @include flex-align(column, space-around, flex-start);\n      padding-left: 10px;\n      font-size: 14px;\n      text-align: left;\n      div {\n        @include text-ellipsis;\n\n        width: 100%;\n      }\n    }\n  }\n\n  .play-controls {\n    flex: 1;\n    // border: 1px solid blue;\n    min-width: 350px;\n    padding: 0 5px;\n    // background-color: black;\n    // color: white;\n    @include flex-align(row, space-between, center);\n\n    .play-button {\n      width: 40px;\n      height: 30px;\n      padding: 0 5px;\n      cursor: pointer;\n    }\n\n    .progress-bar {\n      flex: 1;\n      margin: 0 5px;\n\n      .progress-line {\n        width: 80%;\n\n        // progress-bar height setting\n        height: 20px;\n        background-color: red;\n        position: relative;\n\n        .progress-dot {\n          position: absolute;\n          background-color: blue;\n          width: 26px;\n          height: 26px;\n          top: -3px;\n          left: 50px;\n          border-radius: 50%;\n        }\n      }\n    }\n\n    .played-time {\n      min-width: 80px;\n      font-size: 14px;\n      color: white;\n    }\n\n    img {\n      width: 100%;\n      display: block；;\n    }\n  }\n\n  i {\n    font-size: 30px;\n  }\n\n  .right-part {\n    width: 400px;\n    text-align-last: right;\n    @include flex-align(row, flex-end, center);\n    .volume {\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheFooter.vue?vue&type=template&id=15347b53&\"\nimport script from \"./TheFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./TheFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheFooter.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"layout\">\n\t\t<Header />\n\t\t<Body />\n\t\t<Footer />\n\t</div>\n</template>\n\n<script>\nimport Header from \"./TheHeader\";\nimport Body from \"./TheBody\";\nimport Footer from \"./TheFooter\";\n\nexport default {\n\tcomponents: {\n\t\tHeader,\n\t\tBody,\n\t\tFooter,\n\t},\n};\n</script>\n\n<style lang=\"scss\">\n.layout {\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=9e579c88&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div id=\"app\">\n\t\t<Layout />\n\t</div>\n</template>\n\n<script>\nimport Layout from \"@/components/layout/index.vue\";\n\nexport default {\n\tcomponents: { Layout },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/el-ui.scss\";\n\n#app {\n\tfont-family: Avenir, Helvetica, Arial, sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\ttext-align: center;\n\tcolor: #2c3e50;\n}\n\n#nav {\n\tpadding: 30px;\n\n\ta {\n\t\tfont-weight: bold;\n\t\tcolor: #2c3e50;\n\n\t\t&.router-link-exact-active {\n\t\t\tcolor: #42b983;\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=63887bba&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","// import Vue from \"vue\";\n// import Vuex from \"vuex\";\n\nconst Vue = require(\"vue\");\nconst Vuex = require(\"vuex\");\nVue.use(Vuex);\n\nexport default new Vuex.Store({\n\tstate: {\n\t\t// for music play\n\t\tsong: {\n\t\t\taudioUrl: \"\",\n\t\t\tpicUrl: \"\",\n\t\t\tname: \"\",\n\t\t\tartist: \"\",\n\t\t},\n\t\t// for search results\n\t\tcurSearchTab: \"tracks\",\n\t\tvideoPlaying: false,\n\t},\n\tmutations: {\n\t\tupdateSongInfo(state, song) {\n\t\t\tstate.song = song;\n\t\t},\n\t\tsetVideoPlayingStatus(state, status) {\n\t\t\tstate.videoPlaying = status;\n\t\t},\n\t},\n\tactions: {},\n\tmodules: {},\n});\n","// import Vue from \"vue\";\n// import VueRouter from \"vue-router\";\n\nconst Vue = require(\"vue\");\nconst VueRouter = require(\"vue-router\");\n\n// for lazy loading\n// this generates a separate chunk (componnet.[hash].js) for this route\n// which is lazy-loaded when the route is visited.\nconst showFeatured = () => import(/* webpackChunkName: \"featured\" */ \"@/views/featured/\");\n\nconst showSearchResults = () => import(/* webpackChunkName: \"search\" */ \"@/views/search/\");\n\nconst showLeaderboards = () => import(/* webpackChunkName: \"leaderboards\" */ \"@/views/leaderboards/\");\n\nconst showPlaylists = () => import(/* webpackChunkName: \"playlists\" */ \"@/views/playlists/\");\nconst showPlaylistDetail = () => import(/* webpackChunkName: \"playlists-detail\" */ \"@/views/playlists/PlaylistDetail\");\n\nconst showArtists = () => import(/* webpackChunkName: \"artists\" */ \"@/views/artists/\");\nconst showArtistDetail = () => import(/* webpackChunkName: \"artist-detail\" */ \"@/views/artists/ArtistDetail\");\n\nconst showAllAlbums = () => import(/* webpackChunkName: \"albums\" */ \"@/views/albums/\");\nconst showAlbumDetail = () => import(/* webpackChunkName: \"album-detail\" */ \"@/views/albums/AlbumDetail\");\n\nconst showLatestMvs = () => import(/* webpackChunkName: \"videos\" */ \"@/views/videos/\");\n\nconst showPodcasts = () => import(/* webpackChunkName: \"podcasts\" */ \"@/views/podcasts/\");\n\nconst showMvDetail = () => import(/* webpackChunkName: \"/videos/\" */ \"@/views/videos/MvPage.vue\");\n\nconst showHomePage = showFeatured;\n\nVue.use(VueRouter);\n\n// To avoid error message \"Avoided redundant navigation to current location\"\n// when pushing the same route, this is done by preventing pushing the same route,\n// but we need re-submission for searching feature, so this isn't the right solution\n// The final solution is add key on the router-view tag:\n//         <router-view :key=\"$route.path + $route.query.keywords\"\nconst originalPush = VueRouter.prototype.push;\nVueRouter.prototype.push = function push(location) {\n\treturn originalPush.call(this, location).catch((err) => err);\n};\n\nconst routes = [\n\t{\n\t\tpath: \"/\",\n\t\tname: \"Home\",\n\t\tcomponent: showHomePage,\n\t},\n\t{\n\t\tpath: \"/search\",\n\t\tname: \"Search\",\n\t\tcomponent: showSearchResults,\n\t},\n\t{\n\t\tpath: \"/featured\",\n\t\tname: \"Featured\",\n\t\tcomponent: showFeatured,\n\t},\n\t{\n\t\tpath: \"/playlists\",\n\t\tname: \"Playlists\",\n\t\tcomponent: showPlaylists,\n\t},\n\t{\n\t\tpath: \"/videos\",\n\t\tname: \"LatestMvs\",\n\t\tcomponent: showLatestMvs,\n\t},\n\t{\n\t\tpath: \"/artists\",\n\t\tname: \"Artists\",\n\t\tcomponent: showArtists,\n\t},\n\t{\n\t\tpath: \"/albums\",\n\t\tname: \"Albums\",\n\t\tcomponent: showAllAlbums,\n\t},\n\t{\n\t\tpath: \"/leaderboards\",\n\t\tname: \"Leaderboards\",\n\t\tcomponent: showLeaderboards,\n\t},\n\t{\n\t\tpath: \"/podcasts\",\n\t\tname: \"Podcasts\",\n\t\tcomponent: showPodcasts,\n\t},\n\t{ path: \"/videos/detail\", name: \"mv\", component: showMvDetail },\n\t{ path: \"/playlists/detail\", name: \"mv-detail\", component: showPlaylistDetail },\n\t{ path: \"/artists/detail\", name: \"ar-detail\", component: showArtistDetail },\n\t{ path: \"/albums/detail\", name: \"al-detail\", component: showAlbumDetail },\n];\n\nconst router = new VueRouter({\n\troutes,\n\tmode: \"history\", //do not show # in URL(otherwise it will call location.hash() to use hash mode)\n\t// duplicateNavigationPolicy: \"reload\",\n});\n\nexport default router;\n","export default {\n\tsetPageData: (key, dataObj) => {\n\t\tlet artist = JSON.stringify(dataObj);\n\t\tsessionStorage.setItem(key, [artist]);\n\t},\n\n\tgetPageData: (key) => {\n\t\treturn JSON.parse(sessionStorage.getItem(key));\n\t},\n};\n\n// const setPageData = (key, dataObj) => {\n// \tlet artist = JSON.stringify(dataObj);\n// \tsessionStorage.setItem(key, [artist]);\n// };\n\n// const getPageData = (key) => {\n// \treturn JSON.parse(sessionStorage.getItem(key));\n// };\n\n// module.exports = {\n// \tsetPageData,\n// \tgetPageData,\n// };\n","// import Vue from \"vue\";\n// import router from \"./router\";\n// import vueLazyload from \"vue-lazyload\";\n// import ElementUI from \"element-ui\";\n\nconst Vue = require(\"vue\");\nconst vueLazyload = require(\"vue-lazyload\");\nconst ElementUI = require(\"element-ui\");\n\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport router from \"./router\";\n\nimport \"@/assets/styles/reset.scss\";\n// import \"element-ui/lib/theme-chalk/index.css\";\n\nimport helpers from \"@/common/helpers\";\nimport session from \"@/common/session\";\n\nVue.prototype.$helpers = helpers;\nVue.prototype.$session = session;\n\nconst MINI_B64_IMG = \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\nVue.config.productionTip = false;\n\nVue.use(ElementUI);\nVue.use(vueLazyload, {\n\tloading: MINI_B64_IMG,\n\terror: MINI_B64_IMG,\n});\n\nnew Vue({\n\trouter,\n\tstore,\n\trender: (h) => h(App),\n}).$mount(\"#app\");\n","module.exports = Vuex;","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","module.exports = ELEMENT;","module.exports = VueRouter;","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBody.vue?vue&type=style&index=0&lang=scss&\"","module.exports = Vue;","module.exports = VueLazyload;","const convertMsToMinutes = (duration) => {\n\tlet min = parseInt(duration / 1000 / 60);\n\tif (min < 10) {\n\t\tmin = \"0\" + min;\n\t}\n\tlet sec = parseInt((duration / 1000) % 60);\n\tif (sec < 10) {\n\t\tsec = \"0\" + sec;\n\t}\n\treturn `${min}:${sec}`;\n};\n\nconst convertSecToMinutes = (duration) => {\n\tlet min = parseInt(duration / 60);\n\tif (min < 10) {\n\t\tmin = \"0\" + min;\n\t}\n\n\tlet sec = parseInt(duration % 60);\n\tif (sec < 10) {\n\t\tsec = \"0\" + sec;\n\t}\n\treturn `${min}:${sec}`;\n};\n\nconst formatTime = (timestamp, fmt) => {\n\tif (isNaN(timestamp)) return \"\";\n\n\tconst options = {\n\t\tyear: \"numeric\",\n\t\tmonth: \"2-digit\",\n\t\tday: \"2-digit\",\n\t\thour: \"2-digit\",\n\t\tminute: \"2-digit\",\n\t\tsecond: \"2-digit\",\n\t};\n\n\tif (fmt === \"year\") {\n\t\treturn new Date(timestamp).toLocaleDateString(\"en-US\", options).slice(6, 10);\n\t}\n\n\tif (fmt === \"date\") {\n\t\treturn new Date(timestamp).toLocaleDateString(\"en-US\", options).slice(0, 10);\n\t}\n\tif (fmt === \"time\") {\n\t\treturn new Date(timestamp).toLocaleDateString(\"en-US\", options).slice(12);\n\t}\n\n\treturn new Date(timestamp).toLocaleDateString(\"en-US\", options);\n};\n\n// format number with thousands separators\nconst formatNumberWithTS = (number) => {\n\tif (isNaN(number)) {\n\t\treturn number;\n\t}\n\n\treturn number.toString().replace(/(\\d{1,3})(?=(?:\\d{3})+(?!\\d))/g, \"$1,\");\n};\n\nconst encloseNumber = (number) => {\n\tif (isNaN(number)) {\n\t\treturn number;\n\t}\n\n\treturn `(` + number.toString().replace(/(\\d{1,3})(?=(?:\\d{3})+(?!\\d))/g, \"$1,\") + `)`;\n};\n\nconst convertPlayedCount = (count) => {\n\tif (count >= 1000 * 1000) {\n\t\treturn (\n\t\t\t(count / 1000000)\n\t\t\t\t.toFixed(3)\n\t\t\t\t.slice(0, 3)\n\t\t\t\t.replace(/\\.$/, \"\") + `M`\n\t\t);\n\t} else if (count >= 1000) {\n\t\treturn (\n\t\t\tparseInt(count / 1000)\n\t\t\t\t.toFixed(3)\n\t\t\t\t.slice(0, 3)\n\t\t\t\t.replace(/\\.$/, \"\") + `K`\n\t\t);\n\t}\n\n\treturn count;\n};\n\n// generate small picture link adress\nconst getSmallPicture = (url, width, height) => {\n\tif (!height) {\n\t\theight = width;\n\t}\n\tlet newPicUrl = url + `?param=${width}y${height}`;\n\treturn newPicUrl;\n};\n\nmodule.exports = {\n\tconvertMsToMinutes,\n\tconvertSecToMinutes,\n\tformatTime,\n\tformatNumberWithTS,\n\tencloseNumber,\n\tconvertPlayedCount,\n\tgetSmallPicture,\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressBar.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeader.vue?vue&type=style&index=0&lang=scss&\"","module.exports = axios;","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}