{"version":3,"sources":["webpack:///./src/views/albums/AlbumDetail.vue?88d8","webpack:///./src/components/pure-com/ExpandText.vue?205a","webpack:///src/components/pure-com/ExpandText.vue","webpack:///./src/components/pure-com/ExpandText.vue?32ce","webpack:///./src/components/pure-com/ExpandText.vue","webpack:///src/views/albums/AlbumDetail.vue","webpack:///./src/views/albums/AlbumDetail.vue?68b2","webpack:///./src/views/albums/AlbumDetail.vue","webpack:///./src/views/albums/AlbumDetail.vue?1877","webpack:///./src/components/pure-com/DiscCard.vue?d608","webpack:///./node_modules/core-js/modules/es.array.splice.js","webpack:///./src/components/pure-com/DiscCard.vue?a134","webpack:///src/components/pure-com/DiscCard.vue","webpack:///./src/components/pure-com/DiscCard.vue?ba66","webpack:///./src/components/pure-com/DiscCard.vue","webpack:///./src/components/pure-com/ExpandText.vue?c07e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","info","blurPicUrl","id","_v","_s","name","directives","rawName","value","$helpers","getSmallPicture","artist","picUrl","expression","_e","formatTime","publishTime","company","encloseNumber","likedCount","shareCount","commentCount","description","tracks","comments","length","_l","item","key","time","content","user","nickname","avatarUrl","otherAlbums","al","on","$event","gotoRoute","staticRenderFns","class","btnData","bExpanded","text","maxLength","toggleTextExpand","caption","component","data","subscribers","albumId","components","DiscCard","ArtistName","GroupButtons","TracksTable","Comment","ExpandText","methods","$router","push","watch","$","toAbsoluteIndex","toInteger","toLength","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","max","Math","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","target","proto","forced","splice","start","deleteCount","insertCount","actualDeleteCount","A","k","from","to","O","len","actualStart","argumentsLength","arguments","TypeError","viewAlbum","songName","_t"],"mappings":"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","file":"js/album-detail.80b8c338.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"album\"},[_c('div',{staticClass:\"al-wrapper\"},[_c('div',{staticClass:\"top-info\"},[_c('div',{staticClass:\"al-detail\"},[_c('DiscCard',{attrs:{\"picUrl\":_vm.info.blurPicUrl,\"albumId\":_vm.info.id}}),_c('div',{staticClass:\"al-info\"},[_c('h3',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.info.name))]),(_vm.info.artist)?_c('div',{staticClass:\"artist\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.info.artist.picUrl, 30)),expression:\"$helpers.getSmallPicture(info.artist.picUrl, 30)\"}],staticClass:\"avatar\",attrs:{\"alt\":\"\"}}),_c('span',{staticClass:\"ar-name\"},[_c('ArtistName',{attrs:{\"artist\":_vm.info.artist}})],1)]):_vm._e(),(_vm.info.publishTime)?_c('div',{staticClass:\"date\"},[_vm._v(\"Published at: \"+_vm._s(_vm.$helpers.formatTime(_vm.info.publishTime, 'date'))+\" \")]):_vm._e(),(_vm.info.company)?_c('div',{staticClass:\"company\"},[_vm._v(\"Company: \"+_vm._s(_vm.info.company))]):_vm._e(),_c('GroupButtons',{attrs:{\"subCount\":_vm.$helpers.encloseNumber(_vm.info.likedCount),\"shareCount\":_vm.$helpers.encloseNumber(_vm.info.shareCount),\"commentCount\":_vm.$helpers.encloseNumber(_vm.info.commentCount)}})],1)],1),(_vm.info.description)?_c('div',{staticClass:\"al-desc\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Description:\")]),_c('ExpandText',{attrs:{\"text\":_vm.info.description,\"maxLength\":130}})],1):_vm._e()]),_c('TracksTable',{attrs:{\"showTitle\":true,\"tableData\":_vm.tracks}}),_c('div',{staticClass:\"al-comments\"},[_c('h1',{staticClass:\"comments-title\"},[_vm._v(_vm._s(_vm.comments.length + \" Comments\"))]),_vm._l((_vm.comments),function(item){return _c('Comment',{key:item.time,attrs:{\"content\":item.content,\"name\":item.user.nickname,\"avatar\":item.user.avatarUrl,\"likedCount\":item.likedCount,\"time\":item.time}})})],2)],1),_c('div',{staticClass:\"al-related\"},[(_vm.otherAlbums.length > 0)?_c('div',{staticClass:\"related\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Other Albums from \"),_c('span',[_vm._v(\" \"+_vm._s(_vm.info.artist.name))])]),_c('div',{staticClass:\"other-als\"},_vm._l((_vm.otherAlbums),function(al){return _c('div',{key:al.id,staticClass:\"one-al\",on:{\"click\":function($event){return _vm.gotoRoute(al.id)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(al.picUrl, 80)),expression:\"$helpers.getSmallPicture(al.picUrl, 80)\"}],attrs:{\"alt\":\"\"}}),_c('div',{staticClass:\"source\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(al.name))]),_c('span',{staticClass:\"date\"},[_vm._v(\"Date: \"+_vm._s(_vm.$helpers.formatTime(al.publishTime, 'date')))]),(al.company)?_c('span',{staticClass:\"company\"},[_vm._v(\"Company: \"+_vm._s(al.company))]):_vm._e()])])}),0)]):_vm._e()])])}\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:\"container\"},[_c('div',{staticClass:\"text\",class:{ 'expand-text': _vm.btnData.bExpanded }},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")]),_c('div',{staticClass:\"toggle-btn\"},[(_vm.text.length > _vm.maxLength)?_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"text\"},on:{\"click\":_vm.toggleTextExpand}},[_vm._v(_vm._s(_vm.btnData.caption)+\" \")]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"container\">\n\t\t<div class=\"text\" :class=\"{ 'expand-text': btnData.bExpanded }\">\n\t\t\t{{ text }}\n\t\t</div>\n\t\t<div class=\"toggle-btn\">\n\t\t\t<el-button size=\"mini\" type=\"text\" @click=\"toggleTextExpand\" v-if=\"text.length > maxLength\"\n\t\t\t\t>{{ btnData.caption }}\n\t\t\t</el-button>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tprops: [\"text\", \"maxLength\"],\n\tdata() {\n\t\treturn {\n\t\t\tbtnData: { bExpanded: false, caption: \"Expand\" },\n\t\t};\n\t},\n\tmethods: {\n\t\ttoggleTextExpand() {\n\t\t\tthis.btnData.bExpanded = !this.btnData.bExpanded;\n\t\t\tif (this.btnData.caption === \"Expand\") {\n\t\t\t\tthis.btnData.caption = \"Fold\";\n\t\t\t} else {\n\t\t\t\tthis.btnData.caption = \"Expand\";\n\t\t\t}\n\t\t},\n\t},\n\n\tasync created() {\n\t\tif (this.text.length > this.maxLength) {\n\t\t\tthis.btnData.bExpanded = false;\n\t\t} else {\n\t\t\tthis.btnData.bExpanded = false;\n\t\t}\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n.expand-text {\n\tdisplay: block !important; // !important is needed, as this class has the same specificity with .text\n\t// -webkit-line-clamp: 10 !important;  // ttis canot be zero(invalid value), it must be greater than 0\n}\n\n.text {\n\t@include text-ellipsis-ml(2);\n\t.title {\n\t\tfont-weight: bold;\n\t\tmargin-bottom: 5px;\n\t}\n}\n\n.toggle-btn {\n\ttext-align: right;\n\tbutton {\n\t\twidth: 60px;\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!./ExpandText.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!./ExpandText.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExpandText.vue?vue&type=template&id=71d7459f&scoped=true&\"\nimport script from \"./ExpandText.vue?vue&type=script&lang=js&\"\nexport * from \"./ExpandText.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExpandText.vue?vue&type=style&index=0&id=71d7459f&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  \"71d7459f\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"album\">\n    <!-- Left Part -->\n    <div class=\"al-wrapper\">\n      <!-- Page Left Part contains three parts vertically -->\n      <div class=\"top-info\">\n        <div class=\"al-detail\">\n          <DiscCard :picUrl=\"info.blurPicUrl\" :albumId=\"info.id\" />\n          <div class=\"al-info\">\n            <h3 class=\"name\">{{ info.name }}</h3>\n            <div class=\"artist\" v-if=\"info.artist\">\n              <img class=\"avatar\" v-lazy=\"$helpers.getSmallPicture(info.artist.picUrl, 30)\" alt=\"\" />\n              <span class=\"ar-name\">\n                <ArtistName :artist=\"info.artist\" />\n              </span>\n            </div>\n            <div class=\"date\" v-if=\"info.publishTime\">Published at: {{ $helpers.formatTime(info.publishTime, 'date') }}\n            </div>\n            <div class=\"company\" v-if=\"info.company\">Company: {{ info.company }}</div>\n            <GroupButtons :subCount=\"$helpers.encloseNumber(info.likedCount)\"\n              :shareCount=\"$helpers.encloseNumber(info.shareCount)\"\n              :commentCount=\"$helpers.encloseNumber(info.commentCount)\" />\n          </div>\n        </div>\n        <div class=\"al-desc\" v-if=\"info.description\">\n          <div class=\"title\">Description:</div>\n          <ExpandText :text=\"info.description\" :maxLength=\"130\" />\n        </div>\n      </div>\n\n      <!-- Left Middle Part: album(tracks) -->\n      <TracksTable :showTitle=\"true\" :tableData=\"tracks\" />\n\n      <!-- Left Bottom Part: Comments-->\n      <div class=\"al-comments\">\n        <h1 class=\"comments-title\">{{ comments.length + \" Comments\" }}</h1>\n        <Comment v-for=\"item in comments\" :key=\"item.time\" :content=\"item.content\" :name=\"item.user.nickname\"\n          :avatar=\"item.user.avatarUrl\" :likedCount=\"item.likedCount\" :time=\"item.time\"></Comment>\n      </div>\n    </div>\n\n    <!-- Right Part -->\n    <div class=\"al-related\">\n      <!-- <div class=\"people\">\n\t\t\t\t<div class=\"title\">Followers</div>\n\t\t\t\t<div class=\"avatars\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-for=\"person in subscribers\"\n\t\t\t\t\t\tv-lazy=\"$helpers.getSmallPicture(person.avatarUrl, 40)\"\n\t\t\t\t\t\t:title=\"person.nickname\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t:key=\"person.id\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div> -->\n      <div class=\"related\" v-if=\"otherAlbums.length > 0\">\n        <div class=\"title\">\n          Other Albums from <span> {{ info.artist.name }}</span>\n        </div>\n        <div class=\"other-als\">\n          <div class=\"one-al\" v-for=\"al in otherAlbums\" :key=\"al.id\" @click=\"gotoRoute(al.id)\">\n            <img v-lazy=\"$helpers.getSmallPicture(al.picUrl, 80)\" alt=\"\" />\n            <div class=\"source\">\n              <span class=\"name\">{{ al.name }}</span>\n              <span class=\"date\">Date: {{ $helpers.formatTime(al.publishTime, 'date') }}</span>\n              <span class=\"company\" v-if=\"al.company\">Company: {{ al.company }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  getAlbumComments,\n  getAlbumTracks,\n  getArtistAlbums\n} from \"@/network/request\";\nimport DiscCard from \"@/components/pure-com/DiscCard\";\nimport ArtistName from \"@/components/pure-com/ArtistName\";\nimport GroupButtons from \"@/components/pure-com/GroupButtons\";\nimport TracksTable from \"@/components/pure-com/TracksTable\";\nimport Comment from \"@/components/pure-com/Comment\";\nimport ExpandText from \"@/components/pure-com/ExpandText\";\n\nexport default {\n  data() {\n    return {\n      info: [],\n      tracks: [],\n      comments: [],\n      subscribers: [],\n      otherAlbums: [],\n      albumId: 0\n    };\n  },\n\n  components: {\n    DiscCard,\n    ArtistName,\n    GroupButtons,\n    TracksTable,\n    Comment,\n    ExpandText\n  },\n\n  methods: {\n    toggleTextExpand() {\n      this.btnData.bExpanded = !this.btnData.bExpanded;\n      if (this.btnData.text === \"Expand\") {\n        this.btnData.text = \"Fold\";\n      } else {\n        this.btnData.text = \"Expand\";\n      }\n    },\n\n    async getAlbumInfo(albumId) {\n      const { data } = await getAlbumTracks(albumId);\n      const {\n        description,\n        /* artists, */ artist,\n        publishTime,\n        company,\n        blurPicUrl,\n        name,\n        id,\n        info\n      } = data.album;\n\n      const { commentCount, likedCount, shareCount } = info;\n      // const { name: arName, picUrl: avatarUrl } = artist;\n\n      this.info = {\n        id,\n        name,\n        blurPicUrl,\n        // arName,\n        // avatarUrl,\n        artist,\n        company,\n        publishTime,\n        commentCount,\n        likedCount,\n        shareCount,\n        description\n      };\n\n      this.tracks = [];\n      data.songs.forEach(item => {\n        let { name, id, dt: duration } = item;\n        duration = this.$helpers.convertMsToMinutes(duration);\n        let album = item.al; // item.al.name;\n        let artists = item.ar; //item.ar[0].name;\n        let coverUrl = item.al.picUrl;\n        this.tracks.push({ id, name, duration, album, artists, coverUrl });\n      });\n\n      let {\n        data: { hotAlbums }\n      } = await getArtistAlbums({ id: artist.id, limit: 200 });\n      // remove the current album in the array(its not necessary to dispaly it at the right part again)\n      for (let i = 0; i < hotAlbums.length; i++) {\n        if (hotAlbums[i].name === this.info.name) {\n          hotAlbums.splice(i, 1);\n        }\n      }\n      this.otherAlbums = hotAlbums;\n\n      const {\n        data: { comments }\n      } = await getAlbumComments(albumId);\n      this.comments = comments;\n    },\n\n    gotoRoute(id) {\n      this.albumId = id;\n      this.$router.push({ path: \"/albums/detail\", query: { id } });\n    }\n  },\n\n  watch: {\n    async albumId(newId) {\n      await this.getAlbumInfo(newId);\n    }\n  },\n\n  async created() {\n    this.albumId = this.$route.query.id;\n    await this.getAlbumInfo(this.albumId);\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.album {\n  padding-top: 20px;\n  @include flex-align(row, flex-start, flex-start);\n}\n\n// Left Part -- Top area styles\n.al-wrapper {\n  flex: 1;\n  min-width: 300px;\n\n  .al-detail {\n    width: 800px;\n    margin: 0 auto;\n    @include flex-align(row, flex-start);\n\n    // remove the margin set in component\n    div.disc-card {\n      margin: 0 !important;\n    }\n    /deep/div.disc-card p {\n      padding: 0 !important;\n    }\n\n    .al-info {\n      height: 200px;\n      padding: 3px 10px;\n      text-align: left;\n\n      @include flex-align(column, space-between, flex-start);\n\n      .name {\n        font-weight: bold;\n        padding-top: 3px;\n      }\n\n      .artist {\n        @include flex-align(row, flex-start, center);\n        .avatar {\n          width: 30px;\n          border-radius: 50%;\n        }\n        .ar-name {\n          padding-left: 10px;\n          color: #517eaf;\n          cursor: pointer;\n        }\n      }\n\n      .ar-name,\n      .date,\n      .company {\n        font-size: 13px;\n      }\n    }\n  }\n  .al-desc {\n    font-size: 13px;\n    line-height: 1.5;\n    width: 800px;\n    margin: 15px auto;\n    text-align: left;\n\n    .title {\n      font-weight: bold;\n      padding-bottom: 5px;\n    }\n  }\n}\n\n// Left Part -- Bottome comments styles\n.al-comments {\n  margin: 30px 0;\n  text-align: left;\n  .comments-title {\n    margin: 10px 0;\n    font-weight: bold;\n  }\n}\n\n// Right Part styles\n.al-related {\n  width: 280px;\n  padding-bottom: 20px;\n  margin-left: 20px;\n\n  .title {\n    font-size: 13px;\n    font-weight: bold;\n    text-align: left;\n    padding-bottom: 10px;\n    border-bottom: 1.5px solid gray;\n    margin-bottom: 10px;\n  }\n\n  .avatars {\n    width: 100%;\n    @include grid-align-cards(40px, 5px);\n    img {\n      border-radius: 50%;\n    }\n    row-gap: 5px;\n  }\n\n  .related {\n    margin-top: 20px;\n    .one-al {\n      @include flex-align(row, flex-start);\n      margin-bottom: 10px;\n      cursor: pointer;\n\n      img {\n        width: 80px;\n      }\n\n      .source {\n        height: 80px;\n        padding: 5px 0 5px 10px;\n        text-align: left;\n\n        @include flex-align(column, space-between, flex-start);\n        .name {\n          font-size: 14px;\n          font-weight: bold;\n        }\n        .date,\n        .company {\n          font-size: 13px;\n          width: 180px;\n          @include text-ellipsis();\n        }\n      }\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!./AlbumDetail.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!./AlbumDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlbumDetail.vue?vue&type=template&id=6bfd8750&scoped=true&\"\nimport script from \"./AlbumDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./AlbumDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlbumDetail.vue?vue&type=style&index=0&id=6bfd8750&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  \"6bfd8750\",\n  null\n  \n)\n\nexport default component.exports","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!./AlbumDetail.vue?vue&type=style&index=0&id=6bfd8750&lang=scss&scoped=true&\"","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!./DiscCard.vue?vue&type=style&index=0&id=5cda100e&lang=scss&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.es/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"disc-card\"},[_c('div',{staticClass:\"card-image\",on:{\"click\":function($event){return _vm.viewAlbum(_vm.albumId)}}},[_c('span',{staticClass:\"card-caption\"},[_vm._v(_vm._s(_vm.caption))]),_c('div',{staticClass:\"disc\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.picUrl, 200)),expression:\"$helpers.getSmallPicture(picUrl, 200)\"}]})])]),_c('p',{staticClass:\"card-desc\"},[_vm._v(_vm._s(_vm.songName))]),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// disc-card is a component for the cover display and detail entry of an album\n<template>\n\t<div class=\"disc-card\">\n\t\t<div class=\"card-image\" @click=\"viewAlbum(albumId)\">\n\t\t\t<span class=\"card-caption\">{{ caption }}</span>\n\t\t\t<div class=\"disc\">\n\t\t\t\t<img v-lazy=\"$helpers.getSmallPicture(picUrl, 200)\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<p class=\"card-desc\">{{ songName }}</p>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"DiscCard\",\n\tprops: [\"caption\", \"picUrl\", \"songName\", \"albumId\"],\n\tmethods: {\n\t\tviewAlbum(albumId) {\n\t\t\tthis.$router.push(`/albums/detail` + `?id=${albumId}`);\n\t\t},\n\t},\n};\n</script>\n\n// scoped is needed here\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n\n.disc-card {\n\twidth: 226px;\n\tmargin: 20px 0;\n\tposition: relative;\n\toverflow: hidden;\n\tfont-size: 14px;\n\ttext-align: center;\n\n\t.card-image {\n\t\tposition: relative;\n\t\tcursor: pointer;\n\n\t\t.card-caption {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tpadding: 5px;\n\t\t\tcolor: white;\n\t\t\ttext-align: left;\n\t\t\tline-height: 20px;\n\t\t\tmax-height: 50px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\tborder-radius: 5px 5px 0 0;\n\t\t}\n\n\t\t.played-info {\n\t\t\tposition: absolute;\n\t\t\tbottom: 3px;\n\t\t\tleft: 0px;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 20px;\n\t\t\theight: 50px;\n\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\tborder-radius: 0 0 5px 5px;\n\n\t\t\t@include flex-align(row, space-between);\n\n\t\t\t.played-count {\n\t\t\t\t@include flex-align(row, flex-start);\n\t\t\t\twidth: 70%;\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tfont-size: 25px;\n\t\t\t}\n\n\t\t\t.play-music {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t.disc {\n\t\t\twidth: 226px;\n\t\t\theight: 200px;\n\t\t\tposition: relative;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 1;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbackground: url(../../assets/images/disc-clear.png) no-repeat top center;\n\t\t\t\tbackground-size: 226px 200px;\n\t\t\t\t// opacity: 0.7;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: 194px;\n\t\t\t\theight: 194px;\n\t\t\t\ttop: 3px;\n\t\t\t\tleft: 23px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\t// img {\n\t\t\t// \twidth: 83%;\n\t\t\t// \t// height: 200px;\n\t\t\t// \tposition: absolute;\n\t\t\t// \ttop: 50%;\n\t\t\t// \tleft: 50%;\n\t\t\t// \ttransform: translate(-46%, -50%);\n\t\t\t// \tborder-radius: 50%;\n\t\t\t// }\n\t\t}\n\t}\n\n\t&:nth-child(even) .disc::after {\n\t\tbackground: url(../../assets/images/disc.png) no-repeat top center;\n\t\tbackground-size: 226px 200px;\n\t}\n\n\t&:nth-child(odd) .disc::after {\n\t\tbackground: url(../../assets/images/disc-clear.png) no-repeat top center;\n\t\tbackground-size: 226px 200px;\n\t}\n\n\t.card-desc {\n\t\tpadding: 7px;\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\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!./DiscCard.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!./DiscCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DiscCard.vue?vue&type=template&id=5cda100e&scoped=true&\"\nimport script from \"./DiscCard.vue?vue&type=script&lang=js&\"\nexport * from \"./DiscCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DiscCard.vue?vue&type=style&index=0&id=5cda100e&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  \"5cda100e\",\n  null\n  \n)\n\nexport default component.exports","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!./ExpandText.vue?vue&type=style&index=0&id=71d7459f&lang=scss&scoped=true&\""],"sourceRoot":""}