{"version":3,"sources":["webpack:///./src/pages/Users/components/EditUser/index.vue?35c9","webpack:///./node_modules/vue-multiselect/dist/vue-multiselect.min.css?1311","webpack:///./src/pages/Users/components/EditUser/index.vue?442c","webpack:///src/pages/Users/components/EditUser/index.vue","webpack:///./src/pages/Users/components/EditUser/index.vue?5490","webpack:///./src/pages/Users/components/EditUser/index.vue","webpack:///./src/pages/Users/components/EditUser/index.vue?717f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","onSubmit","onReset","hasImage","setImage","slot","_s","model","value","form","callback","$$v","$set","expression","id","_e","stateOptions","roles","staticStyle","cancel","staticRenderFns","name","components","data","email","firstName","lastName","password","confirmPassword","active","mobile","address","suiteApt","city","state","zip","errors","show","loader","methods","$router","push","image","file","evt","preventDefault","Object","assign","map","key","$loading","body","console","log","response","handleRoles","checked","$nextTick","created","$route","params","component"],"mappings":"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","file":"js/chunk-b51d8e90.c6c771ee.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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=2&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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=2&lang=css&\"","import mod from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/index.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!./vue-multiselect.min.css?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/index.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!./vue-multiselect.min.css?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hello\"},[_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-alert',{attrs:{\"show\":\"\"}},[_vm._v(\"User Add/Edit\")]),(_vm.show)?_c('b-form',{on:{\"submit\":_vm.onSubmit,\"reset\":_vm.onReset}},[_c('b-row',[_c('b-col',{staticClass:\"text-center\",attrs:{\"cols\":\"2\"}},[_c('h5',[_vm._v(\"Profile\")]),_c('br'),_c('image-uploader',{attrs:{\"preview\":true,\"className\":['fileinput', { 'fileinput--loaded': _vm.hasImage }],\"capture\":\"environment\",\"debug\":1,\"doNotResize\":\"gif\",\"autoRotate\":true,\"outputFormat\":\"verbose\"},on:{\"input\":_vm.setImage}},[_c('label',{attrs:{\"slot\":\"upload-label\",\"for\":\"fileInput\"},slot:\"upload-label\"},[_c('figure',[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 32 32\"}},[_c('path',{staticClass:\"path1\",attrs:{\"d\":\"M9.5 19c0 3.59 2.91 6.5 6.5 6.5s6.5-2.91 6.5-6.5-2.91-6.5-6.5-6.5-6.5 2.91-6.5 6.5zM30 8h-7c-0.5-2-1-4-3-4h-8c-2 0-2.5 2-3 4h-7c-1.1 0-2 0.9-2 2v18c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-18c0-1.1-0.9-2-2-2zM16 27.875c-4.902 0-8.875-3.973-8.875-8.875s3.973-8.875 8.875-8.875c4.902 0 8.875 3.973 8.875 8.875s-3.973 8.875-8.875 8.875zM30 14h-4v-2h4v2z\"}})])]),_c('span',{staticClass:\"upload-caption\"},[_vm._v(\"\\n                \"+_vm._s(_vm.hasImage ? \"Replace\" : \"Click to upload\")+\"\\n              \")])])])],1),_c('b-col',[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-2\",\"label\":\"First Name:\",\"label-for\":\"input-2\"}},[_c('b-form-input',{attrs:{\"id\":\"input-2\",\"placeholder\":\"Enter First Name\"},model:{value:(_vm.form.firstName),callback:function ($$v) {_vm.$set(_vm.form, \"firstName\", $$v)},expression:\"form.firstName\"}})],1)],1),_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-3\",\"label\":\"Last Name:\",\"label-for\":\"input-3\"}},[_c('b-form-input',{attrs:{\"id\":\"input-3\",\"placeholder\":\"Enter Last Name\"},model:{value:(_vm.form.lastName),callback:function ($$v) {_vm.$set(_vm.form, \"lastName\", $$v)},expression:\"form.lastName\"}})],1)],1)],1),(_vm.id == '')?_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-10\",\"label\":\"Password:\",\"label-for\":\"input-10\"}},[_c('b-form-input',{attrs:{\"id\":\"input-10\",\"type\":\"password\",\"placeholder\":\"Enter Password\"},model:{value:(_vm.form.password),callback:function ($$v) {_vm.$set(_vm.form, \"password\", $$v)},expression:\"form.password\"}})],1)],1),_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-11\",\"label\":\"Confirm Password:\",\"label-for\":\"input-11\"}},[_c('b-form-input',{attrs:{\"id\":\"input-11\",\"type\":\"password\",\"placeholder\":\"Confirm Password\"},model:{value:(_vm.form.confirmPassword),callback:function ($$v) {_vm.$set(_vm.form, \"confirmPassword\", $$v)},expression:\"form.confirmPassword\"}})],1)],1)],1):_vm._e(),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-1\",\"label\":\"Email address:\",\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"type\":\"email\",\"required\":\"\",\"placeholder\":\"Enter email\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-4\",\"label\":\"Phone:\",\"label-for\":\"input-4\"}},[_c('b-form-input',{attrs:{\"id\":\"input-4\",\"placeholder\":\"Phone\"},model:{value:(_vm.form.phoneNumber),callback:function ($$v) {_vm.$set(_vm.form, \"phoneNumber\", $$v)},expression:\"form.phoneNumber\"}})],1)],1),_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-5\",\"label\":\"Mobile:\",\"label-for\":\"input-5\"}},[_c('b-form-input',{attrs:{\"id\":\"input-5\",\"placeholder\":\"Mobile\"},model:{value:(_vm.form.mobile),callback:function ($$v) {_vm.$set(_vm.form, \"mobile\", $$v)},expression:\"form.mobile\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-6\",\"label\":\"Address:\",\"label-for\":\"input-6\"}},[_c('b-form-input',{attrs:{\"id\":\"input-6\",\"placeholder\":\"Address\"},model:{value:(_vm.form.address),callback:function ($$v) {_vm.$set(_vm.form, \"address\", $$v)},expression:\"form.address\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"5\"}},[_c('b-form-group',{attrs:{\"id\":\"input-group-7\",\"label\":\"Suite/Apt:\",\"label-for\":\"input-7\"}},[_c('b-form-input',{attrs:{\"id\":\"input-7\",\"placeholder\":\"Suite/Apt\"},model:{value:(_vm.form.suiteApt),callback:function ($$v) {_vm.$set(_vm.form, \"suiteApt\", $$v)},expression:\"form.suiteApt\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"input-group-8\",\"label\":\"City:\",\"label-for\":\"input-8\"}},[_c('b-form-input',{attrs:{\"id\":\"input-8\",\"placeholder\":\"City\"},model:{value:(_vm.form.city),callback:function ($$v) {_vm.$set(_vm.form, \"city\", $$v)},expression:\"form.city\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"2\"}},[_c('label',{attrs:{\"for\":\"input-state\"}},[_vm._v(\"State\")]),_c('b-form-select',{attrs:{\"id\":\"input-state\",\"options\":_vm.stateOptions},model:{value:(_vm.form.state),callback:function ($$v) {_vm.$set(_vm.form, \"state\", $$v)},expression:\"form.state\"}})],1),_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"input-group-9\",\"label\":\"Zip:\",\"label-for\":\"input-9\"}},[_c('b-form-input',{attrs:{\"id\":\"input-8\",\"placeholder\":\"Zip\"},model:{value:(_vm.form.zip),callback:function ($$v) {_vm.$set(_vm.form, \"zip\", $$v)},expression:\"form.zip\"}})],1)],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('label',[_vm._v(\"Roles:\")]),_c('multiselect',{attrs:{\"multiple\":true,\"track-by\":\"name\",\"close-on-select\":false,\"clear-on-select\":false,\"label\":\"name\",\"options\":_vm.roles},model:{value:(_vm.form.roles),callback:function ($$v) {_vm.$set(_vm.form, \"roles\", $$v)},expression:\"form.roles\"}})],1)],1),_c('b-row',[_c('b-col',[_c('div',[_c('b-button',{staticStyle:{\"margin\":\"5px\"},attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Save\")]),_c('b-button',{staticStyle:{\"margin\":\"5px\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")]),_c('b-button',{staticStyle:{\"margin\":\"10px\"}},[_vm._v(\"Reset Password\")])],1)])],1)],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"hello\">\r\n    <b-container fluid>\r\n      <b-alert show>User Add/Edit</b-alert>\r\n      <b-form @submit=\"onSubmit\" @reset=\"onReset\" v-if=\"show\">\r\n        <b-row>\r\n          <b-col cols=\"2\" class=\"text-center\">\r\n            <h5>Profile</h5>\r\n            <br>\r\n            <image-uploader\r\n              :preview=\"true\"\r\n              :className=\"['fileinput', { 'fileinput--loaded': hasImage }]\"\r\n              capture=\"environment\"\r\n              :debug=\"1\"\r\n              doNotResize=\"gif\"\r\n              :autoRotate=\"true\"\r\n              outputFormat=\"verbose\"\r\n              @input=\"setImage\"\r\n            >\r\n              <label for=\"fileInput\" slot=\"upload-label\">\r\n                <figure>\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"32\"\r\n                    height=\"32\"\r\n                    viewBox=\"0 0 32 32\"\r\n                  >\r\n                    <path\r\n                      class=\"path1\"\r\n                      d=\"M9.5 19c0 3.59 2.91 6.5 6.5 6.5s6.5-2.91 6.5-6.5-2.91-6.5-6.5-6.5-6.5 2.91-6.5 6.5zM30 8h-7c-0.5-2-1-4-3-4h-8c-2 0-2.5 2-3 4h-7c-1.1 0-2 0.9-2 2v18c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-18c0-1.1-0.9-2-2-2zM16 27.875c-4.902 0-8.875-3.973-8.875-8.875s3.973-8.875 8.875-8.875c4.902 0 8.875 3.973 8.875 8.875s-3.973 8.875-8.875 8.875zM30 14h-4v-2h4v2z\"\r\n                    ></path>\r\n                  </svg>\r\n                </figure>\r\n                <span class=\"upload-caption\">\r\n                  {{\r\n                  hasImage ? \"Replace\" : \"Click to upload\"\r\n                  }}\r\n                </span>\r\n              </label>\r\n            </image-uploader>\r\n            <!-- <img alt=\"Vue logo\" src=\"../assets/icons8-administrator-male-104.png\">\r\n            <br>\r\n            <a style=\"font-size: small;\" href>Change Photo</a>-->\r\n          </b-col>\r\n          <b-col>\r\n            <b-row>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-2\" label=\"First Name:\" label-for=\"input-2\">\r\n                  <b-form-input\r\n                    id=\"input-2\"\r\n                    v-model=\"form.firstName\"\r\n                    placeholder=\"Enter First Name\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-3\" label=\"Last Name:\" label-for=\"input-3\">\r\n                  <b-form-input id=\"input-3\" v-model=\"form.lastName\" placeholder=\"Enter Last Name\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row v-if=\"id == ''\">\r\n              <b-col>\r\n                <b-form-group id=\"input-group-10\" label=\"Password:\" label-for=\"input-10\">\r\n                  <b-form-input\r\n                    id=\"input-10\"\r\n                    type=\"password\"\r\n                    v-model=\"form.password\"\r\n                    placeholder=\"Enter Password\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-11\" label=\"Confirm Password:\" label-for=\"input-11\">\r\n                  <b-form-input\r\n                    id=\"input-11\"\r\n                    type=\"password\"\r\n                    v-model=\"form.confirmPassword\"\r\n                    placeholder=\"Confirm Password\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-1\" label=\"Email address:\" label-for=\"input-1\">\r\n                  <b-form-input\r\n                    id=\"input-1\"\r\n                    v-model=\"form.email\"\r\n                    type=\"email\"\r\n                    required\r\n                    placeholder=\"Enter email\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-4\" label=\"Phone:\" label-for=\"input-4\">\r\n                  <b-form-input id=\"input-4\" v-model=\"form.phoneNumber\" placeholder=\"Phone\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-5\" label=\"Mobile:\" label-for=\"input-5\">\r\n                  <b-form-input id=\"input-5\" v-model=\"form.mobile\" placeholder=\"Mobile\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-6\" label=\"Address:\" label-for=\"input-6\">\r\n                  <b-form-input id=\"input-6\" v-model=\"form.address\" placeholder=\"Address\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row>\r\n              <b-col cols=\"5\">\r\n                <b-form-group id=\"input-group-7\" label=\"Suite/Apt:\" label-for=\"input-7\">\r\n                  <b-form-input id=\"input-7\" v-model=\"form.suiteApt\" placeholder=\"Suite/Apt\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n            <b-row>\r\n              <b-col cols=\"6\">\r\n                <b-form-group id=\"input-group-8\" label=\"City:\" label-for=\"input-8\">\r\n                  <b-form-input id=\"input-8\" v-model=\"form.city\" placeholder=\"City\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n              <b-col cols=\"2\">\r\n                <label for=\"input-state\">State</label>\r\n                <b-form-select id=\"input-state\" v-model=\"form.state\" :options=\"stateOptions\"></b-form-select>\r\n                <!-- <select id=\"input-state\">\r\n                  <option value=\"FL\">FL</option>\r\n                </select>-->\r\n              </b-col>\r\n              <b-col>\r\n                <b-form-group id=\"input-group-9\" label=\"Zip:\" label-for=\"input-9\">\r\n                  <b-form-input id=\"input-8\" v-model=\"form.zip\" placeholder=\"Zip\"></b-form-input>\r\n                </b-form-group>\r\n              </b-col>\r\n            </b-row>\r\n          </b-col>\r\n          <b-col cols=\"4\">\r\n            <label>Roles:</label>\r\n            <multiselect\r\n              :multiple=\"true\"\r\n              track-by=\"name\"\r\n              :close-on-select=\"false\"\r\n              :clear-on-select=\"false\"\r\n              label=\"name\"\r\n              v-model=\"form.roles\"\r\n              :options=\"roles\"\r\n            ></multiselect>\r\n          </b-col>\r\n        </b-row>\r\n        <b-row>\r\n          <b-col>\r\n            <div>\r\n              <b-button type=\"submit\" variant=\"primary\" style=\"margin: 5px;\">Save</b-button>\r\n              <b-button style=\"margin: 5px;\" @click=\"cancel\">Cancel</b-button>\r\n              <b-button style=\"margin: 10px;\">Reset Password</b-button>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </b-form>\r\n      <!-- <pre><code>{{ form  }}</code></pre> -->\r\n    </b-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from '@/resources/myApi.js';\r\nimport Multiselect from 'vue-multiselect';\r\n\r\nexport default {\r\n  name: 'edit-user',\r\n  components: { Multiselect },\r\n  data() {\r\n    return {\r\n      form: {\r\n        email: '',\r\n        firstName: '',\r\n        lastName: '',\r\n        password: '',\r\n        confirmPassword: '',\r\n        active: true,\r\n        mobile: '',\r\n        address: '',\r\n        suiteApt: '',\r\n        city: '',\r\n        state: 'FL',\r\n        zip: '',\r\n        roles: []\r\n      },\r\n      stateOptions: [{ value: 'FL', text: 'FL' }],\r\n      errors: [],\r\n      roles: [{ name: 'Administrator' }, { name: 'Client' }],\r\n      show: true,\r\n      hasImage: false,\r\n      id: '',\r\n      loader: null\r\n    };\r\n  },\r\n  methods: {\r\n    cancel() {\r\n      this.$router.push({ name: 'UserList' });\r\n    },\r\n    setImage: function(file) {\r\n      this.hasImage = true;\r\n      this.image = file;\r\n    },\r\n    onSubmit(evt) {\r\n      \r\n      evt.preventDefault();\r\n      var data = Object.assign({}, this.form);\r\n      data.roles = [];\r\n      this.form.roles.map(function(key) {\r\n        data.roles.push(key.name);\r\n      });\r\n      this.loader = this.$loading.show();\r\n\r\n      if (this.id != '') {\r\n        ajax.put('api/user/' + this.id, {\r\n          name: 'updateUser',\r\n          body: data\r\n        }).then(response => {\r\n          console.log(response);\r\n          this.loader.hide();\r\n          this.$snotify.success('User saved', 'User');\r\n          this.$router.push({ name: 'UserList' });\r\n        });\r\n      } else {\r\n        ajax.post('api/user/create',\r\n          {\r\n            name: 'newUser',\r\n            body: data\r\n          }).then(response => {\r\n          console.log(response);\r\n          this.loader.hide();\r\n          this.$snotify.success('User created', 'User');\r\n          this.$router.push({ name: 'UserList' });\r\n        });\r\n      }\r\n    },\r\n    handleRoles() {\r\n      //console.log(rol);\r\n    },\r\n    onReset(evt) {\r\n      evt.preventDefault();\r\n      // Reset our form values\r\n      this.form.email = '';\r\n      this.form.firstName = '';\r\n      this.form.lastName = '';\r\n      this.form.mobile = '';\r\n      this.form.address = '';\r\n      this.form.active = true;\r\n      this.form.checked = [];\r\n      // Trick to reset/clear native browser form validation state\r\n      this.show = false;\r\n      this.$nextTick(() => {\r\n        this.show = true;\r\n      });\r\n    }\r\n  },\r\n  created() {\r\n    this.id = this.$route.params.id;\r\n\r\n    if (this.id) {\r\n      ajax\r\n        .get('api/user/' + this.id, {\r\n          transformResponse: [\r\n            data => {\r\n              let resp;\r\n              try {\r\n                resp = JSON.parse(data);\r\n                var roles = [];\r\n                resp.roles.map(function(key) {\r\n                  console.log(key);\r\n                  roles.push({ name: key });\r\n                });\r\n                resp.roles = roles;\r\n              } catch (error) {\r\n                throw Error(\r\n                  `[requestClient] Error parsing response JSON data - ${JSON.stringify(\r\n                    error\r\n                  )}`\r\n                );\r\n              }\r\n\r\n              return resp;\r\n            }\r\n          ]\r\n        })\r\n        .then(response => {\r\n          this.form = response.data;\r\n          //this.loader.hide();\r\n        })\r\n        .catch(e => this.errors.push(e));\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></style>\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\nh3 {\r\n  margin: 40px 0 0;\r\n}\r\nul {\r\n  list-style-type: none;\r\n  padding: 0;\r\n}\r\nli {\r\n  display: inline-block;\r\n  margin: 0 10px;\r\n}\r\na {\r\n  color: #42b983;\r\n}\r\n</style>\r\n<style>\r\n#fileInput {\r\n  display: none;\r\n}\r\n.img-preview {\r\n  width: 200px;\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!./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=64b7aed7&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=64b7aed7&scoped=true&lang=css&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&lang=css&\"\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  \"64b7aed7\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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=1&id=64b7aed7&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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=1&id=64b7aed7&scoped=true&lang=css&\""],"sourceRoot":""}