{"version":3,"sources":["webpack:///../../../src/components/VExpansionPanel/VExpansionPanels.ts","webpack:///./src/components/roles/RoleEdit.vue","webpack:///src/components/roles/RoleEdit.vue","webpack:///./src/components/roles/RoleEdit.vue?0653","webpack:///./src/components/roles/RoleEdit.vue?25cb","webpack:///../../../src/components/VExpansionPanel/VExpansionPanelContent.ts","webpack:///./src/components/roles/PermissionPicker.vue","webpack:///src/components/roles/PermissionPicker.vue","webpack:///./src/components/roles/PermissionPicker.vue?16b3","webpack:///./src/components/roles/PermissionPicker.vue?77f1","webpack:///../../../src/components/VExpansionPanel/VExpansionPanelHeader.ts","webpack:///../../../src/components/VExpansionPanel/VExpansionPanel.ts"],"names":["BaseItemGroup","extend","name","provide","expansionPanels","this","props","accordion","Boolean","disabled","flat","hover","focusable","inset","popout","readonly","tile","computed","classes","options","call","created","$attrs","hasOwnProperty","breaking","Array","isArray","value","length","methods","updateItem","item","index","getValue","nextValue","isActive","toggleMethod","nextIsActive","on","$event","model","_vm","callback","valid","_c","attrs","$t","role","permissionGuids","expression","submit","staticRenderFns","components","PermissionPicker","data","permissionsGuids","required","mapState","stateRole","mapActions","component","baseMixins","mixins","Bootable","Colorable","RegistrableInject","parentIsActive","expansionPanel","watch","immediate","handler","val","oldVal","isBooted","$nextTick","registerContent","beforeDestroy","unregisterContent","render","h","VExpandTransition","showLazyContent","setBackgroundColor","color","staticClass","directives","class","getSlot","domProps","_l","key","defaultRoles","addPermissionsFromDefault","permissions","i","staticStyle","_v","_s","permission","missingRecommended","addAllRecommended","type","default","panels","toggled","mapGetters","lPermissions","r","isRecommended","toggle","rolePermissions","clearToggled","ripple","disableIconRotate","expandIcon","String","hideActions","Object","hasMousedown","isDisabled","isReadonly","registerHeader","unregisterHeader","onClick","e","$emit","genIcon","icon","$createElement","VIcon","VFadeTransition","tabindex","$listeners","click","mousedown","mouseup","open","GroupableFactory","RegistrableProvide","content","header","groupClasses","vm","$on","detail","$el","blur"],"mappings":"0LAceA,cAAcC,OAAO,CAClCC,KAAM,qBAENC,QAAO,WACL,MAAO,CACLC,gBAAiBC,OAIrBC,MAAO,CACLC,UAAWC,QACXC,SAAUD,QACVE,KAAMF,QACNG,MAAOH,QACPI,UAAWJ,QACXK,MAAOL,QACPM,OAAQN,QACRO,SAAUP,QACVQ,KAAMR,SAGRS,SAAU,CACRC,QAAO,WACL,OAAO,iCACFlB,OAAcmB,QAAQF,SAASC,QAAQE,KAAKf,OAD1C,IAEL,sBAAsB,EACtB,gCAAiCA,KAAKE,UACtC,2BAA4BF,KAAKK,KACjC,4BAA6BL,KAAKM,MAClC,gCAAiCN,KAAKO,UACtC,4BAA6BP,KAAKQ,MAClC,6BAA8BR,KAAKS,OACnC,2BAA4BT,KAAKW,SAKvCK,QAAO,WAEDhB,KAAKiB,OAAOC,eAAe,WAC7BC,eAAS,SAAU,WAAYnB,MAK/BoB,MAAMC,QAAQrB,KAAKsB,QACnBtB,KAAKsB,MAAMC,OAAS,GACK,mBAAlBvB,KAAKsB,MAAM,IAElBH,eAAS,+BAAgC,kBAAmBnB,OAIhEwB,QAAS,CACPC,WAAU,SAAEC,EAAmDC,GAC7D,IAAML,EAAQtB,KAAK4B,SAASF,EAAMC,GAC5BE,EAAY7B,KAAK4B,SAASF,EAAMC,EAAQ,GAE9CD,EAAKI,SAAW9B,KAAK+B,aAAaT,GAClCI,EAAKM,aAAehC,KAAK+B,aAAaF,Q,kJCzEsD,W,IAAuB,OAACI,EAAG,W,OAAC,SAAS,C,IAAiBC,O,MAAwB,CAA8C,sBAAGC,IAAOb,OAAU,SAAO,GAA0Bc,OAAzBC,EAAQ,iBAAqBC,EAAK,aAAI,wBAAoB,OAAIC,MAAG,EAAQ,MAAuCC,SAAM,YAAC,QAAYC,GAAwD,WAAW,UAAWN,GAAK,OAAC,qB,MAAM,CAAiBE,MAAQ,EAAC,wB,eAA6BK,iBAAkB,MAAC,YAAuB,OAAI,MAAM,EAAC,UAAuCP,SAAM,YAACb,EAAK,KAAMoB,EAAI,KAACC,W,WAAmDP,gBAAmCQ,YAAW,wBAAsB,OAAI,MAAM,EAAC,qBAA6B,SAAC,YAAC,OAAQR,EAAIS,2BAAUT,WAAO,2BAE3zBU,YAAoB,WAExB,I,yIC6Be,GACfjD,kBAEAkD,YACAC,yBAGAC,gBAAA,WACA,OACAX,SACAI,MACA7C,QACAqD,qBAEAC,sBAAA,yCAIAvC,2BACAwC,wBAAAC,oBAGA7B,yCACA8B,0DAEAT,kBAAA,uJACA,wCACA,4DAIA,+DANA,MAUA7B,mBACA,0BAEA,GADA,wCACA,gCAEA,YADA,4BAIA,+CACA,mCACA,0DACA,4CC/EkT,I,YCO9SuC,EAAY,eACd,EACA,EACAT,GACA,EACA,KACA,KACA,MAIa,aAAAS,E,6CChBf,4EAcMC,EAAaC,eACjBC,OACAC,OACAC,eAAyD,iBAAkB,4BAA6B,sBAQ3FJ,SAAW5D,SAAkBA,OAAO,CACjDC,KAAM,4BAENoD,KAAM,iBAAO,CACXnB,UAAU,IAGZlB,SAAU,CACRiD,eAAc,WACZ,OAAO7D,KAAK8D,eAAehC,WAI/BiC,MAAO,CACLF,eAAgB,CACdG,WAAW,EACXC,QAAO,SAAEC,EAAKC,GAAM,WACdD,IAAKlE,KAAKoE,UAAW,GAEX,MAAVD,EAAgBnE,KAAK8B,SAAWoC,EAC/BlE,KAAKqE,WAAU,kBAAM,EAAKvC,SAAWoC,QAKhDlD,QAAO,WACLhB,KAAK8D,eAAeQ,gBAAgBtE,OAGtCuE,cAAa,WACXvE,KAAK8D,eAAeU,qBAGtBC,OAAM,SAAEC,GAAC,WACP,OAAOA,EAAEC,OAAmB3E,KAAK4E,iBAAgB,iBAAM,CACrDF,EAAE,MAAO,EAAKG,mBAAmB,EAAKC,MAAO,CAC3CC,YAAa,4BACbC,WAAY,CAAC,CACXnF,KAAM,OACNyB,MAAO,EAAKQ,aAEZ,CACF4C,EAAE,MAAO,CAAEO,MAAO,mCAAqCC,eAAQ,e,kKCrE2KC,G,UAAQ,W,IAAE,OAAuD,aAAC,OAAM,SAAaC,CAAwD,MAAO7C,CAAY8C,MAAIC,K,CAA2C9C,OAAM,C,YAAU,gB,GAAI,KAAQ,QAAS,yC,YAAS,uB,SAAG,CAACP,UAAG,2C,SAAS,GAAS,GAACsD,2BAA0BD,SAAaE,G,OAAY,2BAAE,YAAY,OAAoCjD,MAAG,CAASwC,QAAY,GAAmBvC,MAAM,UAAC,MAAU,IAAc,IAAe,iBAAI,qDAA6BJ,GAAM,GAAC,IAAIA,EAAM,GAACA,EAAO,MAAgB,UAAiDI,EAAK,OAAC,C,YAAW,mB,MAAC,CAAc,WAACL,MAAM,GAACb,MAAOc,Q,GAAqCA,CAAc,MAAC,iBAAoB,oEAAE,MAAO,CAAkC,MAAU,GAAqBiD,SAAII,I,MAAmCV,CAA0BvC,MAAM,S,SAAQ,SAAC,GAAe,YAAqK,WAAU,W,EAAyCkD,mBAAY,c,OAAC,SAAW,C,IAAS,G,CAAClD,SAAM,C,YAAS,c,MAAC,C,MAAc,kB,CAAY,2GAAC,OAAM,SAAQ,CAACyC,IAAK,EAAKnD,iBAIr3CU,YAAM,CAAC,SAAW,U,MAAiB,CAAa,OAAG,GAAC,IAAC,O,GAAyB,MAA+C,WAAE,MAAMmD,EAAG,SAAQC,EAAGC,kBAA0B,sBAAC,yEAAG,MAAM,CAAc,UAASC,GAAgCf,QAAY,GAA0CW,UAAY,IAAe,IAAO,MAAS,YAACA,OAAY,gCAAyD,qCAAI,kBAAC,OAAQtD,EAAI2D,6BAAiB,sDAAE,YAAK,CAAwBhB,MAAW,SAAuHvC,GAAK,OAAC,C,YAAU,CAAC,MAAQ,MAAiB,2CAC5qB,IACGM,QAAe,oB,oYC2FJ,GACfjD,wBAEAI,OACAqB,OACA0E,WACAC,mBACA,YAKAhD,gBACA,OACAiD,aACAC,aAIAvF,yDACAwC,uDACAgD,yDAEAC,wBACA,yBAGAP,8BAAA,IACA,EADA,iBACA,iDACA,KADAQ,UACA,6BACA,UACA,8BAEA,YAIA9E,yCACA8B,4EAEAiD,0BACA,qCAGAC,mBACA,0DACA,KACA,qBAEA,yBAGA,6CACA,kCAGA1E,qBACA,iCAGAyD,sCAAA,IACA,EADA,iBACAkB,GAAA,8CACA,2CACA,uCACA,8BAEA,iCACA,8CAGAC,wBACA,gBACA,6CACA,wBAGAX,6BACA,IACA,EADA,sBACA,iDACA,KADAO,UACA,8EAEA,sDAIAtF,mBAAA,oJAGA,OAFA,qDAEA,gDACA,6DAJA,KCtL0T,I,YCOtTuC,EAAY,eACd,EACA,EACAT,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,+ICCTC,EAAaC,eACjBE,OACAC,eAAyD,iBAAkB,2BAA4B,sBAQ1FJ,SAAW5D,SAAkBA,OAAO,CACjDC,KAAM,2BAENmF,WAAY,CAAE2B,eAEd1G,MAAO,CACL2G,kBAAmBzG,QACnB0G,WAAY,CACVb,KAAMc,OACNb,QAAS,WAEXc,YAAa5G,QACbwG,OAAQ,CACNX,KAAM,CAAC7F,QAAS6G,QAChBf,SAAS,IAIbhD,KAAM,iBAAO,CACXgE,cAAc,IAGhBrG,SAAU,CACRC,QAAO,WACL,MAAO,CACL,mCAAoCb,KAAK8B,SACzC,sCAAuC9B,KAAKiH,eAGhDnF,SAAQ,WACN,OAAO9B,KAAK8D,eAAehC,UAE7BoF,WAAU,WACR,OAAOlH,KAAK8D,eAAeoD,YAE7BC,WAAU,WACR,OAAOnH,KAAK8D,eAAeqD,aAI/BnG,QAAO,WACLhB,KAAK8D,eAAesD,eAAepH,OAGrCuE,cAAa,WACXvE,KAAK8D,eAAeuD,oBAGtB7F,QAAS,CACP8F,QAAO,SAAEC,GACPvH,KAAKwH,MAAM,QAASD,IAEtBE,QAAO,WACL,IAAMC,EAAOxC,eAAQlF,KAAM,YACzB,CAACA,KAAK2H,eAAeC,OAAO5H,KAAK6G,aAEnC,OAAO7G,KAAK2H,eAAeE,OAAiB,CAC1C7H,KAAK2H,eAAe,MAAO,CACzB5C,YAAa,iCACbE,MAAO,CACL,iDAAkDjF,KAAK4G,mBAEzD5B,WAAY,CAAC,CACXnF,KAAM,OACNyB,OAAQtB,KAAKkH,cAEdQ,OAKTjD,OAAM,SAAEC,GAAC,WACP,OAAOA,EAAE,SAAU1E,KAAK6E,mBAAmB7E,KAAK8E,MAAO,CACrDC,YAAa,2BACbE,MAAOjF,KAAKa,QACZ2B,MAAO,CACLsF,SAAU9H,KAAKkH,YAAc,EAAI,KACjClB,KAAM,SACN,gBAAiBhG,KAAK8B,UAExBkD,WAAY,CAAC,CACXnF,KAAM,SACNyB,MAAOtB,KAAK2G,SAEd1E,GAAI,iCACCjC,KAAK+H,YADN,IAEFC,MAAOhI,KAAKsH,QACZW,UAAW,kBAAO,EAAKhB,cAAe,GACtCiB,QAAS,kBAAO,EAAKjB,cAAe,OAEpC,CACF/B,eAAQlF,KAAM,UAAW,CAAEmI,KAAMnI,KAAK8B,WAAY,GAClD9B,KAAK+G,aAAe/G,KAAKyH,gB,kGCtGhBhE,sBACb2E,eAA6D,kBAAmB,oBAAqB,sBACrGC,eAAmB,kBAAkB,IAErCzI,OAAO,CACPC,KAAM,oBAENI,MAAO,CACLG,SAAUD,QACVO,SAAUP,SAGZ8C,KAAI,WACF,MAAO,CACLqF,QAAS,KACTC,OAAQ,KACRvG,cAAc,IAIlBpB,SAAU,CACRC,QAAO,WACL,OAAO,gBACL,4BAA6Bb,KAAK8B,SAClC,iCAAkC9B,KAAKgC,aACvC,8BAA+BhC,KAAKkH,YACjClH,KAAKwI,eAGZtB,WAAU,WACR,OAAOlH,KAAKD,gBAAgBK,UAAYJ,KAAKI,UAE/C+G,WAAU,WACR,OAAOnH,KAAKD,gBAAgBW,UAAYV,KAAKU,WAIjDc,QAAS,CACP8C,gBAAe,SAAEmE,GACfzI,KAAKsI,QAAUG,GAEjBjE,kBAAiB,WACfxE,KAAKsI,QAAU,MAEjBlB,eAAc,SAAEqB,GACdzI,KAAKuI,OAASE,EACdA,EAAGC,IAAI,QAAS1I,KAAKsH,UAEvBD,iBAAgB,WACdrH,KAAKuI,OAAS,MAEhBjB,QAAO,SAAEC,GACHA,EAAEoB,QAAQ3I,KAAKuI,OAAQK,IAAIC,OAE/B7I,KAAKwH,MAAM,QAASD,GAEpBvH,KAAKmH,YAAcnH,KAAKkH,YAAclH,KAAKwG,UAE7CA,OAAM,sBACJxG,KAAKqE,WAAU,kBAAM,EAAKmD,MAAM,eAIpC/C,OAAM,SAAEC,GACN,OAAOA,EAAE,MAAO,CACdK,YAAa,oBACbE,MAAOjF,KAAKa,QACZ2B,MAAO,CACL,gBAAiBsE,OAAO9G,KAAK8B,YAE9BoD,eAAQlF","file":"js/chunk-3e50b9dc.5c5a95ee.js","sourcesContent":["// Styles\nimport './VExpansionPanel.sass'\n\n// Components\nimport { BaseItemGroup, GroupableInstance } from '../VItemGroup/VItemGroup'\nimport VExpansionPanel from './VExpansionPanel'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\ninterface VExpansionPanelInstance extends InstanceType<typeof VExpansionPanel> {}\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'v-expansion-panels',\n\n  provide (): object {\n    return {\n      expansionPanels: this,\n    }\n  },\n\n  props: {\n    accordion: Boolean,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    focusable: Boolean,\n    inset: Boolean,\n    popout: Boolean,\n    readonly: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'v-expansion-panels': true,\n        'v-expansion-panels--accordion': this.accordion,\n        'v-expansion-panels--flat': this.flat,\n        'v-expansion-panels--hover': this.hover,\n        'v-expansion-panels--focusable': this.focusable,\n        'v-expansion-panels--inset': this.inset,\n        'v-expansion-panels--popout': this.popout,\n        'v-expansion-panels--tile': this.tile,\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('expand')) {\n      breaking('expand', 'multiple', this)\n    }\n\n    /* istanbul ignore next */\n    if (\n      Array.isArray(this.value) &&\n      this.value.length > 0 &&\n      typeof this.value[0] === 'boolean'\n    ) {\n      breaking(':value=\"[true, false, true]\"', ':value=\"[0, 2]\"', this)\n    }\n  },\n\n  methods: {\n    updateItem (item: GroupableInstance & VExpansionPanelInstance, index: number) {\n      const value = this.getValue(item, index)\n      const nextValue = this.getValue(item, index + 1)\n\n      item.isActive = this.toggleMethod(value)\n      item.nextIsActive = this.toggleMethod(nextValue)\n    },\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-form',{ref:\"form\",attrs:{\"lazy-validation\":true},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)}},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-card',[_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('roles.fields.name'),\"prepend-icon\":\"mdi-rename-box\",\"rules\":_vm.required},model:{value:(_vm.role.name),callback:function ($$v) {_vm.$set(_vm.role, \"name\", $$v)},expression:\"role.name\"}})],1),_c('v-card-text',[_c('permission-picker',{model:{value:(_vm.role.permissionGuids),callback:function ($$v) {_vm.$set(_vm.role, \"permissionGuids\", $$v)},expression:\"role.permissionGuids\"}})],1),_c('v-card-text',[_c('v-btn',{on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-form\r\n    :lazy-validation=\"true\"\r\n    @submit.prevent=\"handleSubmit\"\r\n    v-model=\"valid\"\r\n    ref=\"form\"\r\n  >\r\n    <v-card>\r\n      <v-card-text>\r\n        <v-text-field\r\n          :label=\"$t('roles.fields.name')\"\r\n          v-model=\"role.name\"\r\n          prepend-icon=\"mdi-rename-box\"\r\n          :rules=\"required\"\r\n        ></v-text-field>\r\n      </v-card-text>\r\n\r\n      <!-- Create the custom permission picker -->\r\n      <v-card-text>\r\n        <permission-picker v-model=\"role.permissionGuids\" />\r\n      </v-card-text>\r\n\r\n      <v-card-text>\r\n        <v-btn @click=\"submit\">Submit</v-btn>\r\n      </v-card-text>\r\n    </v-card>\r\n  </v-form>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\nimport PermissionPicker from \"./PermissionPicker.vue\";\r\n\r\nexport default {\r\n  name: \"RoleCreate\",\r\n\r\n  components: {\r\n    PermissionPicker,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      valid: false,\r\n      role: {\r\n        name: \"\",\r\n        permissionsGuids: [],\r\n      },\r\n      required: [(v) => !!v || this.$t(\"dashboard.nameReq\")],\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"roles\", { stateRole: \"role\" }),\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"roles\", [\"updateRole\", \"getRoleById\"]),\r\n\r\n    async submit() {\r\n      if (!this.$refs.form.validate()) {\r\n        this.valid = false;\r\n        return;\r\n      }\r\n\r\n      await this.updateRole(this.role);\r\n    },\r\n  },\r\n\r\n  created() {\r\n    if (this.$route.params.id) {\r\n      this.getRoleById(this.$route.params.id);\r\n      if (this.stateRole.userRoleId == null) {\r\n        this.$router.push(\"/roles\");\r\n        return;\r\n      }\r\n\r\n      this.role.userRoleId = this.stateRole.userRoleId;\r\n      this.role.name = this.stateRole.name;\r\n      this.role.permissionGuids = this.stateRole.permissions.map(\r\n        (e) => e.userPermissionId\r\n      );\r\n    }\r\n  },\r\n};\r\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleEdit.vue?vue&type=template&id=13e37d0c&\"\nimport script from \"./RoleEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleEdit.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","// Components\nimport VExpansionPanel from './VExpansionPanel'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (h): VNode {\n    return h(VExpandTransition, this.showLazyContent(() => [\n      h('div', this.setBackgroundColor(this.color, {\n        staticClass: 'v-expansion-panel-content',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }), [\n        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this)),\n      ]),\n    ]))\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('h2',{staticClass:\"h2 text-left\"},[_vm._v(_vm._s(_vm.$t(\"roles.pickPermissionsTitle\")))]),_c('p',{staticClass:\"subtitle-1 text-left\",domProps:{\"innerHTML\":_vm._s(_vm.$t('roles.pickPermissionsDesc'))}}),_c('v-row',[_vm._l((_vm.defaultsWithPermissions),function(defaultRoles){return _c('v-btn',{key:defaultRoles.userRoleId,staticClass:\"ma-3\",attrs:{\"rounded\":\"\",\"color\":\"primary\",\"small\":\"\"},on:{\"click\":() => _vm.addPermissionsFromDefault(defaultRoles.permissions)}},[_vm._v(\" \"+_vm._s(defaultRoles.name)+\" \")])}),_c('v-btn',{staticClass:\"ma-3 white--text\",attrs:{\"rounded\":\"\",\"small\":\"\",\"color\":\"grey\"},on:{\"click\":_vm.clearToggled}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.clear\"))+\" \")])],2),_c('v-row',[_c('v-expansion-panels',{attrs:{\"inset\":\"\",\"multiple\":\"\"},model:{value:(_vm.panels),callback:function ($$v) {_vm.panels=$$v},expression:\"panels\"}},_vm._l((_vm.lPermissions),function(_,i){return _c('v-expansion-panel',{key:i},[_c('v-expansion-panel-header',{staticClass:\"white--text\",attrs:{\"color\":\"grey darken-2\"}},[_vm._v(_vm._s(_vm.$t(\"roles.layerTypes.\" + i)))]),_c('v-expansion-panel-content',[_c('v-container',[_c('v-row',_vm._l((_vm.lPermissions[i]),function(permission){return _c('v-col',{key:permission.userPermissionId,staticStyle:{\"overflow\":\"hidden\"},attrs:{\"lg\":\"3\",\"md\":\"4\",\"sm\":\"6\",\"xs\":\"6\"}},[_c('v-btn',{class:_vm.isActive(permission.userPermissionId)\n                      ? 'success white--text'\n                      : _vm.isRecommended(permission.userPermissionId)\n                      ? 'yellow darken-3'\n                      : 'grey white--text',attrs:{\"depressed\":\"\",\"rounded\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){return _vm.toggle(permission.userPermissionId)}}},[_vm._v(\" \"+_vm._s(permission.name)+\" \")])],1)}),1)],1)],1)],1)}),1)],1),(_vm.missingRecommended)?_c('v-row',{staticClass:\"mt-4 d-flex align-center justify-center\",staticStyle:{\"width\":\"100%\"}},[_c('v-card',{staticStyle:{\"width\":\"60%\",\"background-color\":\"#f57f1736 !important\"},on:{\"click\":_vm.addAllRecommended}},[_c('v-card-text',[_c('h6',{staticClass:\"text-h6 yellow--text text--darken-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"roles.missingRecommendedTitle\"))+\" \")]),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"yellow darken-4\"}},[_vm._v(_vm._s(_vm.$t(\"roles.missingRecommendedButton\")))])],1)],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n    <h2 class=\"h2 text-left\">{{ $t(\"roles.pickPermissionsTitle\") }}</h2>\r\n    <p\r\n      class=\"subtitle-1 text-left\"\r\n      v-html=\"$t('roles.pickPermissionsDesc')\"\r\n    ></p>\r\n\r\n    <v-row>\r\n      <v-btn\r\n        rounded\r\n        color=\"primary\"\r\n        small\r\n        class=\"ma-3\"\r\n        v-for=\"defaultRoles in defaultsWithPermissions\"\r\n        :key=\"defaultRoles.userRoleId\"\r\n        @click=\"() => addPermissionsFromDefault(defaultRoles.permissions)\"\r\n      >\r\n        {{ defaultRoles.name }}\r\n      </v-btn>\r\n\r\n      <v-btn\r\n        rounded\r\n        small\r\n        class=\"ma-3 white--text\"\r\n        color=\"grey\"\r\n        @click=\"clearToggled\"\r\n      >\r\n        {{ $t(\"common.clear\") }}\r\n      </v-btn>\r\n    </v-row>\r\n\r\n    <v-row>\r\n      <v-expansion-panels v-model=\"panels\" inset multiple>\r\n        <v-expansion-panel v-for=\"(_, i) in lPermissions\" :key=\"i\">\r\n          <v-expansion-panel-header class=\"white--text\" color=\"grey darken-2\">{{\r\n            $t(\"roles.layerTypes.\" + i)\r\n          }}</v-expansion-panel-header>\r\n          <v-expansion-panel-content>\r\n            <v-container>\r\n              <v-row>\r\n                <v-col\r\n                  lg=\"3\"\r\n                  md=\"4\"\r\n                  sm=\"6\"\r\n                  xs=\"6\"\r\n                  v-for=\"permission in lPermissions[i]\"\r\n                  :key=\"permission.userPermissionId\"\r\n                  style=\"overflow: hidden\"\r\n                >\r\n                  <v-btn\r\n                    depressed\r\n                    rounded\r\n                    x-small\r\n                    :class=\"\r\n                      isActive(permission.userPermissionId)\r\n                        ? 'success white--text'\r\n                        : isRecommended(permission.userPermissionId)\r\n                        ? 'yellow darken-3'\r\n                        : 'grey white--text'\r\n                    \"\r\n                    @click=\"toggle(permission.userPermissionId)\"\r\n                  >\r\n                    {{ permission.name }}\r\n                  </v-btn>\r\n                </v-col>\r\n              </v-row>\r\n            </v-container>\r\n          </v-expansion-panel-content>\r\n        </v-expansion-panel>\r\n      </v-expansion-panels>\r\n    </v-row>\r\n\r\n    <v-row\r\n      v-if=\"missingRecommended\"\r\n      class=\"mt-4 d-flex align-center justify-center\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <v-card\r\n        style=\"width: 60%; background-color: #f57f1736 !important\"\r\n        @click=\"addAllRecommended\"\r\n      >\r\n        <v-card-text>\r\n          <h6 class=\"text-h6 yellow--text text--darken-4\">\r\n            {{ $t(\"roles.missingRecommendedTitle\") }}\r\n          </h6>\r\n          <v-btn text color=\"yellow darken-4\">{{\r\n            $t(\"roles.missingRecommendedButton\")\r\n          }}</v-btn>\r\n        </v-card-text>\r\n      </v-card>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters, mapState } from \"vuex\";\r\nexport default {\r\n  name: \"PermissionPicker\",\r\n\r\n  props: {\r\n    value: {\r\n      type: Array,\r\n      default: function () {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      panels: [0, 0],\r\n      toggled: [],\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"roles\", [\"permissions\", \"recommended\"]),\r\n    ...mapGetters(\"roles\", [\"defaultsWithPermissions\"]),\r\n\r\n    lPermissions() {\r\n      return this.permissions;\r\n    },\r\n\r\n    missingRecommended() {\r\n      for (var r of this.recommended)\r\n        if (!this.toggled.includes(r)) {\r\n          return true;\r\n        }\r\n\r\n      return false;\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"roles\", [\"getRecommendedPermissions\", \"getPermissions\"]),\r\n\r\n    isRecommended(id) {\r\n      return this.recommended.includes(id);\r\n    },\r\n\r\n    toggle(id) {\r\n      var res = this.toggled.findIndex((e) => e == id);\r\n      if (res == -1) {\r\n        this.toggled.push(id);\r\n      } else {\r\n        this.toggled.splice(res, 1);\r\n      }\r\n\r\n      this.getRecommendedPermissions(this.toggled);\r\n      this.$emit(\"input\", this.toggled);\r\n    },\r\n\r\n    isActive(id) {\r\n      return this.toggled.includes(id);\r\n    },\r\n\r\n    addPermissionsFromDefault(rolePermissions) {\r\n      for (var p of rolePermissions) {\r\n        if (!this.toggled.includes(p.userPermissionId))\r\n          this.toggled.push(p.userPermissionId);\r\n      }\r\n\r\n      this.$emit(\"input\", this.toggled);\r\n      this.getRecommendedPermissions(this.toggled);\r\n    },\r\n\r\n    clearToggled() {\r\n      this.toggled = [];\r\n      this.getRecommendedPermissions(this.toggled);\r\n      this.$emit(\"input\", []);\r\n    },\r\n\r\n    addAllRecommended() {\r\n      let missing = [];\r\n      for (var r of this.recommended)\r\n        if (!this.toggled.includes(r)) this.toggled.push(r);\r\n\r\n      if (missing.length != 0) this.toggled = this.toggled.concat(missing);\r\n    },\r\n  },\r\n\r\n  async created() {\r\n    if (this.value != null && this.value.length > 0) this.toggled = this.value;\r\n\r\n    this.getRecommendedPermissions(this.toggled);\r\n    await this.getPermissions();\r\n  },\r\n};\r\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionPicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PermissionPicker.vue?vue&type=template&id=111e721c&\"\nimport script from \"./PermissionPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionPicker.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","// Components\nimport { VFadeTransition } from '../transitions'\nimport VExpansionPanel from './VExpansionPanel'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-expansion-panel-header',\n\n  directives: { ripple },\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel-header--active': this.isActive,\n        'v-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions') ||\n        [this.$createElement(VIcon, this.expandIcon)]\n\n      return this.$createElement(VFadeTransition, [\n        this.$createElement('div', {\n          staticClass: 'v-expansion-panel-header__icon',\n          class: {\n            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          },\n          directives: [{\n            name: 'show',\n            value: !this.isDisabled,\n          }],\n        }, icon),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('button', this.setBackgroundColor(this.color, {\n      staticClass: 'v-expansion-panel-header',\n      class: this.classes,\n      attrs: {\n        tabindex: this.isDisabled ? -1 : null,\n        type: 'button',\n        'aria-expanded': this.isActive,\n      },\n      directives: [{\n        name: 'ripple',\n        value: this.ripple,\n      }],\n      on: {\n        ...this.$listeners,\n        click: this.onClick,\n        mousedown: () => (this.hasMousedown = true),\n        mouseup: () => (this.hasMousedown = false),\n      },\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ])\n  },\n})\n","// Components\nimport VExpansionPanels from './VExpansionPanels'\nimport VExpansionPanelHeader from './VExpansionPanelHeader'\nimport VExpansionPanelContent from './VExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\ntype VExpansionPanelHeaderInstance = InstanceType<typeof VExpansionPanelHeader>\ntype VExpansionPanelContentInstance = InstanceType<typeof VExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof VExpansionPanels>('expansionPanels', 'v-expansion-panel', 'v-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @vue/component */\n).extend({\n  name: 'v-expansion-panel',\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as VExpansionPanelContentInstance | null,\n      header: null as VExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel--active': this.isActive,\n        'v-expansion-panel--next-active': this.nextIsActive,\n        'v-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: VExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: VExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => this.$emit('change'))\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-expansion-panel',\n      class: this.classes,\n      attrs: {\n        'aria-expanded': String(this.isActive),\n      },\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":""}