{"version":3,"sources":["webpack:///./src/modules/libraries/_components/list/SectionListItem.vue?56b2","webpack:///src/modules/libraries/_components/list/SectionListItem.vue","webpack:///./src/modules/libraries/_components/list/SectionListItem.vue?4ee3","webpack:///./src/modules/libraries/_components/list/SectionListItem.vue","webpack:///./src/modules/libraries/_components/list/SectionListItem.vue?70fc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","listBookPageLinks","length","listBookLessonPlans","lstActiveLearning","_v","_s","name","attrs","params","type","documentTypeId","typePageLink","typeLesson","id","bookLessonPlanTypeId","classId","parseInt","paramSearchLessons","typeActiveLearning","_e","ref","refInFor","slidesPerView","spaceBetween","slidesPerColumn","slidesPerGroup","grabCursor","loop","loopFillGroupWithBlank","breakpoints","1199","767","575","navigation","nextEl","prevEl","on","$event","handleNextLibs","file","pos","routerQuery","tab","class","slot","staticRenderFns","props","dataSource","components","swiper","swiperSlide","ItemLibrary","computed","mapState","data","planLessonType","tabPagelink","tabLesson","tabActiveLearning","dataHandle","limitItem","isFirstNextSlide2","isFirstNextSlide1","watch","created","methods","mapActions","initSettingData","dataLoaded","JSON","setDataForLibList","self","pageIndex","component"],"mappings":"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","file":"js/chunk-5ade9816.961a43bb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"library__list\"},_vm._l((_vm.dataHandle),function(item,index){return _c('div',{key:index,staticClass:\"electronic-lecture\"},[((item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0))?_c('div',{staticClass:\"electronic-lecture__head display-flex-center justify-content-between\"},[_c('h2',{staticClass:\"primary-color-txt font-size-24 font-sanpro-semibold\"},[_vm._v(\" \"+_vm._s(item.name))]),(item && item.listBookPageLinks)?_c('router-link',{staticClass:\"primary-color font-family-Semibold font-size-16\",attrs:{\"to\":{name: 'LibraryAll', params: {type: item.documentTypeId ? _vm.typePageLink : _vm.typeLesson, id: item.documentTypeId ? item.documentTypeId : item.bookLessonPlanTypeId, classId: parseInt(_vm.paramSearchLessons.classId) }}}},[_vm._v(\"\\n\\t\\t\\t\\t\\tXem tất cả\\n\\t\\t\\t\\t\")]):(item && item.listBookLessonPlans)?_c('router-link',{staticClass:\"primary-color font-family-Semibold font-size-16\",attrs:{\"to\":{name: 'LibraryAll', params: {type: item.documentTypeId ? _vm.typePageLink : _vm.typeLesson, id: item.documentTypeId ? item.documentTypeId : item.bookLessonPlanTypeId, classId: parseInt(_vm.paramSearchLessons.classId) }}}},[_vm._v(\"\\n\\t\\t\\t\\t\\tXem tất cả\\n\\t\\t\\t\\t\")]):_c('router-link',{staticClass:\"primary-color font-family-Semibold font-size-16\",attrs:{\"to\":{name: 'LibraryAll', params: {type: _vm.typeActiveLearning, id: item.documentTypeId ? item.documentTypeId : 1, classId: parseInt(_vm.paramSearchLessons.classId) }}}},[_vm._v(\"\\n\\t\\t\\t\\t\\tXem tất cả \\n\\t\\t\\t\\t\")])],1):_vm._e(),((item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0))?_c('div',{staticClass:\"electronic-lecture__body position-rel\"},[_c('swiper',{ref:(\"swiper_lib_\" + (item.bookLessonPlanTypeId ? 2 : 1) + \"_\" + index),refInFor:true,attrs:{\"options\":{slidesPerView: 4, spaceBetween: 20, slidesPerColumn: 2, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {1199: {slidesPerView: 3, slidesPerGroup: 1, spaceBetween: 30 }, 767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: (\".lib__next_\" + index), prevEl: (\".lib__prev_\" + index)}}},on:{\"slideNextTransitionEnd\":function($event){return _vm.handleNextLibs(item, index, item.bookLessonPlanTypeId ? 2 : 1)}}},_vm._l(((item.bookLessonPlanTypeId ? item.listBookLessonPlans : item.listBookPageLinks ? item.listBookPageLinks : item.lstActiveLearning)),function(file,pos){return _c('swiperSlide',{key:pos},[(file)?_c('ItemLibrary',{attrs:{\"dataSource\":file,\"isLesson\":parseInt(_vm.routerQuery.tab),\"isPlay\":true,\"position\":pos}}):_vm._e()],1)}),1),((item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0))?_c('div',{staticClass:\"swiper-button-prev lib__btn__slider lib__prev\",class:(\"lib__prev_\" + index),attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}):_vm._e(),((item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0))?_c('div',{staticClass:\"swiper-button-next text-right lib__btn__slider lib__next\",class:(\"lib__next_\" + index),attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}):_vm._e(),((!item.listBookPageLinks || item.listBookPageLinks.length === 0) && (!item.listBookLessonPlans || item.listBookLessonPlans.length === 0) && (!item.lstActiveLearning || item.lstActiveLearning.length === 0))?_c('p',{staticClass:\"empty-content font-size-20 secondary-color-txt text-center\"},[_vm._v(\"Dữ liệu đang cập nhật!\")]):_vm._e()],1):_vm._e()])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"library__list\">\r\n\t\t<div class=\"electronic-lecture\" v-for=\"(item, index) of dataHandle\" :key=\"index\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"(item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0)\"\r\n\t\t\t\tclass=\"electronic-lecture__head display-flex-center justify-content-between\"\r\n\t\t\t>\r\n\t\t\t\t<h2 class=\"primary-color-txt font-size-24 font-sanpro-semibold\"> {{item.name}}</h2>\r\n\t\t\t\t<router-link \r\n\t\t\t\t\tv-if=\"item && item.listBookPageLinks\"\r\n\t\t\t\t\t:to=\"{name: 'LibraryAll', params: {type: item.documentTypeId ? typePageLink : typeLesson, id: item.documentTypeId ? item.documentTypeId : item.bookLessonPlanTypeId, classId: parseInt(paramSearchLessons.classId) }}\"\r\n\t\t\t\t\tclass=\"primary-color font-family-Semibold font-size-16\"\r\n\t\t\t\t>\r\n\t\t\t\t\tXem tất cả\r\n\t\t\t\t</router-link>\r\n\t\t\t\t<router-link \r\n\t\t\t\t\tv-else-if=\"item && item.listBookLessonPlans\"\r\n\t\t\t\t\t:to=\"{name: 'LibraryAll', params: {type: item.documentTypeId ? typePageLink : typeLesson, id: item.documentTypeId ? item.documentTypeId : item.bookLessonPlanTypeId, classId: parseInt(paramSearchLessons.classId) }}\"\r\n\t\t\t\t\tclass=\"primary-color font-family-Semibold font-size-16\"\r\n\t\t\t\t>\r\n\t\t\t\t\tXem tất cả\r\n\t\t\t\t</router-link>\r\n\t\t\t\t<router-link \r\n\t\t\t\t\tv-else\r\n\t\t\t\t\t:to=\"{name: 'LibraryAll', params: {type: typeActiveLearning, id: item.documentTypeId ? item.documentTypeId : 1, classId: parseInt(paramSearchLessons.classId) }}\"\r\n\t\t\t\t\tclass=\"primary-color font-family-Semibold font-size-16\"\r\n\t\t\t\t>\r\n\t\t\t\t\tXem tất cả \r\n\t\t\t\t</router-link>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"(item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0)\"\r\n\t\t\t\tclass=\"electronic-lecture__body position-rel\"\r\n\t\t\t>\r\n\t\t\t\t<swiper \r\n\t\t\t\t\t:options=\"{slidesPerView: 4, spaceBetween: 20, slidesPerColumn: 2, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {1199: {slidesPerView: 3, slidesPerGroup: 1, spaceBetween: 30 }, 767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: `.lib__next_${index}`, prevEl: `.lib__prev_${index}`}}\"\r\n\t\t\t\t\t:ref=\"`swiper_lib_${item.bookLessonPlanTypeId ? 2 : 1}_${index}`\"\r\n\t\t\t\t\t@slideNextTransitionEnd=\"handleNextLibs(item, index, item.bookLessonPlanTypeId ? 2 : 1)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<swiperSlide v-for=\"(file, pos) of (item.bookLessonPlanTypeId ? item.listBookLessonPlans : item.listBookPageLinks ? item.listBookPageLinks : item.lstActiveLearning)\" :key=\"pos\">\r\n            <ItemLibrary v-if=\"file\" :dataSource=\"file\" :isLesson=\"parseInt(routerQuery.tab)\" :isPlay=\"true\" :position=\"pos\" />\r\n\t\t\t\t\t</swiperSlide>\r\n\t\t\t\t</swiper>\r\n\t\t\t\t<div v-if=\"(item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0)\" class=\"swiper-button-prev lib__btn__slider lib__prev\" :class=\"`lib__prev_${index}`\" slot=\"button-prev\"></div>\r\n\t\t\t\t<div v-if=\"(item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0) || (item.lstActiveLearning && item.lstActiveLearning.length > 0)\" class=\"swiper-button-next text-right lib__btn__slider lib__next\" :class=\"`lib__next_${index}`\" slot=\"button-next\"></div>\r\n\t\t\t\t<p v-if=\"(!item.listBookPageLinks || item.listBookPageLinks.length === 0) && (!item.listBookLessonPlans || item.listBookLessonPlans.length === 0) && (!item.lstActiveLearning || item.lstActiveLearning.length === 0)\" class=\"empty-content font-size-20 secondary-color-txt text-center\">Dữ liệu đang cập nhật!</p>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { STORE_KEY, LESSON_PLAN_TYPE, TYPE_PAGE_LINK_LOAD, TYPE_LESSON_LOAD, TYPE_ACTIVE_LEARN_LOAD, TAB_MEDIA_PAGE_LINK, TAB_LESSON, TAB_ACTIVE_LEARNING } from './../../_store/constants'\r\n\timport { mapState, mapActions } from 'vuex'\r\n\t// import { generateThumbnailFromVideo } from '@/helpers/functions';\r\n\t// import { APP_CONFIG } from '@/utils/constants';\r\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n  import 'swiper/dist/css/swiper.css'\r\n\r\n\texport default {\r\n\t\tname: 'SectionListItem',\r\n\t\tprops: {\r\n\t\t\tdataSource: Array,\r\n\t\t\tbookLessonPlanTypeId: Number\r\n\t\t},\r\n\t\tcomponents: {\r\n      swiper, \r\n      swiperSlide,\r\n\t\t\tItemLibrary: () => import('./ItemLibrary.vue')\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\trouterQuery() {\r\n\t\t\t\treturn this.$route.query;\r\n\t\t\t},\r\n      ...mapState('common', ['loading']),\r\n      ...mapState(STORE_KEY, ['paramSearchLessons']),\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tplanLessonType: LESSON_PLAN_TYPE,\r\n\t\t\t\ttypeLesson: TYPE_LESSON_LOAD,\r\n\t\t\t\ttypePageLink: TYPE_PAGE_LINK_LOAD,\r\n\t\t\t\ttypeActiveLearning: TYPE_ACTIVE_LEARN_LOAD,\r\n\t\t\t\ttabPagelink: TAB_MEDIA_PAGE_LINK,\r\n\t\t\t\ttabLesson: TAB_LESSON,\r\n\t\t\t\ttabActiveLearning: TAB_ACTIVE_LEARNING,\r\n\t\t\t\tdataHandle: [],\r\n\t\t\t\tlimitItem: 12,\r\n\t\t\t\tisFirstNextSlide2:true,\r\n\t\t\t\tisFirstNextSlide1:true\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t// 'dataSource': 'initSettingData'\r\n      'dataSource': 'setDataForLibList'\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// this.initSettingData();\r\n      this.setDataForLibList();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions('common', ['setLoading']),\r\n      ...mapActions(STORE_KEY, [\"setParamSearchLesson\"]),\r\n\r\n\t\t\tasync initSettingData() {\r\n\t\t\t\tlet dataLoaded = JSON.stringify(this.dataSource);\r\n        await this.setDataForLibList(JSON.parse(dataLoaded))\r\n\t\t\t\t// this.dataHandle = JSON.parse(dataLoaded);\r\n        // console.log('Init setting: ', this.dataHandle);\r\n\t\t\t\t// this.dataHandle.map((parent, index) => {\r\n\t\t\t\t// \tif(parent.listBookLessonPlans && parent.listBookLessonPlans.length > this.limitItem) {\r\n\t\t\t\t// \t\tparent['totalItems'] = parent.listBookLessonPlans.length;\r\n\t\t\t\t// \t\t// parent.listBookLessonPlans.length = this.limitItem;\r\n\t\t\t\t// \t} else if (parent.listBookPageLinks && parent.listBookPageLinks.length > this.limitItem) {\r\n\t\t\t\t// \t\tparent['totalItems'] = parent.listBookPageLinks.length;\r\n\t\t\t\t// \t\t// parent.listBookPageLinks.length = this.limitItem;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// })\r\n\t\t\t},\r\n\r\n      setDataForLibList () {\r\n        let self = this\r\n        if (self.dataSource && self.dataSource.length === 1) {\r\n\t        let indexData = self.dataHandle.findIndex(lib => self.dataSource[0].documentTypeId ? lib.documentTypeId === self.dataSource[0].documentTypeId : lib.bookLessonPlanTypeId === self.dataSource[0].bookLessonPlanTypeId)\r\n\t\t\t\t\tif (indexData === -1) {\r\n\t\t\t\t\t\treturn\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (self.dataSource[0].documentTypeId) {\r\n\t\t\t\t\t\tself.dataHandle[indexData] = {...self.dataSource[0], listBookPageLinks: [...self.dataHandle[indexData].listBookPageLinks, ...self.dataSource[0].listBookPageLinks]}\r\n\t\t\t\t\t} else if(self.dataSource[0].bookLessonPlanTypeId){\r\n\t\t\t\t\t\tself.dataHandle[indexData] = {... self.dataSource[0], listBookLessonPlans: [...self.dataHandle[indexData].listBookLessonPlans, ...self.dataSource[0].listBookLessonPlans] }\r\n\t\t\t\t\t} else if(self.dataSource[0].activeLearningId){\r\n\t\t\t\t\t\tself.dataHandle[indexData] = {... self.dataSource[0], lstActiveLearning: [...self.dataHandle[indexData].lstActiveLearning, ...self.dataSource[0].lstActiveLearning] }\r\n\t\t\t\t\t}\r\n        } else {\r\n    \t\t  self.dataHandle = self.dataSource\r\n        }\r\n      },\r\n\r\n      handleNextLibs (item, index, type) {\r\n\t\t  \t// console.log('vao day nao bae', item);\r\n\t\tif(this.isFirstNextSlide2 && item.bookLessonPlanTypeId == 2){\r\n\t\t\t this.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: item.bookLessonPlanTypeId, pageIndex: item.paging.pageIndex + 1, documentTypeId: 0 });\r\n\t\t\t this.isFirstNextSlide2 = false\r\n\t\t}\r\n\t\tif(this.isFirstNextSlide1 && item.bookLessonPlanTypeId == 1){\r\n\t\t\t this.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: item.bookLessonPlanTypeId, pageIndex: item.paging.pageIndex + 1, documentTypeId: 0 });\r\n\t\t\t this.isFirstNextSlide1 = false\r\n\t\t}\r\n        const swiperRef = this.$refs[`swiper_lib_${type}_${index}`][0].swiper;\r\n        if(swiperRef && swiperRef.isEnd && item.paging && item.paging.pageIndex < item.paging.totalPage && !this.loading) {\r\n          if (item.bookLessonPlanTypeId) {\r\n            this.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: item.bookLessonPlanTypeId, pageIndex: item.paging.pageIndex + 1, documentTypeId: 0 });\r\n\t\t\t\r\n          } else if (item.documentTypeId) {\r\n            this.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: 0, pageIndex: item.paging.pageIndex + 1, documentTypeId: item.documentTypeId });\r\n          } else  {\r\n\t\t\t//   if (item && item.lstActiveLearning && item.lstActiveLearning[0].activeLearningId)\r\n            this.setParamSearchLesson({...this.paramSearchLessons, pageIndex: item.paging.pageIndex + 1, documentTypeId: 0 });\r\n          }\r\n        }\r\n      }\r\n\t\t\t// viewMoreLibs(index) {\r\n\t\t\t// \tthis.setLoading(true);\r\n\t\t\t// \tlet lengthDataItems = this.dataHandle[index].listBookLessonPlans ? this.dataHandle[index].listBookLessonPlans.length : this.dataHandle[index].listBookPageLinks.length;\r\n\t\t\t// \tif(this.dataHandle[index].listBookLessonPlans) {\r\n\t\t\t// \t\tthis.dataHandle[index].listBookLessonPlans = this.dataSource[index].listBookLessonPlans.slice(0, lengthDataItems + (this.limitItem * 2));\r\n\t\t\t// \t} else if (this.dataHandle[index].listBookPageLinks) {\r\n\t\t\t// \t\tthis.dataHandle[index].listBookPageLinks = this.dataSource[index].listBookPageLinks.slice(0, lengthDataItems + (this.limitItem * 2));\r\n\t\t\t// \t}\r\n\t\t\t// \tthis.setLoading(false);\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.electronic-lecture {\r\n\t\t&__head {\r\n\t\t\tpadding-bottom: 7px;\r\n\t\t\tborder-bottom: 1px solid #d0d5d8;\r\n\t\t\tmargin: 32px 0 24px 0;\r\n\t\t}\r\n\t\t&__body {\r\n\t\t\t.text-width {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t\t.item-lecture {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\topacity: 0.8;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.title-lecture {\r\n\t\t\t\tpadding-left: 15px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t.viewmore {\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline!important;\r\n\t\t}\r\n\t}\r\n\r\n\t.empty-content {\r\n\t\tmargin-top: 20px;\r\n\t}\r\n\r\n  .lib__btn__slider {\r\n    position: absolute;\r\n    @extend .position-center-y;\r\n    z-index: 1;\r\n\r\n    &.lib__prev {\r\n      left: -8%;\r\n    }\r\n\r\n    &.lib__next {\r\n      right: -8%;\r\n    }\r\n\t}\r\n\t\r\n\t@media screen and (max-width: 991px) {\r\n\t\t\r\n\t\t.lib__btn__slider {\r\n\t\t\t&.lib__prev {\r\n\t\t\t\tleft: -17px;\r\n\t\t\t}\r\n\r\n\t\t\t&.lib__next {\r\n\t\t\t\tright: -30px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media screen and (max-width: 600px) {\r\n\t\t.item-lecture {\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\t}\r\n</style>\r\n<style lang=\"scss\">","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!./SectionListItem.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!./SectionListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SectionListItem.vue?vue&type=template&id=3c99a9d2&scoped=true&\"\nimport script from \"./SectionListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./SectionListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SectionListItem.vue?vue&type=style&index=0&id=3c99a9d2&lang=scss&scoped=true&\"\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  \"3c99a9d2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./SectionListItem.vue?vue&type=style&index=0&id=3c99a9d2&lang=scss&scoped=true&\""],"sourceRoot":""}