{"version":3,"sources":["webpack:///./src/assets/video_course/frame.svg","webpack:///./src/assets/video_course/playlistframe.png","webpack:///./src/components/VideoCourse/PlaylistCard/PlaylistCard.vue?139a","webpack:///src/components/VideoCourse/PlaylistCard/PlaylistCard.vue","webpack:///./src/components/VideoCourse/PlaylistCard/PlaylistCard.vue?4e18","webpack:///./src/components/VideoCourse/PlaylistCard/PlaylistCard.vue?5e31","webpack:///./src/components/VideoCourse/PlaylistCard/PlaylistCard.vue?5721"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$vuetify","breakpoint","xsOnly","attrs","on","$event","on_hover","routeHandler","style","value","thumbnail","file","staticStyle","_v","_s","video_count","price","_e","smAndUp","verticaldot_hover","name","hide_action","scopedSlots","_u","key","fn","ref","_g","_b","_l","item","i","actionHandler","status","is_same_user","toggleUploadVideo","show","type","playlist","routeToProfile","profile","user","profile_image","staticRenderFns","components","AvatarOrInitials","props","user_id","default","data","action_list1","action_list2","computed","user_id_check","action_list","watch","methods","mapActions","togglePlaylistModal","toggleDeleteModal","snackBar","helper","id","query","ptid","usid","deleteHandler","text","color","timeout","suffix","emit","emitterKey","deletePlaylist","params","Axios","onSuccess","onFailure","mounted","created","destroyed","component","VBtn","VCard","VCardText","VChip","VCol","VIcon","VList","VListItem","VListItemGroup","VListItemTitle","VMenu","VRow","VSpacer"],"mappings":"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A+B,cACA,CACA9B,YACAX,cAEA,CACAW,YACAX,cAEA,CACAW,cACAX,iBAGA0C,cACA,CACA/B,YACAX,iBAKA2C,UACAC,yBACA,oBACA,aAEA,sBAGAnB,wBACA,8CAEAoB,uBACA,yBACA,kBAEA,oBAIAC,SACAC,yCACAC,gBACAC,sDACAvB,kDACAwB,kDACAC,iCACA,IACArB,6BACAsB,yBAEA7B,0BACA,UACA,WACA,0BACAI,QACAC,YACAyB,mBAEA,MACA,WACA,oBACA,MACA,aACA,qBACA,MACA,QACA,QAGAvD,wBAEA,mBACAa,mDACA2C,OAAAC,mBAAAC,4BAQAC,yBACA,yBACA,eACAC,sDACAC,gBACAC,eAGA,wBACAjC,QACAkC,uBACAC,KACAC,mEACAV,oBAIAW,0BAAA,WACA,aACA,gDAEA,eACA,KACAC,sBACAC,oDACAD,SACAE,YACAC,iBAIAC,qBACAC,mBAAA,WACA,kBACAP,oEACA,WACA,uBAIAQ,qBACA,mBACAR,sECnToX,I,yMCQhXS,EAAY,eACd,EACA1F,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAsC,EAAiB,QAiBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,QAAA,KAAMC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,KAAeC,eAAA,OAAeC,QAAA,KAAMC,OAAA,KAAKC,UAAA,Q,kCCpC7H","file":"js/chunk-7e86ef53.9dcd674d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/frame.cb188926.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAACZCAYAAACIeqzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgB7dQxasNAEEDRtauUKVOmTJkypY6Q+5/GWiyBMbb8e78HA8uWn2FO49jHOn/rfK/zuc1bOj35n0H+xzUQ43GouUHLuG4Tm/tQyzbcOd+8903igT3UvEnL4Kk91DLcpEMz1Nym38GhGepn8JJQ0Qz1NXhphnLEg/MgESoSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKhIqEioSKroAPYsE7zzFwxcAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"py-0\",class:_vm.$vuetify.breakpoint.xsOnly ? 'elevation-0 py-3 mobile_view__class' : '',attrs:{\"min-height\":\"270px\"}},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"6\",\"sm\":\"12\"},on:{\"mouseover\":function($event){_vm.on_hover = true},\"mouseleave\":function($event){_vm.on_hover = false},\"click\":_vm.routeHandler}},[_c('div',{staticClass:\"video_container__class d-flex\",style:(_vm.value.thumbnail\n                ? 'background-image: \\\n                url(' +\n                  this.value.thumbnail.file +\n                  '),linear-gradient(0deg, #CFCFCF, #CFCFCF)'\n                : 'background:linear-gradient(0deg, #CFCFCF, #CFCFCF)')},[_c('div',[_c('div',[_c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"8%\",\"top\":\"30%\"}},[_c('div',{staticClass:\"video_count__class text-center\"},[_vm._v(\" \"+_vm._s(_vm.value.video_count)+\" \")]),_c('v-icon',{attrs:{\"color\":\"#ffffff\"}},[_vm._v(\"mdi-text\")])],1)]),_c('img',{staticClass:\"image_frame__class\",attrs:{\"src\":require(\"@/assets/video_course/playlistframe.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"d-flex justify-center\"},[(_vm.value.price)?_c('div',{staticClass:\"price_text_div__class price_text__class text-center pt-2\"},[_vm._v(\" ₹\"+_vm._s(_vm.value.price)+\" \")]):_vm._e(),(_vm.on_hover && _vm.value.video_count > 0 && _vm.$vuetify.breakpoint.smAndUp)?_c('img',{staticClass:\"playbutton__class\",attrs:{\"src\":require(\"@/assets/video_course/frame.svg\"),\"alt\":\"\"},on:{\"click\":_vm.routeHandler}}):(\n                  _vm.on_hover && _vm.$vuetify.breakpoint.xsOnly && _vm.value.video_count > 0\n                )?_c('img',{staticClass:\"playbutton__class\",attrs:{\"src\":require(\"@/assets/video_course/play-circle.svg\"),\"alt\":\"\"},on:{\"click\":function($event){return _vm.routeHandler()}}}):_vm._e()])])]),_c('v-col',{staticStyle:{\"min-height\":\"85px\"},attrs:{\"cols\":\"6\",\"sm\":\"12\"},on:{\"mouseover\":function($event){_vm.verticaldot_hover = true}}},[_c('div',{staticClass:\"d-flex\",class:_vm.$vuetify.breakpoint.xsOnly ? 'px-0 pr-2' : 'px-4'},[_c('div',{staticClass:\"video_title__class pb-3\"},[_vm._v(\" \"+_vm._s(_vm.value.name)+\" \")]),_c('v-spacer'),(!_vm.hide_action)?_c('div',[_c('v-menu',{scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n                var attrs = ref.attrs;\n                var on = ref.on;\nreturn [(_vm.$vuetify.breakpoint.smAndUp)?_c('v-btn',_vm._g(_vm._b({staticStyle:{\"min-width\":\"0px !important\",\"padding\":\"0px !important\"},attrs:{\"text\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-dots-vertical\")])],1):_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":\"#333333\",\"size\":\"20\"}},'v-icon',attrs,false),on),[_vm._v(\"mdi-dots-vertical\")])]}}],null,false,896905837)},[_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.actionHandler(item.value)}}},[_c('v-list-item-title',[_vm._v(_vm._s(item.name))])],1)}),1)],1)],1)],1):_vm._e()],1),(\n              _vm.value.status !== 'Verified' && _vm.is_same_user && _vm.value.video_count !== 0\n            )?_c('div',{staticClass:\"my-1\",class:_vm.$vuetify.breakpoint.xsOnly ? 'px-0 pr-2' : 'px-4'},[_c('v-chip',{class:((_vm.value.status) + \" common_chip__class\")},[_vm._v(_vm._s(_vm.value.status))])],1):(_vm.is_same_user && _vm.value.video_count == 0)?_c('div',{staticClass:\"view_playlist_text_class upload__btn px-4\",on:{\"click\":function($event){return _vm.toggleUploadVideo({ show: true, type: 'add', playlist: _vm.value })}}},[_c('v-icon',{attrs:{\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-tray-arrow-up\")]),_vm._v(\" Upload Videos \")],1):_c('div',{staticClass:\"view_playlist_text_class px-4\"},[_vm._v(\"View full playlist\")]),(!_vm.is_same_user)?_c('span',{class:_vm.$vuetify.breakpoint.xsOnly ? 'px-0' : 'px-4',on:{\"click\":function($event){return _vm.routeToProfile(_vm.value.profile.user, _vm.value.profile.name)}}},[_c('avatar-or-initials',{attrs:{\"name\":_vm.value.profile.name,\"image\":_vm.value.profile.profile_image,\"size\":\"30\"}}),_c('span',{staticClass:\"black--text\"},[_vm._v(\" \"+_vm._s(_vm.value.profile.name))])],1):_vm._e()])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card\n      class=\"py-0\"\n      :class=\"$vuetify.breakpoint.xsOnly ? 'elevation-0 py-3 mobile_view__class' : ''\"\n      min-height=\"270px\"\n    >\n      <v-card-text class=\"pa-0\">\n        <v-row>\n          <v-col\n            cols=\"6\"\n            sm=\"12\"\n            class=\"py-0\"\n            @mouseover=\"on_hover = true\"\n            @mouseleave=\"on_hover = false\"\n            @click=\"routeHandler\"\n          >\n            <div\n              class=\"video_container__class d-flex\"\n              v-bind:style=\"\n                value.thumbnail\n                  ? 'background-image: \\\n                  url(' +\n                    this.value.thumbnail.file +\n                    '),linear-gradient(0deg, #CFCFCF, #CFCFCF)'\n                  : 'background:linear-gradient(0deg, #CFCFCF, #CFCFCF)'\n              \"\n            >\n              <div>\n                <div>\n                  <div style=\"position: absolute; left: 8%; top: 30%\">\n                    <div class=\"video_count__class text-center\">\n                      {{ value.video_count }}\n                    </div>\n                    <v-icon color=\"#ffffff\">mdi-text</v-icon>\n                  </div>\n                </div>\n                <img\n                  src=\"@/assets/video_course/playlistframe.png\"\n                  alt=\"\"\n                  class=\"image_frame__class\"\n                />\n              </div>\n              <div class=\"d-flex justify-center\">\n                <div\n                  v-if=\"value.price\"\n                  class=\"price_text_div__class price_text__class text-center pt-2\"\n                >\n                  ₹{{ value.price }}\n                </div>\n                <img\n                  class=\"playbutton__class\"\n                  src=\"@/assets/video_course/frame.svg\"\n                  alt=\"\"\n                  @click=\"routeHandler\"\n                  v-if=\"on_hover && value.video_count > 0 && $vuetify.breakpoint.smAndUp\"\n                />\n                <img\n                  class=\"playbutton__class\"\n                  src=\"@/assets/video_course/play-circle.svg\"\n                  alt=\"\"\n                  v-else-if=\"\n                    on_hover && $vuetify.breakpoint.xsOnly && value.video_count > 0\n                  \"\n                  @click=\"routeHandler()\"\n                />\n                <!-- <img :src=\"value.thumbnail.file\" alt=\"\" class=\"image__class\" /> -->\n              </div>\n            </div>\n          </v-col>\n          <v-col\n            cols=\"6\"\n            sm=\"12\"\n            style=\"min-height: 85px\"\n            @mouseover=\"verticaldot_hover = true\"\n          >\n            <div\n              class=\"d-flex\"\n              :class=\"$vuetify.breakpoint.xsOnly ? 'px-0 pr-2' : 'px-4'\"\n            >\n              <div class=\"video_title__class pb-3\">\n                {{ value.name }}\n              </div>\n              <v-spacer></v-spacer>\n              <div v-if=\"!hide_action\">\n                <v-menu>\n                  <template v-slot:activator=\"{ attrs, on }\">\n                    <v-btn\n                      text\n                      v-bind=\"attrs\"\n                      v-on=\"on\"\n                      style=\"min-width: 0px !important; padding: 0px !important\"\n                      v-if=\"$vuetify.breakpoint.smAndUp\"\n                    >\n                      <v-icon color=\"#333333\">mdi-dots-vertical</v-icon>\n                    </v-btn>\n                    <v-icon v-else color=\"#333333\" size=\"20\" v-bind=\"attrs\" v-on=\"on\"\n                      >mdi-dots-vertical</v-icon\n                    >\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=\"actionHandler(item.value)\"\n                      >\n                        <v-list-item-title>{{ item.name }}</v-list-item-title>\n                      </v-list-item>\n                    </v-list-item-group>\n                  </v-list>\n                </v-menu>\n              </div>\n            </div>\n            <div\n              class=\"my-1\"\n              :class=\"$vuetify.breakpoint.xsOnly ? 'px-0 pr-2' : 'px-4'\"\n              v-if=\"\n                value.status !== 'Verified' && is_same_user && value.video_count !== 0\n              \"\n            >\n              <v-chip :class=\"`${value.status} common_chip__class`\">{{\n                value.status\n              }}</v-chip>\n            </div>\n            <div\n              class=\"view_playlist_text_class upload__btn px-4\"\n              v-else-if=\"is_same_user && value.video_count == 0\"\n              @click=\"toggleUploadVideo({ show: true, type: 'add', playlist: value })\"\n            >\n              <v-icon color=\"#2D8CFF\">mdi-tray-arrow-up</v-icon> Upload Videos\n            </div>\n            <div class=\"view_playlist_text_class px-4\" v-else>View full playlist</div>\n            <span\n              :class=\"$vuetify.breakpoint.xsOnly ? 'px-0' : 'px-4'\"\n              @click=\"routeToProfile(value.profile.user, value.profile.name)\"\n              v-if=\"!is_same_user\"\n            >\n              <avatar-or-initials\n                :name=\"value.profile.name\"\n                :image=\"value.profile.profile_image\"\n                size=\"30\"\n              />\n              <span class=\"black--text\"> {{ value.profile.name }}</span>\n            </span>\n          </v-col>\n        </v-row>\n      </v-card-text>\n      <!-- <v-divider></v-divider> -->\n    </v-card>\n  </div>\n</template>\n<script>\nimport helper from \"@/helper/index\";\nimport { mapActions } from \"vuex\";\nimport AvatarOrInitials from \"@/components/AvatarOrInitials.vue\";\nimport ROUTER_URL from \"@/constant/urls\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nexport default {\n  name: \"PlaylistCard\",\n  components: {\n    AvatarOrInitials,\n  },\n  props: {\n    value: {\n      type: Object,\n    },\n    user_id: {\n      default: null,\n      type: Number,\n    },\n    hide_action: {\n      default: false,\n      type: Boolean,\n    },\n  },\n  data() {\n    return {\n      on_hover: this.$vuetify.breakpoint.smAndUp ? false : true,\n      verticaldot_hover: this.$vuetify.breakpoint.smAndUp ? false : true,\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: \"View\",\n          value: \"view\",\n        },\n      ],\n    };\n  },\n  computed: {\n    user_id_check() {\n      if (this.user_id) {\n        return this.user_id;\n      } else {\n        return this.$route.query.id;\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  },\n  watch: {},\n  methods: {\n    ...mapActions({\n      togglePlaylistModal: \"videoCourse/togglePlaylistModal\",\n      toggleUploadVideo: \"videoCourse/toggleUploadVideo\",\n      toggleDeleteModal: \"deleteModal/toggleDeleteModal\",\n      snackBar: \"snackBar/showSnack\",\n    }),\n    routeToProfile(user_id, name) {\n      helper.goToProfile(user_id, name);\n    },\n    actionHandler(value) {\n      switch (value) {\n        case \"edit\":\n          this.togglePlaylistModal({\n            show: true,\n            type: \"edit\",\n            id: this.value.id,\n          });\n          break;\n        case \"view\":\n          this.routeHandler();\n          break;\n        case \"delete\":\n          this.deleteHandler();\n          break;\n        default:\n          break;\n      }\n    },\n    routeHandler() {\n      // console.log(ROUTER_URL.userPanel.children.videoDetail.name);\n      this.$router.push({\n        name: ROUTER_URL.userPanel.children.playlistDetail.name,\n        query: { ptid: this.value.id, usid: this.user_id_check },\n      });\n      // this.snackBar({\n      //   text: \"Under Progress\",\n      //   color: \"warning\",\n      //   timeout: 4500,\n      // });\n    },\n    deleteHandler() {\n      if (this.value.video_count > 0) {\n        this.snackBar({\n          text: \"Can not delete, this playlist contains videos.\",\n          color: \"warning\",\n          timeout: 4500,\n        });\n      } else {\n        this.toggleDeleteModal({\n          show: true,\n          suffix: \"this playlist\",\n          emit:\n            emitterKey.DELETE_PLAYLIST + String(this.value.id) + String(this.value.id),\n          id: this.value.id,\n        });\n      }\n    },\n    deletePlaylist() {\n      const onSuccess = () => {\n        this.eventBus.$emit(emitterKey.UPDATE_VIDEO_PLAYLIST);\n      };\n      const onFailure = () => {};\n      let params = {};\n      params[\"id\"] = this.value.id;\n      Axios(\"delete\", apiUrl.PLAYLIST_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n  },\n  mounted() {},\n  created() {\n    this.eventBus.$on(\n      emitterKey.DELETE_PLAYLIST + String(this.value.id) + String(this.value.id),\n      () => {\n        this.deletePlaylist();\n      }\n    );\n  },\n  destroyed() {\n    this.eventBus.$off(\n      emitterKey.DELETE_PLAYLIST + String(this.value.id) + String(this.value.id)\n    );\n  },\n};\n</script>\n<style scoped>\n* {\n  cursor: pointer;\n}\n.mobile_view__class {\n  background: none !important;\n}\n.video_container__class {\n  max-width: 100%;\n  width: 100%;\n  height: 154px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n  object-position: center;\n  object-fit: contain;\n  background-size: cover;\n  background-position: center;\n  /*\n  overflow: hidden;\n    \n  background: #00000000;\n   position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;*/\n}\n\n.video_title__class {\n  width: 90%;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 26px;\n  /* or 162% */\n\n  color: #333333;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding-top: 5px;\n}\n.video_details_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n\n  color: rgba(51, 51, 51, 0.87);\n}\nspan.v-chip.common_chip__class {\n  border-radius: 4px;\n}\nspan.v-chip.Under {\n  background: #fef4eb;\n  border: 1.5px solid #f2994a;\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  /* Orange */\n\n  color: #f2994a;\n}\n/*\nspan.v-chip.Verified {\n}\n*/\nspan.v-chip.Rejected {\n  background: #f9e9eb;\n  border: 1.5px solid #eb5757;\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: #eb5757;\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.price_text_div__class {\n  position: absolute;\n  min-width: 56px;\n  width: 56px;\n  height: 26px;\n  top: 0px;\n  right: 0px;\n\n  background: #b1d5ff;\n  border-radius: 0px 12px;\n}\n.playbutton__class {\n  position: absolute;\n  top: 50px;\n  left: 35%;\n}\n.price_text__class {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-weight: 700;\n  font-size: 12px;\n  line-height: 14px;\n  /* identical to box height */\n\n  color: #093060;\n}\nimg.image__class {\n  object-fit: cover;\n}\nimg.image_frame__class {\n  left: 0px;\n}\n.video_count__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: #f5f5f5;\n}\n.view_playlist_text_class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: #727272;\n}\n.upload__btn {\n  color: #2d8cff;\n}\n@media all and (min-width: 1000px) {\n}\n\n@media all and (max-width: 600px) {\n  .video_title__class {\n    font-size: 14px;\n    line-height: 22px;\n  }\n  .view_playlist_text_class {\n    font-size: 10px;\n    line-height: 14px;\n  }\n  .price_text_div__class {\n    left: 0px;\n    border-radius: 12px 0px;\n  }\n  .video_container__class {\n    border-bottom-left-radius: 0px;\n    border-top-right-radius: 0px;\n  }\n  .playbutton__class {\n    position: absolute;\n    top: 50px;\n    left: 18%;\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!./PlaylistCard.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!./PlaylistCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlaylistCard.vue?vue&type=template&id=2c7721e6&scoped=true&\"\nimport script from \"./PlaylistCard.vue?vue&type=script&lang=js&\"\nexport * from \"./PlaylistCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlaylistCard.vue?vue&type=style&index=0&id=2c7721e6&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  \"2c7721e6\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\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 { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VChip,VCol,VIcon,VList,VListItem,VListItemGroup,VListItemTitle,VMenu,VRow,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!./PlaylistCard.vue?vue&type=style&index=0&id=2c7721e6&scoped=true&lang=css&\""],"sourceRoot":""}