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