{"version":3,"sources":["webpack:///./src/views/apps/user/UserView.vue","webpack:///./src/store/user-management/moduleUserManagementState.js","webpack:///./src/store/user-management/moduleUserManagementMutations.js","webpack:///./src/store/user-management/moduleUserManagementActions.js","webpack:///./src/store/user-management/moduleUserManagementGetters.js","webpack:///./src/store/user-management/moduleUserManagement.js","webpack:///src/views/apps/user/UserView.vue","webpack:///./src/views/apps/user/UserView.vue?8761","webpack:///./src/views/apps/user/UserView.vue?05cc","webpack:///./src/views/apps/user/UserView.vue?99d6"],"names":["render","_vm","this","_c","_self","attrs","user_not_found","on","$event","_v","_s","$route","params","userId","staticClass","name","user_data","avatar","username","email","status","role","company","confirmDeleteRecord","dob","mobile","website","languages_known","join","gender","contact_options","social_links","twitter","facebook","instagram","github","codepen","slack","_l","heading","key","permissions","val","permission","model","value","callback","$$v","$set","expression","_e","staticRenderFns","users","SET_USERS","state","REMOVE_RECORD","itemId","userIndex","findIndex","u","id","splice","fetchUsers","_ref","commit","Promise","resolve","reject","axios","get","then","response","data","catch","error","fetchUser","context","concat","removeRecord","_ref2","delete","isRegistered","namespaced","mutations","actions","getters","computed","userAddress","str","field","location","methods","$vs","dialog","type","color","title","text","accept","deleteRecord","acceptText","$router","push","showDeleteSuccess","notify","created","_this","moduleUserManagement","$store","registerModule","dispatch","res","err","console","component"],"mappings":"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","file":"js/chunk-5af201ec.4f0348f1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"page-user-view\"}},[_c('vs-alert',{attrs:{\"color\":\"danger\",\"title\":\"User Not Found\",\"active\":_vm.user_not_found},on:{\"update:active\":function($event){_vm.user_not_found=$event}}},[_c('span',[_vm._v(\"User record with id: \"+_vm._s(_vm.$route.params.userId)+\" not found. \")]),_c('span',[_c('span',[_vm._v(\"Check \")]),_c('router-link',{staticClass:\"text-inherit underline\",attrs:{\"to\":{name:'page-user-list'}}},[_vm._v(\"All Users\")])],1)]),(_vm.user_data)?_c('div',{attrs:{\"id\":\"user-data\"}},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Account\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\",attrs:{\"id\":\"avatar-col\"}},[_c('div',{staticClass:\"img-container mb-4\"},[_c('img',{staticClass:\"rounded w-full\",attrs:{\"src\":_vm.user_data.avatar}})])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-1\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Username\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.username))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Name\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.name))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Email\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.email))])])])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-2\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Status\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.status))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Role\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.role))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Company\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.company))])])])]),_c('div',{staticClass:\"vx-col w-full flex\",attrs:{\"id\":\"account-manage-buttons\"}},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit\",\"to\":{name: 'app-user-edit', params: { userId: _vm.$route.params.userId }}}},[_vm._v(\"Edit\")]),_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\"},on:{\"click\":_vm.confirmDeleteRecord}},[_vm._v(\"Delete\")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Information\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Birth Date\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.dob))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Mobile\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.mobile))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Website\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.website))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Languages\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.languages_known.join(\", \")))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Gender\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.gender))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Contact\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.contact_options.join(\", \")))])])])])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Social Links\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Twitter\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.twitter))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Facebook\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.facebook))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Instagram\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.instagram))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Github\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.github))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"CodePen\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.codepen))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Slack\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.slack))])])])])],1)]),_c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex items-end px-3\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"svgClasses\":\"w-6 h-6\",\"icon\":\"LockIcon\"}}),_c('span',{staticClass:\"font-medium text-lg leading-none\"},[_vm._v(\"Permissions\")])],1),_c('vs-divider')],1)]),_c('div',{staticClass:\"block overflow-x-auto\"},[_c('table',{staticClass:\"w-full permissions-table\"},[_c('tr',_vm._l((['Module', 'Read', 'Write', 'Create', 'Delete']),function(heading){return _c('th',{key:heading,staticClass:\"font-semibold text-base text-left px-3 py-2\"},[_vm._v(_vm._s(heading))])}),0),_vm._l((_vm.user_data.permissions),function(val,name){return _c('tr',{key:name},[_c('td',{staticClass:\"px-3 py-2\"},[_vm._v(_vm._s(name))]),_vm._l((val),function(permission,name){return _c('td',{key:name+permission,staticClass:\"px-3 py-2\"},[_c('vs-checkbox',{staticClass:\"pointer-events-none\",model:{value:(val[name]),callback:function ($$v) {_vm.$set(val, name, $$v)},expression:\"val[name]\"}})],1)})],2)})],2)])])],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*=========================================================================================\n  File Name: moduleCalendarState.js\n  Description: Calendar Module State\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nexport default {\n  users: [],\n}\n","/*=========================================================================================\n  File Name: moduleCalendarMutations.js\n  Description: Calendar Module Mutations\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {\n  SET_USERS(state, users) {\n    state.users = users\n  },\n  REMOVE_RECORD(state, itemId) {\n      const userIndex = state.users.findIndex((u) => u.id == itemId)\n      state.users.splice(userIndex, 1)\n  },\n}\n","/*=========================================================================================\n  File Name: moduleCalendarActions.js\n  Description: Calendar Module Actions\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nimport axios from \"@/axios.js\"\n\nexport default {\n  // addItem({ commit }, item) {\n  //   return new Promise((resolve, reject) => {\n  //     axios.post(\"/api/data-list/products/\", {item: item})\n  //       .then((response) => {\n  //         commit('ADD_ITEM', Object.assign(item, {id: response.data.id}))\n  //         resolve(response)\n  //       })\n  //       .catch((error) => { reject(error) })\n  //   })\n  // },\n  fetchUsers({ commit }) {\n    return new Promise((resolve, reject) => {\n      axios.get(\"/api/user-management/users\")\n        .then((response) => {\n          commit('SET_USERS', response.data)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  fetchUser(context, userId) {\n    return new Promise((resolve, reject) => {\n      axios.get(`/api/user-management/users/${userId}`)\n        .then((response) => {\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  removeRecord({ commit }, userId) {\n    return new Promise((resolve, reject) => {\n      axios.delete(`/api/user-management/users/${userId}`)\n        .then((response) => {\n          commit('REMOVE_RECORD', userId)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  }\n}\n","/*=========================================================================================\n  File Name: moduleCalendarGetters.js\n  Description: Calendar Module Getters\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {}\n","/*=========================================================================================\n  File Name: moduleUserManagement.js\n  Description: Calendar Module\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nimport state from './moduleUserManagementState.js'\nimport mutations from './moduleUserManagementMutations.js'\nimport actions from './moduleUserManagementActions.js'\nimport getters from './moduleUserManagementGetters.js'\n\nexport default {\n  isRegistered: false,\n  namespaced: true,\n  state: state,\n  mutations: mutations,\n  actions: actions,\n  getters: getters\n}\n\n","<!-- =========================================================================================\n  File Name: UserView.vue\n  Description: User View page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"page-user-view\">\n\n    <vs-alert color=\"danger\" title=\"User Not Found\" :active.sync=\"user_not_found\">\n      <span>User record with id: {{ $route.params.userId }} not found. </span>\n      <span>\n        <span>Check </span><router-link :to=\"{name:'page-user-list'}\" class=\"text-inherit underline\">All Users</router-link>\n      </span>\n    </vs-alert>\n\n    <div id=\"user-data\" v-if=\"user_data\">\n\n      <vx-card title=\"Account\" class=\"mb-base\">\n\n        <!-- Avatar -->\n        <div class=\"vx-row\">\n\n          <!-- Avatar Col -->\n          <div class=\"vx-col\" id=\"avatar-col\">\n            <div class=\"img-container mb-4\">\n              <img :src=\"user_data.avatar\" class=\"rounded w-full\" />\n            </div>\n          </div>\n\n          <!-- Information - Col 1 -->\n          <div class=\"vx-col flex-1\" id=\"account-info-col-1\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Username</td>\n                <td>{{ user_data.username }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Name</td>\n                <td>{{ user_data.name }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Email</td>\n                <td>{{ user_data.email }}</td>\n              </tr>\n            </table>\n          </div>\n          <!-- /Information - Col 1 -->\n\n          <!-- Information - Col 2 -->\n          <div class=\"vx-col flex-1\" id=\"account-info-col-2\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Status</td>\n                <td>{{ user_data.status }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Role</td>\n                <td>{{ user_data.role }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Company</td>\n                <td>{{ user_data.company }}</td>\n              </tr>\n            </table>\n          </div>\n          <!-- /Information - Col 2 -->\n          <div class=\"vx-col w-full flex\" id=\"account-manage-buttons\">\n            <vs-button icon-pack=\"feather\" icon=\"icon-edit\" class=\"mr-4\" :to=\"{name: 'app-user-edit', params: { userId: $route.params.userId }}\">Edit</vs-button>\n            <vs-button type=\"border\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-trash\" @click=\"confirmDeleteRecord\">Delete</vs-button>\n          </div>\n\n        </div>\n\n      </vx-card>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col lg:w-1/2 w-full\">\n          <vx-card title=\"Information\" class=\"mb-base\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Birth Date</td>\n                <td>{{ user_data.dob }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Mobile</td>\n                <td>{{ user_data.mobile }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Website</td>\n                <td>{{ user_data.website }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Languages</td>\n                <td>{{ user_data.languages_known.join(\", \") }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Gender</td>\n                <td>{{ user_data.gender }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Contact</td>\n                <td>{{ user_data.contact_options.join(\", \") }}</td>\n              </tr>\n            </table>\n          </vx-card>\n        </div>\n\n        <div class=\"vx-col lg:w-1/2 w-full\">\n          <vx-card title=\"Social Links\" class=\"mb-base\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Twitter</td>\n                <td>{{ user_data.social_links.twitter }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Facebook</td>\n                <td>{{ user_data.social_links.facebook }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Instagram</td>\n                <td>{{ user_data.social_links.instagram }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Github</td>\n                <td>{{ user_data.social_links.github }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">CodePen</td>\n                <td>{{ user_data.social_links.codepen }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Slack</td>\n                <td>{{ user_data.social_links.slack }}</td>\n              </tr>\n            </table>\n          </vx-card>\n        </div>\n      </div>\n\n      <!-- Permissions -->\n      <vx-card>\n\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <div class=\"flex items-end px-3\">\n              <feather-icon svgClasses=\"w-6 h-6\" icon=\"LockIcon\" class=\"mr-2\" />\n              <span class=\"font-medium text-lg leading-none\">Permissions</span>\n            </div>\n            <vs-divider />\n          </div>\n        </div>\n\n        <div class=\"block overflow-x-auto\">\n          <table class=\"w-full permissions-table\">\n            <tr>\n              <!--\n                You can also use `Object.keys(Object.values(data_local.permissions)[0])` this logic if you consider,\n                our data structure. You just have to loop over above variable to get table headers.\n                Below we made it simple. So, everyone can understand.\n               -->\n              <th class=\"font-semibold text-base text-left px-3 py-2\" v-for=\"heading in ['Module', 'Read', 'Write', 'Create', 'Delete']\" :key=\"heading\">{{ heading }}</th>\n            </tr>\n\n            <tr v-for=\"(val, name) in user_data.permissions\" :key=\"name\">\n              <td class=\"px-3 py-2\">{{ name }}</td>\n              <td v-for=\"(permission, name) in val\" class=\"px-3 py-2\" :key=\"name+permission\">\n                <vs-checkbox v-model=\"val[name]\" class=\"pointer-events-none\" />\n              </td>\n            </tr>\n          </table>\n        </div>\n\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport moduleUserManagement from '@/store/user-management/moduleUserManagement.js'\n\nexport default {\n  data() {\n    return {\n      user_data: null,\n      user_not_found: false,\n    }\n  },\n  computed: {\n    userAddress() {\n      let str = \"\"\n      for(var field in this.user_data.location) {\n        str += field + \" \"\n      }\n      return str\n    }\n  },\n  methods: {\n    confirmDeleteRecord() {\n      this.$vs.dialog({\n        type: 'confirm',\n        color: 'danger',\n        title: `Confirm Delete`,\n        text: `You are about to delete \"${this.user_data.username}\"`,\n        accept: this.deleteRecord,\n        acceptText: \"Delete\"\n      })\n    },\n    deleteRecord() {\n      /* Below two lines are just for demo purpose */\n      this.$router.push({name:'app-user-list'});\n      this.showDeleteSuccess()\n\n      /* UnComment below lines for enabling true flow if deleting user */\n      // this.$store.dispatch(\"userManagement/removeRecord\", this.user_data.id)\n      //   .then(()   => { this.$router.push({name:'app-user-list'}); this.showDeleteSuccess() })\n      //   .catch(err => { console.error(err)       })\n    },\n    showDeleteSuccess() {\n      this.$vs.notify({\n        color: 'success',\n        title: 'User Deleted',\n        text: 'The selected user was successfully deleted'\n      })\n    }\n  },\n  created() {\n    // Register Module UserManagement Module\n    if(!moduleUserManagement.isRegistered) {\n      this.$store.registerModule('userManagement', moduleUserManagement)\n      moduleUserManagement.isRegistered = true\n    }\n\n    const userId = this.$route.params.userId\n    this.$store.dispatch(\"userManagement/fetchUser\", userId)\n      .then(res => { this.user_data = res.data })\n      .catch(err => {\n        if(err.response.status === 404) {\n          this.user_not_found = true\n          return\n        }\n        console.error(err) })\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n#avatar-col {\n  width: 10rem;\n}\n\n#page-user-view {\n  table {\n    td {\n      vertical-align: top;\n      min-width: 140px;\n      padding-bottom: .8rem;\n      word-break: break-all;\n    }\n\n    &:not(.permissions-table) {\n      td {\n        @media screen and (max-width:370px) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n// #account-info-col-1 {\n//   // flex-grow: 1;\n//   width: 30rem !important;\n//   @media screen and (min-width:1200px) {\n//     & {\n//       flex-grow: unset !important;\n//     }\n//   }\n// }\n\n\n@media screen and (min-width:1201px) and (max-width:1211px),\nonly screen and (min-width:636px) and (max-width:991px) {\n  #account-info-col-1 {\n    width: calc(100% - 12rem) !important;\n  }\n\n  // #account-manage-buttons {\n  //   width: 12rem !important;\n  //   flex-direction: column;\n\n  //   > button {\n  //     margin-right: 0 !important;\n  //     margin-bottom: 1rem;\n  //   }\n  // }\n\n}\n\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!./UserView.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!./UserView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserView.vue?vue&type=template&id=0d6cd5db\"\nimport script from \"./UserView.vue?vue&type=script&lang=js\"\nexport * from \"./UserView.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserView.vue?vue&type=style&index=0&id=0d6cd5db&prod&lang=scss\"\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--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=style&index=0&id=0d6cd5db&prod&lang=scss\""],"sourceRoot":""}