{"version":3,"sources":["webpack:///../../../src/components/VGrid/VLayout.ts","webpack:///./src/components/dialogs/UsersAndRolesDialog.vue?1b39","webpack:///./src/components/main/user/AddNewUser.vue?abdd","webpack:///src/components/main/user/AddNewUser.vue","webpack:///./src/components/main/user/AddNewUser.vue?6931","webpack:///./src/components/main/user/AddNewUser.vue","webpack:///./src/components/main/RoleCard.vue?7541","webpack:///src/components/main/RoleCard.vue","webpack:///./src/components/main/RoleCard.vue?e490","webpack:///../../../src/components/VItemGroup/VItem.ts","webpack:///./src/components/main/RoleCard.vue","webpack:///./src/components/main/user/UserCard.vue?e43c","webpack:///src/components/main/user/UserCard.vue","webpack:///./src/components/main/user/UserCard.vue?d12d","webpack:///./src/components/main/user/UserCard.vue","webpack:///src/components/dialogs/UsersAndRolesDialog.vue","webpack:///./src/components/dialogs/UsersAndRolesDialog.vue?57cf","webpack:///./src/components/dialogs/UsersAndRolesDialog.vue","webpack:///../../../src/components/VCheckbox/VCheckbox.ts"],"names":["_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","isVisible","expression","on","CloseDialog","_v","_l","group","key","id","roles","grouproles","_e","groups","addUser","staticClass","items","search","combomodel","user","showDelete","selectedOpen","_s","selectedElement","firstname","lastname","cancel","$event","DeleteUser","staticRenderFns","scopedSlots","_u","fn","ref","_g","UserFirstNameErrors","$v","$touch","$set","UserLastNameErrors","UserEmailErrors","email","groupsToList","UserGroupErrors","$invalid","save","name","props","data","validations","computed","filter","$dirty","required","errors","push","methods","$reset","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VContainer","VDialog","VIcon","VRow","VSelect","VTextField","groupName","role","active","roleName","Getvalue","SaveRole","groupandroles","companyId","$store","getters","details","roleId","roleID","groupId","checked","event","result","find","BaseItem","activeClass","isActive","toggle","render","$scopedSlots","element","default","Array","_b","class","console","mixins","VCheckbox","VItem","VItemGroup","VToolbar","emailAddress","deleteUser","SaveGroup","myGroups","usergroupid","groupID","VRadio","VRadioGroup","VSpacer","components","AddNewUser","RoleCard","UserCard","setTimeout","open","OpenDialog","GetPageData","GetUsers","GetGroups","GetRoles","GetGroupRoles","users","myUsers","watch","length","isLoading","VAutocomplete","VDivider","VLayout","VSubheader","VToolbarItems","VToolbarTitle","indeterminate","indeterminateIcon","type","offIcon","onIcon","inputIndeterminate","classes","computedIcon","validationState","disabled","hasError","hasColor","genCheckbox","setTextColor","dense","dark","light","genInput","toString","genRipple","genDefaultSlot"],"mappings":"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","file":"js/chunk-2d9df0a1.9ddc69ac.js","sourcesContent":["import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{attrs:{\"row\":\"\",\"justify-center\":\"\"}},[_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.isVisible),callback:function ($$v) {_vm.isVisible=$$v},expression:\"isVisible\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"dark\":\"\",\"color\":\"primary\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":_vm.CloseDialog}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1),_c('v-toolbar-title',[_vm._v(\"Users and Roles\")]),_c('v-spacer'),_c('v-toolbar-items')],1),_c('v-card-text',[_c('v-container',[_c('v-subheader',[_vm._v(\"Roles\")]),(this.roles)?_c('v-row',{attrs:{\"justify\":\"center\"}},_vm._l((this.groups),function(group){return _c('role-card',{key:group.id,attrs:{\"group\":group,\"roles\":_vm.roles,\"grouproles\":_vm.grouproles}})}),1):_vm._e()],1),_c('v-divider'),_c('v-container',[_c('v-row',[_c('v-subheader',[_vm._v(\"Add user\")]),_c('addNewUser',{attrs:{\"groups\":this.groups},on:{\"addUser\":_vm.addUser}})],1)],1),_c('v-divider'),_c('v-container',[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-subheader',[_vm._v(\"Users\")]),_c('v-spacer'),_c('v-autocomplete',{staticClass:\"mx-3\",attrs:{\"prepend-inner-icon\":\"mdi-magnify\",\"items\":_vm.items,\"search-input\":_vm.search,\"dense\":\"\",\"label\":\"User\",\"clearable\":\"\",\"outlined\":\"\",\"item-text\":\"fullname\"},model:{value:(_vm.combomodel),callback:function ($$v) {_vm.combomodel=$$v},expression:\"combomodel\"}})],1),(_vm.myUsers)?_c('v-row',{attrs:{\"justify\":\"center\"}},_vm._l((_vm.myUsers),function(user){return _c('user-card',{key:user.id,attrs:{\"user\":user,\"groups\":_vm.groups},on:{\"delete\":_vm.showDelete}})}),1):_vm._e()],1)],1)],1)],1),(_vm.selectedElement)?_c('v-dialog',{attrs:{\"justify-center\":\"\",\"max-width\":\"350px\"},model:{value:(_vm.selectedOpen),callback:function ($$v) {_vm.selectedOpen=$$v},expression:\"selectedOpen\"}},[_c('v-card',{attrs:{\"color\":\"grey lighten-4\"}},[_c('v-toolbar',{attrs:{\"dark\":\"\",\"color\":\"red\"}},[_c('v-card-title',[_vm._v(\"Delete \"+_vm._s(_vm.selectedElement.firstname)+\" \"+_vm._s(_vm.selectedElement.lastname)+\"?\")])],1),_c('v-card-actions',{attrs:{\"justify-space-around\":\"\"}},[_c('v-btn',{attrs:{\"dark\":\"\",\"color\":\"grey\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")]),_c('v-btn',{attrs:{\"color\":\"error\"},on:{\"click\":function($event){return _vm.DeleteUser(_vm.selectedElement)}}},[_vm._v(\"Delete\")])],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-width\":\"400px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"color\":\"primary\"}},on),[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"mdi-plus\")])],1)]}}]),model:{value:(_vm.isVisible),callback:function ($$v) {_vm.isVisible=$$v},expression:\"isVisible\"}},[_c('v-card',[_c('v-container',[_c('v-card-title',[_vm._v(\"Add user\")]),_c('v-card-text',[_c('v-text-field',{attrs:{\"color\":\"primary\",\"label\":\"First name\",\"required\":\"\",\"error-messages\":_vm.UserFirstNameErrors},on:{\"input\":function($event){return _vm.$v.user.firstname.$touch()},\"blur\":function($event){return _vm.$v.user.firstname.$touch()}},model:{value:(_vm.user.firstname),callback:function ($$v) {_vm.$set(_vm.user, \"firstname\", $$v)},expression:\"user.firstname\"}}),_c('v-text-field',{attrs:{\"color\":\"primary\",\"label\":\"Last name\",\"required\":\"\",\"error-messages\":_vm.UserLastNameErrors},on:{\"input\":function($event){return _vm.$v.user.lastname.$touch()},\"blur\":function($event){return _vm.$v.user.lastname.$touch()}},model:{value:(_vm.user.lastname),callback:function ($$v) {_vm.$set(_vm.user, \"lastname\", $$v)},expression:\"user.lastname\"}}),_c('v-text-field',{attrs:{\"color\":\"primary\",\"label\":\"E-mail\",\"required\":\"\",\"error-messages\":_vm.UserEmailErrors},on:{\"input\":function($event){return _vm.$v.user.email.$touch()},\"blur\":function($event){return _vm.$v.user.email.$touch()}},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}}),_c('v-select',{attrs:{\"items\":_vm.groupsToList,\"item-text\":\"groupName\",\"item-value\":\"id\",\"return-object\":\"\",\"required\":\"\",\"error-messages\":_vm.UserGroupErrors,\"label\":\"Group\"},on:{\"input\":function($event){return _vm.$v.user.group.$touch()},\"blur\":function($event){return _vm.$v.user.group.$touch()}},model:{value:(_vm.user.group),callback:function ($$v) {_vm.$set(_vm.user, \"group\", $$v)},expression:\"user.group\"}})],1),_c('v-card-actions',[_c('v-row',{attrs:{\"justify\":\"space-around\"}},[_c('v-btn',{attrs:{\"disabled\":this.$v.$invalid,\"light\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.save()}}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"mdi-content-save\")])],1),_c('v-btn',{attrs:{\"dark\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.cancel}},[_vm._v(\"cancel\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"isVisible\" max-width=\"400px\">\r\n    <template v-slot:activator=\"{ on }\">\r\n      <v-btn v-on=\"on\" fab dark small color=\"primary\">\r\n        <v-icon dark>mdi-plus</v-icon>\r\n      </v-btn>\r\n    </template>\r\n    <v-card>\r\n      <v-container>\r\n        <v-card-title>Add user</v-card-title>\r\n        <v-card-text>\r\n          <v-text-field\r\n            color=\"primary\"\r\n            label=\"First name\"\r\n            required\r\n            v-model=\"user.firstname\"\r\n            :error-messages=\"UserFirstNameErrors\"\r\n            @input=\"$v.user.firstname.$touch()\"\r\n            @blur=\"$v.user.firstname.$touch()\"\r\n          ></v-text-field>\r\n          <v-text-field\r\n            color=\"primary\"\r\n            label=\"Last name\"\r\n            required\r\n            v-model=\"user.lastname\"\r\n            :error-messages=\"UserLastNameErrors\"\r\n            @input=\"$v.user.lastname.$touch()\"\r\n            @blur=\"$v.user.lastname.$touch()\"\r\n          ></v-text-field>\r\n          <v-text-field\r\n            color=\"primary\"\r\n            label=\"E-mail\"\r\n            required\r\n            v-model=\"user.email\"\r\n            :error-messages=\"UserEmailErrors\"\r\n            @input=\"$v.user.email.$touch()\"\r\n            @blur=\"$v.user.email.$touch()\"\r\n          ></v-text-field>\r\n          <v-select\r\n            v-model=\"user.group\"\r\n            :items=\"groupsToList\"\r\n            item-text=\"groupName\"\r\n            item-value=\"id\"\r\n            return-object\r\n            required\r\n            :error-messages=\"UserGroupErrors\"\r\n            @input=\"$v.user.group.$touch()\"\r\n            @blur=\"$v.user.group.$touch()\"\r\n            label=\"Group\"\r\n          ></v-select>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-row justify=\"space-around\">\r\n            <v-btn :disabled=\"this.$v.$invalid\" light color=\"primary\" @click=\"save()\">\r\n              <v-icon dark>mdi-content-save</v-icon>\r\n            </v-btn>\r\n            <v-btn dark color=\"primary\" @click=\"cancel\">cancel</v-btn>\r\n          </v-row>\r\n        </v-card-actions>\r\n      </v-container>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport { required, email } from \"vuelidate/lib/validators\";\r\n\r\nexport default {\r\n  name: \"AddNewUser\",\r\n  props: [\"groups\"],\r\n  data: () => ({\r\n    isVisible: false,\r\n    user: {\r\n      firstname: \"\",\r\n      lastname: \"\",\r\n      email: \"\",\r\n      group: \"\"\r\n    },\r\n  }),\r\n  validations: {\r\n    user: {\r\n      firstname: { required },\r\n      lastname: { required },\r\n      email: { email, required },\r\n      group: { required }\r\n    }\r\n  },\r\n  computed: {\r\n    groupsToList() {\r\n      return this.groups.filter(gr => gr.groupName  !== 'Administrator');\r\n    },\r\n    UserFirstNameErrors() {\r\n      const errors = [];\r\n      if (!this.$v.user.firstname.$dirty) return errors;\r\n      !this.$v.user.firstname.required && errors.push(\"Firstname is required.\");\r\n      return errors;\r\n    },\r\n    UserLastNameErrors() {\r\n      const errors = [];\r\n      if (!this.$v.user.lastname.$dirty) return errors;\r\n      !this.$v.user.lastname.required && errors.push(\"Lastname is required.\");\r\n      return errors;\r\n    },\r\n    UserEmailErrors() {\r\n      const errors = [];\r\n      if (!this.$v.user.email.$dirty) return errors;\r\n      !this.$v.user.email.required && errors.push(\"E-mail is required\");\r\n      !this.$v.user.email.email && errors.push(\"Must be valid e-mail\");\r\n\r\n      return errors;\r\n    },\r\n    UserGroupErrors() {\r\n      const errors = [];\r\n      if (!this.$v.user.group.$dirty) return errors;\r\n      !this.$v.user.group.required && errors.push(\"Group is required\");\r\n      return errors;\r\n    }\r\n  },\r\n  methods: {\r\n    cancel() {\r\n      this.$v.$reset();\r\n      this.user = {};\r\n      this.isVisible = false;\r\n    },\r\n    save() {\r\n      this.isVisible = false;\r\n      \r\n      let mutation = `mutation createUser($user: CreateUser!) {\r\n                                createUser(user: $user) {\r\n                                     id\r\n                                    firstname,\r\n                                    lastname,\r\n                                    group{\r\n                                      id,\r\n                                      groupName\r\n                                    }\r\n                                }\r\n                            }`;\r\n\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: mutation,\r\n          variables: {\r\n            user: {\r\n              firstname: this.user.firstname,\r\n              lastname: this.user.lastname,\r\n              emailaddress: this.user.email,\r\n              companyID: this.$store.getters.user.details.companyId,\r\n              userGroupId: this.user.group.id\r\n            }\r\n          }\r\n        })\r\n        .then(result => {\r\n          if (result.data.data.createUser.id) {\r\n            this.user = {};\r\n            this.$emit(\"addUser\", result.data.data.createUser);\r\n            this.showSuccess(\"User added!\");\r\n            this.$v.$reset();\r\n          }\r\n        })\r\n        .catch(error => this.showError(error));\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddNewUser.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddNewUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddNewUser.vue?vue&type=template&id=085956c2&\"\nimport script from \"./AddNewUser.vue?vue&type=script&lang=js&\"\nexport * from \"./AddNewUser.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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VContainer,VDialog,VIcon,VRow,VSelect,VTextField})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.group.groupName != 'Administrator')?_c('v-card',{staticClass:\"mx-5 mb-5\",attrs:{\"dark\":\"\",\"color\":\"primary lighten-1\",\"max-width\":\"320\"}},[_c('v-toolbar',{attrs:{\"flat\":\"\",\"color\":\"primary\"}},[_c('v-card-title',{attrs:{\"light\":\"\"}},[_vm._v(_vm._s(_vm.group.groupName))])],1),_c('v-card-text',[_c('v-item-group',{attrs:{\"multiple\":\"\"}},_vm._l((_vm.roles),function(role){return _c('v-item',{key:role.id,scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar active = ref.active;\nreturn _c('v-checkbox',{attrs:{\"selected\":active,\"label\":role.roleName,\"input-value\":_vm.Getvalue(role.id)},on:{\"change\":function($event){return _vm.SaveRole($event, role.id)}}})}}],null,true)})}),1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card dark color=\"primary lighten-1\" max-width=\"320\" class=\"mx-5 mb-5\" v-if=\"group.groupName != 'Administrator'\">\r\n    \r\n      <v-toolbar flat color=\"primary\">\r\n        <v-card-title light>{{group.groupName}}</v-card-title>\r\n      </v-toolbar>\r\n      <v-card-text>\r\n        <v-item-group multiple>\r\n          <v-item v-for=\"role in roles\" :key=\"role.id\">\r\n            <v-checkbox\r\n              slot-scope=\"{ active }\"\r\n              :selected=\"active\"\r\n              :label=\"role.roleName\"\r\n              @change=\"SaveRole($event, role.id)\"\r\n              :input-value=\"Getvalue(role.id)\"\r\n            />\r\n          </v-item>\r\n        </v-item-group>\r\n      </v-card-text>\r\n    \r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nexport default {\r\n  props: [\"group\", \"roles\", \"grouproles\"],\r\n\r\n  methods: {\r\n    SaveRole(event, roleID) {\r\n      let groupandroles = {\r\n        groupandroles: {\r\n          companyId: this.$store.getters.user.details.companyId,\r\n          roleId: roleID,\r\n          groupId: this.group.id\r\n        },\r\n        checked: event\r\n      };\r\n\r\n      let mutation = `mutation savegroupandroles($groupandroles: SaveGroupAandRoles!,$checked: Boolean!) {\r\n                              savegroupandroles(groupandroles : $groupandroles, checked: $checked ) {\r\n                          id\r\n                        }\r\n                      }`;\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: mutation,\r\n          variables: groupandroles\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.savegroupandroles) {\r\n            this.showSuccess(\"Role saved!\");\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Error while saving role!\");\r\n        });\r\n    },\r\n    Getvalue(roleID) {\r\n      if (this.grouproles) {\r\n        var result = this.grouproles.find(\r\n          el => el.groupId == this.group.id && el.roleId == roleID\r\n        );\r\n        if (result != null) {\r\n          return true;\r\n        }\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleCard.vue?vue&type=script&lang=js&\"","// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\n/* @vue/component */\nexport const BaseItem = Vue.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('v-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n  name: 'v-item',\n})\n","import { render, staticRenderFns } from \"./RoleCard.vue?vue&type=template&id=ac60962c&\"\nimport script from \"./RoleCard.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleCard.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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VItem } from 'vuetify/lib/components/VItemGroup';\nimport { VItemGroup } from 'vuetify/lib/components/VItemGroup';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCheckbox,VItem,VItemGroup,VToolbar})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.user.emailAddress != this.$store.getters.user.email && _vm.user.group.groupName !== 'Administrator')?_c('v-card',{staticClass:\"mx-5 mb-5\",attrs:{\"dark\":\"\",\"color\":\"primary lighten-1\",\"width\":\"320\"}},[_c('v-toolbar',{attrs:{\"flat\":\"\",\"color\":\"primary\"}},[_c('v-card-title',{attrs:{\"light\":\"\"}},[_vm._v(_vm._s(_vm.user.firstname)+\" \"+_vm._s(_vm.user.lastname))]),_c('v-spacer'),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"light\":\"\"},on:{\"click\":_vm.deleteUser}},[_c('v-icon',{attrs:{\"color\":\"red\"}},[_vm._v(\"mdi-delete\")])],1)],1),_c('v-card-text',[_c('v-radio-group',{model:{value:(_vm.user.group.id),callback:function ($$v) {_vm.$set(_vm.user.group, \"id\", $$v)},expression:\"user.group.id\"}},_vm._l((_vm.myGroups),function(group){return _c('v-radio',{key:group.id,attrs:{\"label\":group.groupName,\"value\":group.id,\"color\":\"white\"},on:{\"change\":function($event){return _vm.SaveGroup(group.id)}}})}),1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n  <v-card class=\"mx-5 mb-5\" dark color=\"primary lighten-1\" width=\"320\" v-if=\"user.emailAddress != this.$store.getters.user.email && user.group.groupName !== 'Administrator'\">\r\n    <v-toolbar flat color=\"primary\">\r\n      <v-card-title light>{{user.firstname}} {{user.lastname}}</v-card-title>\r\n      <v-spacer></v-spacer>\r\n      <v-btn fab small light @click=\"deleteUser\">\r\n        <v-icon color=\"red\">mdi-delete</v-icon>\r\n      </v-btn>\r\n    </v-toolbar>\r\n\r\n    <v-card-text>\r\n      <v-radio-group v-model=\"user.group.id\">\r\n        <v-radio\r\n          v-for=\"group in myGroups\"\r\n          :key=\"group.id\"\r\n          :label=\"group.groupName\"\r\n          :value=\"group.id\"\r\n          color=\"white\"\r\n          @change=\"SaveGroup(group.id)\"\r\n        ></v-radio>\r\n      </v-radio-group>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nexport default {\r\n  name: \"UserCard\",\r\n  props: [\"user\", \"groups\"],\r\n  computed: {\r\n    myGroups() {\r\n      return this.groups.filter(gr => gr.groupName !== 'Administrator')\r\n    }\r\n  },\r\n  methods:{ \r\n      deleteUser(){\r\n          this.$emit('delete', this.user)\r\n      },\r\n      SaveGroup( groupID) {\r\n      let user = {\r\n        user: {\r\n          id: this.user.id,\r\n          usergroupid: groupID\r\n        }\r\n      };\r\n\r\n      let mutation = `mutation saveusersgroup($user: SaveUsersGroup!) {\r\n                              saveusersgroup(user : $user ) {\r\n                          id\r\n                        }\r\n                      }`;\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: mutation,\r\n          variables: user\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.saveusersgroup) {\r\n            this.showSuccess(\"Rolegroup saved!\");\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Error while saving rolegroup!\");\r\n        });\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserCard.vue?vue&type=template&id=03bfecbe&\"\nimport script from \"./UserCard.vue?vue&type=script&lang=js&\"\nexport * from \"./UserCard.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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRadio } from 'vuetify/lib/components/VRadioGroup';\nimport { VRadioGroup } from 'vuetify/lib/components/VRadioGroup';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VIcon,VRadio,VRadioGroup,VSpacer,VToolbar})\n","<template>\r\n  <v-layout row justify-center>\r\n    <v-dialog v-model=\"isVisible\" fullscreen hide-overlay transition=\"dialog-bottom-transition\">\r\n      <v-card>\r\n        <v-toolbar dark color=\"primary\">\r\n          <v-btn icon dark @click=\"CloseDialog\">\r\n            <v-icon>mdi-close</v-icon>\r\n          </v-btn>\r\n          <v-toolbar-title>Users and Roles</v-toolbar-title>\r\n          <v-spacer></v-spacer>\r\n          <v-toolbar-items>\r\n            <!-- <v-btn light flat @click=\"isVisible = false\">Save</v-btn> -->\r\n          </v-toolbar-items>\r\n        </v-toolbar>\r\n        <v-card-text>\r\n          <v-container>\r\n            <v-subheader>Roles</v-subheader>\r\n            <v-row justify=\"center\" v-if=\"this.roles\">\r\n              <role-card\r\n                v-for=\"group in this.groups\"\r\n                :key=\"group.id\"\r\n                :group=\"group\"\r\n                :roles=\"roles\"\r\n                :grouproles=\"grouproles\"\r\n              >\r\n              </role-card>\r\n            </v-row>\r\n          </v-container>\r\n          <v-divider></v-divider>\r\n          <v-container>\r\n            <v-row>\r\n              <v-subheader>Add user</v-subheader>\r\n              <addNewUser :groups=\"this.groups\" @addUser=\"addUser\"></addNewUser>\r\n            </v-row>\r\n          </v-container>\r\n\r\n          <v-divider></v-divider>\r\n          <v-container>\r\n            <v-row justify=\"center\">\r\n              <v-subheader>Users</v-subheader>\r\n              <v-spacer></v-spacer>\r\n              <v-autocomplete\r\n                v-model=\"combomodel\"\r\n                prepend-inner-icon=\"mdi-magnify\"\r\n                :items=\"items\"\r\n                :search-input=\"search\"\r\n                class=\"mx-3\"\r\n                dense\r\n                label=\"User\"\r\n                clearable\r\n                outlined\r\n                item-text=\"fullname\"\r\n              >\r\n                <!-- <template v-slot:selection=\"{ item }\">{{item.lastname}} {{item.firstname}}</template>\r\n                <template v-slot:item=\"{ item }\">{{item.lastname}} {{item.firstname}}</template>-->\r\n              </v-autocomplete>\r\n            </v-row>\r\n\r\n            <v-row justify=\"center\" v-if=\"myUsers\">\r\n              <user-card\r\n                v-for=\"user in myUsers\"\r\n                :key=\"user.id\"\r\n                :user=\"user\"\r\n                :groups=\"groups\"\r\n                @delete=\"showDelete\"\r\n              ></user-card>\r\n            </v-row>\r\n          </v-container>\r\n        </v-card-text>\r\n      </v-card>\r\n    </v-dialog>\r\n    <v-dialog v-if=\"selectedElement\" v-model=\"selectedOpen\" justify-center max-width=\"350px\">\r\n      <v-card color=\"grey lighten-4\">\r\n        <v-toolbar dark color=\"red\">\r\n          <v-card-title>Delete {{selectedElement.firstname}} {{selectedElement.lastname}}?</v-card-title>\r\n        </v-toolbar>\r\n        <v-card-actions justify-space-around>\r\n          <v-btn dark color=\"grey\" @click=\"cancel\">Cancel</v-btn>\r\n          <v-btn color=\"error\" @click=\"DeleteUser(selectedElement)\">Delete</v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n    <!-- <add-user-dialog ref=\"AddUserDialog\" v-on:closeAfterSave=\"RefreshUserList()\"></add-user-dialog>\r\n    <delete-user-dialog ref=\"DeleteUserDialog\" v-on:closeAfterConfirm=\"DeleteUser\"></delete-user-dialog>-->\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n// import AddUserDialog from \"../dialogs/AddUserDialog\";\r\n// import DeleteUserDialog from \"../dialogs/DeleteUserDialog\";\r\nimport AddNewUser from \"../main/user/AddNewUser\";\r\nimport RoleCard from \"../main/RoleCard\";\r\nimport UserCard from \"../main/user/UserCard\";\r\n\r\nexport default {\r\n  name: \"UsersAndRolesDialog\",\r\n  components: {\r\n    // AddUserDialog,\r\n    // DeleteUserDialog,\r\n    AddNewUser,\r\n    RoleCard,\r\n    UserCard\r\n  },\r\n  data: () => ({\r\n    isVisible: false,\r\n    groups: [],\r\n    roles: [],\r\n    grouproles: null,\r\n    search: \"\",\r\n    users: [],\r\n    selectedElement: null,\r\n    selectedOpen: false,\r\n    items: [],\r\n    combomodel: null\r\n  }),\r\n\r\n  methods: {\r\n    addUser(user) {\r\n      this.items.push(\r\n        Object.assign(user, {\r\n          fullname: `${user.firstname} ${user.lastname}`\r\n        })\r\n      );\r\n    },\r\n    showDelete(user) {\r\n      const open = () => {\r\n        this.selectedElement = user;\r\n        setTimeout(() => (this.selectedOpen = true), 10);\r\n      };\r\n\r\n      if (this.selectedOpen) {\r\n        this.selectedOpen = false;\r\n        setTimeout(open, 10);\r\n      } else {\r\n        open();\r\n      }\r\n    },\r\n\r\n    cancel() {\r\n      this.selectedOpen = false;\r\n      this.selectedElement = null;\r\n    },\r\n\r\n    DeleteUser(user) {\r\n      if (user.id) {\r\n        let mutation = `mutation deleteUser($id : String!){\r\n                          deleteUser(id : $id){\r\n                                id\r\n                                firstname,\r\n                                lastname,\r\n                                emailAddress,\r\n                                group{\r\n                                  id,\r\n                                  groupName\r\n                                }\r\n                          }\r\n                        }`;\r\n\r\n        axios\r\n          .post(\"/graphql\", {\r\n            query: mutation,\r\n            variables: { id: user.id }\r\n          })\r\n          .then( result => {\r\n            if (result.data.data.deleteUser) {\r\n              this.showSuccess(\"User deleted!\");\r\n              let index = this.items.findIndex(u => u.id === result.data.data.deleteUser.id);\r\n              this.items.splice(index, 1);\r\n              this.combomodel = null;\r\n              this.cancel();\r\n            }\r\n          })\r\n          .catch(error => this.showError(error));\r\n      }\r\n    },\r\n\r\n    OpenDialog() {\r\n      const GetPageData = async () => {\r\n        this.GetGroupRoles();\r\n        this.GetRoles();\r\n        this.GetGroups();\r\n        this.GetUsers();\r\n      };\r\n      GetPageData();\r\n      this.isVisible = true;\r\n    },\r\n\r\n    GetUsers() {\r\n      let queryString = `query usersOfCompany($companyID: String!){\r\n              usersOfCompany(companyID:$companyID){\r\n                id\r\n              firstname,\r\n              lastname,\r\n              emailAddress,\r\n  \t\t\t\t\t\tgroup{\r\n                id,\r\n                groupName\r\n              }\r\n              }\r\n            }`;\r\n\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: queryString,\r\n          variables: { companyID: this.$store.getters.user.details.companyId }\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.usersOfCompany) {\r\n            this.users = res.data.data.usersOfCompany;\r\n            let myuser = this.users.filter(\r\n              u => u.emailAddress == this.$store.getters.user.email\r\n            );\r\n\r\n            if (myuser) {\r\n              let index = this.users.indexOf(myuser[0]);\r\n              this.users.splice(index, 1);\r\n            }\r\n\r\n            this.users.forEach(user => {\r\n              this.items.push(\r\n                Object.assign(user, {\r\n                  fullname: `${user.firstname} ${user.lastname}`\r\n                })\r\n              );\r\n            });\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Could not get users!\");\r\n        });\r\n    },\r\n    GetGroups() {\r\n      let queryString = `query {\r\n                          groups{\r\n                            groupName,\r\n                            id\r\n                          }\r\n                      }`;\r\n\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: queryString\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.groups) {\r\n            this.groups = res.data.data.groups;\r\n            // res.data.data.groups.forEach(element => {\r\n            //   this.headers.push(\r\n            //     Object.assign({ name: element.groupName, id: element.id })\r\n            //   );\r\n            // });\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Could not get groups!\");\r\n        });\r\n    },\r\n    GetRoles() {\r\n      let queryString = `query {\r\n              roles{\r\n                roleName,\r\n                id\r\n              }\r\n            }`;\r\n\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: queryString\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.roles) {\r\n            this.roles = res.data.data.roles;\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Could not get roles!\");\r\n        });\r\n    },\r\n    GetGroupRoles() {\r\n      let queryString = `query grouproles($companyID: String!){\r\n              grouproles(companyID:$companyID){\r\n                groupId,\r\n                roleId\r\n              }\r\n            }`;\r\n\r\n      axios\r\n        .post(\"/graphql\", {\r\n          query: queryString,\r\n          variables: { companyID: this.$store.getters.user.details.companyId }\r\n        })\r\n        .then(res => {\r\n          if (res.data.data.grouproles) {\r\n            this.grouproles = res.data.data.grouproles;\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.showError(\"Could not get Group-roles!\");\r\n        });\r\n    },\r\n    CloseDialog() {\r\n      this.groups = [];\r\n      this.roles = [];\r\n      this.users = [];\r\n      this.items = [];\r\n      this.selectedElement = null;\r\n      this.selectedOpen = false;\r\n      this.isVisible = false;\r\n    }\r\n  },\r\n  computed: {\r\n    myUsers() {\r\n      if (!this.combomodel) {\r\n        return this.items;\r\n      }\r\n      return this.items.filter(s => s.fullname.includes(this.combomodel));\r\n    }\r\n  },\r\n  watch: {\r\n    search(val) {\r\n      if (this.items.length > 0) return;\r\n\r\n      // Items have already been requested\r\n      if (this.isLoading) return;\r\n\r\n      this.isLoading = true;\r\n\r\n      this.items.filter(u => u.fullname.includes(val));\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersAndRolesDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersAndRolesDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersAndRolesDialog.vue?vue&type=template&id=727fcad5&\"\nimport script from \"./UsersAndRolesDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersAndRolesDialog.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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarItems } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAutocomplete,VBtn,VCard,VCardActions,VCardText,VCardTitle,VContainer,VDialog,VDivider,VIcon,VLayout,VRow,VSpacer,VSubheader,VToolbar,VToolbarItems,VToolbarTitle})\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.disabled && !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      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          ...this.attrs$,\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"],"sourceRoot":""}