{"version":3,"sources":["webpack:///./src/modules/libraries/_views/LibraryAll.vue?cc6e","webpack:///src/modules/libraries/_views/LibraryAll.vue","webpack:///./src/modules/libraries/_views/LibraryAll.vue?b41d","webpack:///./src/modules/libraries/_views/LibraryAll.vue","webpack:///./src/modules/libraries/_views/LibraryAll.vue?478e"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","name","query","lop","classId","tab","tabPagelink","_s","paramSearchLessons","className","bookInfo","practiceTypeName","practiceTypeId","_e","typeLoading","typePageLink","typeLesson","tabLesson","typeActiveLearning","nameTypeLibCurr","tabActive","id","tabByTypeLib","tabByFilterBox","on","filterLibByTab","$event","class","openCollapseFilterKey","toggleCollapseKeyword","openCollapseFilterGroup","toggleCollapseGroup","directives","rawName","value","expression","modifiers","domProps","keyword","target","sortLibrary","staticStyle","_l","item","index","tabActiveLearning","librariesData","length","filterType","resultBookPageLinkFilter","resultBookLessonFilter","resultBookActiveLearning","staticRenderFns","components","SidebarAll","ItemLibrary","FilterForm","FilterCollapse","ResultBookFilter","FilterMobileListAll","Pagination","debounce","data","pagingData","pagingBookData","elmEndItem","observer","windowWidth","computed","mapState","libAllId","isMobile","watch","loginPopupData","newVal","created","mounted","window","threshold","sort","pageIndex","beforeDestroy","subjectId","pageLinkGroupId","bookLessonPlanTypeId","bookGroupId","scrollData","methods","mapActions","mapMutations","initParamsSearch","documentTypeId","getWindowWidth","event","fetchBookInfo","self","getLibsData","getMediaListInLibs","finally","getLessonsPlan","getListActiveLearningAll","getBooksByType","sortDataByTitle","handleFilterKeyword","setParamsForFilterBook","params","handleFilterSort","direction","handleScrollEnd","component"],"mappings":"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","file":"js/chunk-7bc7a093.db840a99.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"library library-all\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/thu-vien\"}},[_vm._v(\"Thư viện\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.classId, tab: _vm.tabPagelink}}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.paramSearchLessons.className ? _vm.paramSearchLessons.className : _vm.bookInfo.className)+\"\\n\\t\\t\\t\\t\\t\\t\\t\")])],1),(_vm.bookInfo.practiceTypeName && _vm.bookInfo.practiceTypeId)?_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.classId, tab: _vm.tabPagelink}}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.bookInfo.practiceTypeName)+\"\\n\\t\\t\\t\\t\\t\\t\\t\")])],1):_vm._e(),(_vm.typeLoading)?_c('li',[(_vm.typeLoading === _vm.typePageLink)?_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.classId, tab: _vm.tabPagelink}}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tHọc liệu điện tử\\n\\t\\t\\t\\t\\t\\t\\t\")]):(_vm.typeLoading === _vm.typeLesson)?_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.classId, tab: _vm.tabLesson}}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tBài giảng điện tử\\n\\t\\t\\t\\t\\t\\t\\t\")]):_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.classId, tab: _vm.typeActiveLearning}}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tChương trình học chủ động\\n\\t\\t\\t\\t\\t\\t\\t\")])],1):_vm._e(),_c('li',[_c('span',[_vm._v(_vm._s(_vm.nameTypeLibCurr))])])])])]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"library__wrap display-flex justify-content-between\"},[_c('div',{staticClass:\"library__data\"},[(_vm.isMobile)?_c('FilterMobileListAll',{attrs:{\"tabActive\":_vm.tabActive,\"types\":[{id: _vm.tabByTypeLib, name: (\"Tất cả \" + _vm.nameTypeLibCurr)}, {id: _vm.tabByFilterBox, name: (_vm.nameTypeLibCurr + \" theo mục lục sách giáo khoa\")}]},on:{\"searchTab\":_vm.filterLibByTab}}):_c('div',{staticClass:\"library__data__head display-flex-center justify-content-between\"},[_c('b-tabs',[_c('b-tab',{attrs:{\"title\":(\"Tất cả \" + _vm.nameTypeLibCurr),\"active\":_vm.tabActive === _vm.tabByTypeLib},on:{\"click\":function($event){return _vm.filterLibByTab(_vm.tabByTypeLib)}}}),_c('b-tab',{attrs:{\"title\":(_vm.nameTypeLibCurr + \" theo mục lục sách giáo khoa\"),\"active\":_vm.tabActive === _vm.tabByFilterBox},on:{\"click\":function($event){return _vm.filterLibByTab(_vm.tabByFilterBox)}}})],1),_c('div',{staticClass:\"library__data__head__collapse\"},[_c('a',{staticClass:\"btn-collapse btn border-rd-20 font-size-15 primary-color\",class:{'btn-main': _vm.openCollapseFilterKey, 'btn-main-light': !_vm.openCollapseFilterKey },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleCollapseKeyword}},[_c('i',{staticClass:\"icon-search margin-0\",class:{'color-light': _vm.openCollapseFilterKey, 'primary-color': !_vm.openCollapseFilterKey }})]),_c('a',{staticClass:\"btn-collapse btn border-rd-20 font-size-15\",class:{'btn-main': _vm.openCollapseFilterGroup, 'btn-main-light': !_vm.openCollapseFilterGroup },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleCollapseGroup}},[_vm._v(\"\\n                    Bộ lọc \"),_c('i',{staticClass:\"icon-arrow-down font-size-12\",class:{'color-light': _vm.openCollapseFilterGroup, 'primary-color': !_vm.openCollapseFilterGroup }})])])],1),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse_filter_keyword\",\"visible\":_vm.openCollapseFilterKey}},[_c('div',{staticClass:\"library__data__filter display-flex-center justify-content-between\"},[_c('div',{staticClass:\"library__data__filter__keyword\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.keyword),expression:\"keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"color_bg_gray_light border-0 border-rd-20\",attrs:{\"type\":\"text\",\"name\":\"keyword\",\"placeholder\":\"Tìm kiếm\"},domProps:{\"value\":(_vm.keyword)},on:{\"change\":function($event){_vm.keyword=$event.target.value}}}),_c('i',{staticClass:\"icon-search primary-color\"})])]),_c('div',{staticClass:\"library__data__filter__sort\"},[_c('div',{staticClass:\"position-rel\"},[_c('select',{staticClass:\"custom-select css-select\",attrs:{\"name\":\"\",\"id\":\"\"},on:{\"change\":function($event){return _vm.sortLibrary($event)}}},[_c('option',{domProps:{\"value\":0}},[_vm._v(\"Tất cả\")]),_c('option',{domProps:{\"value\":1}},[_vm._v(\"Mới nhất\")]),_c('option',{domProps:{\"value\":2}},[_vm._v(\"Xem nhiều nhất\")])]),_c('i',{staticClass:\"icon-arrow-down primary-color font-size-12\",staticStyle:{\"position\":\"absolute\",\"top\":\"9px\",\"right\":\"12px\"}})])])])]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse_filter\",\"visible\":_vm.openCollapseFilterGroup}},[_c('FilterCollapse')],1),(_vm.tabActive === _vm.tabByTypeLib)?_c('div',{staticClass:\"library__list\"},[_c('div',{staticClass:\"row\"},[_vm._l((_vm.librariesData),function(item,index){return [(item && _vm.tabPagelink)?_c('ItemLibrary',{class:\"col-12 col-sm-4 col-lg-3\",attrs:{\"dataSource\":item,\"isLesson\":_vm.tabPagelink,\"isPlay\":true,\"position\":index}}):(item && _vm.tabLesson)?_c('ItemLibrary',{class:\"col-12 col-sm-4 col-lg-3\",attrs:{\"dataSource\":item,\"isLesson\":_vm.tabLesson,\"isPlay\":true,\"position\":index}}):(item && _vm.tabActiveLearning)?_c('ItemLibrary',{class:\"col-12 col-sm-4 col-lg-3\",attrs:{\"dataSource\":item,\"isLesson\":_vm.tabActiveLearning,\"isPlay\":true,\"position\":index}}):_vm._e()]})],2),(!_vm.librariesData || _vm.librariesData.length === 0)?_c('p',{staticClass:\"margin-0 font-size-20 secondary-color-txt text-center\"},[_vm._v(\"Dữ liệu đang cập nhật!\")]):_vm._e(),_c('div',{attrs:{\"id\":\"library_end\"}})]):(_vm.tabActive === _vm.tabByFilterBox)?_c('div',{staticClass:\"library__book\"},[(_vm.paramSearchLessons.filterType === _vm.tabPagelink)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabPagelink,\"dataSource\":_vm.resultBookPageLinkFilter}}):_vm._e(),(_vm.paramSearchLessons.filterType === _vm.tabLesson)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabLesson,\"dataSource\":_vm.resultBookLessonFilter}}):_vm._e(),(_vm.paramSearchLessons.filterType === _vm.tabActiveLearning)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabActiveLearning,\"dataSource\":_vm.resultBookActiveLearning}}):_vm._e(),((_vm.paramSearchLessons.filterType === _vm.tabPagelink && _vm.resultBookPageLinkFilter.length === 0) || (_vm.paramSearchLessons.filterType === _vm.tabLesson && _vm.resultBookLessonFilter.length === 0))?_c('p',{staticClass:\"margin-0 font-size-20 secondary-color-txt text-center\"},[_vm._v(\"Dữ liệu đang cập nhật!\")]):_vm._e(),_c('div',{attrs:{\"id\":\"library_end\"}})],1):_vm._e()],1)])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<transition name=\"fade\">\r\n\t\t<div class=\"library library-all\">\r\n\t\t\t<div class=\"ss-breadcrumb\">\r\n\t\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t\t<ul class=\"margin-0 p-0\">\r\n\t\t\t\t\t\t<li><router-link to=\"/thu-vien\">Thư viện</router-link></li>\r\n\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t<router-link :to=\"{name: 'library', query: {lop: classId, tab: tabPagelink}}\">\r\n\t\t\t\t\t\t\t\t{{ paramSearchLessons.className ? paramSearchLessons.className : bookInfo.className }}\r\n\t\t\t\t\t\t\t</router-link>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li v-if=\"bookInfo.practiceTypeName && bookInfo.practiceTypeId\">\r\n\t\t\t\t\t\t\t<router-link :to=\"{name: 'library', query: {lop: classId, tab: tabPagelink}}\">\r\n\t\t\t\t\t\t\t\t{{ bookInfo.practiceTypeName }}\r\n\t\t\t\t\t\t\t</router-link>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li v-if=\"typeLoading\">\r\n              <router-link v-if=\"typeLoading === typePageLink\" :to=\"{name: 'library', query: {lop: classId, tab: tabPagelink}}\">\r\n\t\t\t\t\t\t\t\tHọc liệu điện tử\r\n\t\t\t\t\t\t\t</router-link>\r\n              <router-link v-else-if=\"typeLoading === typeLesson\" :to=\"{name: 'library', query: {lop: classId, tab: tabLesson}}\">\r\n\t\t\t\t\t\t\t\tBài giảng điện tử\r\n\t\t\t\t\t\t\t</router-link>\r\n              <router-link v-else :to=\"{name: 'library', query: {lop: classId, tab: typeActiveLearning}}\">\r\n\t\t\t\t\t\t\t\tChương trình học chủ động\r\n\t\t\t\t\t\t\t</router-link>\r\n\t\t\t\t\t\t\t<!-- <router-link :to=\"{name: 'library', query: {lop: classId, tab: typeLoading === typePageLink ? tabPagelink : tabLesson}}\">\r\n\t\t\t\t\t\t\t\t{{ typeLoading === typePageLink ? 'Học liệu điện tử' : 'Bài giảng điện tử'}}\r\n\t\t\t\t\t\t\t</router-link> -->\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li><span>{{ nameTypeLibCurr }}</span></li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"ss-data\">\r\n\t\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t\t<div class=\"library__wrap display-flex justify-content-between\">\r\n\t\t\t\t\t\t<!-- <SidebarAll :bookInfo=\"bookInfo\" /> -->\r\n\t\t\t\t\t\t<div class=\"library__data\">\r\n\t\t\t\t\t\t\t<!-- <FilterForm class=\"library__search\" /> -->\r\n              <FilterMobileListAll\r\n                v-if=\"isMobile\"\r\n                :tabActive=\"tabActive\"\r\n                :types=\"[{id: tabByTypeLib, name: `Tất cả ${nameTypeLibCurr}`}, {id: tabByFilterBox, name: `${nameTypeLibCurr} theo mục lục sách giáo khoa`}]\"\r\n                @searchTab=\"filterLibByTab\"\r\n              />\r\n              <div v-else class=\"library__data__head display-flex-center justify-content-between\">\r\n                <b-tabs>\r\n                  <b-tab :title=\"`Tất cả ${nameTypeLibCurr}`\" :active=\"tabActive === tabByTypeLib\" @click=\"filterLibByTab(tabByTypeLib)\"></b-tab>\r\n                  <b-tab :title=\"`${nameTypeLibCurr} theo mục lục sách giáo khoa`\" :active=\"tabActive === tabByFilterBox\" @click=\"filterLibByTab(tabByFilterBox)\"></b-tab>\r\n                </b-tabs>\r\n                <div class=\"library__data__head__collapse\">\r\n                  <a\r\n                    @click=\"toggleCollapseKeyword\"\r\n                    href=\"javascript:;\"\r\n                    class=\"btn-collapse btn border-rd-20 font-size-15 primary-color\"\r\n                    :class=\"{'btn-main': openCollapseFilterKey, 'btn-main-light': !openCollapseFilterKey }\"\r\n                  >\r\n                    <i class=\"icon-search margin-0\" :class=\"{'color-light': openCollapseFilterKey, 'primary-color': !openCollapseFilterKey }\"></i>\r\n                  </a>\r\n                  <a\r\n                    href=\"javascript:;\"\r\n                    @click=\"toggleCollapseGroup\"\r\n                    class=\"btn-collapse btn border-rd-20 font-size-15\"\r\n                    :class=\"{'btn-main': openCollapseFilterGroup, 'btn-main-light': !openCollapseFilterGroup }\"\r\n                  >\r\n                    Bộ lọc <i class=\"icon-arrow-down font-size-12\" :class=\"{'color-light': openCollapseFilterGroup, 'primary-color': !openCollapseFilterGroup }\"></i>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n              <!-- <div class=\"library__data__filter display-flex-center justify-content-between\">\r\n                <div class=\"library__data__filter__keyword\">\r\n                  <div class=\"input-custom-icon\">\r\n                    <input type=\"text\" name=\"keyword\" class=\"color_bg_gray_light border-0 border-rd-20\" v-model.lazy=\"keyword\" v-debounce=\"300\" />\r\n                    <i class=\"icon-search primary-color\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"library__data__filter__sort\">\r\n                  <select name=\"sort\" class=\"border-0 secondary-color-txt\">\r\n                    <option value=\"name\">Sắp xếp theo tên</option>\r\n                  </select>\r\n                </div>\r\n              </div> -->\r\n              <!-- <div class=\"library__data__head display-flex-center justify-content-between\">\r\n                <h1 class=\"primary-color-txt font-size-24 font-sanpro-semibold\">{{ nameTypeLibCurr }}</h1>\r\n                <a v-b-toggle.collapse_filter class=\"btn-collapse btn btn-main-light border-rd-20 font-size-15 primary-color\">Bộ lọc <i class=\"icon-arrow-down font-size-12\"></i></a>\r\n              </div> -->\r\n              <b-collapse id=\"collapse_filter_keyword\" class=\"mt-2\" :visible=\"openCollapseFilterKey\">\r\n                <div class=\"library__data__filter display-flex-center justify-content-between\">\r\n                  <div class=\"library__data__filter__keyword\">\r\n                    <div class=\"input-custom-icon\">\r\n                      <input type=\"text\" name=\"keyword\" class=\"color_bg_gray_light border-0 border-rd-20\" placeholder=\"Tìm kiếm\" v-model.lazy=\"keyword\" v-debounce=\"300\" />\r\n                      <i class=\"icon-search primary-color\"></i>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"library__data__filter__sort\">\r\n                    <!-- <a href=\"javascript:;\" class=\"secondary-color-txt\" @click=\"handleFilterSort\">Sắp xếp theo tên <i class=\"secondary-color-txt font-size-14\" :class=\"{'icon-arrow-up': paramSearchLessons.direction === 'desc', 'icon-arrow-down': paramSearchLessons.direction === 'asc'}\"></i></a> -->\r\n                    <!-- <div>\r\n                      <b-dropdown id=\"dropdown-1\" text=\"Sắp xếp theo tên\" class=\"m-md-2 btn-dropdown\">\r\n                        <b-dropdown-item>Sắp xếp theo mới nhất</b-dropdown-item>\r\n                        <b-dropdown-item>Sắp xếp theo xem nhiều nhất</b-dropdown-item>\r\n                      </b-dropdown>\r\n                    </div> -->\r\n                    <div class=\"position-rel\">\r\n                    <!-- <b-dropdown right id=\"dropdown-1\" text=\"Sắp xếp học liệu\" class=\"m-md-2 btn-dropdown\">\r\n                      <template title=\"Sắp xếp học liệu\">\r\n                       \r\n                      </template>\r\n                      <b-dropdown-item href=\"javascript:;\" @click=\"sorteEarliest\">Mới nhất</b-dropdown-item>\r\n                      <b-dropdown-item href=\"javascript:;\" @click=\"sortMostView\">Xem nhiều nhất</b-dropdown-item>\r\n                    </b-dropdown> -->\r\n                    <select name=\"\" id=\"\" class=\"custom-select css-select\" @change=\"sortLibrary($event)\">\r\n                      <option :value=\"0\">Tất cả</option>\r\n                      <option :value=\"1\">Mới nhất</option>\r\n                      <option :value=\"2\">Xem nhiều nhất</option>\r\n                    </select>\r\n                    <i\r\n                      class=\"icon-arrow-down primary-color font-size-12\"\r\n                      style=\"position: absolute; top: 9px; right: 12px;\"\r\n                    ></i>\r\n                    </div>\r\n                    <!-- <select name=\"sort\" class=\"border-0 secondary-color-txt\">\r\n                      <option value=\"name\">Sắp xếp theo tên</option>\r\n                    </select> -->\r\n                  </div>\r\n                </div>\r\n              </b-collapse>\r\n              <b-collapse id=\"collapse_filter\" class=\"mt-2\" :visible=\"openCollapseFilterGroup\">\r\n                <FilterCollapse />\r\n              </b-collapse>\r\n\r\n\t\t\t\t\t\t\t<div class=\"library__list\" v-if=\"tabActive === tabByTypeLib\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<template v-for=\"(item, index) of librariesData\">\r\n\t\t\t\t\t\t\t\t\t\t<ItemLibrary v-if=\"item && tabPagelink\" :dataSource=\"item\" :isLesson=\"tabPagelink\" :class=\"`col-12 col-sm-4 col-lg-3`\" :isPlay=\"true\" :position=\"index\" />\r\n\t\t\t\t\t\t\t\t\t\t<ItemLibrary v-else-if=\"item && tabLesson\" :dataSource=\"item\" :isLesson=\"tabLesson\" :class=\"`col-12 col-sm-4 col-lg-3`\" :isPlay=\"true\" :position=\"index\" />\r\n\t\t\t\t\t\t\t\t\t\t<ItemLibrary v-else-if=\"item && tabActiveLearning\" :dataSource=\"item\" :isLesson=\"tabActiveLearning\" :class=\"`col-12 col-sm-4 col-lg-3`\" :isPlay=\"true\" :position=\"index\" />\r\n\t\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<p v-if=\"!librariesData || librariesData.length === 0\" class=\"margin-0 font-size-20 secondary-color-txt text-center\">Dữ liệu đang cập nhật!</p>\r\n                <div id=\"library_end\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"library__book\" v-else-if=\"tabActive === tabByFilterBox\">\r\n\t\t\t\t\t\t\t\t<ResultBookFilter v-if=\"paramSearchLessons.filterType === tabPagelink\" :typeLoading=\"tabPagelink\" :dataSource=\"resultBookPageLinkFilter\" />\r\n\t\t\t\t\t\t\t\t<ResultBookFilter v-if=\"paramSearchLessons.filterType === tabLesson\" :typeLoading=\"tabLesson\" :dataSource=\"resultBookLessonFilter\" />\r\n\t\t\t\t\t\t\t\t<ResultBookFilter v-if=\"paramSearchLessons.filterType === tabActiveLearning\" :typeLoading=\"tabActiveLearning\" :dataSource=\"resultBookActiveLearning\" />\r\n\r\n\t\t\t\t\t\t\t\t<p v-if=\"(paramSearchLessons.filterType === tabPagelink && resultBookPageLinkFilter.length === 0) || (paramSearchLessons.filterType === tabLesson && resultBookLessonFilter.length === 0)\" class=\"margin-0 font-size-20 secondary-color-txt text-center\">Dữ liệu đang cập nhật!</p>\r\n                <div id=\"library_end\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<!-- <div class=\"library__paging\">\r\n\t\t\t\t\t\t\t\t<Pagination v-if=\"pagingData.totalPage > 1 && tabActive === tabByTypeLib\" :totalPage=\"pagingData.totalPage\" :page=\"paramSearchLessons.pageIndex\" @eventPagination=\"changePage\" />\r\n\t\t\t\t\t\t\t</div> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</transition>\r\n</template>\r\n\r\n<script>\r\n\timport { mapState, mapActions, mapMutations } from 'vuex'\r\n\timport { STORE_KEY, TYPE_PAGE_LINK_LOAD, TYPE_LESSON_LOAD, TAB_MEDIA_PAGE_LINK, TAB_LESSON, TAB_ACTIVE_LEARNING, TYPE_ACTIVE_LEARN_LOAD } from './../_store/constants'\r\n\timport { getLessonsPlan, getMediaListInLibs, getListActiveLearningAll } from './../_api/'\r\n\timport { getInfoBookBasic } from '@/modules/exercises/_api'\r\n  import debounce from '@/directives/debounce';\r\n\r\n\texport default {\r\n\t\tname: 'LibraryAll',\r\n\t\tcomponents: {\r\n\t\t\tSidebarAll: () => import('./../_components/list/SidebarAll.vue'),\r\n\t\t\tItemLibrary: () => import('./../_components/list/ItemLibrary.vue'),\r\n\t\t\tFilterForm: () => import('./../_components/list/FilterForm.vue'),\r\n      FilterCollapse: () => import('./../_components/list/FilterCollapse.vue'),\r\n      ResultBookFilter: () => import('./../_components/list/ResultBookFilter.vue'),\r\n      FilterMobileListAll: () => import('./../_components/list/FilterMobileListAll.vue'),\r\n      Pagination: () => import('@/components/Pagination.vue')\r\n\t\t},\r\n    directives: { debounce },\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tlibrariesData: [],\r\n        bookInfo: {},\r\n        typeLesson: TYPE_LESSON_LOAD,\r\n        typePageLink: TYPE_PAGE_LINK_LOAD,\r\n        typeActiveLearning: TYPE_ACTIVE_LEARN_LOAD,\r\n\t\t\t\tnameTypeLibCurr: '',\r\n        tabPagelink: TAB_MEDIA_PAGE_LINK,\r\n        tabLesson: TAB_LESSON,\r\n        tabActiveLearning: TAB_ACTIVE_LEARNING,\r\n        tabByTypeLib: 1,\r\n        tabByFilterBox: 2,\r\n        tabActive: 1,\r\n        keyword: '',\r\n        openCollapseFilterGroup: false,\r\n        openCollapseFilterKey: true,\r\n        pagingData: {},\r\n        pagingBookData: {},\r\n        elmEndItem: null,\r\n        observer: null,\r\n        windowWidth: 0\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapState(STORE_KEY, ['paramSearchLessons', 'bookIdActiveSuccess', 'resultBookPageLinkFilter', 'resultBookLessonFilter', 'paramFilterBook', 'paramFilterBookLesson', 'resultBookActiveLearning', 'paramActiveLearning']),\r\n\t\t\t...mapState('auth', ['loginPopupData']),\r\n\r\n\t\t\tlibAllId() {\r\n\t\t\t\treturn this.$route.params.id;\r\n\t\t\t},\r\n\t\t\ttypeLoading() {\r\n\t\t\t\treturn this.$route.params.type;\r\n\t\t\t},\r\n      classId() {\r\n        return this.$route.params.classId;\r\n      },\r\n      isMobile () {\r\n        return this.windowWidth < 991 ? true : false;\r\n      }\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t'paramSearchLessons': 'getLibsData',\r\n      keyword: \"handleFilterKeyword\",\r\n      // 'paramFilterBook': 'getBooksByType',\r\n      // 'paramFilterBookLesson': 'getBooksByType',\r\n      // keyword(newVal) {\r\n      //   return debounceFunc(this.handleFilterKeyword(newVal), 40000)\r\n      // },\r\n\t\t\t// bookIdActiveSuccess(newVal) {\r\n\t\t\t// \tif(newVal && newVal === this.bookId) {\r\n\t\t\t// \t\tthis.fetchBookInfo();\r\n\t\t\t// \t}\r\n\t\t\t// },\r\n\t\t\tloginPopupData(newVal) {\r\n  \t\t\tnewVal && Object.keys(newVal).length && this.fetchBookInfo();\r\n  \t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.initParamsSearch();\r\n\t\t},\r\n\t\tmounted() {\r\n      this.elmEndItem = document.getElementById('library_end')\r\n      this.$nextTick(function() {\r\n        window.addEventListener('resize', this.getWindowWidth);\r\n        //Init\r\n        this.getWindowWidth()\r\n      })\r\n\r\n      if (this.elmEndItem) {\r\n        this.observer = new IntersectionObserver(this.handleScrollEnd, {threshold: 1})\r\n        this.observer.observe(this.elmEndItem)\r\n      }\r\n      \r\n      this.setParamSearchLesson({...this.paramSearchLessons, sort: 'DisplayArea,CountView', pageIndex: 1})\r\n\r\n\t\t},\r\n    beforeDestroy () {\r\n      this.setParamSearchLesson({...this.paramSearchLessons, filterType: TAB_MEDIA_PAGE_LINK,classId: 0, subjectId: 0, pageLinkGroupId: 0, bookLessonPlanTypeId: 0, pageIndex: 1})\r\n      this.acSetParamFilterBook({...this.paramFilterBook, classId: 0, subjectId: 0, bookGroupId: 0, pageLinkGroupId: 0, scrollData: false, pageIndex: 1 })\r\n      this.acSetParamFilterBookLesson({...this.paramFilterBookLesson, classId: 0, subjectId: 0, bookGroupId: 0, bookLessonPlanTypeId: 0, scrollData: false, pageIndex: 1 })\r\n      this.observer.unobserve(this.elmEndItem);\r\n    },\r\n\t\tmethods: {\r\n\t\t\t...mapActions('common', ['setLoading']),\r\n\t\t\t...mapActions(STORE_KEY, ['setParamSearchLesson', 'acSetParamFilterBook', 'acGetBookOfPageLinks', 'acGetBookOfLessons', 'acSetParamFilterBookLesson', 'acSetParamActiveLearning', 'acGetBookActiveLearning']),\r\n      ...mapMutations(STORE_KEY, ['SET_BOOK_PAGE_LINK_FILTER_RESULT', 'SET_BOOK_LESSON_FILTER_RESULT', 'SET_PARAMS_ACTIVE_LEARNING', 'SET_BOOK_ACTIVE_LEARNING']),\r\n\r\n\t\t\tinitParamsSearch() {\r\n\t\t\t\t// this.setLoading(true)\r\n\t\t\t\tthis.fetchBookInfo();\r\n        if(this.paramSearchLessons.filterType === TAB_MEDIA_PAGE_LINK) {\r\n\t\t\t\t\tthis.setParamSearchLesson({...this.paramSearchLessons, documentTypeId: parseInt(this.libAllId)});\r\n          const { subjectId, classId, bookGroupId } = this.paramSearchLessons\r\n          this.acSetParamFilterBook({...this.paramFilterBook, classId, subjectId, bookGroupId, pageLinkGroupId: parseInt(this.libAllId), scrollData: true })\r\n\t\t\t\t} else if(this.paramSearchLessons.filterType === TYPE_LESSON_LOAD){\r\n\t\t\t\t\tthis.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: parseInt(this.libAllId)});\r\n          const { subjectId, classId, bookGroupId } = this.paramSearchLessons\r\n          this.acSetParamFilterBookLesson({...this.paramFilterBookLesson, classId, subjectId, bookGroupId, bookLessonPlanTypeId: parseInt(this.libAllId), scrollData: true })\r\n\t\t\t\t} else if(this.paramSearchLessons.filterType === TYPE_ACTIVE_LEARN_LOAD){\r\n\t\t\t\t\tthis.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId: parseInt(this.libAllId)});\r\n          const { subjectId, classId, bookGroupId } = this.paramSearchLessons\r\n          this.acSetParamActiveLearning({...this.paramFilterBookLesson, classId, subjectId, bookGroupId, bookLessonPlanTypeId: parseInt(this.libAllId), scrollData: true })\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n      getWindowWidth (event) {\r\n        this.windowWidth = window.innerWidth\r\n      },\r\n\r\n\t\t\tfetchBookInfo() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tself.bookId && getInfoBookBasic(self.bookId).then(res => {\r\n\t\t\t\t\tif(res && res.data && !res.errors) {\r\n\t\t\t\t\t\tself.bookInfo = res.data;\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\tgetLibsData() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tif(self.typeLoading === TYPE_PAGE_LINK_LOAD) {\r\n\t\t\t\t\tgetMediaListInLibs(self.paramSearchLessons).then(res => {\r\n\t\t\t\t\t\tif(res && res.data && res.data.list && !res.errors) {\r\n              let dataTypeactive = res.data.list.filter(lib => lib.documentTypeId === parseInt(self.libAllId))[0];\r\n              self.nameTypeLibCurr = dataTypeactive.name;\r\n              self.librariesData = self.paramSearchLessons.pageIndex === 1 ? dataTypeactive.listBookPageLinks : [...self.librariesData, ...dataTypeactive.listBookPageLinks];\r\n              self.pagingData = dataTypeactive.paging;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t\t\t} else if(self.typeLoading === TYPE_LESSON_LOAD){\r\n\t\t\t\t\tgetLessonsPlan(self.paramSearchLessons).then(res => {\r\n\t\t\t\t\t\tif(res && res.data && res.data.list && !res.errors) {\r\n\t\t\t\t\t\t\tlet dataTypeactive = res.data.list.filter(lib => lib.bookLessonPlanTypeId === parseInt(self.libAllId))[0];\r\n              self.nameTypeLibCurr = dataTypeactive.name;\r\n\t\t\t\t\t\t\tself.librariesData = self.paramSearchLessons.pageIndex === 1 ? dataTypeactive.listBookLessonPlans : [...self.librariesData, ...dataTypeactive.listBookLessonPlans];\r\n              self.pagingData = dataTypeactive.paging;\r\n              // console.log('self.librariesData', self.librariesData);\r\n              \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tgetListActiveLearningAll(self.paramSearchLessons).then(res => {\r\n\t\t\t\t\t\tif(res && res.data && res.data.list && !res.errors) {\r\n\t\t\t\t\t\t\t// let dataTypeactive = res.data.list.filter(lib => lib.bookLessonPlanTypeId === parseInt(self.libAllId))[0];\r\n              self.nameTypeLibCurr = 'Video';\r\n              self.librariesData = self.paramSearchLessons.pageIndex === 1 ? res.data.list : [...self.librariesData, ...res.data.list];\r\n\r\n              // self.librariesData = self.paramSearchLessons.pageIndex === 1 ? dataTypeactive.listBookLessonPlans : [...self.librariesData, ...dataTypeactive.listBookLessonPlans];\r\n              \r\n              // self.librariesData = res.data.list;\r\n              // console.log('self.librariesData', self.librariesData);\r\n              self.pagingData = res.data.paging;\r\n\r\n              \r\n              \r\n              // self.pagingData = res.data.paging;\r\n              // console.log('hahaha vao day tiep di nao', res);\r\n\t\t\t\t\t\t\t// let dataTypeactive = res.data.list.filter(lib => lib.bookLessonPlanTypeId === parseInt(self.libAllId))[0];\r\n              // self.nameTypeLibCurr = dataTypeactive.name;\r\n              // console.log('dataTypeactive.name 123', dataTypeactive.name);\r\n\t\t\t\t\t\t\t// self.librariesData = self.paramSearchLessons.pageIndex === 1 ? dataTypeactive.listBookLessonPlans : [...self.librariesData, ...dataTypeactive.listBookLessonPlans];\r\n              // self.pagingData = dataTypeactive.paging;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n      getBooksByType () {\r\n        if(this.paramSearchLessons.filterType === TAB_MEDIA_PAGE_LINK) {\r\n          this.acGetBookOfPageLinks(this.paramFilterBook).then(res => {\r\n            let resultList = this.paramFilterBook.pageIndex === 1 ? res.list : [...this.resultBookPageLinkFilter, ...res.list]\r\n            this.SET_BOOK_PAGE_LINK_FILTER_RESULT(resultList)\r\n            if (res.paging) {\r\n              this.pagingBookData = res.paging\r\n            }\r\n          })\r\n        } else if(this.paramSearchLessons.filterType === TAB_LESSON){\r\n          this.acGetBookOfLessons(this.paramFilterBookLesson).then(res => {\r\n            let resultList = this.paramFilterBookLesson.pageIndex === 1 ? res.list : [...this.resultBookLessonFilter, ...res.list]\r\n            this.SET_BOOK_LESSON_FILTER_RESULT(resultList)\r\n            if (res.paging) {\r\n              this.pagingBookData = res.paging\r\n            }\r\n          })\r\n        } else if(this.paramSearchLessons.filterType === TAB_ACTIVE_LEARNING){\r\n          this.acGetBookActiveLearning(this.paramActiveLearning).then(res => {\r\n            let resultList = res.list\r\n            this.SET_BOOK_ACTIVE_LEARNING(resultList)\r\n            if (res.paging) {\r\n              this.pagingBookData = res.paging\r\n            }\r\n          })\r\n        }\r\n      },\r\n\r\n      sortDataByTitle (data, type = 'desc') {\r\n        return data.sort(function (a, b) {\r\n          let nameA = a.title.toUpperCase()\r\n          let nameB = b.title.toUpperCase()\r\n          if (nameA < nameB) {\r\n            return -1;\r\n          }\r\n          if (nameA > nameB) {\r\n            return 1;\r\n          }\r\n          return 0;\r\n        });\r\n      },\r\n\r\n      filterLibByTab (tab) {\r\n        this.tabActive = tab\r\n        if (tab === this.tabByFilterBox) {\r\n          this.getBooksByType()\r\n        }\r\n      },\r\n\r\n      handleFilterKeyword () {\r\n        this.setParamSearchLesson({...this.paramSearchLessons, keyword: this.keyword});\r\n        this.setParamsForFilterBook({ keyword: this.keyword })\r\n      },\r\n\r\n      setParamsForFilterBook (params) {\r\n        if(this.paramSearchLessons.filterType === TAB_MEDIA_PAGE_LINK) {\r\n          this.acSetParamFilterBook({...this.paramFilterBook, ...params })\r\n        } else if(this.paramSearchLessons.filterType === TAB_LESSON) {\r\n          this.acSetParamFilterBookLesson({...this.paramFilterBookLesson, ...params})\r\n        } else {\r\n          this.acSetParamActiveLearning({...this.paramFilterBookLesson, ...params})\r\n        }\r\n      },\r\n\r\n      toggleCollapseGroup () {\r\n        this.openCollapseFilterGroup = !this.openCollapseFilterGroup\r\n      },\r\n\r\n      toggleCollapseKeyword () {\r\n        this.openCollapseFilterKey = !this.openCollapseFilterKey\r\n      },\r\n\r\n      handleFilterSort () {\r\n        this.setParamSearchLesson({...this.paramSearchLessons, sort: 'Title', direction: this.paramSearchLessons.direction === 'desc' ? 'asc' : 'desc', pageIndex: 1})\r\n      },\r\n      // // Mới nhất\r\n      // sorteEarliest () {\r\n      //   this.setParamSearchLesson({...this.paramSearchLessons, sort: \"PagelinksId\" , direction: \"desc\", pageIndex: 1})\r\n      // },\r\n      // // Nhiều view nhất\r\n      // sortMostView () {\r\n      //   this.setParamSearchLesson({...this.paramSearchLessons, sort: \"CountView\" , direction: \"desc\", pageIndex: 1})\r\n      // },\r\n      sortLibrary (event) {\r\n        // console.log(event.target.value);\r\n        if(event.target.value == 0) {\r\n          this.setParamSearchLesson({...this.paramSearchLessons, sort: \"DisplayArea,CountView\" , direction: \"\", pageIndex: 1})\r\n        }\r\n        if(event.target.value == 1) {\r\n          this.setParamSearchLesson({...this.paramSearchLessons, sort: \"PagelinksId\" , direction: \"desc\", pageIndex: 1})\r\n        }\r\n        if(event.target.value == 2) {\r\n          this.setParamSearchLesson({...this.paramSearchLessons, sort: \"CountView\" , direction: \"desc\", pageIndex: 1})\r\n        }\r\n      },\r\n\r\n      handleScrollEnd () {\r\n        if (this.tabActive === this.tabByFilterBox && ((this.pagingBookData && this.pagingBookData.totalPage && this.pagingBookData.pageIndex < this.pagingBookData.totalPage) || Object.keys(this.pagingBookData).length === 0)) {\r\n          let paramPaging = {pageIndex: this.paramSearchLessons.filterType === TAB_MEDIA_PAGE_LINK ? this.paramFilterBook.pageIndex + 1 : this.paramFilterBookLesson.pageIndex + 1}\r\n          this.setParamsForFilterBook(paramPaging)\r\n          this.getBooksByType()\r\n        } else if ( this.pagingData && this.pagingData.totalPage && this.paramSearchLessons.pageIndex < this.pagingData.totalPage) {\r\n          this.setParamSearchLesson({...this.paramSearchLessons, pageIndex: this.paramSearchLessons.pageIndex + 1})\r\n        } else {\r\n          // this.setParamSearchLesson({...this.paramSearchLessons, pageIndex: this.paramSearchLessons.pageIndex + 1})\r\n        }\r\n      },\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"./../../../assets/scss/mixins\";\r\n  @import \"./../../../assets/scss/variables\";\r\n  @import \"./../../../assets/scss/general\";\r\n\r\n  .css-select{\r\n    height:30px; \r\n    line-height:18px;\r\n    padding: 0 30px 0 15px !important;\r\n  }\r\n  .custom-select {\r\n    border: none !important;\r\n    border-radius: 20px !important;\r\n    height: 30px;\r\n    background: #f3f6fb !important;\r\n    font-size: 15px !important;\r\n    height: 30px !important;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  \r\n\t.collapse-subject{\r\n\t\t.subject-list{\r\n\t\t\tpadding-left: 18px;\r\n\t\t\tmargin-top: 6px;\r\n\t\t}\r\n\t}\r\n\r\n\t.library {\r\n\t\t&__search {\r\n\t\t\tmargin-bottom: 35px;\r\n\t\t}\r\n\r\n    &__book {\r\n      padding-top: 20px;\r\n    }\r\n\r\n\t\t&__sidebar {\r\n\t\t\twidth: 27%;\r\n\t\t\tmargin-right: 5%;\r\n\t\t\tpadding-top: 8px;\r\n\r\n\t\t\tul {\r\n\t\t\t\tli {\r\n\t\t\t\t\tmin-height: 36px;\r\n\t\t\t\t\tpadding: 5px 18px;\r\n\t\t\t\t\t@extend .border-rd-8;\r\n\t\t\t\t\tmargin-bottom: 2px;\r\n\t\t\t\t\t@extend .list-style-none;\r\n\t\t\t\t\t@extend .display-flex-center;\r\n\r\n\t\t\t\t\t.subject-cl{\r\n\t\t\t\t\t\t@extend .primary-color-txt;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t@extend .secondary-color-txt;\r\n\t\t\t\t\t\t@extend .font-size-16;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.active, &:hover {\r\n\t\t\t\t\t\tbackground: $btn_hover_color;\r\n\r\n\t\t\t\t\t\t>a {\r\n\t\t\t\t\t\t\t@extend .primary-color;\r\n\t\t\t\t\t\t\t@extend .font-sanpro-semibold;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.form-active{\r\n\t\t\t\tmargin-top: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__data {\r\n\t\t\twidth: 100%;\r\n\r\n      &__head {\r\n        border-bottom: 1px solid $color_border_main;\r\n\r\n        &__collapse {\r\n          >* {\r\n            &:not(:last-child) {\r\n              margin-right: 15px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .btn-collapse {\r\n          line-height: 1.3;\r\n          // color: $primary_color;\r\n          letter-spacing: 0.03em;\r\n\r\n          i {\r\n\r\n            &:not(.margin-0) {\r\n              margin-left: 6px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &__filter {\r\n        padding: 20px 0 10px;\r\n\r\n        &__keyword {\r\n          width: 28%;\r\n          \r\n          input {\r\n            padding: 5px 30px 5px 15px!important;\r\n            @extend .full-width;\r\n          }\r\n\r\n          i {\r\n            color: $primary_color;\r\n          }\r\n        }\r\n      }\r\n\t\t}\r\n\r\n    &__list {\r\n      padding-top: 20px;\r\n    }\r\n\r\n\t\t&__tabs {\r\n\t\t\t&__content {\r\n\t\t\t\tpadding: 35px 0 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 991px ) {\r\n\t\t\t&__wrap {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&__sidebar, &__data {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t&__sidebar {\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n    @media screen and ( max-width: 600px ) {\r\n\t\t\t&__data {\r\n\t\t\t\t&__head {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\t&__collapse {\r\n\t\t\t\t\t\tpadding: 8px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&__filter {\r\n          padding-top: 0;\r\n\r\n\t\t\t\t\t&__keyword {\r\n\t\t\t\t\t\twidth: 100%;\r\n            margin-right: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n        #collapse_filter_keyword {\r\n          margin-top: 0!important;\r\n        }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  #collapse_filter {\r\n    border-bottom: 1px solid $color_border_main;\r\n  }\r\n</style>","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!./LibraryAll.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!./LibraryAll.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LibraryAll.vue?vue&type=template&id=70c82d61&scoped=true&\"\nimport script from \"./LibraryAll.vue?vue&type=script&lang=js&\"\nexport * from \"./LibraryAll.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LibraryAll.vue?vue&type=style&index=0&id=70c82d61&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  \"70c82d61\",\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!./LibraryAll.vue?vue&type=style&index=0&id=70c82d61&lang=scss&scoped=true&\""],"sourceRoot":""}