{"version":3,"sources":["webpack:///./src/views/refuelReport/batteryStatus.vue?20d5","webpack:///src/views/refuelReport/batteryStatus.vue","webpack:///./src/views/refuelReport/batteryStatus.vue?a62d","webpack:///./src/views/refuelReport/batteryStatus.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","_v","masks","$i18n","locale","Date","scopedSlots","_u","key","fn","ref","inputValue","inputEvents","_g","start","_s","setDateFormatTh","dataSearchVessel","selectedDate","end","model","value","callback","$$v","$set","expression","batteryStatusOptions","on","$event","searchVessel","descriptionItems","dataTable","data","_l","tr","indextr","mmsi","vessel","name","latitude","isActiveNotification","longitude","transmit_time","setDateFormatRecordTime","record_time","battery_status","slot","staticRenderFns","components","vSelect","Datepicker","Datasuccess","input","title","weekdays","navMonths","dayPopover","status","id","computed","mapState","batteryStatus","state","rts","refuelReport","created","mounted","watch","methods","_searchVessel","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$vs","loading","setDateFormat","$store","dispatch","type","console","log","close","stop","apply","arguments","date","moment","format","newDate","add","newTime","tz","maxSelectDate","getDate","_isActiveNotification","_callee2","_context2","to_s","concat","localStorage","setItem","JSON","stringify","window","open","_x","customFormatter","component"],"mappings":"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","file":"js/chunk-2d0e50a7.d5c52241.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('vx-card',[_c('vs-row',{staticClass:\"my-5\",attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"4\",\"vs-sm\":\"6\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"วันที่เริ่ม:\")]),_c('v-date-picker',{attrs:{\"mode\":\"dateTime\",\"masks\":_vm.masks,\"is-range\":\"\",\"is24hr\":\"\",\"locale\":_vm.$i18n.locale,\"buddhist\":true,\"max-date\":new Date()},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar inputValue = ref.inputValue;\nvar inputEvents = ref.inputEvents;\nreturn [_c('vs-button',_vm._g({staticClass:\"w-full text-left\",attrs:{\"size\":\"small\",\"color\":\"#cccccc\",\"type\":\"border\"}},inputEvents.start),[_c('div',{staticClass:\"vx-row\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"today\",\"color\":\"dark\"}}),_c('h6',{staticClass:\"mt-1 mx-2\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.setDateFormatTh(_vm.dataSearchVessel.selectedDate.start))+\" -\\n                  \"+_vm._s(_vm.setDateFormatTh(_vm.dataSearchVessel.selectedDate.end))+\"\\n                \")]),_c('p',{attrs:{\"hidden\":\"\"}},[_vm._v(_vm._s(inputValue))])],1)])]}}]),model:{value:(_vm.dataSearchVessel.selectedDate),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"selectedDate\", $$v)},expression:\"dataSearchVessel.selectedDate\"}})],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"3\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"MMSI:\")]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\"},model:{value:(_vm.dataSearchVessel.mmsi),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"mmsi\", $$v)},expression:\"dataSearchVessel.mmsi\"}}),_c('br')],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"4\",\"vs-sm\":\"3\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"สถานะอุปกรณ์สำรองข้อมูล :\")]),_c('v-select',{staticClass:\"w-2/3 p-1\",attrs:{\"id\":\"batteryStatus\",\"options\":_vm.batteryStatusOptions,\"label\":\"name\"},model:{value:(_vm.dataSearchVessel.status),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"status\", $$v)},expression:\"dataSearchVessel.status\"}}),_c('br')],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-lg\":\"1\",\"vs-sm\":\"1\",\"vs-xs\":\"12\"}},[_c('vs-button',{staticClass:\"py-2 px-5\",attrs:{\"color\":\"#0066cc\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){return _vm.searchVessel()}}},[_vm._v(\"ค้นหา\")])],1)],1)],1),_c('vx-card',{staticClass:\"mt-5 z-0\"},[_c('div',{staticClass:\"px-5 pb-5 relative\"},[_c('h4',{staticClass:\"my-3\"},[_vm._v(\"ผลการค้นหา\")]),_c('vs-table',{staticClass:\"static\",attrs:{\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.dataTable},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,staticClass:\"text-center\"},[_c('vs-td',[_vm._v(_vm._s(indextr + 1))]),_c('vs-td',{attrs:{\"data\":data[indextr].mmsi}},[_vm._v(_vm._s(data[indextr].mmsi))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.name}},[_vm._v(_vm._s(data[indextr].vessel.name))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.latitude}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(\"\\n                  \"+_vm._s(data[indextr].latitude)+\" , \"+_vm._s(data[indextr].longitude)+\"\\n                \")])]),_c('vs-td',{attrs:{\"data\":data[indextr].transmit_time}},[_vm._v(_vm._s(data[indextr].transmit_time ? _vm.setDateFormatRecordTime(data[indextr].transmit_time, \"datetime\") : ''))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.record_time}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(data[indextr].record_time, \"datetime\")))]),_c('vs-td',{attrs:{\"data\":data[indextr].battery_status}},[_c('div',{staticClass:\"align-middle flex justify-center\"},[(data[indextr].battery_status == 1)?_c('vs-chip',{attrs:{\"color\":\"red\"}},[_c('p',[_vm._v(\"สำรองข้อมูล\")])]):_c('vs-chip',{attrs:{\"color\":\"green\"}},[_c('p',[_vm._v(\"ปกติ\")])])],1)])],1)}),1)]}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"MMSI\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ชื่อเรือ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ละติจูด , ลองจิจูด\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่สำรองข้อมูล\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่บันทึก\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะอุปกรณ์สำรองข้อมูล\")])])],1)],2)],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mx-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(\"รายงานสถานะการติดตามเรือประมง\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row mx-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">รายงานสถานะการติดตามเรือประมง</h2>\n        </div>\n        <!-- <p class=\"mx-5 mt-2\">สถานะอุปกรณ์สำรองข้อมูล</p> -->\n      </div>\n    </div>\n    <vx-card>\n      <vs-row vs-w=\"12\" class=\"my-5\">\n        <vs-col\n          vs-type=\"flex\"\n          class=\"mb-1\"\n          vs-justify=\"center\"\n          vs-align=\"center\"\n          vs-lg=\"4\"\n          vs-sm=\"6\"\n          vs-xs=\"12\"\n        >\n        <!-- \"vuejs-datepicker\": \"^1.6.2\", -->\n          <div class=\"h7 px-1\">วันที่เริ่ม:</div>\n          <v-date-picker\n            v-model=\"dataSearchVessel.selectedDate\"\n            mode=\"dateTime\"\n            :masks=\"masks\"\n            is-range\n            is24hr \n            :locale=\"$i18n.locale\"\n            :buddhist=\"true\"\n            :max-date=\"new Date()\"\n          >\n            <template v-slot=\"{ inputValue, inputEvents }\">\n              <vs-button\n                v-on=\"inputEvents.start\"\n                size=\"small\"\n                color=\"#cccccc\"\n                type=\"border\"\n                class=\"w-full text-left\"\n              >\n                <div class=\"vx-row\">\n                  <vs-icon size=\"small\" icon=\"today\" color=\"dark\"></vs-icon>\n                  <h6 class=\"mt-1 mx-2\">\n                    {{setDateFormatTh(dataSearchVessel.selectedDate.start)}} -\n                    {{setDateFormatTh(dataSearchVessel.selectedDate.end)}}\n                  </h6>\n                  <p hidden>{{inputValue}}</p>\n                </div>\n              </vs-button>\n            </template>\n          </v-date-picker>\n\n          <!-- <v-date-picker\n            v-if=\"$i18n.locale == 'th'\"\n            class=\"cursor-pointer\"\n            mode=\"dateTime\"\n            v-model=\"dataSearchVessel.selectedDate\"\n            :locale=\"$i18n.locale\"\n            :buddhist=\"true\"\n            :max-date=\"new Date()\"\n            :popover=\"{ placement: 'right-center', visibility: 'click' }\"\n          >\n            :disabled-dates=\"dataSearchVessel.selectedDate.start\"\n            <vs-button\n              size=\"small\"\n              color=\"#cccccc\"\n              type=\"border\"\n              class=\"w-full text-left\"\n            >\n              <div class=\"vx-row\">\n                <vs-icon size=\"small\" icon=\"today\" color=\"dark\"></vs-icon>\n                <h6 class=\"mt-1 mx-2\">\n                  {{ setDateFormatTh(dataSearchVessel.selectedDate.start) }} -\n                  {{ setDateFormatTh(dataSearchVessel.selectedDate.end) }}\n                </h6>\n              </div>\n            </vs-button>\n          </v-date-picker> -->\n        </vs-col>\n\n        <vs-col\n          vs-type=\"flex\"\n          class=\"mb-1\"\n          vs-align=\"center\"\n          vs-lg=\"3\"\n          vs-sm=\"2\"\n          vs-xs=\"12\"\n        >\n          <div class=\"h7 px-1\">MMSI:</div>\n          <vs-input\n            id=\"mmsi\"\n            v-model=\"dataSearchVessel.mmsi\"\n            class=\"w-full\"\n          /><br />\n        </vs-col>\n        <vs-col\n          vs-type=\"flex\"\n          class=\"mb-1\"\n          vs-align=\"center\"\n          vs-lg=\"4\"\n          vs-sm=\"3\"\n          vs-xs=\"12\"\n        >\n          <div class=\"h7 px-1\">สถานะอุปกรณ์สำรองข้อมูล :</div>\n          <v-select\n            id=\"batteryStatus\"\n            :options=\"batteryStatusOptions\"\n            v-model=\"dataSearchVessel.status\"\n            class=\"w-2/3 p-1\"\n            label=\"name\"\n          /><br />\n        </vs-col>\n        <vs-col vs-type=\"flex\" class=\"mb-1\" vs-lg=\"1\" vs-sm=\"1\" vs-xs=\"12\">\n          <vs-button\n            class=\"py-2 px-5\"\n            color=\"#0066cc\"\n            type=\"border\"\n            icon-pack=\"feather\"\n            icon=\"icon-search\"\n            @click=\"searchVessel()\"\n            >ค้นหา</vs-button\n          >\n        </vs-col>\n      </vs-row>\n      <!-- <hr class=\"my-10\" /> -->\n    </vx-card>\n\n    <vx-card class=\"mt-5 z-0\">\n      <div class=\"px-5 pb-5 relative\">\n        <!-- <center>\n          <vs-alert\n            :active=\"statusLoadingVessel\"\n            color=\"primary\"\n            style=\"width: 90%\"\n            title=\"Loading....\"\n            >กำลังโหลดข้อมูลเรือ กรุณารอสักครู่...</vs-alert\n          >\n        </center> -->\n        <h4 class=\"my-3\">ผลการค้นหา</h4>\n        <vs-table\n          class=\"static\"\n          :max-items=\"descriptionItems[0]\"\n          description\n          :description-items=\"descriptionItems\"\n          description-title=\"Registries\"\n          description-connector=\"of\"\n          description-body=\"Pages\"\n          pagination\n          :data=\"dataTable\"\n        >\n          <template slot=\"thead\">\n            <vs-th><p class=\"mx-auto\">ลำดับ</p></vs-th>\n            <vs-th><p class=\"mx-auto\">MMSI</p></vs-th>\n            <vs-th><p class=\"mx-auto\">ชื่อเรือ</p></vs-th>\n            <vs-th><p class=\"mx-auto\">ละติจูด , ลองจิจูด</p></vs-th>\n            <vs-th><p class=\"mx-auto\">วันที่สำรองข้อมูล</p></vs-th>\n            <vs-th><p class=\"mx-auto\">วันที่บันทึก</p></vs-th>\n            <vs-th><p class=\"mx-auto\">สถานะอุปกรณ์สำรองข้อมูล</p></vs-th>\n          </template>\n          <template slot-scope=\"{ data }\">\n            <tbody>\n              <vs-tr\n                :key=\"indextr\"\n                v-for=\"(tr, indextr) in data\"\n                class=\"text-center\"\n              >\n                <vs-td>{{ indextr + 1 }}</vs-td>\n                <vs-td :data=\"data[indextr].mmsi\">{{\n                  data[indextr].mmsi\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.name\">{{\n                  data[indextr].vessel.name\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.latitude\">\n                  <a href=\"#\" @click=\"isActiveNotification(data[indextr])\">\n                    {{ data[indextr].latitude }} , {{ data[indextr].longitude }}\n                  </a>\n                </vs-td>\n                <vs-td :data=\"data[indextr].transmit_time\">{{\n                  data[indextr].transmit_time ? setDateFormatRecordTime(data[indextr].transmit_time, \"datetime\") : ''\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.record_time\">{{\n                  setDateFormatRecordTime(data[indextr].record_time, \"datetime\")\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].battery_status\">\n                  <div class=\"align-middle flex justify-center\">\n                    <vs-chip v-if=\"data[indextr].battery_status == 1\" color=\"red\">\n                      <p>สำรองข้อมูล</p>\n                    </vs-chip>\n                    <vs-chip v-else color=\"green\">\n                      <p>ปกติ</p>\n                    </vs-chip>\n                  </div>\n                </vs-td>\n              </vs-tr>\n            </tbody>\n          </template>\n        </vs-table>\n      </div>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport vSelect from \"vue-select\";\nimport { mapState } from \"vuex\";\nimport Datepicker from \"vuejs-datepicker\";\nimport moment from \"moment-timezone\";\n\nexport default {\n  name: \"BatteryStatus\",\n  components: {\n    vSelect,\n    Datepicker,\n  },\n  data() {\n    return {\n      descriptionItems: [10, 25, 50, 100],\n      Datasuccess: [],\n      masks: {\n        input: 'YYYY-MM-DD H:mm',\n        title: 'MMMM YYYY',\n        weekdays: 'W',\n        navMonths: 'MMM',\n        dayPopover: 'WWW, MMM D, YYYY',\n        data: ['L', 'YYYY-MM-DD', 'YYYY/MM/DD'],\n      },\n      dataSearchVessel: {\n        mmsi: null,\n        selectedDate: {\n          start: new Date(),\n          end: new Date(),\n        },\n        status: {\n          id: 0,\n          name: \"ทั้งหมด\",\n          value: null,\n        },\n      },\n      batteryStatusOptions: [\n        {\n          id: 0,\n          name: \"ทั้งหมด\",\n          value: null,\n        },\n        {\n          id: 1,\n          name: \"ปกติ\",\n          value: 0,\n        },\n        {\n          id: 2,\n          name: \"สำรองข้อมูล\",\n          value: 1,\n        },\n      ],\n      dataTable: []\n    };\n  },\n  computed: mapState({\n    batteryStatus: (state) => state.rts.batteryStatus,\n    refuelReport: (state) => state.rts.refuelReport,\n  }),\n  created() {\n    this.searchVessel();\n  },\n  mounted() {},\n  watch: {\n  },\n  methods: {\n    async searchVessel() {\n      this.$vs.loading();\n      this.dataSearchVessel.selectedDate.start = this.setDateFormat( this.dataSearchVessel.selectedDate.start );\n      this.dataSearchVessel.selectedDate.end = this.setDateFormat( this.dataSearchVessel.selectedDate.end );\n      // console.log(\"this.dataSearchVessel \", this.dataSearchVessel);\n      if (this.dataSearchVessel.status != null && this.dataSearchVessel.status.name == 'สำรองข้อมูล') {\n        await this.$store.dispatch(\"rts/getRtsBatteryStatus\", this.dataSearchVessel);\n        this.dataTable = this.batteryStatus\n      } else {\n        await this.$store.dispatch(\"rts/getRtsRefuelReportAll\", {type: 'battery', data: this.dataSearchVessel});\n        this.dataTable = this.refuelReport\n      }\n      // console.log(\"batteryStatus \", this.batteryStatus);\n      // console.log(\"refuelReport \", this.refuelReport);\n      console.log(\"dataTable \", this.dataTable);\n\n      // const battery = _.filter(this.refuelReport, function(o) { \n      //   return o.battery_status == 1; \n      // });\n      // console.log(battery);\n\n      this.$vs.loading.close();\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"YYYY-MM-DD H:mm\");\n    },\n    setDateFormatRecordTime(date, type) {\n      moment.locale(\"th\"); // th\n      if (type == \"date\") {\n        const newDate = moment(date).add(543, \"years\").format(\"DD/MM/YYYY\");\n        return newDate;\n      } else  if (type == \"datetime\"){\n        const newTime = moment(date).add(543, \"years\").format(\"DD/MM/YYYY H:mm:ss\");\n        return newTime;\n      } else {\n        const newTime = moment(date).format(\"LTS\");\n        return newTime;\n      }\n    },\n    setDateFormatTh(date) {\n      const locale = this.$i18n.locale;\n      if (locale == \"th\") {\n        const newDate = moment(date)\n          .tz(\"Asia/Bangkok\")\n          .add(543, \"years\")\n          .format(\"DD/MM/YYYY H:mm\");\n        return newDate;\n      } else {\n        const newDate = moment(date).format(\"DD/MM/YYYY\");\n        return newDate;\n      }\n    },\n    maxSelectDate(date) {\n      // disables the date if it is a multiple of 5\n      if (date.getDate() % 5 == 0) {\n        return true;\n      }\n    },\n    async isActiveNotification(data) {\n      this.$vs.loading();\n\n      data.to_s = data.battery_status == 1 ? `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n        MMSI: ${data.vessel.mmsi}<br/>\n        วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n        เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n        สถานะ Battery : <b style=\"color: red\"> สำรองข้อมูล</b><br/>`\n        : `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n        MMSI: ${data.vessel.mmsi}<br/>\n        วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n        เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n        สถานะ Battery : <b style=\"color: green\"> ปกติ</b><br/>`\n\n      localStorage.setItem('setPositionEventNotification', JSON.stringify(data))\n      window.open(`/admin/monitoring`, '_blank')\n      await this.$store.dispatch('rts/setPositionEventNotification', data)\n      this.$vs.loading.close()\n      \n    },\n    customFormatter(date) {\n      return moment(date).format('MMMM Do YYYY, h:mm:ss a');\n    }\n  },\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./batteryStatus.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/@vue/cli-plugin-babel/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!./batteryStatus.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./batteryStatus.vue?vue&type=template&id=2e29aada\"\nimport script from \"./batteryStatus.vue?vue&type=script&lang=js\"\nexport * from \"./batteryStatus.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"],"sourceRoot":""}