{"version":3,"sources":["webpack:///./src/views/modules/lms/student/components/boxLesson.vue?e5d7","webpack:///src/views/modules/lms/student/components/boxLesson.vue","webpack:///./src/views/modules/lms/student/components/boxLesson.vue?767f","webpack:///./src/views/modules/lms/student/components/boxLesson.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$emit","expanded","_v","class","active","$route","params","bid","navhome","isCompleted","_s","title","staticStyle","_l","b","i","key","iid","id","tasks","length","attaches","forms","navopen","nm","_e","t","subNavOpen","getTaskIconBg","getTaskIcon","task","a","getFileIcon","getTextColor","n","getSize","s","directives","name","rawName","value","undefined","dur","expression","f","flag","calcaulateProgressBg","style","width","calcaulateProgress","fillingCount","qCount","attemptCount","resultCount","staticRenderFns","components","vueCustomScrollbar","props","type","String","default","Boolean","boxes","Array","mounted","methods","prevOrNextContent","e","mode","_b","boxOption","ind","indBox","_item","$router","push","cid","bot","box","ot","rv","perc","component"],"mappings":"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","file":"js/chunk-2d209554.a7d296c5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar-nav lms-nav\"},[_c('div',{staticClass:\"lms-nav-toggler\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.$emit('toggle-nav')}}},[_c('feather',{attrs:{\"type\":_vm.expanded ? 'chevron-left' : 'chevron-right'}})],1),_c('div',{staticClass:\"pd-t-20 pd-x-10 box-list\"},[_c('label',{staticClass:\"box-list-divider\"},[_c('feather',{staticClass:\"mg-l-5 mg-t-5 tx-color-04\",attrs:{\"type\":\"folder\"}}),_c('span',[_vm._v(\"Тухай\")])],1),_c('div',{staticClass:\"media\",class:{ active: 0 == _vm.$route.params.bid },on:{\"click\":function($event){return _vm.navhome()}}},[_c('div',{staticClass:\"avatar avatar-sm\"},[_c('span',{class:(\"avatar-initial rounded-circle bd \" + (_vm.isCompleted\n                ? 'bg-success bd-success'\n                : 'bg-transparent bd-gray-900'))},[(_vm.isCompleted)?_c('feather',{staticClass:\"text-white\",attrs:{\"type\":\"check-square\",\"size\":16}}):_c('feather',{staticClass:\"tx-inverse\",attrs:{\"type\":\"home\",\"size\":16}})],1)]),_c('div',{staticClass:\"media-body mg-l-10\"},[_c('h6',{staticClass:\"tx-13 mg-b-3\"},[_vm._v(_vm._s(_vm.title))]),_c('span',{staticClass:\"tx-12\"})])])]),_c('vue-custom-scrollbar',{staticStyle:{\"height\":\"calc(100vh - 231px)\"}},_vm._l((_vm.boxes),function(b,i){return _c('div',{key:i,staticClass:\"pd-t-20 pd-x-10 box-list\",class:{ active: _vm.$route.params.iid == 0 && b.id == _vm.$route.params.bid }},[(b.tasks.length || b.attaches.length || b.forms.length)?_c('label',{staticClass:\"box-list-divider\",on:{\"click\":function($event){return _vm.navopen(b)}}},[_c('feather',{staticClass:\"mg-l-5 mg-t-5 tx-color-04\",attrs:{\"type\":\"folder\"}}),_c('span',[_vm._v(_vm._s(b.nm))])],1):_vm._e(),(b.tasks.length)?_c('section',_vm._l((b.tasks),function(t,i){return _c('div',{key:i,staticClass:\"media\",class:{ active: t.id == _vm.$route.params.iid },on:{\"click\":function($event){return _vm.subNavOpen(b, t)}}},[_c('div',{staticClass:\"avatar avatar-sm\"},[_c('span',{class:(\"avatar-initial rounded-circle bd \" + (_vm.getTaskIconBg(b, t)))},[(t.isCompleted)?_c('feather',{staticClass:\"text-white\",attrs:{\"type\":\"check-square\",\"size\":16}}):_c('feather',{staticClass:\"tx-inverse\",attrs:{\"type\":_vm.getTaskIcon(b, t),\"size\":16}})],1)]),_c('div',{staticClass:\"media-body mg-l-10\"},[_c('h6',{staticClass:\"tx-13 mg-b-3\"},[_vm._v(_vm._s(t.task))]),_c('span',{staticClass:\"tx-12\"})])])}),0):(b.attaches.length)?_c('section',_vm._l((b.attaches),function(a,i){return _c('div',{key:i,staticClass:\"media\",class:{ active: a.id == _vm.$route.params.iid },on:{\"click\":function($event){return _vm.subNavOpen(b, a)}}},[_c('div',{staticClass:\"avatar avatar-sm\"},[_c('span',{class:(\"avatar-initial rounded-circle \" + (a.isCompleted\n                    ? 'bg-success bd-success bd'\n                    : 'bg-transparent bd bd-gray-900'))},[(!a.isCompleted)?_c('i',{class:(\"far fa-file-\" + (_vm.getFileIcon(a)) + \" \" + (_vm.getFileIcon(\n                    a\n                  )) + \" tx-16 tx-color-03 tx-\" + (_vm.getTextColor(a)))}):_c('feather',{staticClass:\"text-white\",attrs:{\"type\":\"check-square\",\"size\":16}})],1)]),_c('div',{staticClass:\"media-body mg-l-10 mx-wd-80p\"},[_c('h6',{staticClass:\"tx-13 mg-b-3 overflow-hidden\"},[_vm._v(\" \"+_vm._s(a.t != \"\" ? a.t : a.n)+\" \")]),_c('div',{staticClass:\"d-flex\"},[_c('span',{staticClass:\"tx-12\"},[_vm._v(_vm._s(_vm.getSize(a.s)))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(a.dur != undefined && a.dur != null),expression:\"a.dur != undefined && a.dur != null\"}],staticClass:\"tx-12 mg-l-auto\"},[_vm._v(_vm._s(a.dur)+\" мин\")])])])])}),0):(b.forms.length)?_c('section',_vm._l((b.forms),function(f,i){return _c('div',{key:i,staticClass:\"media\",class:{ active: f.id == _vm.$route.params.iid },on:{\"click\":function($event){return _vm.subNavOpen(b, f)}}},[_c('div',{staticClass:\"avatar avatar-sm\"},[_c('span',{staticClass:\"avatar-initial rounded-circle bg-transparent bd bd-gray-900\"},[_c('feather',{staticClass:\"tx-inverse\",attrs:{\"type\":\"pen-tool\",\"size\":16}})],1)]),_c('div',{staticClass:\"media-body mg-l-10\"},[_c('h6',{staticClass:\"tx-13 mg-b-3\"},[_vm._v(_vm._s(f.nm))]),(f.flag == 800)?_c('div',{staticClass:\"progress ht-5 mg-b-5\"},[_c('div',{class:(\"progress-bar bg-\" + (_vm.calcaulateProgressBg(f))),style:({ width: _vm.calcaulateProgress(f) + '%' }),attrs:{\"role\":\"progressbar\"}})]):_vm._e(),_c('span',{staticClass:\"tx-12\",attrs:{\"title\":(\"Бөглөсөн \" + (f.fillingCount) + \" / Нийт асуулт \" + (f.qCount) + \" / (Боломжит оролдлого \" + (f.attemptCount) + \" - Бүрэн дуусгасан \" + (f.resultCount) + \")\")}},[_vm._v(_vm._s(f.fillingCount)+\" / \"+_vm._s(f.qCount)+\" / (\"+_vm._s(f.attemptCount)+\" - \"+_vm._s(f.resultCount)+\")\")])])])}),0):_vm._e()])}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidebar-nav lms-nav\">\n    <div @click=\"$emit('toggle-nav')\" class=\"lms-nav-toggler\" role=\"button\">\n      <feather :type=\"expanded ? 'chevron-left' : 'chevron-right'\"></feather>\n    </div>\n    <div class=\"pd-t-20 pd-x-10 box-list\">\n      <label class=\"box-list-divider\">\n        <feather type=\"folder\" class=\"mg-l-5 mg-t-5 tx-color-04\"></feather>\n        <span>Тухай</span>\n      </label>\n      <div\n        @click=\"navhome()\"\n        class=\"media\"\n        :class=\"{ active: 0 == $route.params.bid }\"\n      >\n        <div class=\"avatar avatar-sm\">\n          <span\n            :class=\"\n              `avatar-initial rounded-circle bd ${\n                isCompleted\n                  ? 'bg-success bd-success'\n                  : 'bg-transparent bd-gray-900'\n              }`\n            \"\n          >\n            <feather\n              v-if=\"isCompleted\"\n              type=\"check-square\"\n              class=\"text-white\"\n              :size=\"16\"\n            ></feather>\n            <feather v-else type=\"home\" class=\"tx-inverse\" :size=\"16\"></feather>\n          </span>\n        </div>\n        <div class=\"media-body mg-l-10\">\n          <h6 class=\"tx-13 mg-b-3\">{{ title }}</h6>\n          <span class=\"tx-12\"></span>\n        </div>\n      </div>\n    </div>\n    <vue-custom-scrollbar style=\"height: calc(100vh - 231px);\">\n      <div\n        class=\"pd-t-20 pd-x-10 box-list\"\n        v-for=\"(b, i) in boxes\"\n        :key=\"i\"\n        :class=\"{ active: $route.params.iid == 0 && b.id == $route.params.bid }\"\n      >\n        <label\n          @click=\"navopen(b)\"\n          v-if=\"b.tasks.length || b.attaches.length || b.forms.length\"\n          class=\"box-list-divider\"\n        >\n          <feather type=\"folder\" class=\"mg-l-5 mg-t-5 tx-color-04\"></feather>\n          <span>{{ b.nm }}</span>\n          <!-- {{b.ot}} -->\n        </label>\n        <section v-if=\"b.tasks.length\">\n          <div\n            @click=\"subNavOpen(b, t)\"\n            class=\"media\"\n            v-for=\"(t, i) in b.tasks\"\n            :key=\"i\"\n            :class=\"{ active: t.id == $route.params.iid }\"\n          >\n            <div class=\"avatar avatar-sm\">\n              <span\n                :class=\"\n                  `avatar-initial rounded-circle bd ${getTaskIconBg(b, t)}`\n                \"\n              >\n                <feather\n                  v-if=\"t.isCompleted\"\n                  type=\"check-square\"\n                  class=\"text-white\"\n                  :size=\"16\"\n                ></feather>\n                <feather\n                  v-else\n                  :type=\"getTaskIcon(b, t)\"\n                  class=\"tx-inverse\"\n                  :size=\"16\"\n                ></feather>\n              </span>\n            </div>\n            <div class=\"media-body mg-l-10\">\n              <h6 class=\"tx-13 mg-b-3\">{{ t.task }}</h6>\n              <span class=\"tx-12\"></span>\n            </div>\n          </div>\n        </section>\n        <section v-else-if=\"b.attaches.length\">\n          <div\n            @click=\"subNavOpen(b, a)\"\n            class=\"media\"\n            v-for=\"(a, i) in b.attaches\"\n            :key=\"i\"\n            :class=\"{ active: a.id == $route.params.iid }\"\n          >\n            <div class=\"avatar avatar-sm\">\n              <span\n                :class=\"\n                  `avatar-initial rounded-circle ${\n                    a.isCompleted\n                      ? 'bg-success bd-success bd'\n                      : 'bg-transparent bd bd-gray-900'\n                  }`\n                \"\n              >\n                <i\n                  v-if=\"!a.isCompleted\"\n                  :class=\"\n                    `far fa-file-${getFileIcon(a)} ${getFileIcon(\n                      a\n                    )} tx-16 tx-color-03 tx-${getTextColor(a)}`\n                  \"\n                ></i>\n                <feather\n                  v-else\n                  type=\"check-square\"\n                  class=\"text-white\"\n                  :size=\"16\"\n                ></feather>\n                <!-- <feather :type=\"getFileIcon(a)\" :size=\"16\" class=\"tx-inverse\"></feather> -->\n              </span>\n            </div>\n            <div class=\"media-body mg-l-10 mx-wd-80p\">\n              <h6 class=\"tx-13 mg-b-3 overflow-hidden\">\n                {{ a.t != \"\" ? a.t : a.n }}\n              </h6>\n              <div class=\"d-flex\">\n                <span class=\"tx-12\">{{ getSize(a.s) }}</span>\n                <span\n                  class=\"tx-12 mg-l-auto\"\n                  v-show=\"a.dur != undefined && a.dur != null\"\n                  >{{ a.dur }} мин</span\n                >\n              </div>\n            </div>\n          </div>\n        </section>\n        <section v-else-if=\"b.forms.length\">\n          <div\n            @click=\"subNavOpen(b, f)\"\n            class=\"media\"\n            v-for=\"(f, i) in b.forms\"\n            :key=\"i\"\n            :class=\"{ active: f.id == $route.params.iid }\"\n          >\n            <div class=\"avatar avatar-sm\">\n              <span\n                class=\"avatar-initial rounded-circle bg-transparent bd bd-gray-900\"\n              >\n                <feather\n                  type=\"pen-tool\"\n                  class=\"tx-inverse\"\n                  :size=\"16\"\n                ></feather>\n              </span>\n            </div>\n            <div class=\"media-body mg-l-10\">\n              <h6 class=\"tx-13 mg-b-3\">{{ f.nm }}</h6>\n              <div class=\"progress ht-5 mg-b-5\" v-if=\"f.flag == 800\">\n                <div\n                  role=\"progressbar\"\n                  :class=\"`progress-bar bg-${calcaulateProgressBg(f)}`\"\n                  :style=\"{ width: calcaulateProgress(f) + '%' }\"\n                >\n                  <!-- <span class=\"tx-9\">{{(calcaulateProgress(f)).toFixed(2)}}%</span> -->\n                </div>\n              </div>\n              <span\n                class=\"tx-12\"\n                :title=\"\n                  `Бөглөсөн ${f.fillingCount} / Нийт асуулт ${f.qCount} / (Боломжит оролдлого ${f.attemptCount} - Бүрэн дуусгасан ${f.resultCount})`\n                \"\n                >{{ f.fillingCount }} / {{ f.qCount }} / ({{ f.attemptCount }} -\n                {{ f.resultCount }})</span\n              >\n            </div>\n          </div>\n        </section>\n      </div>\n    </vue-custom-scrollbar>\n  </div>\n</template>\n\n<script>\nimport vueCustomScrollbar from \"vue-custom-scrollbar\";\nimport { getSize, getFileIcon } from \"@/libs/tools\";\n\nexport default {\n  components: {\n    vueCustomScrollbar\n  },\n  props: {\n    title: {\n      type: String,\n      default: () => \"\"\n    },\n    isCompleted: {\n      type: Boolean,\n      default: () => false\n    },\n    boxes: {\n      type: Array,\n      default: () => []\n    },\n    expanded: {\n      type: Boolean,\n      default: () => true\n    }\n  },\n  mounted() {},\n  methods: {\n    prevOrNextContent(e) {\n      //console.log('prevOrNextContent', e);\n      if (e.mode == 0) {\n        this.navopen(this.boxes[0]);\n      } else {\n        let _b = this.boxes.filter(x => x.id == e.params.bid);\n\n        if (_b.length) {\n          let boxOption = \"\";\n\n          if (e.params.iid > 0) {\n            if (_b[0].attaches.length) {\n              boxOption = \"attaches\";\n            } else if (_b[0].forms.length) {\n              boxOption = \"forms\";\n            } else if (_b[0].tasks.length) {\n              boxOption = \"tasks\";\n            }\n\n            //console.log('boxOption=> ', boxOption);\n\n            //let ind= _b[0][boxOption].map(a=> { return a.id }).indexOf(e.params.iid);\n            let ind = _b[0][boxOption].findIndex(x => x.id === e.params.iid);\n            let indBox = this.boxes\n              .map(b => {\n                return b.id;\n              })\n              .indexOf(e.params.bid);\n            if (ind == 0 && e.mode == -1) {\n              this.navopen(_b[0]);\n            } else if (ind == _b[0][boxOption].length - 1 && e.mode == 1) {\n              //console.log('end bnuu');\n              if (indBox + 1 == this.boxes.length)\n                this.$emit(\"on-show-next-lesson\");\n              else this.navopen(this.boxes[indBox + e.mode]);\n            } else {\n              let _item = _b[0][boxOption][ind + e.mode];\n              //console.log('-----------------------------------------za end bndaa--------------------------------------', e.params.iid, ind, e.mode, _item.task);\n              this.subNavOpen(_b[0], _item);\n            }\n          } else if (e.params.iid == 0 && e.params.bid > 0 && e.mode == -1) {\n            let indBox = this.boxes\n              .map(b => {\n                return b.id;\n              })\n              .indexOf(e.params.bid);\n            if (indBox > 0) {\n              if (this.boxes[indBox - 1].attaches.length) {\n                boxOption = \"attaches\";\n              } else if (this.boxes[indBox - 1].forms.length) {\n                boxOption = \"forms\";\n              } else if (this.boxes[indBox - 1].tasks.length) {\n                boxOption = \"tasks\";\n              }\n\n              if (this.boxes[indBox + e.mode][boxOption].length) {\n                let _item = {};\n                _item = this.boxes[indBox + e.mode][boxOption][\n                  this.boxes[indBox + e.mode][boxOption].length - 1\n                ];\n                this.subNavOpen(this.boxes[indBox + e.mode], _item);\n              } else {\n                this.navopen(this.boxes[indBox + e.mode]);\n              }\n            } else {\n              this.navhome();\n            }\n          } else if (e.params.iid == 0 && e.params.bid > 0 && e.mode == 1) {\n            if (_b[0].attaches.length) {\n              boxOption = \"attaches\";\n            } else if (_b[0].forms.length) {\n              boxOption = \"forms\";\n            } else if (_b[0].tasks.length) {\n              boxOption = \"tasks\";\n            }\n            if (boxOption != \"\") {\n              if (_b[0][boxOption].length) {\n                this.subNavOpen(_b[0], _b[0][boxOption][0]);\n              }\n            } else {\n              let indBox = this.boxes\n                .map(b => {\n                  return b.id;\n                })\n                .indexOf(e.params.bid);\n              this.subNavOpen(this.boxes[indBox + e.mode]);\n            }\n          }\n        }\n      }\n      //console.log('prevOrNextContent=> ', e);\n    },\n    navhome() {\n      this.$router.push({\n        name: \"lmsLessonView\",\n        params: {\n          id: this.$route.params.id,\n          cid: this.$route.params.cid,\n          bid: 0,\n          iid: 0,\n          bot: 0\n        }\n      });\n    },\n    navopen(box) {\n      this.$router.push({\n        name: \"lmsLessonView\",\n        params: {\n          id: this.$route.params.id,\n          cid: this.$route.params.cid,\n          bid: box.id,\n          iid: 0,\n          bot: box.ot\n        }\n      });\n    },\n    subNavOpen(box, t) {\n      if (box.ot != 127) {\n        this.$router.push({\n          name: \"lmsLessonView\",\n          params: {\n            id: this.$route.params.id,\n            cid: this.$route.params.cid,\n            bid: box.id,\n            iid: t == undefined ? 0 : t.id,\n            bot: box.ot\n          }\n        });\n      } else {\n        t != undefined\n          ? window.open(t.taskDesc, \"_blank\")\n          : this.$router.push({\n              name: \"lmsLessonView\",\n              params: {\n                id: this.$route.params.id,\n                cid: this.$route.params.cid,\n                bid: box.id,\n                iid: 0,\n                bot: box.ot\n              }\n            });\n        //console.log(t);\n      }\n      //&& this.lesson==undefined\n      // if(box.ot==114){\n      //   console.log('hicheel  rvv yavdaa');\n      //   this.$router.push({name: 'lmsLessonView',\n      //     params: {\n      //       id: t.id,\n      //       cid: this.$route.params.id,\n      //       bid: 0,\n      //       iid: 0\n      //     }\n      //   })\n      // } else this.$emit(\"sub-nav-change\", {boxId: box.id, itemId: t.id  } );\n    },\n    getSize(size) {\n      return getSize(size);\n    },\n    getFileIcon(ex) {\n      return getFileIcon(ex.e);\n    },\n    // getFileIcon(a){\n    //   let rv='';\n    //   if(a.isCompleted){\n    //     rv='check-square';\n    //   }else{\n    //     switch(a.e){\n    //       case 'jpg':\n    //       case 'jpeg':\n    //       case 'png':\n    //       case 'gif':\n    //         rv='image'; break;\n    //       case 'mp4': rv='video'; break;\n    //       case 'doc':\n    //       case 'docx':\n    //       case 'xls':\n    //       case 'xlsx':\n    //       case 'ppt':\n    //       case 'pptx':\n    //         rv='file'; break;\n    //       case 'txt':\n    //       case 'pdf':\n    //         rv='file-text'; break;\n    //       case 'mp3':\n    //         rv='headphones'; break;\n    //       default: rv='menu'; break;\n    //     }\n    //   }\n\n    //   return rv;\n    //   //return 'fa-file-'+getFileIcon(a.e);\n    // },\n    getTaskIcon(b, t) {\n      let rv = \"info\";\n      // if(b.ot==122){\n      //   if(t.isCompleted){\n      //     rv='check'\n      //   }else{\n      //     rv='play';\n      //   }\n      // }\n      if (t.isCompleted) {\n        rv = \"check-square\";\n      } else {\n        if (b.ot == 122) {\n          rv = \"youtube\";\n        } else rv = \"info\";\n      }\n      return rv;\n    },\n    getTaskIconBg(b, t) {\n      let rv = \"bd-gray-900 bg-transparent\";\n      //if(b.ot==122){\n      if (t.isCompleted) {\n        rv = \"bd-success bg-success\";\n      }\n      //}\n      return rv;\n    },\n    getTextColor(a) {\n      //console.log(ex);\n      let rv = a;\n      rv = \"inherit\";\n      // switch(ex){\n      //   case 'ppt':\n      //   case 'pptx': rv='orange'; break;\n      //   case 'png':\n      //   case 'jpg':\n      //   case 'jpeg':\n      //   case 'bmp':\n      //     rv='indigo'; break;\n      //   case 'xls':\n      //   case 'xlsx':\n      //     rv='success'; break;\n      //   case 'doc':\n      //   case 'docx':\n      //     rv='primary'; break;\n      //   case 'mp4':\n      //   case '3gp':\n      //     rv='pink'; break;\n      //   default: break;\n      // }\n      return rv;\n    },\n    calcaulateProgress(f) {\n      let rv = 0;\n      rv = (f.fillingCount * 100) / f.qCount;\n      return rv;\n    },\n    calcaulateProgressBg(f) {\n      let rv = \"secondary\";\n      let perc = (f.fillingCount * 100) / f.qCount;\n\n      if (perc <= 9) {\n        rv = \"warning\";\n      } else if (perc <= 19) {\n        rv = \"gray-200\";\n      } else if (perc <= 29) {\n        rv = \"gray-300\";\n      } else if (perc <= 39) {\n        rv = \"gray-400\";\n      } else if (perc <= 49) {\n        rv = \"gray-500\";\n      } else if (perc <= 59) {\n        rv = \"gray-600\";\n      } else if (perc <= 69) {\n        rv = \"gray-700\";\n      } else if (perc <= 79) {\n        rv = \"gray-800\";\n      } else if (perc <= 89) {\n        rv = \"gray-900\";\n      } else if (perc <= 99) {\n        rv = \"gray-900\";\n      } else if (perc == 100) {\n        rv = \"success\";\n      }\n      return rv;\n    }\n  }\n};\n</script>\n\n<style></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!./boxLesson.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!./boxLesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxLesson.vue?vue&type=template&id=fec1ab94&\"\nimport script from \"./boxLesson.vue?vue&type=script&lang=js&\"\nexport * from \"./boxLesson.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}