{"version":3,"sources":["webpack:///../../../src/components/VForm/VForm.ts","webpack:///../../../src/components/VCheckbox/VCheckbox.ts","webpack:///./src/views/acceso/MainAccesoUsuario.vue?b1ac","webpack:///src/views/acceso/MainAccesoUsuario.vue","webpack:///./src/views/acceso/MainAccesoUsuario.vue?2a23","webpack:///./src/views/acceso/MainAccesoUsuario.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","indeterminate","indeterminateIcon","type","default","offIcon","onIcon","inputIndeterminate","computed","classes","computedIcon","validationState","isDisabled","hasError","hasColor","isActive","genCheckbox","checkboxAttrs","$createElement","setTextColor","dense","dark","light","genInput","toString","genRipple","genDefaultSlot","_vm","_h","_c","_self","_v","style","$vuetify","breakpoint","xs","_s","usuarioConfig","desdeListado","ref","model","callback","$$v","expression","datos","usuario","nombresRules","$set","apellidosRules","celularRules","_e","class","loading","guardar","cancelar","staticRenderFns","id","Number","submitForm","$refs","esNuevoEditar","$router","go","push","test","console","log","created","component","VBtn","VCheckbox","VCol","VForm","VIcon","VRow","VTextField"],"mappings":"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","file":"js/chunk-11620614.5f3ec0b0.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","// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{staticClass:\"row\",attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"6\",\"sm\":\"12\",\"md\":\"6\",\"xs\":\"12\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"title\":\"Usuarios\",\"aria-label\":\"Usuarios\"}},[_c('v-icon',{attrs:{\"size\":\"60\"}},[_vm._v(\" fas fa-clipboard-check \")])],1)],1),_c('v-col',{staticClass:\"mt-1\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"font-weight-bold leading--text mb-3\",style:(_vm.$vuetify.breakpoint.xs ? 'font-size: 25px' : 'font-size: 32px')},[_vm._v(_vm._s(_vm.usuarioConfig.desdeListado ? 'Administración de Usuario':'Registro de Usuario'))]),_c('br')]),_c('v-form',{ref:\"form\",staticClass:\"my-2\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"value\":_vm.datos.usuario,\"label\":\"Usuario\",\"disabled\":\"\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"* Nombres\",\"maxlength\":\"30\",\"required\":\"\",\"rules\":_vm.nombresRules},model:{value:(_vm.datos.nombres),callback:function ($$v) {_vm.$set(_vm.datos, \"nombres\", $$v)},expression:\"datos.nombres\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"* Apellidos\",\"maxlength\":\"30\",\"required\":\"\",\"rules\":_vm.apellidosRules},model:{value:(_vm.datos.apellidos),callback:function ($$v) {_vm.$set(_vm.datos, \"apellidos\", $$v)},expression:\"datos.apellidos\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Teléfono\",\"maxlength\":\"20\"},model:{value:(_vm.datos.telefono),callback:function ($$v) {_vm.$set(_vm.datos, \"telefono\", $$v)},expression:\"datos.telefono\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"* Celular\",\"maxlength\":\"20\",\"rules\":_vm.celularRules},model:{value:(_vm.datos.celular),callback:function ($$v) {_vm.$set(_vm.datos, \"celular\", $$v)},expression:\"datos.celular\"}})],1)],1),(_vm.usuarioConfig.desdeListado)?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-checkbox',{attrs:{\"label\":\"Activo\"},model:{value:(_vm.datos.activo),callback:function ($$v) {_vm.$set(_vm.datos, \"activo\", $$v)},expression:\"datos.activo\"}})],1)],1):_vm._e(),_c('div',{staticClass:\"mt-2 \"},[_c('v-btn',{class:((_vm.$vuetify.breakpoint.xs ? 'mt-4 ' : ' ') + \" mx-2 font-weight-bold\"),attrs:{\"loading\":_vm.loading,\"color\":\"success\",\"width\":\"200\",\"aria-label\":\"Guardar cambios\"},on:{\"click\":_vm.guardar}},[_vm._v(\"Guardar\")]),_c('v-btn',{class:((_vm.$vuetify.breakpoint.xs ? 'mt-4 ' : ' ') + \" mx-2 font-weight-bold\"),attrs:{\"width\":\"200\",\"color\":\"grey\",\"aria-label\":\"Cancelar cambios\"},on:{\"click\":_vm.cancelar}},[_vm._v(\"Cancelar\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-row justify=\"center\" align=\"center\" class=\"row\">\r\n      <v-col\r\n        cols=\"6\"\r\n        sm=\"12\"\r\n        md=\"6\"\r\n        xs=\"12\"\r\n        class=\"text-center\"\r\n      >\r\n      <v-col cols=\"12\">\r\n        <v-btn icon title=\"Usuarios\" \r\n          aria-label=\"Usuarios\"\r\n        >\r\n          <v-icon \r\n              size=\"60\">\r\n              fas fa-clipboard-check\r\n          </v-icon>\r\n        </v-btn>\r\n      </v-col>\r\n      <v-col cols=\"12\" class=\"mt-1\">\r\n        <!-- <span\r\n          class=\"font-weight-bold leading--text mb-3\"\r\n          :style=\r\n            \"$vuetify.breakpoint.xs ? 'font-size: 25px' : 'font-size: 32px'\"\r\n        >{{usuarioConfig.desdeListado ? 'Administración de Usuario':'Registro de Usuario'}}</span> -->\r\n        <span\r\n          class=\"font-weight-bold leading--text mb-3\"\r\n          :style=\r\n            \"$vuetify.breakpoint.xs ? 'font-size: 25px' : 'font-size: 32px'\"\r\n        >{{usuarioConfig.desdeListado ? 'Administración de Usuario':'Registro de Usuario'}}</span>\r\n        <br />\r\n        <!-- <span :class=\"$vuetify.breakpoint.xs ? 'font-weight-regular body-1' : 'font-weight-regular title'\">Aqui encontrará la manera más fácil de consultar su proceso</span> -->\r\n\r\n        <!-- <v-row>\r\n        </v-row>-->\r\n      </v-col>\r\n\r\n        <v-form ref=\"form\" class=\"my-2\" v-model=\"valid\" lazy-validation>\r\n          <v-row>\r\n            <v-col cols=\"12\">\r\n              <v-text-field\r\n                :value=\"datos.usuario\"\r\n                label=\"Usuario\"\r\n                disabled\r\n              ></v-text-field>\r\n            </v-col>\r\n            <v-col cols=\"6\">\r\n              <v-text-field\r\n                v-model=\"datos.nombres\"\r\n                label=\"* Nombres\"\r\n                maxlength=\"30\"\r\n                required\r\n                :rules=\"nombresRules\"\r\n              ></v-text-field>\r\n            </v-col>\r\n            <v-col cols=\"6\">\r\n              <v-text-field\r\n                v-model=\"datos.apellidos\"\r\n                label=\"* Apellidos\"\r\n                maxlength=\"30\"\r\n                required\r\n                :rules=\"apellidosRules\"\r\n              ></v-text-field>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col cols=\"6\">\r\n                <v-text-field\r\n                    v-model=\"datos.telefono\"\r\n                    label=\"Teléfono\"\r\n                    maxlength=\"20\"\r\n                ></v-text-field>\r\n            </v-col>\r\n            <v-col cols=\"6\">\r\n              <v-text-field\r\n                v-model=\"datos.celular\"\r\n                label=\"* Celular\"\r\n                maxlength=\"20\"\r\n                :rules=\"celularRules\"\r\n              ></v-text-field>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row v-if=\"usuarioConfig.desdeListado\">\r\n            <v-col cols=\"4\">\r\n                <v-checkbox\r\n                    v-model=\"datos.activo\"\r\n                    label=\"Activo\"\r\n                ></v-checkbox>\r\n            </v-col>\r\n          </v-row>\r\n          <!-- <v-btn class=\"purple darken-2 white--text mt-5\"  @click=\"submitForm\"> \r\n            Register\r\n          </v-btn> -->\r\n          <div class=\"mt-2 \">\r\n            <v-btn\r\n              :loading=\"loading\"\r\n              color=\"success\"\r\n              :class=\"\r\n                `${$vuetify.breakpoint.xs ? 'mt-4 ' : ' '} mx-2 font-weight-bold`\r\n              \"\r\n              width=\"200\"\r\n              aria-label=\"Guardar cambios\"\r\n              @click=\"guardar\"\r\n              >Guardar</v-btn\r\n            >\r\n              <!-- dark -->\r\n            <v-btn\r\n              :class=\"\r\n                `${$vuetify.breakpoint.xs ? 'mt-4 ' : ' '} mx-2 font-weight-bold`\r\n              \"\r\n              width=\"200\"\r\n              color=\"grey\"\r\n              @click=\"cancelar\"\r\n              aria-label=\"Cancelar cambios\"\r\n              >Cancelar</v-btn\r\n            >\r\n            <!-- <v-btn\r\n              :class=\"\r\n                `${$vuetify.breakpoint.xs ? 'mt-4 ' : ' '} mx-2 font-weight-bold`\r\n              \"\r\n              width=\"200\"\r\n              color=\"grey\"\r\n              @click=\"test\"\r\n              aria-label=\"Test cambios\"\r\n              >Test</v-btn\r\n            > -->\r\n          </div>          \r\n\r\n        </v-form>\r\n      </v-col>\r\n    </v-row>\r\n</template>\r\n\r\n<script>\r\nimport {mapState, mapActions, mapGetters, mapMutations} from 'vuex'\r\nexport default {\r\n  name: \"MainAccesoUsuario\",\r\n  props:{\r\n    id:{\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },  \r\n  data: () => ({\r\n    loading: false,\r\n    valid: true,\r\n    // idUsuario: '',\r\n    datos: {\r\n      idUsuario: null,\r\n      usuario: '',\r\n      nombres: '',\r\n      apellidos: '',\r\n      telefono: '',\r\n      celular: '',\r\n      activo: null,\r\n      deCPNU: null,\r\n    },\r\n    nombresRules: [\r\n      v => !!v || 'Se han de ingresar los nombres.'\r\n      // v => (v && v.length <= 10) || 'Name must be less than 10 characters',\r\n    ],\r\n    apellidosRules: [\r\n      v => !!v || 'Se han de ingresar los apellidos.'\r\n      // v => (v && v.length <= 10) || 'Name must be less than 10 characters',\r\n    ],\r\n    celularRules: [\r\n      v => !!v || 'Se ha de ingresar el celular.'\r\n      // v => (v && v.length <= 10) || 'Name must be less than 10 characters',\r\n    ],\r\n  }),\r\n  methods: {\r\n    ...mapActions('acceso',['fetchUsuario', \r\n      'postUsuario', 'putUsuario', 'putUsuarioAdmin']),\r\n    ...mapMutations('auth',['SetNombre']),\r\n    submitForm () {\r\n      this.$refs.form.validate();\r\n    },\r\n    async guardar(){\r\n      if (this.$refs.form.validate()) {\r\n        console.log(this.datos)\r\n        // Complementar datos para invocación de EndPoint\r\n        this.datos.idUsuario = this.datos.idUsuario || null\r\n        this.datos.deCPNU = this.datos.deCPNU || null\r\n        // // // console.log(this.datos)\r\n        // // // console.log(this.usuarioConfig)\r\n\r\n        // Guardar datos en el arreglo\r\n        \r\n        if (this.usuarioConfig.esNuevoEditar){\r\n          await this.postUsuario(this.datos)\r\n          // Actualizar nombre que aparece al autenticarse\r\n          \r\n          this.SetNombre(this.datos.nombres)\r\n          this.$router.push(\"/\")            \r\n        }\r\n        else{\r\n          console.log(this.usuarioConfig)\r\n          console.log(this.datos)\r\n          if(this.usuarioConfig.desdeListado){\r\n            \r\n            this.datos.activo = this.datos.activo || false\r\n            await this.putUsuarioAdmin(this.datos)\r\n          }\r\n          else{\r\n            \r\n            await this.putUsuario(this.datos)\r\n          }\r\n        }\r\n        // Si se está editando desde listado, regtresar al listado\r\n        if (this.usuarioConfig.desdeListado){\r\n          this.$router.go(-1)\r\n        }\r\n        // Si lo edita el usuario, ir al menú pricipal\r\n        else{\r\n          \r\n          this.$router.push(\"/\")            \r\n        }\r\n      }\r\n    },\r\n    cancelar(){\r\n      // Si se esta agregando Regresar a la vista de LoginToken\r\n      if (this.usuarioConfig.esNuevoEditar){\r\n        this.$router.go(-1)\r\n      // Si se esta editando, ir al menú principal\r\n      }else{\r\n        this.$router.push('/')\r\n      }\r\n    },\r\n    test(){\r\n      this.datos = this.usuario\r\n      console.log(\"test() this.usuario\", this.usuario)\r\n      console.log(\"test() this.datos\", this.datos)\r\n    } \r\n  },\r\n  computed:{\r\n    ...mapState('acceso',['usuarioConfig', 'usuario']),\r\n    ...mapGetters('acceso', ['getUsuarios']),\r\n  },\r\n  created: async function(){\r\n    console.log(this.usuarioConfig)\r\n    if (!this.usuarioConfig.esNuevoEditar){\r\n      // Si se trae del listado \r\n      if (this.usuarioConfig.desdeListado){\r\n        // Traer los datos del listado        \r\n        this.datos=this.getUsuarios[this.usuarioConfig.indiceListado]\r\n        console.log(\"this.datos - Listado\", this.datos)\r\n      }\r\n      // Si no se trae de listado\r\n      else{\r\n          // Los datos son cargados desde la vista de LoginToken\r\n          this.datos = this.usuario\r\n          console.log(\"this.datos - Ingresando a vista Usuario\", this.datos)\r\n      }\r\n    // Si se está agregando\r\n    }else{\r\n      // Inicalizar el email con el ingresado antes de solicitar el token\r\n      this.datos={\r\n        usuario: this.usuarioConfig.email\r\n      }       \r\n    }    \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--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainAccesoUsuario.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--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainAccesoUsuario.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MainAccesoUsuario.vue?vue&type=template&id=7a034970&\"\nimport script from \"./MainAccesoUsuario.vue?vue&type=script&lang=js&\"\nexport * from \"./MainAccesoUsuario.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 { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } 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,VCheckbox,VCol,VForm,VIcon,VRow,VTextField})\n"],"sourceRoot":""}