{"version":3,"sources":["webpack:///./src/directives/numberOnly.js","webpack:///./src/pages/tools-borrowing/index.vue?2d05","webpack:///src/pages/tools-borrowing/index.vue","webpack:///./src/pages/tools-borrowing/index.vue?3678","webpack:///./src/pages/tools-borrowing/index.vue","webpack:///./src/pages/tools-borrowing/index.vue?ed46","webpack:///./src/components/Facilities/Status.vue?9823","webpack:///src/components/Facilities/Status.vue","webpack:///./src/components/Facilities/Status.vue?2579","webpack:///./src/components/Facilities/Status.vue"],"names":["numberOnly","e","charCode","preventDefault","name","bind","el","addEventListener","unbind","removeEventListener","render","_vm","this","_h","$createElement","_c","_self","directives","rawName","value","isUserCanAccess","$route","expression","staticClass","scopedSlots","_u","key","fn","_v","staticStyle","attrs","model","filter","callback","$$v","$set","_l","status","user","id","keyFullname","department","proxy","class","active","currentActiveLocation","on","$event","changeLocation","code","location","_s","itemsLocal","getData","ref","data","item","index","view","title","createdBy","issuedDate","_f","createdAt","borrowerName","dateBorrowed","dateReturned","borroweditems","length","dialogImage","staticRenderFns","components","TableHeader","TableFooter","Dialog","DatePicker","Status","computed","allFilter","siteId","companyCode","mapGetters","items","locations","watch","immediate","handler","date","$store","commit","deep","newItems","map","forEach","allstatus","includes","push","alldepartment","allreportedBy","ketemu","some","currentUrl","reportedBy","filterLocal","methods","$vs","loading","dispatch","finally","close","getLocations","_item$profile$fullNam","_item$profile","profile","fullName","$router","params","edit","component","getBackground","domProps","getLabel","props","type","String","default","charAt","toUpperCase","slice","toLowerCase"],"mappings":"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","file":"js/tools-borrowing-index.6d20a932.js","sourcesContent":["const numberOnly = e => {\n  if ((e.charCode < 48 || e.charCode > 57) && e.charCode !== 46) e.preventDefault();\n};\n\nexport default {\n  name: 'number-only',\n  bind(el) {\n    el.addEventListener('keypress', numberOnly);\n  },\n  unbind(el) {\n    el.removeEventListener('keypress', numberOnly);\n  }\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'view')),expression:\"isUserCanAccess($route, 'view')\"}]},[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Filter\")]),_c('div',{staticClass:\"flex items-end\"},[_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Range Date\")]),_c('DatePicker',{attrs:{\"type\":\"date\",\"placeholder\":\"DD-MM-YYYY\",\"range\":\"\",\"format\":\"DD-MM-YYYY\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}})],1),_c('div',{staticStyle:{\"flex\":\"1\"}}),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('VsSelect',{staticClass:\"w-full\",attrs:{\"label\":\"Status\"},model:{value:(_vm.filter.status),callback:function ($$v) {_vm.$set(_vm.filter, \"status\", $$v)},expression:\"filter.status\"}},[_c('VsSelectItem',{attrs:{\"value\":null,\"text\":'All'}}),_vm._l((_vm.allstatus),function(status){return _c('VsSelectItem',{key:status,attrs:{\"value\":status,\"text\":status}})})],2)],1),_c('div',{staticStyle:{\"padding-left\":\"20px\"}}),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('VsSelect',{staticClass:\"w-full\",attrs:{\"label\":\"Reported By\"},model:{value:(_vm.filter.reportedBy),callback:function ($$v) {_vm.$set(_vm.filter, \"reportedBy\", $$v)},expression:\"filter.reportedBy\"}},[_c('VsSelectItem',{attrs:{\"value\":null,\"text\":'All'}}),_vm._l((_vm.allreportedBy),function(user){return _c('VsSelectItem',{key:user.id,attrs:{\"value\":user.id,\"text\":_vm.keyFullname(user)}})})],2)],1),_c('div',{staticStyle:{\"padding-left\":\"20px\"}}),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('VsSelect',{staticClass:\"w-full\",attrs:{\"label\":\"Department\"},model:{value:(_vm.filter.department),callback:function ($$v) {_vm.$set(_vm.filter, \"department\", $$v)},expression:\"filter.department\"}},[_c('VsSelectItem',{attrs:{\"value\":null,\"text\":'All'}}),_vm._l((_vm.alldepartment),function(department){return _c('VsSelectItem',{key:department,attrs:{\"value\":department,\"text\":department}})})],2)],1)])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('ul',{staticClass:\"tab-report flex-col md:flex-row\"},[_c('li',{class:{ active: _vm.currentActiveLocation === null },on:{\"click\":function($event){return _vm.changeLocation({ code: null })}}},[_vm._v(\" ALL \")]),_vm._l((_vm.locations),function(location){return _c('li',{key:location.id,class:{ active: location.code === _vm.currentActiveLocation },on:{\"click\":function($event){return _vm.changeLocation(location)}}},[_vm._v(\" \"+_vm._s(location.name)+\" \")])})],2)]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('VsTable',{staticClass:\"mt-8\",attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal,\"id\":\"table-fix\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{on:{\"fetch\":_vm.getData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Action\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Title\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Reported By\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Reported At\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Borrower Name\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Department\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Date Borrowed\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Date Returned\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Borrowed Items\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Status\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index},[_c('vs-td',{attrs:{\"data\":item}},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.view(item)}}})],1),_c('vs-td',{attrs:{\"data\":item.title}},[_vm._v(_vm._s(item.title))]),_c('vs-td',{attrs:{\"data\":item.createdBy}},[_vm._v(_vm._s(_vm.keyFullname(item.user)))]),_c('vs-td',{attrs:{\"data\":item.issuedDate}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdAt,'DD-MM-YYYY')))]),_c('vs-td',{attrs:{\"data\":item.borrowerName}},[_vm._v(_vm._s(item.borrowerName))]),_c('vs-td',{attrs:{\"data\":item.department}},[_vm._v(_vm._s(item.department))]),_c('vs-td',{attrs:{\"data\":item.dateBorrowed}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.dateBorrowed,'DD-MM-YYYY')))]),_c('vs-td',{attrs:{\"data\":item.dateReturned}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.dateReturned,'DD-MM-YYYY')))]),_c('vs-td',{attrs:{\"data\":item.borroweditems}},[_vm._v(_vm._s(item.borroweditems ? item.borroweditems.length + ' Items' : '-'))]),_c('vs-td',{attrs:{\"data\":item.status}},[_c('Status',{attrs:{\"value\":item.status}})],1)],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.getData}})],1)]},proxy:true}])}),_c('Dialog',{attrs:{\"width\":\"100%\",\"center\":false},model:{value:(_vm.dialogImage),callback:function ($$v) {_vm.dialogImage=$$v},expression:\"dialogImage\"}},[_c('div',{staticClass:\"dialog-image\"}),_c('vs-button',{staticClass:\"absolute rounded-full m-4 img-close\",attrs:{\"color\":\"primary\",\"icon\":\"close\"},on:{\"click\":function($event){_vm.dialogImage = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-4\">\n          <div class=\"font-semibold mb-4\">Filter</div>\n          <div class=\"flex items-end\">\n            <div style=\"flex:1\">\n              <div class=\"font-semibold mb-2\">Range Date</div>\n              <DatePicker type=\"date\" v-model=\"filter.date\" placeholder=\"DD-MM-YYYY\" range format=\"DD-MM-YYYY\" />\n            </div>\n\n            <div style=\"flex:1\"></div>\n            <div style=\"flex:1\">\n              <VsSelect class=\"w-full\" label=\"Status\" v-model=\"filter.status\">\n                <VsSelectItem :value=\"null\" :text=\"'All'\" />\n                <VsSelectItem v-for=\"status in allstatus\" :key=\"status\" :value=\"status\" :text=\"status\" />\n              </VsSelect>\n            </div>\n            <div style=\"padding-left:20px\"></div>\n            <div style=\"flex:1\">\n              <VsSelect class=\"w-full\" label=\"Reported By\" v-model=\"filter.reportedBy\">\n                <VsSelectItem :value=\"null\" :text=\"'All'\" />\n                <VsSelectItem v-for=\"user in allreportedBy\" :key=\"user.id\" :value=\"user.id\" :text=\"keyFullname(user)\" />\n              </VsSelect>\n            </div>\n            <div style=\"padding-left:20px\"></div>\n            <div style=\"flex:1\">\n              <VsSelect class=\"w-full\" label=\"Department\" v-model=\"filter.department\">\n                <VsSelectItem :value=\"null\" :text=\"'All'\" />\n                <VsSelectItem v-for=\"department in alldepartment\" :key=\"department\" :value=\"department\" :text=\"department\" />\n              </VsSelect>\n            </div>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <ul class=\"tab-report flex-col md:flex-row\">\n          <li @click=\"changeLocation({ code: null })\" :class=\"{ active: currentActiveLocation === null }\">\n            ALL\n          </li>\n          <li\n            v-for=\"location in locations\"\n            :key=\"location.id\"\n            @click=\"changeLocation(location)\"\n            :class=\"{ active: location.code === currentActiveLocation }\"\n          >\n            {{ location.name }}\n          </li>\n        </ul>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable stripe sst :data=\"itemsLocal\" class=\"mt-8\" id=\"table-fix\">\n            <template #header>\n              <!-- HEADER TABLE -->\n              <TableHeader @fetch=\"getData\" />\n            </template>\n            <template #thead>\n              <vs-th width=\"150\">Action</vs-th>\n              <vs-th width=\"150\">Title</vs-th>\n              <vs-th width=\"150\">Reported By</vs-th>\n              <vs-th width=\"150\">Reported At</vs-th>\n              <vs-th width=\"150\">Borrower Name</vs-th>\n              <vs-th width=\"150\">Department</vs-th>\n              <vs-th width=\"100\">Date Borrowed</vs-th>\n              <vs-th width=\"100\">Date Returned</vs-th>\n              <vs-th width=\"150\">Borrowed Items</vs-th>\n              <vs-th width=\"150\">Status</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr :key=\"index\" v-for=\"(item, index) in data\">\n                <vs-td :data=\"item\">\n                  <VsButton @click=\"view(item)\" type=\"flat\" icon=\"visibility\" />\n                </vs-td>\n                <vs-td :data=\"item.title\">{{ item.title }}</vs-td>\n                <vs-td :data=\"item.createdBy\">{{ keyFullname(item.user) }}</vs-td>\n                <vs-td :data=\"item.issuedDate\">{{ item.createdAt | moment('DD-MM-YYYY') }}</vs-td>\n                <vs-td :data=\"item.borrowerName\">{{ item.borrowerName }}</vs-td>\n                <vs-td :data=\"item.department\">{{ item.department }}</vs-td>\n                <vs-td :data=\"item.dateBorrowed\">{{ item.dateBorrowed | moment('DD-MM-YYYY') }}</vs-td>\n                <vs-td :data=\"item.dateReturned\">{{ item.dateReturned | moment('DD-MM-YYYY') }}</vs-td>\n                <vs-td :data=\"item.borroweditems\">{{ item.borroweditems ? item.borroweditems.length + ' Items' : '-' }}</vs-td>\n                <vs-td :data=\"item.status\"><Status :value=\"item.status\"/></vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n\n          <!-- PAGINATION COMPONENT TABLE -->\n          <TableFooter @fetch=\"getData\" />\n        </div>\n      </template>\n    </AppCard>\n    <Dialog v-model=\"dialogImage\" width=\"100%\" :center=\"false\">\n      <div class=\"dialog-image\"></div>\n      <vs-button class=\"absolute rounded-full m-4 img-close\" color=\"primary\" icon=\"close\" @click=\"dialogImage = false\" />\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\nimport Status from '@/components/Facilities/Status';\nimport Dialog from '@/components/Base/Dialog';\nimport DatePicker from 'vue2-datepicker';\nimport numberOnly from '@/directives/numberOnly';\n\nexport default {\n  name: 'ToolsBorrowing',\n  components: {\n    TableHeader,\n    TableFooter,\n    Dialog,\n    DatePicker,\n    Status\n  },\n  directives: {\n    numberOnly\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      items: 'ToolsBorrowing/items',\n      locations: 'Location/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    currentActiveLocation: {\n      immediate: true,\n      handler() {\n        this.filter.date = null;\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems.map(item => {\n          return { ...item };\n        });\n        this.itemsLocal.forEach(data => {\n          if (!this.allstatus.includes(data.status)) {\n            this.allstatus.push(data.status);\n          }\n          if (!this.alldepartment.includes(data.department)) {\n            this.alldepartment.push(data.department);\n          }\n          if (this.allreportedBy.length == 0) {\n            this.allreportedBy.push(data.user);\n          } else {\n            var ketemu = false;\n            this.allreportedBy.some(user => {\n              if (user.id == data.user.id) {\n                ketemu = true;\n                return;\n              }\n            });\n            if (ketemu == false) {\n              this.allreportedBy.push(data.user);\n            }\n          }\n        });\n      }\n    },\n    siteId: 'getLocations',\n    companyCode: {\n      immediate: true,\n      handler: 'getLocations'\n    }\n  },\n  data: () => ({\n    allstatus: [],\n    alldepartment: [],\n    allreportedBy: [],\n    currentActiveLocation: null,\n    dialogImage: false,\n    currentUrl: null,\n    filter: {\n      date: null,\n      status: null,\n      department: null,\n      reportedBy: null\n    },\n    itemsLocal: [],\n    filterLocal: null\n  }),\n  methods: {\n    getData() {\n      this.$vs.loading();\n      this.$store.dispatch('ToolsBorrowing/fetchData', { location: this.currentActiveLocation, ...this.allFilter }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    getLocations() {\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('Location/fetch', { siteId, companyCode });\n    },\n    changeLocation(location) {\n      this.currentActiveLocation = location.code;\n    },\n    keyFullname(item) {\n      return item?.profile?.fullName ?? '';\n    },\n    view({ id }) {\n      this.$router.push({ name: 'ToolsBorrowingView', params: { id } });\n    },\n    edit({ id }) {\n      this.$router.push({ name: 'ToolsBorrowingEdit', params: { id } });\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n#table-fix\n  table\n    table-layout: fixed !important\n\n.table-fix-image\n  overflow: hidden;\n  width: 30px;\n  height: 30px;\n  border-radius: 1000px;\n  display: flex\n  align-items: center\n  justify-content: center\n  background: #333\n\n.tab-report\n  display: flex\n  li\n    padding: 7px 10px\n    cursor: pointer\n\n    &:hover\n      @apply bg-gray-200\n\n    &.active\n      border-radius: 3px;\n      @apply bg-gray-200\n      @apply text-primary\n\n.img-detail\n  display: flex;\n  width: 100;\n  height: 100%;\n  background: red;\n\n.img-close\n  position: absolute\n  right: 0\n  top: 0\n\n.dialog-image\n  height: 100%;\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\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!./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=686a34ee&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=sass&\"\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--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"px-2 py-1 rounded-full text-xs italic text-white font-medium mx-2\",class:_vm.getBackground(_vm.value),staticStyle:{\"text-align\":\"center\"},domProps:{\"textContent\":_vm._s(_vm.getLabel(_vm.value))}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"center\">\n    <div\n      class=\"px-2 py-1 rounded-full text-xs italic text-white font-medium mx-2\"\n      style=\"text-align:center\"\n      :class=\"getBackground(value)\"\n      v-text=\"getLabel(value)\"\n    ></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Status',\n  props: {\n    value: {\n      type: String,\n      default: ''\n    }\n  },\n  methods: {\n    getBackground(value) {\n      switch (value) {\n        case 'PENDING':\n          return 'bg-primary';\n        case 'SUBMITTED':\n          return 'bg-secondary';\n        case 'CHECKED':\n          return 'bg-green-500';\n        case 'APPROVED':\n          return 'rounded-full bg-success';\n        case 'REVISED':\n          return 'bg-danger';\n        case 'ON PROGRESS':\n          return 'bg-yellow-500';\n        case 'NOT FINISHED':\n          return 'bg-primary';\n        case 'COMPLETED':\n          return 'bg-green-500';\n        case 'OFF':\n          return 'bg-gray-500';\n        case 'CUTI':\n          return 'bg-yellow-800';\n        case 'IZIN':\n          return 'bg-yellow-500';\n        case 'ABSEN':\n          return 'bg-red-500';\n        case 'HADIR':\n          return 'bg-green-500';\n        case 'BORROWED':\n          return 'bg-orange-500';\n        case 'GOOD QUALITY':\n          return 'bg-green-500';\n        case 'BROKEN':\n          return 'bg-red-500';\n        case 'NEED APPROVAL':\n          return 'bg-orange-500';\n        case 'RETURNED':\n          return 'bg-green-500';\n\n        default:\n          return 'bg-primary';\n      }\n    },\n    getLabel(value) {\n      return value?.charAt(0).toUpperCase() + value?.slice(1).toLowerCase();\n    }\n  }\n};\n</script>\n\n<style scoped></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!./Status.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!./Status.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Status.vue?vue&type=template&id=0fe9e74d&scoped=true&\"\nimport script from \"./Status.vue?vue&type=script&lang=js&\"\nexport * from \"./Status.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  \"0fe9e74d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}