{"version":3,"sources":["webpack:///./src/views/configurations/orgs/cameras/index.vue","webpack:///./src/views/configurations/orgs/cameras/lists.vue","webpack:///./src/components/BtnOptions.vue","webpack:///src/components/BtnOptions.vue","webpack:///./src/components/BtnOptions.vue?dc30","webpack:///./src/components/BtnOptions.vue?8f3f","webpack:///src/views/configurations/orgs/cameras/lists.vue","webpack:///./src/views/configurations/orgs/cameras/lists.vue?914c","webpack:///./src/views/configurations/orgs/cameras/lists.vue?54b5","webpack:///src/views/configurations/orgs/cameras/index.vue","webpack:///./src/views/configurations/orgs/cameras/index.vue?5585","webpack:///./src/views/configurations/orgs/cameras/index.vue?a428","webpack:///./src/views/configurations/orgs/cameras/lists.vue?8b93"],"names":["render","_vm","this","_c","_self","attrs","model","value","activeTabs","callback","$$v","expression","on","$event","preventDefault","$router","push","name","staticRenderFns","ref","staticClass","staticStyle","columnDefs","defaultColDef","lists","onGridReady","showModalAudio","closeModalAudio","recorder","stop","record","newAudio","newAudioURL","_e","gotoUpdateCameraForm","apply","arguments","data","item","beforeMount","params","methods","$store","dispatch","showRecordAudioModal","$parent","component","gridApi","selectedId","searchQuery","flex","filter","sortable","resizable","headerName","field","valueFormatter","buildEvTypeStr","cellRenderer","computed","URL","createObjectURL","mounted","getCameraLists","components","AgGridVue","BtnOptions","api","submitSearch","_this","$vs","loading","cameras","cameraName","then","result","status","close","catch","e","console","log","str","strSplit","split","inOut","inArray","needle","haystack","length","i","id","_record","_asyncToGenerator","regeneratorRuntime","mark","_callee","stream","options","recordedChunks","_this2","wrap","_context","prev","next","navigator","mediaDevices","getUserMedia","audio","video","sent","mimeType","MediaRecorder","addEventListener","size","Blob","start","_stop","_callee2","self","_context2","setTimeout","uploadRecordedVoice","_this3","form","FormData","append","Date","getMilliseconds","uploadCamVoice","Cameras"],"mappings":"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","file":"js/chunk-fc5c7954.2ace4914.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',[_c('vs-tabs',{attrs:{\"alignment\":\"fixed\"},model:{value:(_vm.activeTabs),callback:function ($$v) {_vm.activeTabs=$$v},expression:\"activeTabs\"}},[_c('vs-tab',{attrs:{\"label\":\"Company\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name:'org_management'})}}}),_c('vs-tab',{attrs:{\"label\":\"Sites\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name:'org_management_sites'})}}}),_c('vs-tab',{attrs:{\"label\":\"Area\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name:'org_management_area'})}}}),_c('vs-tab',{attrs:{\"label\":\"Camera\"}},[_c('cameras')],1),_c('vs-tab',{attrs:{\"label\":\"Users\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name:'org_management_users'})}}}),_c('vs-tab',{attrs:{\"label\":\"General\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name:'org_management_general'})}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ag-grid-vue',{ref:\"agGridTable\",staticClass:\"ag-theme-alpine mb-4\",staticStyle:{\"height\":\"450px\"},attrs:{\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.lists,\"animateRows\":true,\"paginationAutoPageSize\":true,\"pagination\":true},on:{\"grid-ready\":_vm.onGridReady}}),_c('vs-prompt',{attrs:{\"active\":_vm.showModalAudio,\"title\":\"Record Audio\"},on:{\"close\":_vm.closeModalAudio,\"update:active\":function($event){_vm.showModalAudio=$event}}},[_c('div',{staticClass:\"flex justify-center items-center\"},[(!_vm.recorder)?_c('a',{staticClass:\"button is-info\",attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.record()}}},[_c('feather-icon',{attrs:{\"icon\":\"MicIcon\",\"svgClasses\":\"icon\"}})],1):_c('a',{staticClass:\"button is-danger\",attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.stop()}}},[_c('feather-icon',{attrs:{\"icon\":\"StopCircleIcon\",\"svgClasses\":\"icon\"}})],1)]),_c('div',{staticClass:\"flex justify-center\"},[(_vm.newAudio)?_c('audio',{attrs:{\"src\":_vm.newAudioURL,\"controls\":\"\"}}):_vm._e()])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex justify-start\"},[_c('vs-tooltip',{attrs:{\"text\":\"Edit\"}},[_c('a',{attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.gotoUpdateCameraForm.apply(null, arguments)}}},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"icon\"}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"flex justify-start\">\r\n    <vs-tooltip text=\"Edit\">\r\n    <a href=\"\" @click.prevent=\"gotoUpdateCameraForm\">\r\n        <feather-icon icon=\"EditIcon\" svgClasses=\"icon\" />\r\n    </a>\r\n    </vs-tooltip>\r\n    <!--vs-tooltip text=\"Send Voice\">\r\n    <a href=\"\" @click.prevent=\"showRecordAudioModal\">\r\n        <feather-icon icon=\"MicIcon\" svgClasses=\"icon\" />\r\n    </a>\r\n    </vs-tooltip-->\r\n</div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                item: null\r\n            }\r\n        },\r\n        beforeMount() {\r\n            this.item = this.params.data\r\n        },\r\n        methods: {\r\n            gotoUpdateCameraForm() {\r\n                this.$store.dispatch(\"updateCurrentCamera\", this.item);\r\n                this.$router.push(\"/org_management/update_camera\");\r\n            },\r\n            showRecordAudioModal() {\r\n                this.$parent.$parent.showRecordAudioModal(this.item)\r\n            }\r\n        }\r\n    }\r\n</script>","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!./BtnOptions.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!./BtnOptions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BtnOptions.vue?vue&type=template&id=0e66ca9b\"\nimport script from \"./BtnOptions.vue?vue&type=script&lang=js\"\nexport * from \"./BtnOptions.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","<template>\r\n  <div>\r\n    <!-- <div class=\"py-5 flex justify-between\">\r\n      <form @submit.prevent=\"submitSearch()\">\r\n        <vs-input\r\n          icon-no-border\r\n          placeholder=\"Search\"\r\n          v-model=\"searchQuery\"\r\n          class=\"input-rounded-full\"\r\n          icon=\"icon-search\"\r\n          icon-pack=\"feather\"\r\n        />\r\n      </form>\r\n    </div> -->\r\n\r\n    <!-- <vs-table stripe :data=\"lists\">\r\n      <template slot=\"thead\">\r\n        <vs-th>No</vs-th>\r\n        <vs-th class=\"text-left\">Camera Name</vs-th>\r\n        <vs-th class=\"text-left\">IP Address</vs-th>\r\n        <vs-th class=\"text-left\">Area</vs-th>\r\n        <vs-th class=\"text-left\">Site</vs-th>\r\n        <vs-th class=\"text-center\">In/Out</vs-th>\r\n        <vs-th class=\"text-right\">&nbsp;</vs-th>\r\n      </template>\r\n\r\n      <template slot-scope=\"{ data }\">\r\n        <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n          <vs-td :data=\"indextr\">\r\n            {{ indextr + 1 }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-left\" :data=\"tr.name\">\r\n            {{ tr.name }} ({{ tr.camName }})\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-left\" :data=\"tr.ipAddress\">\r\n            {{ tr.ipAddress }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-left\" :data=\"tr.areaName\">\r\n            {{ tr.areaName }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-left\" :data=\"tr.siteName\">\r\n            {{ tr.siteName }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-center\" :data=\"buildEvTypeStr(tr.eventType)\">\r\n            {{ buildEvTypeStr(tr.eventType) }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-right\">\r\n            <div class=\"flex justify-end\">\r\n              <vs-tooltip text=\"Edit\">\r\n                <a href=\"\" @click.prevent=\"gotoUpdateCameraForm(tr)\">\r\n                  <feather-icon icon=\"EditIcon\" svgClasses=\"icon\" />\r\n                </a>\r\n              </vs-tooltip>\r\n              <vs-tooltip text=\"Send Voice\">\r\n                <a href=\"\" @click.prevent=\"showRecordAudioModal(tr)\">\r\n                  <feather-icon icon=\"MicIcon\" svgClasses=\"icon\" />\r\n                </a>\r\n              </vs-tooltip>\r\n            </div>\r\n          </vs-td>\r\n        </vs-tr>\r\n      </template>\r\n    </vs-table> -->\r\n\r\n    <ag-grid-vue\r\n        ref=\"agGridTable\"\r\n        style=\"height: 450px\"\r\n        class=\"ag-theme-alpine mb-4\"\r\n        :columnDefs=\"columnDefs\"\r\n        :defaultColDef=\"defaultColDef\"\r\n        :rowData=\"lists\"\r\n        :animateRows=\"true\"\r\n        :paginationAutoPageSize=\"true\"\r\n        :pagination=\"true\"\r\n        @grid-ready=\"onGridReady\">\r\n      </ag-grid-vue>\r\n\r\n    <vs-prompt\r\n      @close=\"closeModalAudio\"\r\n      :active.sync=\"showModalAudio\"\r\n      title=\"Record Audio\"\r\n    >\r\n      <div class=\"flex justify-center items-center\">\r\n        <a\r\n          href=\"\"\r\n          v-if=\"!recorder\"\r\n          @click.prevent=\"record()\"\r\n          class=\"button is-info\"\r\n        >\r\n          <feather-icon icon=\"MicIcon\" svgClasses=\"icon\" />\r\n        </a>\r\n\r\n        <a href=\"\" v-else @click.prevent=\"stop()\" class=\"button is-danger\">\r\n          <feather-icon icon=\"StopCircleIcon\" svgClasses=\"icon\" />\r\n        </a>\r\n      </div>\r\n\r\n      <div class=\"flex justify-center\">\r\n        <audio v-if=\"newAudio\" :src=\"newAudioURL\" controls></audio>\r\n      </div>\r\n    </vs-prompt>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { AgGridVue } from \"ag-grid-vue\"\r\nimport api from \"@/api\";\r\nimport BtnOptions from \"@/components/BtnOptions.vue\"\r\n\r\nimport \"ag-grid-community/styles/ag-grid.css\"; // Core grid CSS, always needed\r\nimport \"ag-grid-community/styles/ag-theme-alpine.css\"; // Optional theme CSS\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      gridApi: null,\r\n      selectedId: \"\",\r\n      searchQuery: \"\",\r\n      lists: [],\r\n      showModalAudio: false,\r\n      // lists: [\r\n      //   {\r\n      //     \"areaName\" : \"GATE PARKING\",\r\n      //     \"siteId\": 3,\r\n      //     \"siteName\": \"POS LOGISTIC\",\r\n      //     \"camera\": {\r\n      //         \"camId\" : 1,\r\n      //         \"ipaddress\" : \"172.17.0.124\",\r\n      //         \"cameraName\" : \"CAM 1\",\r\n      //         \"cameraType\" : \"IN\" //IN | OUT\r\n      //     },\r\n      //     \"status\": 1\r\n      //   }\r\n      // ],\r\n      newAudio: null,\r\n      recorder: null,\r\n      defaultColDef: {\r\n        flex: 1,\r\n        filter: true,\r\n        sortable: true,\r\n        resizable: true,\r\n      },\r\n      columnDefs: [\r\n        {\r\n          headerName: 'Name',\r\n          field: 'name',\r\n        },\r\n        {\r\n          headerName: 'IP Address',\r\n          field: 'ipAddress',\r\n        },\r\n        {\r\n          headerName: 'Area Name',\r\n          field: 'areaName',\r\n        },\r\n        {\r\n          headerName: 'Site Name',\r\n          field: 'siteName',\r\n        },\r\n        {\r\n          headerName: 'Event',\r\n          field: 'eventType',\r\n          filter: false,\r\n          valueFormatter: this.buildEvTypeStr\r\n        },\r\n        {\r\n            field: 'id',\r\n            headerName: 'Action',\r\n            filter: false,\r\n            sortable: false,\r\n            cellRenderer: 'BtnOptions'\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  computed: {\r\n    newAudioURL() {\r\n      if(this.newAudio != null) {\r\n        return URL.createObjectURL(this.newAudio);\r\n      } else {\r\n        return null;\r\n      }\r\n    },\r\n    // paginationPageSize() {\r\n    //   if(this.gridApi) return this.gridApi.paginationGetPageSize()\r\n    //   else return 50\r\n    // },\r\n    // totalPages() {\r\n    //   if(this.gridApi) return this.gridApi.paginationGetTotalPages()\r\n    //   else return 0\r\n    // },\r\n    // currentPage: {\r\n    //   get() {\r\n    //     if(this.gridApi) return this.gridApi.paginationGetCurrentPage() + 1\r\n    //     else return 1\r\n    //   },\r\n    //   set(val) {\r\n    //     this.gridApi.paginationGoToPage(val - 1)\r\n    //   }\r\n    // }\r\n  },\r\n  mounted() {\r\n    this.getCameraLists();\r\n  },\r\n  components: {\r\n    AgGridVue,\r\n    BtnOptions\r\n  },\r\n  methods: {\r\n    onGridReady(params) {\r\n        this.gridApi = params.api;\r\n    },\r\n    submitSearch() {\r\n      this.getCameraLists();\r\n    },\r\n    getCameraLists() {\r\n      this.$vs.loading();\r\n      api\r\n        .cameras({\r\n          cameraName: this.searchQuery,\r\n        })\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          if (data.status) {\r\n            this.lists = data.data;\r\n          }\r\n          this.$vs.loading.close();\r\n        })\r\n        .catch((e) => {\r\n          console.log(e);\r\n          this.$vs.loading.close();\r\n        });\r\n    },\r\n    buildEvTypeStr(params) {\r\n      const str = params.value\r\n      if (str == null || str == \"\") return \"\";\r\n\r\n      const strSplit = str.split(\",\");\r\n      let inOut = \"\";\r\n      if (this.inArray(\"1\", strSplit) && !this.inArray(\"2\", strSplit)) {\r\n        inOut = \"[+]\";\r\n      }\r\n      if (!this.inArray(\"1\", strSplit) && this.inArray(\"2\", strSplit)) {\r\n        inOut = \"[-]\";\r\n      }\r\n      if (this.inArray(\"1\", strSplit) && this.inArray(\"2\", strSplit)) {\r\n        inOut = \"[+][-]\";\r\n      }\r\n      return inOut;\r\n    },\r\n    inArray(needle, haystack) {\r\n      var length = haystack.length;\r\n      for (var i = 0; i < length; i++) {\r\n        if (haystack[i] == needle) return true;\r\n      }\r\n      return false;\r\n    },\r\n    showRecordAudioModal(data) {\r\n      this.selectedId = data.id\r\n      this.showModalAudio = true;\r\n    },\r\n    closeModalAudio() {\r\n      this.selectedId = \"\"\r\n      this.showModalAudio = false;\r\n    },\r\n    async record() {\r\n      this.newAudio = null;\r\n\r\n      const stream = await navigator.mediaDevices.getUserMedia({\r\n        audio: true,\r\n        video: false,\r\n      });\r\n\r\n      const options = { mimeType: \"audio/webm\" };\r\n      const recordedChunks = [];\r\n      this.recorder = new MediaRecorder(stream, options);\r\n\r\n      this.recorder.addEventListener(\"dataavailable\", (e) => {\r\n        if (e.data.size > 0) {\r\n          recordedChunks.push(e.data);\r\n        }\r\n      });\r\n\r\n      this.recorder.addEventListener(\"stop\", () => {\r\n        this.newAudio = new Blob(recordedChunks);\r\n        console.log(this.newAudio);\r\n      });\r\n\r\n      this.recorder.start();\r\n    },\r\n    async stop() {\r\n      const self = this;\r\n      self.recorder.stop();\r\n      self.recorder = null;\r\n      setTimeout(() => {\r\n        self.uploadRecordedVoice();\r\n      }, 200);\r\n    },\r\n    uploadRecordedVoice() {\r\n      let form = new FormData();\r\n      form.append(\"CamId\", this.selectedId)\r\n      form.append(\"file\", this.newAudio, \"voice_\" + new Date().getMilliseconds);\r\n\r\n      this.$vs.loading()\r\n        api.uploadCamVoice(form)\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n            this.$vs.loading.close()\r\n            console.log(data)\r\n            // if(!data.status) {\r\n            //     this.$vs.notify({\r\n            //         title:'Error',\r\n            //         text: data.message,\r\n            //         color:'danger',\r\n            //         position:'bottom-center'\r\n            //     })\r\n            // } else {\r\n            //     this.$vs.notify({\r\n            //         title:'Success',\r\n            //         text:'Success update camera',\r\n            //         color:'success',\r\n            //         position:'bottom-center'\r\n            //     })\r\n            //     setTimeout(() => {\r\n            //       this.$router.push({name:'org_management_cameras'})\r\n            //     },500)\r\n            // }\r\n        })\r\n        .catch((e) => {\r\n            console.log(e)\r\n            this.$vs.loading.close()\r\n        });\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icon {\r\n  margin: 0 5px;\r\n}\r\n.text-center:deep(.vs-table-text) {\r\n  justify-content: center;\r\n}\r\n.text-right:deep(.vs-table-text) {\r\n  justify-content: flex-end;\r\n}\r\n</style>\r\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!./lists.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!./lists.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./lists.vue?vue&type=template&id=b9ad0eba&scoped=true\"\nimport script from \"./lists.vue?vue&type=script&lang=js\"\nexport * from \"./lists.vue?vue&type=script&lang=js\"\nimport style0 from \"./lists.vue?vue&type=style&index=0&id=b9ad0eba&prod&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  \"b9ad0eba\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <vx-card>\r\n      <vs-tabs alignment=\"fixed\" v-model=\"activeTabs\">\r\n        <vs-tab label=\"Company\" @click.prevent=\"$router.push({name:'org_management'})\">\r\n        </vs-tab>\r\n        <vs-tab label=\"Sites\" @click.prevent=\"$router.push({name:'org_management_sites'})\">\r\n        </vs-tab>\r\n        <vs-tab label=\"Area\" @click.prevent=\"$router.push({name:'org_management_area'})\">\r\n        </vs-tab>\r\n        <vs-tab label=\"Camera\">\r\n          <cameras />\r\n        </vs-tab>\r\n      <vs-tab label=\"Users\" @click.prevent=\"$router.push({name:'org_management_users'})\">\r\n      </vs-tab>\r\n      <vs-tab label=\"General\" @click.prevent=\"$router.push({name:'org_management_general'})\">\r\n      </vs-tab>\r\n      </vs-tabs>\r\n    </vx-card>\r\n  </template>\r\n\r\n<script>\r\n    import Cameras from \"./lists.vue\";\r\n    \r\n    export default {\r\n        data() {\r\n            return {\r\n                activeTabs: 3\r\n            }\r\n        },\r\n      components: {\r\n        Cameras,\r\n      },\r\n    };\r\n</script>    ","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5e78cf4b\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.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","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!./lists.vue?vue&type=style&index=0&id=b9ad0eba&prod&lang=scss&scoped=true\""],"sourceRoot":""}