{"version":3,"sources":["webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/components/device/DeviceDetails.vue?ef1c","webpack:///./src/components/device/DeviceMetaForm.vue?d4d1","webpack:///src/components/device/DeviceMetaForm.vue","webpack:///./src/components/device/DeviceMetaForm.vue?ba90","webpack:///./src/components/device/DeviceMetaForm.vue","webpack:///src/components/device/DeviceDetails.vue","webpack:///./src/components/device/DeviceDetails.vue?6de4","webpack:///./src/components/device/DeviceDetails.vue"],"names":["name","provide","form","this","inheritAttrs","props","disabled","lazyValidation","readonly","value","Boolean","data","inputs","watchers","errorBag","watch","handler","errors","Object","deep","immediate","methods","watchInput","watcher","input","val","_uid","valid","shouldValidate","validate","filter","reset","resetErrorBag","setTimeout","resetValidation","register","unregister","found","find","i","unwatch","render","h","staticClass","attrs","novalidate","attrs$","on","submit","e","$slots","_vm","_h","$createElement","_c","_self","device","$vuetify","theme","defaults","dark","accent","$route","params","id","_v","_s","$t","undefined","fields","scopedSlots","_u","key","fn","ref","item","$event","switchIgnore","model","callback","$$v","$set","expression","ignore","clickedRow","_e","staticStyle","limits","limit","_l","index","humanDate","createdAt","json","staticRenderFns","style","keyName","deleteDisabled","preventDefault","removeMeta","deviceMetaId","deviceId","default","require","computed","component","VBtn","VCol","VContainer","VForm","VIcon","VRow","VTextField","date","allowed","Roles","CompanyOrUser","components","DeviceMetaForm","VDivider","VSelect","VSwitch"],"mappings":"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","file":"js/chunk-ef732288.e254c138.js","sourcesContent":["// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('nice-data',{attrs:{\"data\":_vm.device,\"langPrefix\":\"device.\",\"textColor\":_vm.$vuetify.theme.defaults.dark.accent,\"ignore\":['deviceMetas']}}),_c('device-meta-form',{attrs:{\"deviceId\":_vm.$route.params.id}}),_c('br'),_c('v-container',[_c('v-btn',{attrs:{\"router\":\"\",\"to\":(\"/device/fields/create/\" + (_vm.$route.params.id)),\"block\":\"\",\"color\":\"accent\"}},[_vm._v(_vm._s(_vm.$t(\"device.fields.addSensorField\")))])],1),(_vm.fields != undefined)?_c('nice-data-table',{attrs:{\"data\":_vm.fields,\"languagePrefix\":\"device.fields.\",\"loading\":false,\"title\":_vm.$t('device.fields.dataTableTitle'),\"ignore\":['value', 'device'],\"actions\":true},scopedSlots:_vm._u([{key:\"item.ignore\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-switch',{on:{\"change\":function($event){return _vm.switchIgnore(item)}},model:{value:(item.ignore),callback:function ($$v) {_vm.$set(item, \"ignore\", $$v)},expression:\"item.ignore\"}},[_vm._v(_vm._s(item.ignore))])]}},{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-icon',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.clickedRow(item)}}},[_vm._v(\"mdi-pen\")])]}}],null,true)}):_vm._e(),_c('br'),_c('v-row',{staticClass:\"justify-end\"},[_c('v-col',{staticClass:\"justify-start align-center d-flex pt-0\"},[_c('h2',{staticClass:\"pl-2\"},[_vm._v(\" \"+_vm._s(((_vm.$t(\"common.latest\")) + \" \" + (_vm.$t(\"common.values\"))))+\" \")])]),_c('v-col',{staticClass:\"justify-end align-center d-flex pt-0\"},[_c('span',{staticClass:\"px-2\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.amount\"))+\" \")]),_c('v-select',{staticStyle:{\"max-width\":\"7vh\"},attrs:{\"items\":_vm.limits,\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.limit),callback:function ($$v) {_vm.limit=$$v},expression:\"limit\"}})],1)],1),_c('v-divider'),_vm._l((_vm.deviceData),function(item,index){return _c('v-row',{key:index},[_c('v-col',{staticStyle:{\"padding\":\"0\"},attrs:{\"sm\":\"12\",\"md\":\"12\"}},[_c('h4',[_vm._v(_vm._s(_vm.humanDate(item.createdAt)))]),_c('vue-json-pretty',{staticStyle:{\"margin\":\"1rem\",\"text-align\":\"left\"},attrs:{\"deep\":0,\"data\":item.json}})],1)],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_vm._l((_vm.metas),function(item,index){return _c('v-row',{key:index},[_c('v-col',{style:('text-align: left; color: ' + _vm.$vuetify.theme.defaults.dark.accent),attrs:{\"md\":\"6\",\"xs\":\"12\"}},[_c('h3',[_vm._v(_vm._s(item.keyName))])]),_c('v-col',{staticStyle:{\"text-align\":\"left\"},attrs:{\"md\":\"4\",\"xs\":\"10\"}},[_c('h4',[_vm._v(_vm._s(item.value))])]),_c('v-col',{staticStyle:{\"text-align\":\"left\"},attrs:{\"md\":\"2\",\"xs\":\"2\"}},[_c('v-btn',{attrs:{\"type\":\"button\",\"color\":\"error\",\"icon\":\"\",\"fab\":\"\",\"disabled\":_vm.deleteDisabled},on:{\"click\":function($event){$event.preventDefault();return _vm.removeMeta(item.deviceMetaId)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1),_c('confirm-delete-dialog')],1)],1)}),_c('v-form',{attrs:{\"lazy-validation\":true},on:{\"submit\":function($event){$event.preventDefault();return _vm.submit($event)}},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"5\",\"xs\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('device.meta.keyName'),\"name\":\"keyName\",\"prepend-icon\":\"mdi-domain\"},model:{value:(_vm.keyName),callback:function ($$v) {_vm.keyName=$$v},expression:\"keyName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"5\",\"xs\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('device.meta.value'),\"name\":\"value\",\"prepend-icon\":\"mdi-domain\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"2\",\"xs\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"accent\",\"type\":\"submit\",\"block\":\"\",\"x-large\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"common.create\")))])],1)],1)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <v-row v-for=\"(item, index) in metas\" v-bind:key=\"index\">\r\n      <v-col\r\n        md=\"6\"\r\n        xs=\"12\"\r\n        :style=\"\r\n          'text-align: left; color: ' + $vuetify.theme.defaults.dark.accent\r\n        \"\r\n      >\r\n        <h3>{{ item.keyName }}</h3>\r\n      </v-col>\r\n      <v-col md=\"4\" xs=\"10\" style=\"text-align: left\"\r\n        ><h4>{{ item.value }}</h4></v-col\r\n      >\r\n      <v-col md=\"2\" xs=\"2\" style=\"text-align: left\">\r\n        <v-btn\r\n          type=\"button\"\r\n          color=\"error\"\r\n          icon\r\n          fab\r\n          :disabled=\"deleteDisabled\"\r\n          @click.prevent=\"removeMeta(item.deviceMetaId)\"\r\n          ><v-icon>mdi-delete</v-icon></v-btn\r\n        >\r\n\r\n        <confirm-delete-dialog></confirm-delete-dialog>\r\n      </v-col>\r\n    </v-row>\r\n    <v-form :lazy-validation=\"true\" @submit.prevent=\"submit\" v-model=\"valid\">\r\n      <v-row>\r\n        <v-col cols=\"12\" md=\"5\" xs=\"12\">\r\n          <v-text-field\r\n            :label=\"$t('device.meta.keyName')\"\r\n            name=\"keyName\"\r\n            prepend-icon=\"mdi-domain\"\r\n            v-model=\"keyName\"\r\n          ></v-text-field>\r\n        </v-col>\r\n        <v-col cols=\"12\" md=\"5\" xs=\"12\">\r\n          <v-text-field\r\n            :label=\"$t('device.meta.value')\"\r\n            name=\"value\"\r\n            prepend-icon=\"mdi-domain\"\r\n            v-model=\"value\"\r\n          ></v-text-field>\r\n        </v-col>\r\n        <v-col cols=\"12\" md=\"2\" xs=\"12\">\r\n          <v-btn color=\"accent\" type=\"submit\" block x-large>{{\r\n            $t(\"common.create\")\r\n          }}</v-btn>\r\n        </v-col>\r\n      </v-row>\r\n    </v-form>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\nexport default {\r\n  name: \"DeviceMetaForm\",\r\n\r\n  props: {\r\n    deviceId: {\r\n      default: null,\r\n      require: true,\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      valid: false,\r\n      keyName: \"\",\r\n      value: \"\",\r\n      deleteDisabled: false,\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"devices\", [\"createMeta\", \"deleteMeta\", \"getMetas\"]),\r\n\r\n    async submit() {\r\n      var payload = {\r\n        keyName: this.keyName,\r\n        value: this.value,\r\n      };\r\n\r\n      await this.createMeta({ deviceId: this.deviceId, payload: payload });\r\n      await this.getMetas(this.deviceId);\r\n    },\r\n\r\n    async removeMeta(deviceMetaId) {\r\n      this.deleteDisabled = true;\r\n      await this.deleteMeta(deviceMetaId);\r\n      await this.getMetas(this.deviceId);\r\n      this.deleteDisabled = false;\r\n    },\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"devices\", [\"metas\"]),\r\n  },\r\n\r\n  async created() {\r\n    this.getMetas(this.deviceId);\r\n  },\r\n};\r\n</script>\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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceMetaForm.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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceMetaForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeviceMetaForm.vue?vue&type=template&id=5e1ade8a&\"\nimport script from \"./DeviceMetaForm.vue?vue&type=script&lang=js&\"\nexport * from \"./DeviceMetaForm.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VForm,VIcon,VRow,VTextField})\n","<template>\r\n  <v-container>\r\n    <nice-data\r\n      :data=\"device\"\r\n      langPrefix=\"device.\"\r\n      :textColor=\"$vuetify.theme.defaults.dark.accent\"\r\n      :ignore=\"['deviceMetas']\"\r\n    />\r\n\r\n    <!-- TODO: add ability to add meta data here  -->\r\n    <device-meta-form :deviceId=\"$route.params.id\" />\r\n    <br />\r\n    <v-container>\r\n      <v-btn\r\n        router\r\n        :to=\"`/device/fields/create/${$route.params.id}`\"\r\n        block\r\n        color=\"accent\"\r\n        >{{ $t(\"device.fields.addSensorField\") }}</v-btn\r\n      >\r\n    </v-container>\r\n\r\n    <nice-data-table\r\n      v-if=\"fields != undefined\"\r\n      :data=\"fields\"\r\n      languagePrefix=\"device.fields.\"\r\n      :loading=\"false\"\r\n      :title=\"$t('device.fields.dataTableTitle')\"\r\n      :ignore=\"['value', 'device']\"\r\n      :actions=\"true\"\r\n    >\r\n      <template v-slot:[`item.ignore`]=\"{ item }\">\r\n        <v-switch v-model=\"item.ignore\" @change=\"switchIgnore(item)\">{{\r\n          item.ignore\r\n        }}</v-switch>\r\n      </template>\r\n      <template v-slot:[`item.actions`]=\"{ item }\">\r\n        <v-icon color=\"primary\" @click=\"clickedRow(item)\">mdi-pen</v-icon>\r\n      </template>\r\n    </nice-data-table>\r\n    <br />\r\n    <v-row class=\"justify-end\">\r\n      <v-col class=\"justify-start align-center d-flex pt-0\">\r\n        <h2 class=\"pl-2\">\r\n          {{ `${$t(\"common.latest\")} ${$t(\"common.values\")}` }}\r\n        </h2>\r\n      </v-col>\r\n      <v-col class=\"justify-end align-center d-flex pt-0\">\r\n        <span class=\"px-2\">\r\n          {{ $t(\"common.amount\") }}\r\n        </span>\r\n        <v-select\r\n          style=\"max-width: 7vh\"\r\n          v-model=\"limit\"\r\n          :items=\"limits\"\r\n          outlined\r\n          dense\r\n          hide-details\r\n        >\r\n        </v-select>\r\n      </v-col>\r\n    </v-row>\r\n    <v-divider></v-divider>\r\n    <v-row v-for=\"(item, index) in deviceData\" v-bind:key=\"index\">\r\n      <v-col sm=\"12\" md=\"12\" style=\"padding: 0\">\r\n        <h4>{{ humanDate(item.createdAt) }}</h4>\r\n        <vue-json-pretty\r\n          style=\"margin: 1rem; text-align: left\"\r\n          :deep=\"0\"\r\n          :data=\"item.json\"\r\n        />\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport { format } from \"date-fns\";\r\nimport DeviceMetaForm from \"@/components/device/DeviceMetaForm\";\r\n\r\nexport default {\r\n  name: \"DeviceDetails\",\r\n  data() {\r\n    return {\r\n      limit: 5,\r\n\r\n      limits: [\r\n        { text: \"5\", value: 5 },\r\n        { text: \"10\", value: 10 },\r\n        { text: \"20\", value: 20 },\r\n        { text: \"50\", value: 50 },\r\n      ],\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"devices\", { device: \"device\" }),\r\n    ...mapState(\"deviceFields\", { status: \"status\", fields: \"fields\" }),\r\n    ...mapState(\"deviceDatas\", { deviceData: \"datas\" }),\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"devices\", { getDevice: \"getById\" }),\r\n    ...mapActions(\"deviceFields\", {\r\n      getFieldsFromDevice: \"getFieldsForDevice\",\r\n      updateField: \"update\",\r\n    }),\r\n    ...mapActions(\"deviceDatas\", { getData: \"getByDevice\" }),\r\n\r\n    humanDate(date) {\r\n      return date !== undefined && date !== null\r\n        ? format(new Date(date), \"dd/MMM - HH:mm\")\r\n        : \"N/A\";\r\n    },\r\n\r\n    clickedRow(item) {\r\n      if (this.allowed(null, this.Roles.CompanyOrUser))\r\n        this.$router.push(`/device/fields/update/${item.deviceFieldId}`);\r\n    },\r\n\r\n    async switchIgnore(item) {\r\n      await this.updateField({\r\n        deviceFieldId: item.deviceFieldId,\r\n        payload: item,\r\n      });\r\n    },\r\n\r\n    async updateData() {\r\n      let queryId = this.$route.params.id;\r\n      if (queryId == undefined) {\r\n        this.$router.push(\"/device\");\r\n      }\r\n\r\n      await this.getDevice(queryId);\r\n      await this.getFieldsFromDevice(queryId);\r\n      await this.getData({ deviceId: queryId, limit: this.limit });\r\n\r\n      for (let d in this.deviceData) {\r\n        this.deviceData[d].json = JSON.parse(this.deviceData[d].json);\r\n        console.log(this.deviceData[d].json);\r\n      }\r\n    },\r\n  },\r\n\r\n  async created() {\r\n    await this.updateData();\r\n  },\r\n\r\n  watch: {\r\n    async limit(v) {\r\n      console.log(\"limit changed\", v);\r\n      await this.updateData();\r\n    },\r\n  },\r\n  components: {\r\n    DeviceMetaForm,\r\n  },\r\n};\r\n</script>\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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceDetails.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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeviceDetails.vue?vue&type=template&id=32601957&\"\nimport script from \"./DeviceDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./DeviceDetails.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\ninstallComponents(component, {VBtn,VCol,VContainer,VDivider,VIcon,VRow,VSelect,VSwitch})\n"],"sourceRoot":""}