{"version":3,"sources":["webpack:///./src/views/modules/lms/student/buddy/components/checklist.vue?b6ed","webpack:///src/views/modules/lms/student/buddy/components/checklist.vue","webpack:///./src/views/modules/lms/student/buddy/components/checklist.vue?d4a1","webpack:///./src/views/modules/lms/student/buddy/components/checklist.vue?cf04","webpack:///./src/constants/index.js","webpack:///./src/views/modules/lms/student/buddy/components/checklist.vue?dd58"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","hideCard","_e","attrs","cardTitle","userTaskId","on","$event","$emit","_l","todo","box","key","id","class","hideCheck","code","colorClass","staticStyle","$route","name","goToBox","activeBoxData","_v","_s","boxName","getBoxProgess","check","i","checkList","length","isDone","completeCheck","activeCheckId","checkName","domProps","progress","toFixed","directives","rawName","value","expression","info","staticRenderFns","components","MessageBox","Message","cardBuddy","props","type","Number","default","String","Boolean","propSummary","Object","data","isDataFetched","buddyLevels","mounted","init","watch","methods","rv","console","log","$router","push","params","depart","confirmButtonText","cancelButtonText","updateBoxProgress","toggleBodyClass","api","userId","$store","state","user","boxId","store","res","error","addRemoveClass","el","classList","add","className","remove","getFieldFromConstants","_url","bxe","_dta","departId","boxCode","buddy","boxSummary","newbieId","list","colors","index","getActiveBox","activeBoxes","boxList","filter","component","levels","bgColor","borderColor","title"],"mappings":"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","file":"js/chunk-57551184.c009d535.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex mg-t-20 check-card-outer\"},[_c('div',{staticClass:\"wd-50p\"},[(!_vm.hideCard)?_c('card-buddy',{staticClass:\"mg-b-30\",attrs:{\"title\":_vm.cardTitle,\"userTaskId\":_vm.userTaskId},on:{\"on-user-info\":function($event){return _vm.$emit('on-user-info', $event)}}}):_vm._e(),_c('div',{},_vm._l((_vm.todo.boxList),function(box){return _c('div',{key:box.id,class:(\"check-card-item \" + (_vm.hideCheck ? 'check-code-'+box.code : box.colorClass) + \" tx-white d-flex align-items-center mg-b-20 rounded-20 pd-x-30 pd-y-15 bxs pos-relative\"),staticStyle:{\"z-index\":\"3\"},attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.hideCheck || _vm.$route.name=='buddyAdminChecklist3Employee' ? _vm.goToBox(box) : _vm.activeBoxData = box}}},[_c('div',{staticClass:\"tx-semibold\"},[_vm._v(_vm._s(box.boxName))]),_c('div',{staticClass:\"d-flex mg-l-auto tx-semibold\"},[_c('div',[_vm._v(\"Явц: \"+_vm._s(_vm.getBoxProgess(box))+\"%\")]),_c('div',{staticClass:\"rounded-10\"})]),_c('div',{staticClass:\"rounded bg-white-1 pd-x-10 pd-y-7 mg-l-10\"},[_c('feather',{attrs:{\"type\":\"chevron-right\"}})],1),(box.id==_vm.activeBoxData.id)?_c('div',{staticClass:\"rect wd-15 ht-15 pos-absolute r--5\",staticStyle:{\"transform\":\"rotate(45deg)\"}}):_vm._e()])}),0)],1),_c('div',{staticClass:\"wd-50p pd-l-20\"},[_c('div',{staticClass:\"rounded-20\"},[_c('div',{class:(\"check-card-item \" + (_vm.hideCheck ? 'check-code-'+_vm.activeBoxData.code : _vm.activeBoxData.colorClass) + \" text-white pd-x-20 pd-y-15 tx-semibold\"),staticStyle:{\"border-radius\":\"20px 20px 0 0\"}},[_vm._v(\" \"+_vm._s(_vm.activeBoxData.boxName)+\" \")]),_c('div',{staticClass:\"bg-white pd-x-20 pd-y-15\",staticStyle:{\"border-radius\":\"0 0 20px 20px\"}},[_c('div',{staticClass:\"bd rounded-20 pd-x-20 pd-y-10\"},[_vm._l((_vm.activeBoxData.checkList),function(check,i){return _c('div',{class:(\"\" + (_vm.activeBoxData.checkList.length - 1 != i ? 'bd-b' : ''))},[_c('div',{staticClass:\"d-flex align-items-center\"},[(!_vm.hideCheck)?_c('div',{attrs:{\"role\":!check.isDone? 'button':''},on:{\"click\":function($event){return _vm.completeCheck(check)}}},[(check.isDone)?_c('feather',{staticClass:\"tx-primary\",staticStyle:{\"width\":\"22px\",\"height\":\"22px\"},attrs:{\"type\":\"check-circle\"}}):_c('feather',{staticStyle:{\"width\":\"22px\",\"height\":\"22px\",\"color\":\"#AEB1BD\"},attrs:{\"type\":\"circle\"}})],1):_vm._e(),_c('div',{staticClass:\"pd-10 tx-semibold wd-100p\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.activeCheckId = check.id}}},[_vm._v(\" \"+_vm._s(check.checkName)+\" \")]),(_vm.hideCheck)?_c('div',{staticClass:\"tx-semibold\",domProps:{\"innerHTML\":_vm._s(((check.progress.toFixed(1)) + \"%\"))}}):_c('feather',{staticClass:\"mg-l-auto \",attrs:{\"role\":\"button\",\"type\":\"chevron-down\"},on:{\"click\":function($event){_vm.activeCheckId = check.id}}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeCheckId == check.id),expression:\"activeCheckId == check.id\"}],staticClass:\"pd-l-40\",domProps:{\"innerHTML\":_vm._s(check.info)}})])}),(_vm.activeBoxData.info)?_c('div',{staticClass:\"bg-light rounded-10 pd-15\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.activeBoxData.info)}})]):_vm._e()],2)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex mg-t-20 check-card-outer\">\n    <div class=\"wd-50p\">\n      <card-buddy v-if=\"!hideCard\" :title=\"cardTitle\" :userTaskId=\"userTaskId\" class=\"mg-b-30\"\n      @on-user-info=\"$emit('on-user-info', $event)\"></card-buddy>\n      <div class=\"\">\n      \n        <div\n          role=\"button\"\n          @click=\"hideCheck || $route.name=='buddyAdminChecklist3Employee' ? goToBox(box) : activeBoxData = box\"\n          v-for=\"box in todo.boxList\"\n          :key=\"box.id\"\n          :class=\"\n            `check-card-item ${hideCheck ? 'check-code-'+box.code : box.colorClass} tx-white d-flex align-items-center mg-b-20 rounded-20 pd-x-30 pd-y-15 bxs pos-relative`\n          \" style=\"z-index: 3;\"\n        >\n        \n          <div class=\"tx-semibold\">{{ box.boxName }}</div>\n          <div class=\"d-flex mg-l-auto tx-semibold\">\n            <div>Явц: {{ getBoxProgess(box) }}%</div>\n            <div class=\"rounded-10\"></div>\n          </div>\n          <div class=\"rounded bg-white-1 pd-x-10 pd-y-7 mg-l-10\">\n            <feather type=\"chevron-right\" style=\"\"></feather>\n          </div>\n          <!-- {{ box.id==activeBoxData.id }} -->\n\n          <div v-if=\"box.id==activeBoxData.id\" class=\"rect wd-15 ht-15 pos-absolute r--5\" style=\"transform: rotate(45deg);\"></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"wd-50p pd-l-20\">\n      <div class=\"rounded-20\">\n        <div\n          :class=\"\n            `check-card-item ${hideCheck ? 'check-code-'+activeBoxData.code : activeBoxData.colorClass} text-white pd-x-20 pd-y-15 tx-semibold`\n          \"\n          style=\"border-radius: 20px 20px 0 0\"\n        >\n          {{ activeBoxData.boxName }}\n        </div>\n        <div\n          class=\"bg-white pd-x-20 pd-y-15\"\n          style=\"border-radius: 0 0 20px 20px\"\n        >\n          <div class=\"bd rounded-20 pd-x-20 pd-y-10\">\n            <div\n              v-for=\"(check, i) in activeBoxData.checkList\"\n              :class=\"\n                `${activeBoxData.checkList.length - 1 != i ? 'bd-b' : ''}`\n              \"\n            >\n              <div class=\"d-flex align-items-center\">\n                <div @click=\"completeCheck(check)\" :role=\"!check.isDone? 'button':''\" v-if=\"!hideCheck\">\n                  <feather\n                    v-if=\"check.isDone\"\n                    type=\"check-circle\"\n                    class=\"tx-primary\"\n                    style=\"width: 22px; height: 22px;\"\n                  ></feather>\n                  <feather\n                    v-else\n                    type=\"circle\"\n                    class=\"\"\n                    style=\"width: 22px; height: 22px; color: #AEB1BD\"\n                  ></feather>\n                </div>\n                <div\n                  @click=\"activeCheckId = check.id\"\n                  class=\"pd-10 tx-semibold wd-100p\"\n                  role=\"button\"\n                >\n                  {{ check.checkName }}\n                </div>\n                <div v-if=\"hideCheck\" class=\"tx-semibold\" v-html=\"`${check.progress.toFixed(1)}%`\"></div>\n                <feather v-else\n                  @click=\"activeCheckId = check.id\"\n                  role=\"button\"\n                  class=\"mg-l-auto \"\n                  type=\"chevron-down\"\n                ></feather>\n              </div>\n              <div\n                v-show=\"activeCheckId == check.id\"\n                class=\"pd-l-40\"\n                v-html=\"check.info\"\n              ></div>\n            </div>\n            <div v-if=\"activeBoxData.info\" class=\"bg-light rounded-10 pd-15\">\n              <div v-html=\"activeBoxData.info\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\nimport AsyncLoading from \"@/components/base/asyncLoading\";\nimport { request } from \"@/api/all\";\n\nimport \"element-ui/lib/theme-chalk/index.css\";\nimport { MessageBox, Message } from \"element-ui\";\n\nimport contstants from \"@/constants\";\n\nexport default {\n  name: \"checklistComponent\",\n  components: {\n    MessageBox, Message,\n    cardBuddy: () => ({\n      component: import(\n        \"@/views/modules/lms/student/buddy/components/cardBuddy.vue\"\n      ),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n  },\n  props: {\n    userTaskId: {\n      type: Number,\n      default: () => null,\n    },\n    cardTitle:{\n      type: String,\n      default: () => 'Таны BUDDY ажилтан',\n    },\n    hideCard: {\n      type: Boolean,\n      default: () => false,\n    },\n    hideCheck: {\n      type: Boolean,\n      default: () => false,\n    },\n    propSummary:{\n      type: Object,\n      default: () => {},\n    }\n  },\n  data() {\n    return {\n      activeCheckId: 0,\n      todo: {},\n      activeBoxData: {},\n      isDataFetched: false,\n      buddyLevels: contstants.levels,\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  watch: {\n    // Watch the $route object for changes\n    '$route' (to, from) {\n      this.init();\n    }\n  },\n  methods: {\n    getBoxProgess(box){\n      let rv=0;\n      rv= box.progress.toFixed(1);\n      // if(box.progress!=undefined){\n      //   if(parseFloat(box.progress)>0){\n      //     console.log('box1', box.progress)\n      //     rv= box.progress.toFixed(1);\n      //   } \n      //   // else if(parseFloat(box.progress) !== 0.0){\n      //   //   console.log('box2', box.progress)\n      //   //   // rv= box.progress.toFixed(1);\n      //   // }\n      //    else {\n      //     console.log('else of 0', box.progress)  \n      //   }\n      //   // rv= box.progress.toFixed(1);\n      // }else{\n      //   console.log('else of undefined')\n      // }\n      return rv;\n    },\n    goToBox(box){\n      // this.$emit('on-update-prop', { departId: this.$route.params.id, boxCode: box.code})\n      console.log('goToBox', box, this.$route.name=='buddyAdminChecklist3Employee');\n      if(this.$route.name=='buddyAdminChecklist3Employee'){\n        this.$router.push({\n        name: 'buddyAdminChecklist3Employee',\n          params:{\n            id: this.$route.params.id,\n            depart: this.$route.params.depart,\n            code: box.code\n          }\n        });\n      }else {\n        this.$router.push({\n          name: 'buddyAdminReportCheck',\n          params: {\n            id: this.$route.params.id, \n            code: box.code\n          }\n        });\n      }\n    },\n    completeCheck(check){\n      //this.updateBoxProgress();\n      if(check.isDone || this.$route.name=='buddyAdminChecklist3Employee'){\n        return;\n      }\n      MessageBox.confirm(`Та ${check.checkName} ажлыг дуусгахдаа байна уу ?`, \"Санамж\", {\n        confirmButtonText: \"Тийм\",\n        cancelButtonText: \"Үгүй\",\n        type: \"warning\",\n      })\n        .then(() => {\n          this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n          request({\n            api: { method: \"POST\", url: \"Buddy/newbie/CompleteMyCheck\" },\n            data: {\n              id: check.id,\n            },\n            store: this.$store,\n          }).then((res) => {\n            this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n            if(res!=false){\n              // console.log('res', res);\n              Message.success(\"Амжилттай дуусгалаа.\");\n              check.isDone= true;\n              this.updateBoxProgress();\n              // this.init();\n            }\n          });\n        })\n        .catch(() => {});\n    },\n    // updateBoxProgress(){\n    //   this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n    //   request({\n    //     api: { method: \"POST\", url: \"Buddy/newbie/getBoxProgress\" },\n    //     data: {\n    //       userId: this.$store.state.user.userId,\n    //       boxId: this.activeBoxData.id,\n    //     },\n    //     store: this.$store,\n    //   }).then((res) => {\n    //     this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n    //     if(res!=false){\n    //       this.todo.boxList = this.todo.boxList.map(box => \n    //         box.boxId === this.activeBoxData.id ? { ...box, progress: res.data.progress } : box\n    //       );\n    //       // console.log('getBoxPercent', res);\n    //     }\n    //   });\n    // },\n    updateBoxProgress() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n\n      request({\n        api: { method: \"POST\", url: \"Buddy/newbie/getBoxProgress\" },\n        data: {\n          userId: this.$store.state.user.userId,\n          boxId: this.activeBoxData.id,\n        },\n        store: this.$store,\n      })\n      .then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res) {\n          const box = this.todo.boxList.find(box => box.id === this.activeBoxData.id);\n          if (box) {\n            box.progress = res.data.progress;\n          }\n        }\n      })\n      .catch((error) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        console.error('Error updating box progress:', error);\n        // Optionally show an error message to the user\n      });\n    },\n    toggleBodyClass(addRemoveClass, className) {\n      const el = document.body;\n\n      if (addRemoveClass === \"addClass\") {\n        el.classList.add(className);\n      } else {\n        el.classList.remove(className);\n      }\n    },\n    getFieldFromConstants(field, level){\n      let rv='';\n      if(this.buddyLevels.filter(x=>x.code==level.code).length ){\n        rv= this.buddyLevels.filter(x=>x.code==level.code)[0][field];\n      }\n      console.log('rv', rv);\n      return rv\n    },\n    init() {\n      console.log('r1');\n      let _url='Buddy/newbie/GetMyRecentTasks';\n      let _dta={\n        userTaskId: this.userTaskId\n      };\n      if(this.hideCheck) {\n        // console.log('e1');\n        _url= 'Buddy/Admin/GetCheckSummary';\n        const bxe = this.$store.state.buddy.boxSummary.find(item => item.code === this.$route.params.code);\n        if (bxe) {\n          _dta={\n            departId: this.$route.params.id, \n            boxCode: this.$route.params.code\n          }\n        } else if(this.$store.state.buddy.boxSummary.length){\n          _dta={\n            departId: this.$route.params.id, \n            boxCode: this.$store.state.buddy.boxSummary[0]['code']\n          };\n          // console.log('e3', _dta);\n        }\n        \n      } else if(this.$route.name=='buddyAdminChecklist3Employee') {\n        _url= 'Buddy/Admin/GetCheckSummary';\n        const bxe = this.$store.state.buddy.boxSummary.find(item => item.code === this.$route.params.code);\n        if (bxe) {\n          _dta={\n            newbieId: this.$route.params.id, \n            boxCode: this.$route.params.code\n          };\n        }else if(this.$store.state.buddy.boxSummary.length){\n          _dta={\n            newbieId: this.$route.params.id, \n            boxCode: this.$store.state.buddy.boxSummary[0]['code']\n          };\n        }\n\n        // console.log('this.$route.params.code', this.$route.params.code)\n        // console.log('this.$route.params.code', this.$store.state.buddy.boxSummary)\n      }\n      // console.log('url', _url, this.$route);\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: _url },\n        data: _dta,\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          // console.log('r2', _url, _dta, res);\n          if(this.hideCheck || this.$route.name=='buddyAdminChecklist3Employee'){\n            console.log('e4', res.data.list);\n            this.todo.boxList= this.$store.state.buddy.boxSummary.map(box => ({\n                id: box.code,\n                code: box.code,\n                boxName: box.boxName,\n                progress: box.progress,\n                checkList: res.data.list,\n                // colorClass: this.getFieldFromConstants('bgColor', box)\n            }));\n            this.getActiveBox();\n          } else {\n            console.log('GetMyRecentTasks', res)\n            this.todo = res.data.todo;\n            this.getActiveBox();\n          }\n\n          const colors = [\"bg-yagaan\", \"bg-blue\", \"bg-pink\", \"bg-green\"];\n          this.todo.boxList.forEach((box, index) => {\n            box.colorClass = colors[index % colors.length];\n          });\n\n          this.isDataFetched = true;\n        }\n      });\n    },\n\n    getActiveBox() {\n      const activeBoxes = this.todo.boxList.filter((x) => x.isActive);\n      // console.log('t1');\n      if (activeBoxes.length > 0) {\n        // console.log('t2');\n        this.activeBoxData = activeBoxes[0];\n      }\n      // else{\n      //   console.log('activeBoxes', activeBoxes, this.todo.boxList,this.$route.params.code,\n      //   this.todo.boxList.filter(x=>x.code==this.$route.params.code).length > 0\n      //   );\n      // }\n       else if (this.todo.boxList.filter(x=>x.code==this.$route.params.code).length > 0) {\n        // console.log('t3', this.todo.boxList.filter(x=>x.code==this.$route.params.code)[0]);\n        this.activeBoxData = this.todo.boxList.filter(x=>x.code==this.$route.params.code)[0];\n      } else if (this.todo.boxList.length > 0) {\n        this.activeBoxData = this.todo.boxList[0];\n      }\n    },\n    \n  },\n};\n</script>\n<style lang=\"scss\">\n.bxs {\n  color: white;\n}\n.bxs:nth-child(n + 1),\n.bg-yagaan {\n  background: linear-gradient(\n    135.15deg,\n    #9c14f2 2.15%,\n    #9627dd 65.39%,\n    #b255ec 98.4%\n  );\n\n  .rect{\n    background: rgb(173 78 234);\n  }\n}\n.bxs:nth-child(n + 2),\n.bg-blue {\n  background: linear-gradient(\n    135.15deg,\n    #33b7ff 2.15%,\n    #17a0e2 65.39%,\n    #17a0e2 98.4%\n  );\n\n  .rect{\n    background: #17a0e2;\n  }\n}\n.bxs:nth-child(n + 3),\n.bg-pink {\n  background: linear-gradient(\n    135.15deg,\n    #fd709a 2.15%,\n    #e43055 65.39%,\n    #f26e7a 98.4%\n  );\n\n  .rect{\n    background: #f26e7a;\n  }\n}\n.bxs:nth-child(n + 4),\n.bg-green {\n  background: linear-gradient(\n    135.15deg,\n    #34bdbd 2.15%,\n    #12a0a1 65.39%,\n    #37babc 98.4%\n  );\n\n  .rect{\n    background: #37babc;\n  }\n}\n.bxs:nth-child(n + 5),\n.bg-green {\n  background: linear-gradient(135.15deg, #3AC37A 2.15%, #33BF75 65.39%, #55EB9B 98.4%);\n\n  .rect{\n    background: #4fe495;\n  }\n}\n</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!./checklist.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!./checklist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./checklist.vue?vue&type=template&id=2ebf8ac2&\"\nimport script from \"./checklist.vue?vue&type=script&lang=js&\"\nexport * from \"./checklist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checklist.vue?vue&type=style&index=0&lang=scss&\"\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","export default {\n    levels: [\n        {code: 1, bgColor: '#9627DD', borderColor: '#CD81FF', title: 'Ажлын эхний өдөр'},\n        {code: 7, bgColor: '#17A0E2', borderColor: '#31B6FD', title: 'Ажлын эхний 7 хоног'},\n        {code: 30, bgColor: '#e04a69', borderColor: '#E63459', title: 'Ажлын эхний 30 хоног'},\n        {code: 60, bgColor: '#12A0A1', borderColor: '#32BBBC', title: 'Ажлын эхний 60-90 хоног'},\n        {code: 0, bgColor: '#3AC37A', borderColor: '#57DA95', title: 'Бэлтгэл үе'},\n    ]\n}","import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checklist.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checklist.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}