{"version":3,"sources":["webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue?13f2","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue?054f","webpack:///src/components/VideoCourse/VideoDetailPage/VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue?0a10","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue?b5e6"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$vuetify","breakpoint","smAndUp","items","staticStyle","staticClass","_v","_s","playlist","name","video_count","_e","attrs","_l","item","i","key","style","getSelected","on","$event","selecteVideo","id","value","staticRenderFns","components","VideoList","props","type","required","data","computed","watch","methods","mounted","component","VCard","VCardText","VCardTitle","VCol","VIcon","VRow","VSpacer"],"mappings":"2IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAMN,EAAIO,SAASC,WAAWC,QACnI,+CACA,aAAa,CAAET,EAAIU,MAAY,OAAEN,EAAG,eAAe,CAACO,YAAY,CAAC,WAAa,YAAY,CAACP,EAAG,MAAM,CAACQ,YAAY,wBAAwB,CAACZ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIU,MAAM,GAAGK,SAASC,MAAM,OAAOZ,EAAG,YAAYA,EAAG,MAAM,CAACQ,YAAY,2BAA2B,CAACZ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIU,MAAM,GAAGK,SAASE,aAAa,eAAe,GAAGjB,EAAIkB,KAAKd,EAAG,cAAc,CAACQ,YAAY,QAAQ,CAACR,EAAG,QAAQ,CAACe,MAAM,CAAC,aAAa,KAAKnB,EAAIoB,GAAIpB,EAAS,OAAE,SAASqB,EAAKC,GAAG,OAAOlB,EAAG,QAAQ,CAACmB,IAAID,EAAEV,YAAY,SAASY,MAAOxB,EAAIyB,YAAYJ,GAAQ,sBAAwB,GAAIF,MAAM,CAAC,KAAO,MAAMO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,aAAaP,MAAS,CAAEA,EAAKQ,IAAM7B,EAAI8B,MAAMD,GAAIzB,EAAG,SAAS,CAACJ,EAAIa,GAAG,cAAcb,EAAIkB,KAAKd,EAAG,aAAa,CAACe,MAAM,CAAC,MAAQE,MAAS,MAAK,IAAI,IAAI,IAC3vBU,EAAkB,GCkCP,G,8BAAA,CACff,4BAEAgB,YACAC,qBAAA,yDAEAC,OACAxB,OACAyB,WACAC,aAEAN,OACAK,cAGAE,gBACA,UAEAC,YACAC,SACAC,SACAf,wBACA,iDAEAG,yBACA,wBAGAa,uBCjE0Z,I,qHCQtZC,EAAY,eACd,EACA3C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAW,EAAiB,QAWhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,UAAA","file":"js/chunk-4545237a.afb70edf.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaylistVideosPlayer.vue?vue&type=style&index=0&id=732e7ee0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{class:_vm.$vuetify.breakpoint.smAndUp\n      ? 'fill-height rounded-xl pb-0 mb-0 elevation-0'\n      : 'rounded-0'},[(_vm.items.length)?_c('v-card-title',{staticStyle:{\"background\":\"#d8d8d8\"}},[_c('div',{staticClass:\"playlist_text__class\"},[_vm._v(\" \"+_vm._s(_vm.items[0].playlist.name)+\" \")]),_c('v-spacer'),_c('div',{staticClass:\"video_count_text__class\"},[_vm._v(\" \"+_vm._s(_vm.items[0].playlist.video_count)+\" videos \")])],1):_vm._e(),_c('v-card-text',{staticClass:\"px-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.items),function(item,i){return _c('v-col',{key:i,staticClass:\"d-flex\",style:(_vm.getSelected(item) ? 'background: #d8d8d8' : ''),attrs:{\"cols\":\"12\"},on:{\"click\":function($event){return _vm.selecteVideo(item)}}},[(item.id == _vm.value.id)?_c('v-icon',[_vm._v(\"mdi-play\")]):_vm._e(),_c('video-list',{attrs:{\"value\":item}})],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <div class=\"\"> -->\n  <v-card\n    :class=\"\n      $vuetify.breakpoint.smAndUp\n        ? 'fill-height rounded-xl pb-0 mb-0 elevation-0'\n        : 'rounded-0'\n    \"\n  >\n    <v-card-title style=\"background: #d8d8d8\" v-if=\"items.length\">\n      <div class=\"playlist_text__class\">\n        {{ items[0].playlist.name }}\n      </div>\n      <v-spacer></v-spacer>\n      <div class=\"video_count_text__class\">\n        {{ items[0].playlist.video_count }} videos\n      </div>\n    </v-card-title>\n    <v-card-text class=\"px-0\">\n      <v-row no-gutters>\n        <v-col\n          cols=\"12\"\n          v-for=\"(item, i) in items\"\n          :key=\"i\"\n          class=\"d-flex\"\n          :style=\"getSelected(item) ? 'background: #d8d8d8' : ''\"\n          @click=\"selecteVideo(item)\"\n        >\n          <v-icon v-if=\"item.id == value.id\">mdi-play</v-icon\n          ><video-list :value=\"item\"></video-list>\n        </v-col>\n      </v-row>\n    </v-card-text>\n  </v-card>\n  <!-- </div> -->\n</template>\n<script>\nexport default {\n  name: \"PlaylistVideosPlayer\",\n\n  components: {\n    VideoList: () => import(\"../VideoList/VideoList.vue\"),\n  },\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n    value: {\n      type: Object,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    getSelected(item) {\n      return parseInt(this.value.id) === parseInt(item.id);\n    },\n    selecteVideo(item) {\n      this.$emit(\"input\", item);\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.playlist_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 24px;\n  /* or 150% */\n\n  color: #333333;\n}\n.video_count_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 18px;\n  /* identical to box height */\n\n  color: #5b5b5b;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaylistVideosPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaylistVideosPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlaylistVideosPlayer.vue?vue&type=template&id=732e7ee0&scoped=true&\"\nimport script from \"./PlaylistVideosPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./PlaylistVideosPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlaylistVideosPlayer.vue?vue&type=style&index=0&id=732e7ee0&scoped=true&lang=css&\"\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  \"732e7ee0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCol,VIcon,VRow,VSpacer})\n"],"sourceRoot":""}