{"version":3,"sources":["webpack:///./src/constant/routingHandler.js","webpack:///./src/components/VideoCourse/PlaylistDetailPage/VideoListCard/VideoListCard.vue?31d2","webpack:///src/components/VideoCourse/PlaylistDetailPage/VideoListCard/VideoListCard.vue","webpack:///./src/components/VideoCourse/PlaylistDetailPage/VideoListCard/VideoListCard.vue?bc16","webpack:///./src/components/VideoCourse/PlaylistDetailPage/VideoListCard/VideoListCard.vue?5533","webpack:///./src/components/VideoCourse/PlaylistDetailPage/VideoListCard/VideoListCard.vue?75e5"],"names":["getRoute","user_type","localStorage","getItem","ROUTER_URL","userPanel","link","children","trending","main","adminPanel","group","routeToVideoDetailPage","obj","type","id","ptid","usid","vdid","panel","query","router","push","name","videoDetail","openSearchPage","return_uri","searchPage","q","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","class","smallScreen","_v","_s","serial_no","_e","attrs","value","video","file","thumbnail","on","$event","actionHanlder","status","title","views_count","time","language","name_to_show","Object","keys","length","is_admin_layout","scopedSlots","_u","key","fn","ref","_g","_b","$vuetify","breakpoint","xsOnly","_l","item","i","staticRenderFns","props","required","default","data","action_list1","action_list2","computed","user_id_check","is_same_user","action_list","watch","methods","mapActions","toggleVideoDetail","toggleDeleteModal","snackBar","show","detail","emit","suffix","deleteVideo","text","color","timeout","params","Axios","onSuccess","onFailure","playVideo","routingHandler","mounted","created","component","VBtn","VChip","VIcon","VList","VListItem","VListItemGroup","VMenu","VSpacer"],"mappings":"2LAEe,QACbA,SAAQ,WACN,IAAIC,EAAYC,aAAaC,QAAQ,aACrC,MAAiB,QAAbF,GAAoC,MAAbA,GAAkC,QAAbA,EAE5CG,OAAWC,UAAUC,KACrBF,OAAWC,UAAUE,SAASC,SAASF,KACvCF,OAAWC,UAAUE,SAASC,SAASD,SAASE,KAAKH,KAEjC,SAAbL,GAAqC,cAAbA,EAE/BG,OAAWM,WAAWJ,KAAOF,OAAWM,WAAWH,SAASI,MAAML,UAF/D,GAOTM,uBAAsB,SAACC,GACrB,IAAQC,EAAsCD,EAAtCC,KAAMC,EAAgCF,EAAhCE,GAAIC,EAA4BH,EAA5BG,KAAMC,EAAsBJ,EAAtBI,KAAMC,EAAgBL,EAAhBK,KAAMC,EAAUN,EAAVM,MAChCC,EAAQ,GACC,aAATN,GACFM,EAAM,QAAUJ,EAChBI,EAAM,QAAUN,EACZI,IACFE,EAAM,QAAUF,KAGlBE,EAAM,QAAUL,EAChBK,EAAM,QAAUN,GAElBM,EAAM,QAAUH,EACH,SAATE,EACFE,OAAOC,KAAK,CACVC,KAAMnB,OAAWM,WAAWH,SAASiB,YAAYD,KACjDH,MAAOA,IAGTC,OAAOC,KAAK,CACVC,KAAMnB,OAAWC,UAAUE,SAASiB,YAAYD,KAChDH,MAAOA,KAKbK,eAAc,SAACL,EAAOM,GACpBL,OAAOC,KAAK,CACVC,KAAMnB,OAAWC,UAAUE,SAASoB,WAAWJ,KAC/CH,MAAO,CAAEQ,EAAGR,EAAOM,WAAYA,Q,yCChDrC,IAAIG,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,OAAS,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAAEN,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,+BAA+BE,MAAMR,EAAIS,YAAc,GAAK,SAAS,CAACL,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,gBAAgBZ,EAAIa,KAAKT,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAeQ,MAAM,CAAC,IAAMd,EAAIe,MAAMC,MAAMC,KAAK,OAASjB,EAAIe,MAAMG,UAAUD,KAAK,MAAQ,QAAQE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,cAAc,cACllB,aAArBrB,EAAIe,MAAMO,QACW,aAArBtB,EAAIe,MAAMO,QACW,iBAArBtB,EAAIe,MAAMO,OACVlB,EAAG,MAAM,CAACE,YAAY,OAAOE,MAAMR,EAAIS,YAAc,GAAK,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,MAAQ,QAAQ,CAACP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIe,MAAMQ,OAAO,OAAOnB,EAAG,MAAM,CAACE,YAAY,wBAAwBE,MAAMR,EAAIS,YAAc,GAAK,QAAQ,CAACL,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIe,MAAMS,aAAa,aAAapB,EAAG,SAAS,CAACI,MAAMR,EAAIS,YAAc,OAAS,OAAOK,MAAM,CAAC,KAAOd,EAAIS,YAAc,IAAM,OAAO,CAACT,EAAIU,GAAG,gBAAgBN,EAAG,OAAO,CAACJ,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIe,MAAMU,MAAM,UAAUrB,EAAG,SAAS,CAACI,MAAMR,EAAIS,YAAc,OAAS,OAAOK,MAAM,CAAC,KAAOd,EAAIS,YAAc,IAAM,OAAO,CAACT,EAAIU,GAAG,gBAAgBN,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIe,MAAMW,SAASC,kBAAkB,KAA2B,UAArB3B,EAAIe,MAAMO,OAAoBlB,EAAG,MAAM,CAACE,YAAY,OAAOE,MAAMR,EAAIS,YAAc,GAAK,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,2BAA2Ba,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,cAAc,WAAW,CAACrB,EAAIU,GAAG,2BAA8D,IAAlCkB,OAAOC,KAAK7B,EAAIe,OAAOe,OAAc1B,EAAG,MAAM,CAACA,EAAG,SAAS,CAACI,MAAQR,EAAIe,MAAY,OAAI,uBAAwB,CAACf,EAAIU,GAAGV,EAAIW,GAAGX,EAAIe,MAAMO,YAAY,GAAGtB,EAAIa,OAAOb,EAAIa,OAAOT,EAAG,YAAYA,EAAG,MAAM,CAACI,MAAMR,EAAIS,YAAc,GAAK,QAAQ,CAAGT,EAAI+B,gBAGxqB/B,EAAIa,KAHqrBT,EAAG,SAAS,CAACU,MAAM,CAAC,WAAW,IAAIkB,YAAYhC,EAAIiC,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GAC5wC,IAAItB,EAAQsB,EAAItB,MACZK,EAAKiB,EAAIjB,GACrB,MAAO,CAACf,EAAG,QAAQJ,EAAIqC,GAAGrC,EAAIsC,GAAG,CAAC/B,YAAY,CAAC,YAAY,iBAAiB,QAAU,kBAAkBO,MAAM,CAAC,KAAO,KAAK,QAAQA,GAAM,GAAOK,GAAI,CAACf,EAAG,SAAS,CAACU,MAAM,CAAC,MAAQ,UAAU,MAAQd,EAAIuC,SAASC,WAAWC,SAAS,CAACzC,EAAIU,GAAG,wBAAwB,OAAO,MAAK,EAAM,YAAY,CAACN,EAAG,SAAS,CAACA,EAAG,oBAAoBJ,EAAI0C,GAAI1C,EAAe,aAAE,SAAS2C,EAAKC,GAAG,OAAOxC,EAAG,cAAc,CAAC8B,IAAIU,EAAEzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,cAAcsB,EAAK5B,UAAU,CAACf,EAAIU,GAAG,IAAIV,EAAIW,GAAGgC,EAAKlD,MAAM,UAAS,IAAI,IAAI,IAAa,IAAI,MACjhBoD,EAAkB,G,gGC+FP,GACfpD,qBACAqD,OACA/B,OACA/B,YACA+D,aAEAnC,WACAoC,aACAhE,YACA+D,cAGAE,gBACA,OACAC,cACA,CACAzD,YACAsB,cAMA,CACAtB,cACAsB,iBAGAoC,cACA,CACA1D,YACAsB,iBAKAqC,UACA3C,uBACA,wCAEA4C,yBACA,oBACA,aAEA,wBAGAC,wBACA,8CAEAC,uBACA,yBACA,kBAEA,mBAGAxB,2BACA,+CAGAyB,SACAC,yCACAC,gBACAC,kDACAC,kDACAC,iCACA,IACAxC,0BACA,UACA,WACA,wBACAyC,QACA7E,iBACA8E,wBACA/E,YACAgF,iDAEA,MACA,WAEA,MACA,aAEA,wBACAF,QACA7E,iBACAgF,oBACAD,iDAEA,MACA,WACA,iBACA,MACA,QACA,QAGAE,wBAAA,WACA,aACA,YACAC,eACAC,gBACAC,eAEA,6DAEA,eACA,KACAC,UACAC,iDACAD,SACAE,YACAC,eAGAC,qBACA,gCASA,SACA3F,iCACAA,qBACAA,iCACAA,wBACA,uCACAA,mBAEAA,kBAEA4F,sCAlBA,eACAR,KACA,6EACAC,gBACAC,kBAiBAO,qBACAC,mBAAA,WACA,yEACA,sBCtPoY,I,6ICQhYC,EAAY,eACd,EACA/E,EACA8C,GACA,EACA,KACA,WACA,MAIa,aAAAiC,EAAiB,QAYhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,KAAeC,QAAA,KAAMC,UAAA,Q,kCC/BpF","file":"js/chunk-0695b5dc.247cba98.js","sourcesContent":["import ROUTER_URL from \"@/constant/urls\";\nimport router from \"@/router/index\";\nexport default {\n  getRoute() {\n    let user_type = localStorage.getItem(\"user_type\");\n    if (user_type == \"User\" || user_type == null || user_type == \"user\") {\n      return (\n        ROUTER_URL.userPanel.link +\n        ROUTER_URL.userPanel.children.trending.link +\n        ROUTER_URL.userPanel.children.trending.children.main.link\n      );\n    } else if (user_type == \"Admin\" || user_type == \"Super User\") {\n      return (\n        ROUTER_URL.adminPanel.link + ROUTER_URL.adminPanel.children.group.link\n        // ROUTER_URL.adminPanel.name\n      );\n    }\n  },\n  routeToVideoDetailPage(obj) {\n    const { type, id, ptid, usid, vdid, panel } = obj;\n    let query = {};\n    if (type === \"playlist\") {\n      query[\"ptid\"] = ptid;\n      query[\"type\"] = type;\n      if (vdid) {\n        query[\"vdid\"] = vdid;\n      }\n    } else {\n      query[\"vdid\"] = id;\n      query[\"type\"] = type;\n    }\n    query[\"usid\"] = usid;\n    if (panel == \"admin\") {\n      router.push({\n        name: ROUTER_URL.adminPanel.children.videoDetail.name,\n        query: query,\n      });\n    } else {\n      router.push({\n        name: ROUTER_URL.userPanel.children.videoDetail.name,\n        query: query,\n      });\n      // urlName = ROUTER_URL.userPanel.children.videoDetail.name;\n    }\n  },\n  openSearchPage(query, return_uri) {\n    router.push({\n      name: ROUTER_URL.userPanel.children.searchPage.name,\n      query: { q: query, return_uri: return_uri },\n    });\n  },\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-1\"},[_c('div',{staticClass:\"d-flex pa-3\",staticStyle:{\"cursor\":\"pointer\"}},[_c('div',{staticClass:\"width_class d-flex\"},[(_vm.serial_no)?_c('div',{staticClass:\"pr-3 video_title_text__class\",class:_vm.smallScreen ? '' : 'pt-10'},[_c('span',[_vm._v(_vm._s(_vm.serial_no))])]):_vm._e(),_c('div',{staticClass:\"video_div__class\"},[_c('video',{staticClass:\"video__class\",attrs:{\"src\":_vm.value.video.file,\"poster\":_vm.value.thumbnail.file,\"width\":\"100%\"},on:{\"click\":function($event){return _vm.actionHanlder('play')}}})]),(\n          _vm.value.status === 'Verified' ||\n          _vm.value.status === 'Rejected' ||\n          _vm.value.status === 'Under Review'\n        )?_c('div',{staticClass:\"pl-4\",class:_vm.smallScreen ? '' : 'pt-2'},[_c('div',{staticClass:\"video_title_text__class\",staticStyle:{\"width\":\"60%\"}},[_vm._v(\" \"+_vm._s(_vm.value.title)+\" \")]),_c('div',{staticClass:\"video_des_text__class\",class:_vm.smallScreen ? '' : 'pt-3'},[_c('span',[_vm._v(_vm._s(_vm.value.views_count)+\" Views \")]),_c('v-icon',{class:_vm.smallScreen ? 'px-1' : 'px-3',attrs:{\"size\":_vm.smallScreen ? '5' : '10'}},[_vm._v(\"mdi-circle\")]),_c('span',[_vm._v(\" \"+_vm._s(_vm.value.time)+\" ago\")]),_c('v-icon',{class:_vm.smallScreen ? 'px-1' : 'px-3',attrs:{\"size\":_vm.smallScreen ? '5' : '10'}},[_vm._v(\"mdi-circle\")]),_c('span',[_vm._v(_vm._s(_vm.value.language.name_to_show))])],1)]):(_vm.value.status === 'Draft')?_c('div',{staticClass:\"pl-4\",class:_vm.smallScreen ? '' : 'pt-2'},[_c('div',{staticClass:\"draft_video_title__class\",on:{\"click\":function($event){return _vm.actionHanlder('edit')}}},[_vm._v(\" + Add Video details \")]),(Object.keys(_vm.value).length !== 0)?_c('div',[_c('v-chip',{class:((_vm.value.status) + \" common_chip__class\")},[_vm._v(_vm._s(_vm.value.status))])],1):_vm._e()]):_vm._e()]),_c('v-spacer'),_c('div',{class:_vm.smallScreen ? '' : 'pt-2'},[(!_vm.is_admin_layout)?_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n        var attrs = ref.attrs;\n        var on = ref.on;\nreturn [_c('v-btn',_vm._g(_vm._b({staticStyle:{\"min-width\":\"0px !important\",\"padding\":\"5px !important\"},attrs:{\"text\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"#333333\",\"small\":_vm.$vuetify.breakpoint.xsOnly}},[_vm._v(\"mdi-dots-vertical\")])],1)]}}],null,false,579224849)},[_c('v-list',[_c('v-list-item-group',_vm._l((_vm.action_list),function(item,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.actionHanlder(item.value)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),1)],1)],1):_vm._e()],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"my-1\">\n    <div class=\"d-flex pa-3\" style=\"cursor: pointer\">\n      <div class=\"width_class d-flex\">\n        <div\n          v-if=\"serial_no\"\n          class=\"pr-3 video_title_text__class\"\n          :class=\"smallScreen ? '' : 'pt-10'\"\n        >\n          <span>{{ serial_no }}</span>\n        </div>\n        <div class=\"video_div__class\">\n          <video\n            :src=\"value.video.file\"\n            :poster=\"value.thumbnail.file\"\n            width=\"100%\"\n            @click=\"actionHanlder('play')\"\n            class=\"video__class\"\n          ></video>\n          <!-- {{ value.thumbnail.file }} -->\n        </div>\n        <div\n          class=\"pl-4\"\n          :class=\"smallScreen ? '' : 'pt-2'\"\n          v-if=\"\n            value.status === 'Verified' ||\n            value.status === 'Rejected' ||\n            value.status === 'Under Review'\n          \"\n        >\n          <div class=\"video_title_text__class\" style=\"width: 60%\">\n            {{ value.title }}\n          </div>\n          <div class=\"video_des_text__class\" :class=\"smallScreen ? '' : 'pt-3'\">\n            <span>{{ value.views_count }} Views </span>\n            <v-icon\n              :size=\"smallScreen ? '5' : '10'\"\n              :class=\"smallScreen ? 'px-1' : 'px-3'\"\n              >mdi-circle</v-icon\n            >\n            <span> {{ value.time }} ago</span>\n            <v-icon\n              :size=\"smallScreen ? '5' : '10'\"\n              :class=\"smallScreen ? 'px-1' : 'px-3'\"\n              >mdi-circle</v-icon\n            >\n            <span>{{ value.language.name_to_show }}</span>\n          </div>\n        </div>\n        <div\n          v-else-if=\"value.status === 'Draft'\"\n          class=\"pl-4\"\n          :class=\"smallScreen ? '' : 'pt-2'\"\n        >\n          <div class=\"draft_video_title__class\" @click=\"actionHanlder('edit')\">\n            + Add Video details\n          </div>\n          <div v-if=\"Object.keys(value).length !== 0\">\n            <v-chip :class=\"`${value.status} common_chip__class`\">{{\n              value.status\n            }}</v-chip>\n          </div>\n        </div>\n      </div>\n      <v-spacer></v-spacer>\n      <div :class=\"smallScreen ? '' : 'pt-2'\">\n        <v-menu offset-y v-if=\"!is_admin_layout\">\n          <template v-slot:activator=\"{ attrs, on }\">\n            <v-btn\n              class=\"\"\n              v-bind=\"attrs\"\n              v-on=\"on\"\n              text\n              style=\"min-width: 0px !important; padding: 5px !important\"\n            >\n              <v-icon color=\"#333333\" :small=\"$vuetify.breakpoint.xsOnly\"\n                >mdi-dots-vertical</v-icon\n              >\n            </v-btn>\n          </template>\n          <v-list>\n            <v-list-item-group>\n              <v-list-item\n                v-for=\"(item, i) in action_list\"\n                :key=\"i\"\n                @click=\"actionHanlder(item.value)\"\n              >\n                {{ item.name }}\n              </v-list-item>\n            </v-list-item-group>\n          </v-list>\n        </v-menu>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapActions } from \"vuex\";\nimport helper from \"@/helper/index\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport routingHandler from \"@/constant/routingHandler\";\nexport default {\n  name: \"VideoListCard\",\n  props: {\n    value: {\n      type: Object,\n      required: true,\n    },\n    serial_no: {\n      default: null,\n      type: Number,\n      required: false,\n    },\n  },\n  data() {\n    return {\n      action_list1: [\n        {\n          name: \"Edit\",\n          value: \"edit\",\n        },\n        // {\n        //   name: \"View\",\n        //   value: \"view\",\n        // },\n        {\n          name: \"Delete\",\n          value: \"delete\",\n        },\n      ],\n      action_list2: [\n        {\n          name: \"Play\",\n          value: \"play\",\n        },\n      ],\n    };\n  },\n  computed: {\n    smallScreen() {\n      return this.$vuetify.breakpoint.xsOnly;\n    },\n    user_id_check() {\n      if (this.user_id) {\n        return this.user_id;\n      } else {\n        return this.$route.query.usid;\n      }\n    },\n    is_same_user() {\n      return helper.isSameUser(this.user_id_check);\n    },\n    action_list() {\n      if (this.is_same_user) {\n        return this.action_list1;\n      } else {\n        return this.action_list2;\n      }\n    },\n    is_admin_layout() {\n      return this.$route.meta.layout === \"AdminPanel\";\n    },\n  },\n  watch: {},\n  methods: {\n    ...mapActions({\n      toggleVideoDetail: \"videoCourse/toggleVideoDetail\",\n      toggleDeleteModal: \"deleteModal/toggleDeleteModal\",\n      snackBar: \"snackBar/showSnack\",\n    }),\n    actionHanlder(value) {\n      switch (value) {\n        case \"edit\":\n          this.toggleVideoDetail({\n            show: true,\n            id: this.value.id,\n            detail: this.value.video,\n            type: \"edit\",\n            emit: emitterKey.RELOAD_PLAYLIST_DETAIL_PAGE_VIDEOS,\n          });\n          break;\n        case \"view\":\n          //   this.routeHandler();\n          break;\n        case \"delete\":\n          //   this.deleteHandler();\n          this.toggleDeleteModal({\n            show: true,\n            id: this.value.id,\n            suffix: \"this video\",\n            emit: emitterKey.DELETE_VIDEO + String(this.value.id),\n          });\n          break;\n        case \"play\":\n          this.playVideo();\n          break;\n        default:\n          break;\n      }\n    },\n    deleteVideo(id) {\n      const onSuccess = () => {\n        this.snackBar({\n          text: \"Deleted\",\n          color: \"success\",\n          timeout: 4500,\n        });\n        this.eventBus.$emit(emitterKey.RELOAD_PLAYLIST_DETAIL_PAGE_VIDEOS);\n      };\n      const onFailure = () => {};\n      let params = {};\n      params[\"id\"] = id;\n      Axios(\"delete\", apiUrl.VIDEO_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n    playVideo() {\n      if (this.value.status === \"Draft\") {\n        this.snackBar({\n          text:\n            \"This video is saved as draft, To view it please fill required information.\",\n          color: \"warning\",\n          timeout: 4500,\n        });\n        return;\n      }\n      let obj = {};\n      obj[\"ptid\"] = this.value.playlist.id;\n      obj[\"type\"] = \"playlist\";\n      obj[\"usid\"] = this.$route.query.usid;\n      obj[\"vdid\"] = this.value.id;\n      if (this.$route.meta.layout === \"AdminPanel\") {\n        obj[\"panel\"] = \"admin\";\n      } else {\n        obj[\"panel\"] = \"user\";\n      }\n      routingHandler.routeToVideoDetailPage(obj);\n    },\n  },\n  mounted() {},\n  created() {\n    this.eventBus.$on(emitterKey.DELETE_VIDEO + String(this.value.id), (id) => {\n      this.deleteVideo(id);\n    });\n  },\n};\n</script>\n<style scoped>\n.width_class {\n  width: 90%;\n}\n.video_div__class {\n  width: 24%;\n  max-width: 24%;\n  min-width: 24%;\n  overflow: hidden;\n}\n.video__class {\n  width: 100%;\n  border-radius: 8px;\n  aspect-ratio: 16/9;\n  object-fit: cover;\n}\n.video_title_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 30px;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* identical to box height, or 188% */\n\n  color: #333333;\n}\n.video_des_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: rgba(51, 51, 51, 0.87);\n}\n.main_div__class {\n  background: rgba(255, 255, 255, 0.8);\n  border-radius: 12px;\n}\n.draft_video_title__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 26px;\n  /* identical to box height, or 162% */\n\n  color: #2d8cff;\n}\nspan.v-chip.common_chip__class {\n  border-radius: 4px;\n}\nspan.v-chip.Draft {\n  background: #f2f2f2;\n  border: 1.5px solid #a2a2a2;\n  border-radius: 4px;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 12px;\n  line-height: 16px;\n\n  color: #a2a2a2;\n}\n@media all and (min-width: 1000px) {\n}\n@media all and (max-width: 600px) {\n  .video_div__class {\n    width: 40%;\n    max-width: 40%;\n    overflow: hidden;\n  }\n  .video_title_text__class {\n    font-size: 14px;\n    line-height: 23px;\n  }\n  .draft_video_title__class {\n    font-size: 14px;\n    line-height: 23px;\n  }\n  .video_des_text__class {\n    font-size: 10px;\n    line-height: 14px;\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!./VideoListCard.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!./VideoListCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoListCard.vue?vue&type=template&id=1f392c92&scoped=true&\"\nimport script from \"./VideoListCard.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoListCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoListCard.vue?vue&type=style&index=0&id=1f392c92&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  \"1f392c92\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemGroup } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VChip,VIcon,VList,VListItem,VListItemGroup,VMenu,VSpacer})\n","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!./VideoListCard.vue?vue&type=style&index=0&id=1f392c92&scoped=true&lang=css&\""],"sourceRoot":""}