{"version":3,"sources":["webpack:///./src/components/common/VirtualList.vue?d5bf","webpack:///./src/components/forms/CodeMaintenance/RoleManagement.vue?ee6b","webpack:///./src/components/CodeMaintenance/RoleManagement.vue?3f64","webpack:///./src/components/forms/CodeMaintenance/RoleManagement.vue?25b0","webpack:///./src/components/common/VirtualList.vue?c6a8","webpack:///src/components/common/VirtualList.vue","webpack:///./src/components/common/VirtualList.vue?ee6f","webpack:///./src/components/common/VirtualList.vue","webpack:///src/components/forms/CodeMaintenance/RoleManagement.vue","webpack:///./src/components/forms/CodeMaintenance/RoleManagement.vue?e65a","webpack:///./src/components/forms/CodeMaintenance/RoleManagement.vue","webpack:///src/components/CodeMaintenance/RoleManagement.vue","webpack:///./src/components/CodeMaintenance/RoleManagement.vue?44bd","webpack:///./src/components/CodeMaintenance/RoleManagement.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","columns","roles","toolbar","searchPanel","on","initialize","scopedSlots","_u","key","fn","_v","proxy","handleAddRole","ref","data","directives","name","rawName","value","expression","modifiers","$event","stopPropagation","editRole","permissions","removeRole","_e","class","dueDateCell","_s","text","isAdding","isEditing","selectedRole","currentLab","cancel","handleSubmit","staticRenderFns","preventDefault","apply","arguments","$v","role","model","callback","$$v","$set","userTypes","userTypeId","cytReviewTypes","displayName","id","description","_l","item","active","currentForm","arg","available","length","assigned","availableItems","items","i","selected","includes","addSelected","target","addItems","newAvailable","removeItems","newAssigned","assignedItems","defaultUserSettings","updateDefaultUserSettings","cancelEdit","$invalid","style","_t","visibleItems","props","type","default","rowHeight","rootHeight","scrollTop","animationFrame","mounted","passive","watch","immediate","handler","destroyed","computed","nodePadding","viewportHeight","startIndex","startNode","visibleNodeCount","count","itemCount","offsetY","spacerStyle","transform","viewportStyle","overflow","height","position","rootStyle","overscrollBehavior","methods","handleScroll","calculateInitialRowHeight","largestHeight","doesBrowserSupportPassiveScroll","passiveSupported","window","component","components","TextInput","SelectInput","VirtualList","UserSettingsFields","labId","inject","doctor","availableFilter","assignedFilter","sort","reports","procedures","panels","tags","holdcodes","macros","permission","originalRole","admin","cytReviewTypeId","saveShortkey","booleanOptions","validations","required","maxLength","domStreams","subscriptions","debounceTime","distinctUntilChanged","map","searchAvailableInput$","searchAssignedInput$","mapState","cytologyModuleEnabled","list","nv","ov","sortItems","loadPermissions","roleId","handleResponse","response","normalizeAvailable","normalizeAssigned","normalizeAssignedReports","normalizeAvailableReports","normalizeAssignedProcedures","normalizeAvailableProcedures","normalizeAssignedPanels","normalizeAvailablePanels","normalizeAssignedTags","normalizeAvailableTags","normalizeAssignedHoldCodes","normalizeAvailableHoldCodes","normalizeAssignedMacros","normalizeAvailableMacros","RolesAPI","confirm","changePage","direction","property","max","normalizeData","resetData","current","new","pathReportLocation","expandDemo","autoOpenCase","automaticMacroPopup","macroSearchMode","macroStartsWith","enableSpellchecker","macroAssist","imagePrintOnReport","defaultImageType","segregateResultsMacros","defaultDashboardMode","autoOpenEditors","confirmRemoveHold","nextCasePopup","autoFillNextCase","defaultPrintMode","reportGroups","logItem","createLogItem","auditLog","sets","hasChanges","JSON","updatedRole","selecteditems","availableitems","itemId","assigneditems","metaInfo","title","titleTemplate","RoleManagementForm","DxDataGrid","Container","IconButton","Icon","AddButton","provide","grid","comments","location","template","store","pageSize","paginate","availableLabs","dataField","caption","width","cellTemplate","visible","mapGetters","then","catch"],"mappings":"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aAlBA,WAmBA,gFAEAqB,UArBA,WAsBA,0BAEAC,QAxBA,WAyBA,uCAEAC,YA3BA,WA4BA,OACAC,6CAGAC,cAhCA,WAiCA,OACAC,mBACAC,gCACAC,sBAGAC,UAvCA,WAwCA,OACAF,4BACAD,gBACAI,gCAIAC,SACAC,aADA,WAEA,mCAOAC,0BATA,WAYA,IAFA,iCACA,IACA,mBACA,sBACAC,qBAGA,UAEAC,gCAnBA,WAoBA,SAEA,IACA,OACA,cAIA,OADAC,MACA,IAIAC,uCACAA,0CACA,SACAD,KAEA,aCtJoW,I,wBCQhWE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,gCC8MA,GACfC,YAAAC,uBAAAC,yBAAAC,cAAAC,2BACA1G,iBACAgE,OACA/C,cACAiD,QADA,WAEA,cAGAyC,OACAzC,QADA,WAEA,eAIA0C,gBACArC,QAhBA,WAiBA,0BACA,2CACA,mBADA,IAEAvE,mCACA6G,oCAEA,kBACA,0EACA,mBADA,IAEA7G,mCACA6G,qCAEA,2CACA,kEACA,6EAGA,yBACA,gEAIA/G,KAvCA,WAwCA,OACAgH,mBACAC,kBACA/F,aACAwB,0BACAP,sCACAS,WACAsE,OACAxG,eACAyG,WACAC,cACAC,UACAC,QACAC,aACAC,WAEA1E,UACAoE,OACAxG,eACAyG,WACAC,cACAC,UACAC,QACAC,aACAC,WAEA/D,aACAgE,cACAN,WACAC,cACAC,UACAC,QACAC,aACAC,WAEAjE,cACAkE,cACAN,WACAC,cACAC,UACAC,QACAC,aACAC,WAEA9G,eACA4G,QACAH,WACAO,gBACAN,cACAC,UACAE,aACArE,UAAAN,aAAAE,aACAlB,MACA1B,QACAoC,eACAyE,UACAY,SACAC,oBAEA3F,iCACA4F,iCACAC,iCACAnE,6BAGAoE,aACAnG,MACA1B,MACA8H,uBACAC,sCAEA3F,aACA2F,uCAEA/F,YACA8F,0BAIAE,kDACAC,cAxHA,WAyHA,gCACAC,oBACAC,iBACAC,4BAAA,wCAEA,6BACAF,oBACAC,iBACAC,4BAAA,wCAEA,OACAC,wBACAC,yBAGAzD,0CACA0D,gBACArH,uBAAA,qBACAsH,kCAAA,+CAHA,IAKA3F,eALA,WAKA,WACA,KASA,OAPA4F,EADA,2BACAA,wDAAA,MACA,0DACA,0EAGAA,oCAEA,sBAEAjF,cAjBA,WAiBA,WACA,KASA,OAPAiF,EADA,0BACAA,uDAAA,MACA,yDACA,0EAGAA,mCAEA,sBAEAtF,OA7BA,WA8BA,iCAGAsB,OACAxD,aADA,SACAyH,EAAAC,GACA,YACA,kBACA,sBACA,0DAUA,OATA,2CACA,mBADA,IAEA3I,mCACA6G,oCAEA,kBACA,kEACA,4EAEA,6BAGArE,YAlBA,SAkBAkG,EAAAC,GACA,QACA,2BACA,6BAIA7C,SACA8C,UADA,SACA9F,EAAAkE,GAAA,WACA,SAGA,sBACA,SACA,6EACA,EACA,EAEA,4EACA,GACA,KAVA,GAcA6B,gBAjBA,SAiBAC,GAAA,iKACAC,EAAA,YACA,sDACA,mDACA,sBACAC,sCAAA,uCAEA,sBACAA,uCAAA,uCAEA,sBACAA,2BAEA,sBACAA,4BAGA,6CACA,8CACA,2CACA,4CACA,sBACAA,0BAEA,sBACAA,2BAEA,6CACA,8CACA,+CACAC,YACAC,YAEA,2CACAC,YACAC,YAEA,8CACAC,YACAC,YAEA,0CACAC,YACAC,YAEA,wCACAC,YACAC,YAEA,6CACAC,YACAC,YAEA,0CACAC,YACAC,YAEA,SACA,KACA,KACA,KAEAlH,gDACAA,+CACAA,4CACAA,2CACAA,yCACAA,8CACAA,2CAEAF,gDACAA,4CACAA,+CACAA,2CACAA,yCACAA,8CACAA,2CAEAa,gDACAA,+CACAA,4CACAA,2CACAA,yCACAA,8CACAA,2CAEAF,gDACAA,4CACAA,+CACAA,2CACAA,yCACAA,8CACAA,2CAEA,iBACA,gBACA,aACA,gBAEAyF,EAnGA,yCAqGAiB,sCArGA,gCAuGAA,oCAvGA,8CA0GApG,WA3HA,WA2HA,8KACAyC,eACA,kEAFA,OACA4D,EADA,OAIA,IACA,cACA,mBANA,8CASAC,WApIA,SAoIAC,EAAAC,EAAAC,GACA,eACA,wBACA,qBAGA,yBACA,sBAIAC,cA/IA,SA+IAvK,GACA,aACA,iBACA,YAFA,IAAI,EAAJ,iBAGAA,GAHA,IAGA,0CACA,sBACA,qBALA,+BAQA,UAEAwK,UA1JA,WA2JA,eAAA5H,aAAAE,aACA,eAAA2H,WAAAC,OAAAxD,QACA,gBAAAuD,WAAAC,OAAAxD,QACA,oBACA,WACAhH,QACAoC,eACAqF,SACAZ,WAEA,uBACA,wBACA,0BACA4D,wBACAC,cACAC,gBACAC,yBACAC,qBACAC,qBACAC,sBACAC,eACAC,sBACAC,oBACAC,0BACAC,uBACAC,mBACAC,qBACAC,gBACAC,mBACAC,wBAGArK,aA3LA,WA2LA,iLACA,eACA,cAFA,uBAGAgF,mEAHA,6BAOA,YAPA,iCAQA2D,gDACA,QADA,IAEApD,mBACAnG,eACAkL,gBACApE,UACAD,aACAH,cACAE,QACAH,WACAxD,6DAlBA,cAQA/B,EARA,OAoBA,eACA,eACA,wBACA,QACA,qBAEAiK,EAAAC,qBACAD,qDACAE,2BA5BA,2BA0CA,SAVAC,EAAA,CACAtL,oBACAyG,gBACAE,eACAC,aACAF,mBACAG,kBACAC,gBAvCA,WA0CA6C,GACA,sCACA2B,eAEA,kEACA,oEALA,mBA1CA,OAiDAC,EAAAC,wDACA,mCACA,mCACAL,EAAAC,qBACAD,oFACAE,4BAtDA,UAwDA9B,mDACA,QADA,IAEApD,mBACAlD,6DA3DA,WAwDAwI,EAxDA,iBA6DAA,0BA7DA,QA6DA,SA7DA,wBA8DA7F,4CA9DA,2BAkEA,kBACA,cAnEA,+CAqEAhD,SAhQA,SAgQA8I,GAAA,IAAI,EAAJ,OACA,kDADA,iBAEAA,GAFA,yBAEA/J,EAFA,QAGA,0CACA,kBACAG,eAEA,4CACA6J,wBAAA,gBAEA,sCARA,+BAFA,8BAYA,sDACA,4BAEA7I,YA/QA,SA+QA4I,GAAA,IAAI,EAAJ,OACA,qDADA,iBAGAA,GAHA,yBAGAE,EAHA,QAIA,0CACA,kBACA9J,eAEA,2CACA+J,wBAAA,gBAEA,uCARA,+BAHA,8BAaA,qDACA,2BAEAnJ,YA/RA,SA+RAiH,EAAA7H,GACA,gCAEA,CACA,kCACA,kCAHA,0BAMAoB,0BAvSA,SAuSAxD,GACA,8BC3sBsX,ICQlX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,4FCsDA,GACfF,uBACAsM,UACAC,wBACAC,kCAEAlG,YACAmG,qBACAC,2BACAC,iBACAC,kBACAC,YACAC,kBAEAC,QAdA,WAcA,WACA,OACAC,gBAAA,iBAGAzI,QAnBA,WAoBAsH,yDACAD,sBADA,IAEAqB,yCAGAnN,KAzBA,WA0BA,OACAZ,SACA4D,OACA,CAAAoK,iBAAAC,yBACA,CAAAA,qBAAAD,mBACA,CAAAlN,sBAGAf,kBAAAmO,yBAAAC,YAAAC,cACAN,QACAO,iBACAvO,SACA,CACAwO,wBACAC,eACAC,aAEA,CACAF,wBACAE,aAEA,CACAD,kBACAE,uBACAD,YACA/M,sBAGAK,aACAD,YACAE,kBACA9B,aAAAyO,WAAAF,aAIA7I,0CACA0D,8CACAsF,iCAEA/H,SACAzG,WADA,YACA,kBACA,aAEA8B,OAJA,WAKA,kBACA,iBACA,wBAEAC,aATA,WAUA,kBACA,iBACA,yBACA,qBAEAb,SAfA,YAeA,mKAAAT,UACA,yBADA,gCAEAsG,eACA,oEAHA,UAEA4D,EAFA,OAKAA,EALA,iDASA,oCACA,eAVA,8CAYAvJ,WA3BA,YA2BA,mKAAAX,UACAA,EADA,gCAEAsG,2FAFA,UAEA4D,EAFA,QAKAA,EALA,yCAMAD,qBACA+D,MAAA,wCACAC,OAAA,WACA3H,iEATA,8CAcAxG,cAzCA,WAyCA,kKACA,YADA,gCAEAwG,eACA,wEAHA,UAEA4D,EAFA,OAKAA,EALA,iDASA,oBACA,cACA,eAXA,gDCnLuW,ICOnW,EAAY,eACd,EACAzL,EACA8C,GACA,EACA,KACA,WACA,MAIa,e","file":"js/chunk-6de602e3.1c01fa4f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualList.vue?vue&type=style&index=0&id=1c18ddb7&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleManagement.vue?vue&type=style&index=0&id=512f0622&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('container',[_c('div',{staticClass:\"p-2\"},[_c('DxDataGrid',{attrs:{\"title\":\"Role Management\",\"gridName\":\"roles\",\"columns\":_vm.columns,\"dataSource\":_vm.roles,\"toolbar\":_vm.toolbar,\"row-alternation-enabled\":true,\"allow-column-resizing\":true,\"columnResizingMode\":\"widget\",\"showBorders\":true,\"allow-column-reordering\":true,\"searchPanel\":_vm.searchPanel,\"cacheEnabled\":false},on:{\"initialized\":_vm.initialize},scopedSlots:_vm._u([{key:\"pageTitle\",fn:function(){return [_c('h2',[_vm._v(\"Role Management\")])]},proxy:true},{key:\"extraActions\",fn:function(){return [_c('add-button',{attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddRole}})]},proxy:true},{key:\"actions\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('icon-button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.right\",value:('Edit role.'),expression:\"'Edit role.'\",modifiers:{\"right\":true}}],staticClass:\"text-primary pointer mr-2 p-0\",attrs:{\"icon\":\"pen-alt\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editRole(data)}}}),(_vm.permissions.RoleDelete)?_c('icon-button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.right\",value:('Delete role.'),expression:\"'Delete role.'\",modifiers:{\"right\":true}}],staticClass:\"text-danger pointer ml-2 p-0\",attrs:{\"icon\":\"trash-alt\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeRole(data)}}}):_vm._e()],1)]}},{key:\"dateCell\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('div',{staticClass:\"d-flex align-items-center\"},[_c('icon',{staticClass:\"filled_circle\",class:_vm.dueDateCell(data),attrs:{\"icon\":\"circle\"}}),_c('b',[_vm._v(_vm._s(data.text))])],1)]}}])}),(_vm.isAdding || _vm.isEditing)?_c('RoleManagementForm',{attrs:{\"selectedRole\":_vm.selectedRole,\"labId\":_vm.currentLab},on:{\"cancel\":_vm.cancel,\"submit\":_vm.handleSubmit}}):_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('form',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:(_vm.saveShortkey),expression:\"saveShortkey\"}],staticClass:\"w-75 pt-3 m-auto\",attrs:{\"action\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)},\"shortkey\":_vm.handleSubmit}},[_c('div',{staticClass:\"my-3 row\"},[(_vm.selectedRole)?_c('h4',{staticClass:\"col\"},[_vm._v(\"Edit Lab Role\")]):_c('h4',{staticClass:\"col\"},[_vm._v(\"Add Lab Role\")])]),_c('div',{staticClass:\"row\"},[_c('text-input',{staticClass:\"col\",attrs:{\"label\":\"Name\",\"name\":\"name\",\"maxLength\":\"51\",\"validator\":_vm.$v.role.name},model:{value:(_vm.role.name),callback:function ($$v) {_vm.$set(_vm.role, \"name\", $$v)},expression:\"role.name\"}}),_c('select-input',{staticClass:\"col\",attrs:{\"items\":_vm.userTypes,\"disabled\":_vm.isEditing,\"label\":\"User Type\",\"name\":\"userType\",\"validator\":_vm.$v.role.userTypeId},model:{value:(_vm.role.userTypeId),callback:function ($$v) {_vm.$set(_vm.role, \"userTypeId\", $$v)},expression:\"role.userTypeId\"}}),(_vm.cytologyModuleEnabled)?_c('select-input',{staticClass:\"col\",attrs:{\"items\":_vm.cytReviewTypes,\"label\":\"Cytology Review Type\",\"name\":\"cytReviewTypeId\"},model:{value:(_vm.role.cytReviewTypeId),callback:function ($$v) {_vm.$set(_vm.role, \"cytReviewTypeId\", $$v)},expression:\"role.cytReviewTypeId\"}}):_vm._e(),_c('select-input',{attrs:{\"items\":[\n        { displayName: 'Yes', id: true },\n        { displayName: 'No', id: false }\n      ],\"label\":\"Is Pathologist\",\"id\":\"doctor\",\"name\":\"doctor\"},model:{value:(_vm.role.doctor),callback:function ($$v) {_vm.$set(_vm.role, \"doctor\", $$v)},expression:\"role.doctor\"}})],1),_c('div',{staticClass:\"row\"}),_c('div',{staticClass:\"row my-4\"},[_c('text-input',{staticClass:\"col\",attrs:{\"name\":\"description\",\"label\":\"Description\",\"maxLength\":\"101\",\"validator\":_vm.$v.role.description},model:{value:(_vm.role.description),callback:function ($$v) {_vm.$set(_vm.role, \"description\", $$v)},expression:\"role.description\"}})],1),(_vm.isEditing)?_c('div',{staticClass:\"my-4\"},[_c('div',{staticClass:\"d-flex tabs\",attrs:{\"role\":\"tabpanel\"}},_vm._l((['permissions', 'reports', 'tags', 'procedures', 'panels', 'holdcodes']),function(item){return _c('span',{key:item,staticClass:\"text-capitalize tab-item pointer font-weight-bold rounded\",class:{ active: _vm.currentForm === item },attrs:{\"role\":\"tab\"},on:{\"click\":function($event){_vm.currentForm = item}}},[_vm._v(\" \"+_vm._s(item === \"procedures\" ? \"orders\" : item)+\" \")])}),0),_c('div',{staticClass:\"permissions_filter d-flex justify-content-between\"},[_c('div',{staticClass:\"permissions_available d-flex flex-column\"},[_c('h6',{staticClass:\"text-capitalize\"},[_vm._v(\"Available \"+_vm._s(_vm.currentForm))]),_c('input',{directives:[{name:\"stream\",rawName:\"v-stream:input\",value:(_vm.availableSearch$),expression:\"availableSearch$\",arg:\"input\"}],staticClass:\"mb-2 w-full form-control\",attrs:{\"disabled\":!_vm.available[_vm.currentForm].length,\"noLabel\":true,\"placeholder\":\"Filter\",\"type\":\"search\"}})]),_c('div',{staticClass:\"permissions_assigned\"},[_c('h6',{staticClass:\"text-capitalize\"},[_vm._v(\"Assigned \"+_vm._s(_vm.currentForm))]),_c('input',{directives:[{name:\"stream\",rawName:\"v-stream:input\",value:(_vm.assignedSearch$),expression:\"assignedSearch$\",arg:\"input\"}],staticClass:\"w-full mb-2 form-control\",attrs:{\"disabled\":!_vm.assigned[_vm.currentForm].length,\"noLabel\":true,\"type\":\"search\",\"placeholder\":\"Filter\"}})])]),_c('div',{staticClass:\"permissions_display d-flex justify-content-between\"},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('virtual-list',{staticClass:\"permissions_box\",attrs:{\"rowHeight\":40,\"rootHeight\":400,\"items\":_vm.availableItems},scopedSlots:_vm._u([{key:\"default\",fn:function(items){return _vm._l((items),function(id,i){return _c('button',{key:i,staticClass:\"text-left list-group-item permission\",class:{\n                selected: _vm.selected.available.includes(id)\n              },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.addSelected('available', id)}}},[_c('span',{},[_vm._v(\" \"+_vm._s(_vm.target[id].displayName)+\" \")])])})}}],null,false,3168674079)})],1),_c('div',{staticClass:\"permissions_actions\"},[_c('button',{staticClass:\"btn btn-outline-secondary mt-2\",attrs:{\"disabled\":!_vm.selected.available.length,\"type\":\"button\"},on:{\"click\":function($event){return _vm.addItems(_vm.selected.available)}}},[_vm._v(\" → Add \")]),_c('button',{staticClass:\"btn btn-outline-secondary my-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.addItems(_vm.newAvailable[_vm.currentForm])}}},[_vm._v(\" → → Add all \")]),_c('button',{staticClass:\"btn btn-outline-secondary\",attrs:{\"type\":\"button\",\"disabled\":!_vm.selected.assigned.length},on:{\"click\":function($event){return _vm.removeItems(_vm.selected.assigned)}}},[_vm._v(\" ← Remove \")]),_c('button',{staticClass:\"btn btn-outline-secondary my-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.removeItems(_vm.newAssigned[_vm.currentForm])}}},[_vm._v(\" ← ← Remove all \")])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('virtual-list',{staticClass:\"permissions_box\",attrs:{\"rowHeight\":40,\"rootHeight\":400,\"items\":_vm.assignedItems},scopedSlots:_vm._u([{key:\"default\",fn:function(items){return _vm._l((items),function(id){return _c('button',{key:id,staticClass:\"text-left btn d-flex justify-content-between list-group-item permission\",class:{\n                selected: _vm.selected.assigned.includes(id)\n              },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.addSelected('assigned', id)}}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.target[id].displayName)+\" \")])])})}}],null,false,4065132127)})],1),_c('div')]),(_vm.role.userTypeId > 20)?_c('div',[_c('fieldset',{staticClass:\"mt-3\"},[_c('legend',[_vm._v(\"Default User Settings\")]),_c('UserSettingsFields',{staticClass:\"mx-2\",attrs:{\"value\":_vm.defaultUserSettings},on:{\"updateSettings\":_vm.updateDefaultUserSettings}})],1)]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-end mt-4\"},[_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.cancelEdit}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-primary mx-2\",attrs:{\"disabled\":_vm.$v.role.$invalid,\"type\":\"submit\"}},[_vm._v(\" \"+_vm._s(_vm.isEditing ? \"Save\" : \"Next\")+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.rootStyle)},[_c('div',{staticClass:\"viewport\",style:(_vm.viewportStyle)},[_c('div',{ref:\"spacer\",style:(_vm.spacerStyle)},[_vm._t(\"default\",null,null,_vm.visibleItems)],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :style=\"rootStyle\">\n    <div class=\"viewport\" :style=\"viewportStyle\">\n      <div ref=\"spacer\" :style=\"spacerStyle\">\n        <slot v-bind=\"visibleItems\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    items: {\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    // Height of each row, give it an initial value but this gets calculated dynamically on mounted\n    rowHeight: {\n      type: Number,\n      default() {\n        return 30;\n      }\n    },\n    // Total height of the root which contains all the list items in px\n\n    rootHeight: {\n      type: Number,\n      default() {\n        return 300;\n      }\n    }\n  },\n  data() {\n    return {\n      // Current scroll top position, we update this inside the scroll event handler\n      scrollTop: 0,\n      animationFrame: null\n      // Extra padding at the top and bottom so that the items transition smoothly\n    };\n  },\n  mounted() {\n    this.$el.addEventListener(\n      \"scroll\",\n      this.handleScroll,\n      this.doesBrowserSupportPassiveScroll() ? { passive: true } : false\n    );\n  },\n  watch: {\n    items: {\n      immediate: true,\n      handler() {\n        // Calculate that initial row height dynamically\n        if (this.largestHeight && this.$refs.spacer) {\n          const largestHeight = this.calculateInitialRowHeight();\n          this.rowHeight =\n            typeof largestHeight !== \"undefined\" && largestHeight !== null ? largestHeight : 50;\n        }\n      }\n    }\n  },\n  destroyed() {\n    this.$el.removeEventListener(\"scroll\", this.handleScroll);\n  },\n  computed: {\n    // Think of it as extra items just before the viewport starts and just after the viewport ends\n    nodePadding() {\n      return this.rowHeight - 10;\n    },\n    viewportHeight() {\n      return this.itemCount * this.rowHeight;\n    },\n    startIndex() {\n      let startNode = Math.floor(this.scrollTop / this.rowHeight) - this.nodePadding;\n      startNode = Math.max(0, startNode);\n      return startNode;\n    },\n    visibleNodeCount() {\n      let count = Math.ceil(this.rootHeight / this.rowHeight) + 2 * this.nodePadding;\n      count = Math.min(this.itemCount - this.startIndex, count);\n      return count;\n    },\n    visibleItems() {\n      return this.items.slice(this.startIndex, this.startIndex + this.visibleNodeCount);\n    },\n    itemCount() {\n      return this.items.length;\n    },\n    offsetY() {\n      return this.startIndex * this.rowHeight;\n    },\n    spacerStyle() {\n      return {\n        transform: \"translateY(\" + this.offsetY + \"px)\"\n      };\n    },\n    viewportStyle() {\n      return {\n        overflow: \"visible\",\n        height: this.viewportHeight + \"px\",\n        position: \"relative\"\n      };\n    },\n    rootStyle() {\n      return {\n        height: this.rootHeight + \"px\",\n        overflow: \"auto\",\n        overscrollBehavior: \"contain\"\n      };\n    }\n  },\n  methods: {\n    handleScroll() {\n      this.scrollTop = this.$el.scrollTop;\n    },\n    /**\n    Find the largest height amongst all the children\n    Remember each row has to be of the same height\n    I am working on the different height version\n    */\n    calculateInitialRowHeight() {\n      const children = this.$refs.spacer.children;\n      let largestHeight = 0;\n      for (let i = 0; i < children.length; i++) {\n        if (children[i].offsetHeight > largestHeight) {\n          largestHeight = children[i].offsetHeight;\n        }\n      }\n      return largestHeight;\n    },\n    doesBrowserSupportPassiveScroll() {\n      let passiveSupported = false;\n\n      try {\n        const options = {\n          get passive() {\n            // This function will be called when the browser\n            //   attempts to access the passive property.\n            passiveSupported = true;\n            return false;\n          }\n        };\n\n        window.addEventListener(\"test\", null, options);\n        window.removeEventListener(\"test\", null, options);\n      } catch (err) {\n        passiveSupported = false;\n      }\n      return passiveSupported;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.viewport {\n  background: #fefefe;\n  overflow-y: auto;\n}\n\n.spacer > div {\n  padding: 0.5rem 0rem;\n  border: 1px solid #f5f5f5;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VirtualList.vue?vue&type=template&id=1c18ddb7&scoped=true&\"\nimport script from \"./VirtualList.vue?vue&type=script&lang=js&\"\nexport * from \"./VirtualList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VirtualList.vue?vue&type=style&index=0&id=1c18ddb7&lang=scss&scoped=true&\"\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  \"1c18ddb7\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <form\n    @submit.prevent=\"handleSubmit\"\n    action=\"\"\n    class=\"w-75 pt-3 m-auto\"\n    v-shortkey=\"saveShortkey\"\n    @shortkey=\"handleSubmit\"\n  >\n    <div class=\"my-3 row\">\n      <h4 class=\"col\" v-if=\"selectedRole\">Edit Lab Role</h4>\n      <h4 class=\"col\" v-else>Add Lab Role</h4>\n    </div>\n    <div class=\"row\">\n      <text-input\n        label=\"Name\"\n        name=\"name\"\n        class=\"col\"\n        maxLength=\"51\"\n        v-model=\"role.name\"\n        :validator=\"$v.role.name\"\n      />\n      <select-input\n        :items=\"userTypes\"\n        :disabled=\"isEditing\"\n        v-model=\"role.userTypeId\"\n        label=\"User Type\"\n        class=\"col\"\n        name=\"userType\"\n        :validator=\"$v.role.userTypeId\"\n      />\n      <select-input\n        v-if=\"cytologyModuleEnabled\"\n        :items=\"cytReviewTypes\"\n        v-model=\"role.cytReviewTypeId\"\n        label=\"Cytology Review Type\"\n        class=\"col\"\n        name=\"cytReviewTypeId\"\n      />\n      <select-input\n        :items=\"[\n          { displayName: 'Yes', id: true },\n          { displayName: 'No', id: false }\n        ]\"\n        label=\"Is Pathologist\"\n        id=\"doctor\"\n        class=\"\"\n        name=\"doctor\"\n        v-model=\"role.doctor\"\n      />\n    </div>\n    <div class=\"row\"></div>\n    <div class=\"row my-4\">\n      <text-input\n        class=\"col\"\n        name=\"description\"\n        label=\"Description\"\n        maxLength=\"101\"\n        v-model=\"role.description\"\n        :validator=\"$v.role.description\"\n      />\n    </div>\n    <div v-if=\"isEditing\" class=\"my-4\">\n      <div role=\"tabpanel\" class=\"d-flex tabs\">\n        <span\n          role=\"tab\"\n          v-for=\"item in ['permissions', 'reports', 'tags', 'procedures', 'panels', 'holdcodes']\"\n          :key=\"item\"\n          @click=\"currentForm = item\"\n          class=\"text-capitalize tab-item pointer font-weight-bold rounded\"\n          :class=\"{ active: currentForm === item }\"\n        >\n          {{ item === \"procedures\" ? \"orders\" : item }}\n        </span>\n      </div>\n      <div class=\"permissions_filter d-flex justify-content-between\">\n        <div class=\"permissions_available d-flex flex-column\">\n          <h6 class=\"text-capitalize\">Available {{ currentForm }}</h6>\n          <input\n            :disabled=\"!available[currentForm].length\"\n            class=\"mb-2 w-full form-control\"\n            :noLabel=\"true\"\n            placeholder=\"Filter\"\n            type=\"search\"\n            v-stream:input=\"availableSearch$\"\n          />\n        </div>\n        <div class=\"permissions_assigned\">\n          <h6 class=\"text-capitalize\">Assigned {{ currentForm }}</h6>\n          <input\n            :disabled=\"!assigned[currentForm].length\"\n            class=\"w-full mb-2 form-control\"\n            :noLabel=\"true\"\n            type=\"search\"\n            placeholder=\"Filter\"\n            v-stream:input=\"assignedSearch$\"\n          />\n        </div>\n      </div>\n      <div class=\"permissions_display d-flex justify-content-between\">\n        <div class=\"d-flex flex-column\">\n          <virtual-list\n            :rowHeight=\"40\"\n            :rootHeight=\"400\"\n            :items=\"availableItems\"\n            class=\"permissions_box\"\n          >\n            <template v-slot=\"items\">\n              <button\n                :class=\"{\n                  selected: selected.available.includes(id)\n                }\"\n                @click=\"addSelected('available', id)\"\n                class=\"text-left list-group-item permission\"\n                v-for=\"(id, i) in items\"\n                :key=\"i\"\n                type=\"button\"\n              >\n                <span class=\"\">\n                  {{ target[id].displayName }}\n                </span>\n              </button>\n            </template>\n          </virtual-list>\n        </div>\n        <div class=\"permissions_actions\">\n          <button\n            :disabled=\"!selected.available.length\"\n            type=\"button\"\n            @click=\"addItems(selected.available)\"\n            class=\"btn btn-outline-secondary mt-2\"\n          >\n            &rarr; Add\n          </button>\n          <button\n            type=\"button\"\n            @click=\"addItems(newAvailable[currentForm])\"\n            class=\"btn btn-outline-secondary my-2\"\n          >\n            &rarr; &rarr; Add all\n          </button>\n\n          <button\n            @click=\"removeItems(selected.assigned)\"\n            type=\"button\"\n            :disabled=\"!selected.assigned.length\"\n            class=\"btn btn-outline-secondary\"\n          >\n            &larr; Remove\n          </button>\n          <button\n            @click=\"removeItems(newAssigned[currentForm])\"\n            type=\"button\"\n            class=\"btn btn-outline-secondary my-2\"\n          >\n            &larr; &larr; Remove all\n          </button>\n        </div>\n        <div class=\"d-flex flex-column\">\n          <virtual-list\n            :rowHeight=\"40\"\n            :rootHeight=\"400\"\n            :items=\"assignedItems\"\n            class=\"permissions_box\"\n          >\n            <template v-slot=\"items\">\n              <button\n                :class=\"{\n                  selected: selected.assigned.includes(id)\n                }\"\n                @click=\"addSelected('assigned', id)\"\n                class=\"text-left btn d-flex justify-content-between list-group-item permission\"\n                v-for=\"id in items\"\n                :key=\"id\"\n                type=\"button\"\n              >\n                <span>\n                  {{ target[id].displayName }}\n                </span>\n              </button>\n            </template>\n          </virtual-list>\n        </div>\n        <div></div>\n      </div>\n      <div v-if=\"role.userTypeId > 20\">\n        <fieldset class=\"mt-3\">\n          <legend>Default User Settings</legend>\n          <UserSettingsFields\n            class=\"mx-2\"\n            :value=\"defaultUserSettings\"\n            @updateSettings=\"updateDefaultUserSettings\"\n          />\n        </fieldset>\n      </div>\n    </div>\n    <div class=\"d-flex justify-content-end mt-4\">\n      <button @click=\"cancelEdit\" type=\"button\" class=\"btn btn-danger\">Cancel</button>\n      <button :disabled=\"$v.role.$invalid\" type=\"submit\" class=\"btn btn-primary mx-2\">\n        {{ isEditing ? \"Save\" : \"Next\" }}\n      </button>\n    </div>\n  </form>\n</template>\n\n<script>\nimport RolesAPI from \"@/services/roles\";\nimport { required, maxLength } from \"vuelidate/lib/validators\";\nimport { CytResultTypeEnum, enumToDropDown, userTypes } from \"../../../modules/enums\";\nimport { mapState } from \"vuex\";\nimport {\n  altKey,\n  booleanLookup,\n  createLogComment,\n  createLogItem,\n  escapeRegExp\n} from \"../../../modules/helpers\";\nimport auditLog from \"../../../services/AuditLog\";\nimport { cloneDeep } from \"lodash\";\nimport { debounceTime, map, distinctUntilChanged } from \"rxjs/operators\";\nimport TextInput from \"@/components/common/TextInput.vue\";\nimport SelectInput from \"@/components/common/SelectInput.vue\";\nimport VirtualList from \"@/components/common/VirtualList.vue\";\nimport UserSettingsFields from \"@/components/UserSettingsFields.vue\";\nimport { defaultUserSettings } from \"@/modules/defaultUserSettings\";\n\nexport default {\n  components: { TextInput, SelectInput, VirtualList, UserSettingsFields },\n  name: \"Role-Form\",\n  props: {\n    selectedRole: {\n      default() {\n        return null;\n      }\n    },\n    labId: {\n      default() {\n        return null;\n      }\n    }\n  },\n  inject: [\"grid\"],\n  mounted() {\n    if (this.selectedRole) {\n      this.role = {\n        ...this.selectedRole,\n        name: this.selectedRole.displayName,\n        doctor: this.selectedRole.isDoctor\n      };\n      this.isEditing = true;\n      this.originalRole = cloneDeep({\n        ...this.selectedRole,\n        name: this.selectedRole.displayName,\n        doctor: this.selectedRole.isDoctor\n      });\n      this.loadPermissions(this.selectedRole.id);\n      if (this.selectedRole?.defaultUserSettings) {\n        this.defaultUserSettings = JSON.parse(this.selectedRole.defaultUserSettings);\n      }\n    }\n    if (this.currentLab !== null) {\n      this.userTypes = userTypes.filter(e => e.id !== 40);\n    }\n  },\n\n  data() {\n    return {\n      availableFilter: \"\",\n      assignedFilter: \"\",\n      isEditing: false,\n      currentForm: \"permissions\",\n      cytReviewTypes: enumToDropDown(CytResultTypeEnum),\n      available: {\n        sort: 1,\n        permissions: [],\n        reports: [],\n        procedures: [],\n        panels: [],\n        tags: [],\n        holdcodes: [],\n        macros: []\n      },\n      assigned: {\n        sort: 1,\n        permissions: [],\n        reports: [],\n        procedures: [],\n        panels: [],\n        tags: [],\n        holdcodes: [],\n        macros: []\n      },\n      newAssigned: {\n        permission: [],\n        reports: [],\n        procedures: [],\n        panels: [],\n        tags: [],\n        holdcodes: [],\n        macros: []\n      },\n      newAvailable: {\n        permission: [],\n        reports: [],\n        procedures: [],\n        panels: [],\n        tags: [],\n        holdcodes: [],\n        macros: []\n      },\n      permissions: {},\n      tags: {},\n      reports: {},\n      originalRole: {},\n      procedures: {},\n      panels: {},\n      holdcodes: {},\n      selected: { available: [], assigned: [] },\n      role: {\n        name: \"\",\n        description: \"\",\n        doctor: false,\n        admin: false,\n        cytReviewTypeId: 10\n      },\n      userTypes: [...userTypes],\n      saveShortkey: altKey(\"s\"),\n      booleanOptions: booleanLookup.dataSource,\n      defaultUserSettings: defaultUserSettings\n    };\n  },\n  validations: {\n    role: {\n      name: {\n        required,\n        maxLength: maxLength(50)\n      },\n      description: {\n        maxLength: maxLength(100)\n      },\n      userTypeId: {\n        required\n      }\n    }\n  },\n  domStreams: [\"assignedSearch$\", \"availableSearch$\"],\n  subscriptions() {\n    const searchAssignedInput$ = this.assignedSearch$.pipe(\n      debounceTime(200),\n      distinctUntilChanged(),\n      map(({ event }) => event.target.value)\n    );\n    const searchAvailableInput$ = this.availableSearch$.pipe(\n      debounceTime(200),\n      distinctUntilChanged(),\n      map(({ event }) => event.target.value)\n    );\n    return {\n      searchAvailableInput$,\n      searchAssignedInput$\n    };\n  },\n  computed: {\n    ...mapState({\n      currentLab: state => state.currentLab,\n      cytologyModuleEnabled: state => state.labSettings.CytologyModuleEnabled\n    }),\n    availableItems() {\n      let list = [];\n      if (this.searchAvailableInput$) {\n        list = this.newAvailable[this.currentForm].filter(id => {\n          const matcher = new RegExp(escapeRegExp(this.searchAvailableInput$), \"i\");\n          return matcher.test(this.target[id]?.displayName);\n        });\n      } else {\n        list = this.newAvailable[this.currentForm];\n      }\n      return this.sortItems(list, true);\n    },\n    assignedItems() {\n      let list = [];\n      if (this.searchAssignedInput$) {\n        list = this.newAssigned[this.currentForm].filter(id => {\n          const matcher = new RegExp(escapeRegExp(this.searchAssignedInput$), \"i\");\n          return matcher.test(this.target[id]?.displayName);\n        });\n      } else {\n        list = this.newAssigned[this.currentForm];\n      }\n      return this.sortItems(list, true);\n    },\n    target() {\n      return this[this.currentForm];\n    }\n  },\n  watch: {\n    selectedRole(nv, ov) {\n      if (nv === null) {\n        this.isEditing = false;\n        this.resetData();\n      } else if (nv.id && nv.id !== ov?.id) {\n        this.role = {\n          ...this.selectedRole,\n          name: this.selectedRole.displayName,\n          doctor: this.selectedRole.isDoctor\n        };\n        this.isEditing = true;\n        if (this.selectedRole?.defaultUserSettings) {\n          this.defaultUserSettings = JSON.parse(this.selectedRole.defaultUserSettings);\n        }\n        return this.loadPermissions(nv.id);\n      }\n    },\n    currentForm(nv, ov) {\n      if (nv !== ov) {\n        this.selected.available = [];\n        this.selected.assigned = [];\n      }\n    }\n  },\n  methods: {\n    sortItems(items, sort) {\n      if (!items) {\n        return items;\n      }\n      return items.sort((a, b) => {\n        if (sort) {\n          return this.target[a].displayName.toLowerCase() < this.target[b].displayName.toLowerCase()\n            ? -1\n            : 1;\n        } else {\n          return this.target[a].displayName.toLowerCase() < this.target[b].displayName.toLowerCase()\n            ? 1\n            : -1;\n        }\n      });\n    },\n    async loadPermissions(roleId) {\n      const handleResponse = response => {\n        const normalizeAssigned = new (this.normalizeData(response.assignedPermissions || []))();\n        const normalizeAvailable = new (this.normalizeData(response.availablePermissions || []))();\n        const normalizeAssignedReports = new (this.normalizeData(\n          response.assignedReports.filter(e => e.labId === this.currentLab) || []\n        ))();\n        const normalizeAvailableReports = new (this.normalizeData(\n          response.availableReports.filter(e => e.labId === this.currentLab) || []\n        ))();\n        const normalizeAssignedProcedures = new (this.normalizeData(\n          response.assignedProcedures || []\n        ))();\n        const normalizeAvailableProcedures = new (this.normalizeData(\n          response.availableProcedures || []\n        ))();\n\n        const normalizeAssignedPanels = new (this.normalizeData(response.assignedPanels || []))();\n        const normalizeAvailablePanels = new (this.normalizeData(response.availablePanels || []))();\n        const normalizeAssignedTags = new (this.normalizeData(response.assignedTags || []))();\n        const normalizeAvailableTags = new (this.normalizeData(response.availableTags || []))();\n        const normalizeAssignedHoldCodes = new (this.normalizeData(\n          response.assignedHoldCodes || []\n        ))();\n        const normalizeAvailableHoldCodes = new (this.normalizeData(\n          response.availableHoldCodes || []\n        ))();\n        const normalizeAssignedMacros = new (this.normalizeData(response.assignedMacros || []))();\n        const normalizeAvailableMacros = new (this.normalizeData(response.availableMacros || []))();\n        this.permissions = {\n          ...normalizeAvailable.entities,\n          ...normalizeAssigned.entities\n        };\n        this.reports = {\n          ...normalizeAssignedReports.entities,\n          ...normalizeAvailableReports.entities\n        };\n        this.procedures = {\n          ...normalizeAssignedProcedures.entities,\n          ...normalizeAvailableProcedures.entities\n        };\n        this.panels = {\n          ...normalizeAssignedPanels.entities,\n          ...normalizeAvailablePanels.entities\n        };\n        this.tags = {\n          ...normalizeAssignedTags.entities,\n          ...normalizeAvailableTags.entities\n        };\n        this.holdcodes = {\n          ...normalizeAssignedHoldCodes.entities,\n          ...normalizeAvailableHoldCodes.entities\n        };\n        this.macros = {\n          ...normalizeAssignedMacros.entities,\n          ...normalizeAvailableMacros.entities\n        };\n        const assigned = {};\n        const available = {};\n        const newAvailable = {};\n        const newAssigned = {};\n        // ==================\n        assigned.permissions = Array.from([...normalizeAssigned.ids]);\n        assigned.procedures = Array.from([...normalizeAssignedProcedures.ids]);\n        assigned.reports = Array.from([...normalizeAssignedReports.ids]);\n        assigned.panels = Array.from([...normalizeAssignedPanels.ids]);\n        assigned.tags = Array.from([...normalizeAssignedTags.ids]);\n        assigned.holdcodes = Array.from([...normalizeAssignedHoldCodes.ids]);\n        assigned.macros = Array.from([...normalizeAssignedMacros.ids]);\n        // ====================\n        available.permissions = Array.from([...normalizeAvailable.ids]);\n        available.reports = Array.from([...normalizeAvailableReports.ids]);\n        available.procedures = Array.from([...normalizeAvailableProcedures.ids]);\n        available.panels = Array.from([...normalizeAvailablePanels.ids]);\n        available.tags = Array.from([...normalizeAvailableTags.ids]);\n        available.holdcodes = Array.from([...normalizeAvailableHoldCodes.ids]);\n        available.macros = Array.from([...normalizeAvailableMacros.ids]);\n        // =====================\n        newAssigned.permissions = Array.from([...normalizeAssigned.ids]);\n        newAssigned.procedures = Array.from([...normalizeAssignedProcedures.ids]);\n        newAssigned.reports = Array.from([...normalizeAssignedReports.ids]);\n        newAssigned.panels = Array.from([...normalizeAssignedPanels.ids]);\n        newAssigned.tags = Array.from([...normalizeAssignedTags.ids]);\n        newAssigned.holdcodes = Array.from([...normalizeAssignedHoldCodes.ids]);\n        newAssigned.macros = Array.from([...normalizeAssignedMacros.ids]);\n        // =====================\n        newAvailable.permissions = Array.from([...normalizeAvailable.ids]);\n        newAvailable.reports = Array.from([...normalizeAvailableReports.ids]);\n        newAvailable.procedures = Array.from([...normalizeAvailableProcedures.ids]);\n        newAvailable.panels = Array.from([...normalizeAvailablePanels.ids]);\n        newAvailable.tags = Array.from([...normalizeAvailableTags.ids]);\n        newAvailable.holdcodes = Array.from([...normalizeAvailableHoldCodes.ids]);\n        newAvailable.macros = Array.from([...normalizeAvailableMacros.ids]);\n\n        this.newAvailable = newAvailable;\n        this.newAssigned = newAssigned;\n        this.assigned = assigned;\n        this.available = available;\n      };\n      if (roleId) {\n        //Get report groups by role\n        return RolesAPI.getRolePermissions(roleId).then(handleResponse);\n      } else {\n        return RolesAPI.getAllPermissions().then(handleResponse);\n      }\n    },\n    async cancelEdit() {\n      const confirm = await window.confirm(\n        \"You may have unsaved data. \\n Are you sure you want to cancel?\"\n      );\n      if (confirm) {\n        this.resetData();\n        this.$emit(\"cancel\");\n      }\n    },\n    changePage(direction, property, max) {\n      if (direction === \"increase\") {\n        if (this[property].pageOffset + 1 < max) {\n          this[property].pageOffset++;\n        }\n      } else {\n        if (this[property].pageOffset - 1 >= 0) {\n          this[property].pageOffset--;\n        }\n      }\n    },\n    normalizeData(data) {\n      function normalized() {\n        this.entities = {};\n        this.ids = [];\n        for (const entity of data) {\n          this.entities[entity.id] = entity;\n          this.ids.push(entity.id);\n        }\n      }\n      return normalized;\n    },\n    resetData() {\n      this.selected = { available: [], assigned: [] };\n      this.assigned = { current: [], new: [], sort: 1 };\n      this.available = { current: [], new: [], sort: 1 };\n      this.permissions = {};\n      this.role = {\n        name: \"\",\n        description: \"\",\n        admin: false,\n        doctor: false\n      };\n      this.assignedFilter = \"\";\n      this.availableFilter = \"\";\n      this.defaultUserSettings = {\n        pathReportLocation: null,\n        expandDemo: false,\n        autoOpenCase: false,\n        automaticMacroPopup: null,\n        macroSearchMode: null,\n        macroStartsWith: null,\n        enableSpellchecker: true,\n        macroAssist: false,\n        imagePrintOnReport: false,\n        defaultImageType: false,\n        segregateResultsMacros: false,\n        defaultDashboardMode: 0,\n        autoOpenEditors: false,\n        confirmRemoveHold: true,\n        nextCasePopup: 0,\n        autoFillNextCase: 0,\n        defaultPrintMode: null\n      };\n    },\n    async handleSubmit() {\n      this.$v.$touch();\n      if (this.$v.$invalid) {\n        window.notify(\"Please verify your input and try again.\", \"warning\");\n\n        return;\n      }\n      if (!this.isEditing) {\n        const role = await RolesAPI.addRole({\n          ...this.role,\n          labId: this.currentLab,\n          permissions: [],\n          reportGroups: [],\n          macros: [],\n          holdcodes: [],\n          procedures: [],\n          tags: [],\n          reports: [],\n          defaultUserSettings: JSON.stringify(this.defaultUserSettings)\n        });\n        this.role.id = role.id;\n        this.isEditing = true;\n        this.loadPermissions(role.id);\n        if (this.grid) {\n          this.grid().refresh(true);\n        }\n        const logItem = createLogItem({}, 4);\n        logItem.comments = `Created a new role ${this.role.name}`;\n        auditLog.insertLogMessage(logItem);\n        return;\n      }\n\n      const sets = {\n        permissions: new Set(),\n        reports: new Set(),\n        panels: new Set(),\n        tags: new Set(),\n        procedures: new Set(),\n        holdcodes: new Set(),\n        macros: new Set()\n      };\n\n      for (const property in this.newAssigned) {\n        this.newAssigned[property].forEach(item => {\n          sets[property].add(item);\n        });\n        this.role[property] = [...sets[property]].map(e => this[property][e]);\n        this.originalRole[property] = this.assigned[property].map(e => this[property][e]);\n      }\n      const hasChanges = JSON.stringify(this.originalRole) !== JSON.stringify(this.role);\n      this.role.reportGroups = this.role.reports;\n      if (hasChanges && this.originalRole.id === this.role.id) {\n        const logItem = createLogItem({}, 5);\n        logItem.comments = `${this.role.name}:${createLogComment(this.originalRole, this.role)}`;\n        auditLog.insertLogMessage(logItem);\n      }\n      const updatedRole = await RolesAPI.updateRole({\n        ...this.role,\n        labId: this.currentLab,\n        defaultUserSettings: JSON.stringify(this.defaultUserSettings)\n      });\n      if (updatedRole.validationErrors?.length) {\n        window.alert(updatedRole.validationErrors.join(\", \"));\n        return;\n      }\n\n      this.$emit(\"submit\");\n      this.resetData();\n    },\n    addItems(selecteditems) {\n      let availableitems = Array.from(this.newAvailable[this.currentForm]);\n      for (const id of selecteditems) {\n        if (this.assigned[this.currentForm].includes(id)) {\n          const item = this.target[id];\n          item.isDeleted = false;\n        }\n        if (this.newAvailable[this.currentForm].includes(id)) {\n          availableitems = availableitems.filter(e => e != id);\n        }\n        this.newAssigned[this.currentForm].push(id);\n      }\n      this.newAvailable[this.currentForm] = [...availableitems];\n      this.selected.available = [];\n    },\n    removeItems(selecteditems) {\n      let assigneditems = [...this.newAssigned[this.currentForm]];\n\n      for (const itemId of selecteditems) {\n        if (this.assigned[this.currentForm].includes(itemId)) {\n          const item = this.target[itemId];\n          item.isDeleted = true;\n        }\n        if (this.newAssigned[this.currentForm].includes(itemId)) {\n          assigneditems = assigneditems.filter(e => e != itemId);\n        }\n        this.newAvailable[this.currentForm].push(itemId);\n      }\n      this.newAssigned[this.currentForm] = [...assigneditems];\n      this.selected.assigned = [];\n    },\n    addSelected(property, item) {\n      if (!this.selected[property].includes(item)) {\n        this.selected[property].push(item);\n      } else {\n        const index = this.selected[property].indexOf(item);\n        this.selected[property].splice(index, 1);\n      }\n    },\n    updateDefaultUserSettings(value) {\n      this.defaultUserSettings = value;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.tab-item {\n  margin: 0 0.2rem;\n  padding: 0.5rem 0.25rem;\n  &.active {\n    border-bottom: none;\n    background: gray;\n    color: white;\n  }\n}\n\n.permissions_box {\n  width: 300px;\n  padding: 0.25rem 0.25rem 0.75rem 0.25rem;\n  border: 1px solid $gray;\n}\n.permissions_actions {\n  display: flex;\n  flex-direction: column;\n  button {\n    width: 140px;\n  }\n}\n.permissions_available,\n.permissions_assigned {\n  width: 300px;\n}\n\n.selected {\n  background-color: $primary;\n  color: white;\n}\n.pagination_box {\n  justify-content: center;\n  display: flex;\n  align-self: center;\n  align-items: center;\n  font-size: 1.3rem;\n  button {\n    font-size: 1.3rem;\n    color: $primary;\n    margin: 0 0.75rem;\n  }\n}\n.permission {\n  text-overflow: ellipsis;\n  font-weight: 500;\n  margin: 0.05rem 0;\n  width: 100%;\n  /* color: $green; */\n  & > span {\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    display: inline-block;\n    text-overflow: ellipsis;\n    &:hover {\n      text-overflow: clip;\n      white-space: normal;\n      word-break: break-all;\n    }\n  }\n  &:focus {\n    outline: none;\n  }\n  &:disabled,\n  &.removed {\n    color: hsl(208, 7%, 80%) !important;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleManagement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleManagement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleManagement.vue?vue&type=template&id=512f0622&scoped=true&\"\nimport script from \"./RoleManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoleManagement.vue?vue&type=style&index=0&id=512f0622&lang=scss&scoped=true&\"\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  \"512f0622\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <container>\n    <div class=\"p-2\">\n      <DxDataGrid\n        title=\"Role Management\"\n        gridName=\"roles\"\n        @initialized=\"initialize\"\n        :columns=\"columns\"\n        :dataSource=\"roles\"\n        :toolbar=\"toolbar\"\n        :row-alternation-enabled=\"true\"\n        :allow-column-resizing=\"true\"\n        columnResizingMode=\"widget\"\n        :showBorders=\"true\"\n        :allow-column-reordering=\"true\"\n        :searchPanel=\"searchPanel\"\n        :cacheEnabled=\"false\"\n      >\n        <template v-slot:pageTitle>\n          <h2>Role Management</h2>\n        </template>\n        <template v-slot:extraActions>\n          <add-button type=\"button\" @click=\"handleAddRole\" />\n        </template>\n        <template v-slot:actions=\"{ data }\">\n          <div class=\"d-flex justify-content-center\">\n            <icon-button\n              class=\"text-primary pointer mr-2 p-0\"\n              v-tooltip.right=\"'Edit role.'\"\n              @click.stop=\"editRole(data)\"\n              icon=\"pen-alt\"\n            />\n            <icon-button\n              v-if=\"permissions.RoleDelete\"\n              v-tooltip.right=\"'Delete role.'\"\n              @click.stop=\"removeRole(data)\"\n              class=\"text-danger pointer ml-2 p-0\"\n              icon=\"trash-alt\"\n            />\n          </div>\n        </template>\n        <template v-slot:dateCell=\"{ data }\">\n          <div class=\"d-flex align-items-center\">\n            <icon icon=\"circle\" class=\"filled_circle\" :class=\"dueDateCell(data)\" />\n            <b>{{ data.text }}</b>\n          </div>\n        </template>\n      </DxDataGrid>\n      <RoleManagementForm\n        v-if=\"isAdding || isEditing\"\n        :selectedRole=\"selectedRole\"\n        :labId=\"currentLab\"\n        @cancel=\"cancel\"\n        @submit=\"handleSubmit\"\n      />\n    </div>\n  </container>\n</template>\n\n<script>\nimport { mapState, mapGetters } from \"vuex\";\nimport RolesAPI from \"@/services/roles\";\nimport RoleManagementForm from \"@/components/forms/CodeMaintenance/RoleManagement.vue\";\nimport auditLog from \"../../services/AuditLog\";\nimport { createLogItem } from \"../../modules/helpers\";\nimport { DropdownApi } from \"@/services\";\nimport DataSource from \"devextreme/data/data_source\";\nimport Container from \"../common/Container.vue\";\nimport IconButton from \"../common/IconButton.vue\";\nimport Icon from \"../common/Icon.vue\";\nimport { DxDataGrid } from \"devextreme-vue/data-grid\";\nimport AddButton from \"../common/AddButton.vue\";\n\nexport default {\n  name: \"Role-Management\",\n  metaInfo: {\n    title: \"Role Management\",\n    titleTemplate: \"IntelliPath - %s\"\n  },\n  components: {\n    RoleManagementForm,\n    DxDataGrid,\n    Container,\n    IconButton,\n    Icon,\n    AddButton\n  },\n  provide() {\n    return {\n      grid: () => this.grid\n    };\n  },\n  mounted() {\n    auditLog.insertLogMessage({\n      ...createLogItem({}, 7),\n      comments: \"Visited admin roles page.\"\n    });\n  },\n  data() {\n    return {\n      toolbar: {\n        items: [\n          { location: \"after\", template: \"extraActions\" },\n          { template: \"pageTitle\", location: \"before\" },\n          { name: \"searchPanel\" }\n        ]\n      },\n      roles: new DataSource({ store: DropdownApi.searchRoles, pageSize: 10, paginate: true }),\n      grid: {},\n      availableLabs: [],\n      columns: [\n        {\n          dataField: \"displayName\",\n          caption: \"Name\",\n          width: \"40%\"\n        },\n        {\n          dataField: \"description\",\n          width: \"50%\"\n        },\n        {\n          caption: \"Actions\",\n          cellTemplate: \"actions\",\n          width: \"10%\",\n          class: \"text-center\"\n        }\n      ],\n      isEditing: false,\n      isAdding: false,\n      selectedRole: null,\n      searchPanel: { visible: true, width: 300 }\n    };\n  },\n\n  computed: {\n    ...mapState([\"currentUser\", \"currentLab\"]),\n    ...mapGetters([\"permissions\"])\n  },\n  methods: {\n    initialize({ component }) {\n      this.grid = component;\n    },\n    cancel() {\n      this.isEditing = false;\n      this.isAdding = false;\n      this.selectedRole = null;\n    },\n    handleSubmit() {\n      this.isEditing = false;\n      this.isAdding = false;\n      this.selectedRoleId = null;\n      this.roles.reload();\n    },\n    async editRole({ data }) {\n      if (this.isEditing || this.isAdding) {\n        const confirm = await window.confirm(\n          \"You may have unsaved data. \\n Are you sure you want to continue?\"\n        );\n        if (!confirm) {\n          return;\n        }\n      }\n      this.selectedRole = { ...data };\n      this.isEditing = true;\n    },\n    async removeRole({ data }) {\n      if (data) {\n        const confirm = await window.confirm(\n          `WARNING: This action is irreversible. Are you sure you wish to continue?`\n        );\n        if (confirm) {\n          return RolesAPI.deleteRole(data)\n            .then(() => this.grid.refresh(true))\n            .catch(() => {\n              window.alert(\"Error: Cannot delete role with linked users.\");\n            });\n        }\n      }\n    },\n    async handleAddRole() {\n      if (this.isEditing) {\n        const confirm = await window.confirm(\n          \"WARNING: You may have unsaved changes,\\n Would you like to continue?\"\n        );\n        if (!confirm) {\n          return;\n        }\n      }\n      this.selectedRole = null;\n      this.isAdding = true;\n      this.isEditing = false;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleManagement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoleManagement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleManagement.vue?vue&type=template&id=0b5bd7ba&scoped=true&\"\nimport script from \"./RoleManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleManagement.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  \"0b5bd7ba\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}