{"version":3,"sources":["webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/SuggestedVideos/SuggestedVideos.vue?1fce","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/SuggestedVideos/SuggestedVideos.vue?f313","webpack:///src/components/VideoCourse/VideoDetailPage/VideoDetail/SuggestedVideos/SuggestedVideos.vue","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/SuggestedVideos/SuggestedVideos.vue?8070","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/SuggestedVideos/SuggestedVideos.vue?0e1e"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","item","i","key","style","getSelected","on","$event","selecteVideo","id","value","_e","staticRenderFns","name","components","VideoList","props","items","type","required","data","computed","watch","methods","mounted","component","VCol","VDivider","VIcon","VRow"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACP,EAAIQ,GAAG,iBAAiBJ,EAAG,cAAc,GAAGJ,EAAIS,GAAIT,EAAS,OAAE,SAASU,EAAKC,GAAG,OAAOP,EAAG,QAAQ,CAACQ,IAAID,EAAEJ,YAAY,SAASM,MAAOb,EAAIc,YAAYJ,GAAQ,sBAAwB,GAAIJ,MAAM,CAAC,KAAO,MAAMS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,aAAaP,MAAS,CAAEA,EAAKQ,IAAMlB,EAAImB,MAAMD,GAAId,EAAG,SAAS,CAACJ,EAAIQ,GAAG,cAAcR,EAAIoB,KAAKhB,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQI,MAAS,OAAM,IAAI,IACjmBW,EAAkB,GCqBP,G,8BAAA,CACfC,uBACAC,YACAC,qBAAA,yDAEAC,OACAC,OACAC,WACAC,aAEAT,OACAQ,cAGAE,gBACA,UAEAC,YACAC,SACAC,SACAlB,wBACA,iDAEAG,yBACA,wBAGAgB,uBCjDqZ,I,6FCQjZC,EAAY,eACd,EACAnC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAa,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,OAAA","file":"js/chunk-6cc2acb2.381fa32a.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!./SuggestedVideos.vue?vue&type=style&index=0&id=62663acf&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"py-3\"},[_c('div',{staticClass:\"suggetion_text__class\"},[_vm._v(\"Suggestions\")]),_c('v-divider')],1),_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)})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row no-gutters>\n      <v-col class=\"py-3\">\n        <div class=\"suggetion_text__class\">Suggestions</div>\n        <v-divider></v-divider>\n      </v-col>\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  </div>\n</template>\n<script>\nexport default {\n  name: \"SuggestedVideos\",\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.suggetion_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\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@media all and (max-width: 600px) {\n  .suggetion_text__class {\n    margin-left: 10px;\n  }\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!./SuggestedVideos.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!./SuggestedVideos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SuggestedVideos.vue?vue&type=template&id=62663acf&scoped=true&\"\nimport script from \"./SuggestedVideos.vue?vue&type=script&lang=js&\"\nexport * from \"./SuggestedVideos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SuggestedVideos.vue?vue&type=style&index=0&id=62663acf&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  \"62663acf\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VDivider,VIcon,VRow})\n"],"sourceRoot":""}