@cortezaproject/corteza-vue 2023.3.0-dev.5.1 → 2023.3.0-rc.1

package/dist/index.es.js

@@ -7,6 +7,7 @@ import detector from 'i18next-browser-languagedetector';
 import multiload from 'i18next-multiload-backend-adapter';
 import VueI18Next from '@panter/vue-i18next';
 import path from 'path';
+import { createPopper } from '@popperjs/core';
 import { PhotoSwipe } from 'v-photoswipe';
 import pdfjs from 'pdfjs-dist';
 import Draggable from 'vuedraggable';
@@ -18,7 +19,6 @@ import { library } from '@fortawesome/fontawesome-svg-core';
 import { faLock } from '@fortawesome/free-solid-svg-icons';
 import { VueSelect } from 'vue-select';
 import { mapGetters, mapActions } from 'vuex';
-import { createPopper } from '@popperjs/core';
 import _, { debounce, throttle } from 'lodash';
 import pino from 'pino';
 import fzy from 'fuzzysort';
@@ -14140,12 +14140,65 @@ var files = {
   }
 };
 
+var calculateDropdownPosition = {
+  methods: {
+    calculateDropdownPosition(dropdownList, component, {
+      width
+    }) {
+      /**
+       * We need to explicitly define the dropdown width since
+       * it is usually inherited from the parent with CSS.
+       */
+      dropdownList.style.width = width;
+      /**
+       * Here we position the dropdownList relative to the $refs.toggle Element.
+       *
+       * The 'offset' modifier aligns the dropdown so that the $refs.toggle and
+       * the dropdownList overlap by 1 pixel.
+       *
+       * The 'toggleClass' modifier adds a 'drop-up' class to the Vue Select
+       * wrapper so that we can set some styles for when the dropdown is placed
+       * above.
+       */
+
+      const popper = createPopper(component.$refs.toggle, dropdownList, {
+        placement: 'bottom',
+        modifiers: [{
+          name: 'offset',
+          options: {
+            offset: [0, -1]
+          }
+        }, {
+          name: 'toggleClass',
+          enabled: true,
+          phase: 'write',
+
+          fn({
+            state
+          }) {
+            component.$el.classList.toggle('drop-up', state.placement === 'top');
+          }
+
+        }]
+      });
+      /**
+       * To prevent memory leaks Popper needs to be destroyed.
+       * If you return function, it will be called just before dropdown is removed from DOM.
+       */
+
+      return () => popper.destroy();
+    }
+
+  }
+};
+
 
 
 var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   corredor: corredor,
-  files: files
+  files: files,
+  vueSelectPosition: calculateDropdownPosition
 });
 
 var script = {
@@ -70710,12 +70763,12 @@ var __vue_staticRenderFns__$3 = [];
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-12f1f9ce_0", { source: ".doc-msg[data-v-12f1f9ce]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#fff}.doc-err[data-v-12f1f9ce]{cursor:pointer}.doc-err .err-message[data-v-12f1f9ce]{color:red}", map: undefined, media: undefined })
-,inject("data-v-12f1f9ce_1", { source: ".pdf-preview{text-align:center}.pdf-preview:not(.inline){padding-top:20px;padding-bottom:20px}.pdf-preview:not(.inline) canvas{box-shadow:0 0 3px #1e1E1E41}.pdf-preview.inline{height:200px;overflow-y:scroll;display:inline-block;cursor:zoom-in;width:100%;max-width:500px}.pdf-preview canvas{margin-bottom:10px}.pdf-preview canvas.inline{width:100%}.pdf-preview canvas:not(.inline){margin:0 auto 10px auto;display:block}.pdf-preview canvas:last-of-type{margin-bottom:unset}.pdf-preview .loader{margin-bottom:10px}", map: undefined, media: undefined });
+    inject("data-v-29e0e814_0", { source: ".doc-msg[data-v-29e0e814]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#fff}.doc-err[data-v-29e0e814]{cursor:pointer}.doc-err .err-message[data-v-29e0e814]{color:#e54122}", map: undefined, media: undefined })
+,inject("data-v-29e0e814_1", { source: ".pdf-preview{text-align:center}.pdf-preview:not(.inline){padding-top:20px;padding-bottom:20px}.pdf-preview:not(.inline) canvas{box-shadow:0 0 3px #1e1E1E41}.pdf-preview.inline{height:200px;overflow-y:scroll;display:inline-block;cursor:zoom-in;width:100%;max-width:500px}.pdf-preview canvas{margin-bottom:10px}.pdf-preview canvas.inline{width:100%}.pdf-preview canvas:not(.inline){margin:0 auto 10px auto;display:block}.pdf-preview canvas:last-of-type{margin-bottom:unset}.pdf-preview .loader{margin-bottom:10px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-12f1f9ce";
+  const __vue_scope_id__$4 = "data-v-29e0e814";
   /* module identifier */
   const __vue_module_identifier__$4 = undefined;
   /* functional template */
@@ -71629,7 +71682,7 @@ var script$d = {
 const __vue_script__$d = script$d;
 
 /* template */
-var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-input-group',[_c('b-input',{ref:"searchInput",staticClass:"h-100 pr-0 border-light border-right-0 text-truncate bg-white",attrs:{"data-test-id":"input-search","type":_vm.inputType,"name":"search","value":_vm.value,"debounce":_vm.debounce,"disabled":_vm.disabled,"placeholder":_vm.placeholder,"autocomplete":_vm.autocomplete,"size":_vm.size},on:{"input":_vm.search,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submitQuery.apply(null, arguments)}}}),_vm._v(" "),_c('b-input-group-append',{staticClass:"bg-white border-light rounded-right append-group-border",class:{ 'border-left': _vm.showSubmittable }},[(_vm.showSubmittable)?_c('b-button',{class:{
+var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-input-group',[_c('b-input',{ref:"searchInput",staticClass:"h-100 pr-0 border-light border-right-0 text-truncate bg-white",attrs:{"data-test-id":"input-search","type":_vm.inputType,"name":"search","value":_vm.value,"debounce":_vm.debounce,"disabled":_vm.disabled,"placeholder":_vm.placeholder,"autocomplete":_vm.autocomplete,"size":_vm.size},on:{"update":_vm.search,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submitQuery.apply(null, arguments)}}}),_vm._v(" "),_c('b-input-group-append',{staticClass:"bg-white border-light rounded-right append-group-border",class:{ 'border-left': _vm.showSubmittable }},[(_vm.showSubmittable)?_c('b-button',{class:{
         'search-icon-border': _vm.showSubmittableAndClearable,
         'cursor-default': !_vm.isSubmittable
       },attrs:{"variant":"link","disabled":_vm.disabled},on:_vm._d({},[_vm.isSubmittable,_vm.submitQuery])},[_c('font-awesome-icon',{staticClass:"align-middle",attrs:{"icon":['fas', 'search']}})],1):_vm._e()],1)],1)};
@@ -71638,11 +71691,11 @@ var __vue_staticRenderFns__$c = [];
   /* style */
   const __vue_inject_styles__$e = function (inject) {
     if (!inject) return
-    inject("data-v-99c92058_0", { source: "input[data-v-99c92058]:focus::placeholder{color:transparent}input[type=search][data-v-99c92058]::-webkit-search-cancel-button{height:13px;width:13px;padding-left:12px;cursor:pointer;background:url(\"data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='black' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='black' stroke-width='2'/%3e%3c/svg%3e\")}.append-group-border[data-v-99c92058]{border:2px solid #e4e9ef}.search-icon-border[data-v-99c92058]{border-left:2px solid #e4e9ef}.cursor-default[data-v-99c92058]{cursor:default!important}", map: undefined, media: undefined });
+    inject("data-v-931a1f24_0", { source: "input[data-v-931a1f24]:focus::placeholder{color:transparent}input[type=search][data-v-931a1f24]::-webkit-search-cancel-button{height:13px;width:13px;padding-left:12px;cursor:pointer;background:url(\"data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='black' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='black' stroke-width='2'/%3e%3c/svg%3e\")}.append-group-border[data-v-931a1f24]{border:2px solid #f3f5f7}.search-icon-border[data-v-931a1f24]{border-left:2px solid #f3f5f7}.cursor-default[data-v-931a1f24]{cursor:default!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$e = "data-v-99c92058";
+  const __vue_scope_id__$e = "data-v-931a1f24";
   /* module identifier */
   const __vue_module_identifier__$e = undefined;
   /* functional template */
@@ -79637,7 +79690,7 @@ var __vue_staticRenderFns__$m = [];
   /* style */
   const __vue_inject_styles__$q = function (inject) {
     if (!inject) return
-    inject("data-v-11e55e3b_0", { source: ".access .btn{background-color:#e4e9ef;border:none}.access .btn:nth-child(2),.access .btn:nth-child(3){margin-left:.2rem!important}", map: undefined, media: undefined });
+    inject("data-v-ea26f95c_0", { source: ".access .btn{background-color:#f3f5f7;border:none}.access .btn:nth-child(2),.access .btn:nth-child(3){margin-left:.2rem!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -79840,6 +79893,7 @@ var script$s = {
     Rules: __vue_component__$s,
     VueSelect
   },
+  mixins: [calculateDropdownPosition],
   props: {
     labels: {
       required: false,
@@ -80258,6 +80312,18 @@ var script$s = {
       }
 
       return this.$t(`permissions:ui.tooltip.unknown-context.${isUser ? 'user' : 'role'}`);
+    },
+
+    getOptionRoleKey({
+      roleID
+    }) {
+      return roleID;
+    },
+
+    getOptionUserKey({
+      userID
+    }) {
+      return userID;
     }
 
   }
@@ -80267,18 +80333,18 @@ var script$s = {
 const __vue_script__$s = script$s;
 
 /* template */
-var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{staticClass:"h-100 overflow-hidden",attrs:{"id":"permissions-modal","visible":_vm.showModal,"size":"xl","title":_vm.translatedTitle,"lazy":"","scrollable":"","ok-disabled":_vm.submitDisabled,"ok-title":_vm.labels.save,"cancel-title":_vm.labels.cancel,"cancel-variant":"light","body-class":"d-flex flex-column p-0"},on:{"hide":_vm.onHide,"ok":_vm.onSubmit}},[_c('b-row',{staticClass:"bg-extra-light border-bottom",attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_vm._v("\n        "+_vm._s(_vm.labels.edit.description)+"\n      ")]),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block border-left p-3"},[_vm._v("\n        "+_vm._s(_vm.labels.evaluate.description)+"\n      ")])],1),_vm._v(" "),_c('b-row',{staticClass:"bg-extra-light",attrs:{"no-gutters":"","align-v":"stretch"}},[_c('b-col',{staticClass:"d-flex align-items-center p-3 border-bottom",attrs:{"lg":"4"}},[_c('b-form-group',{staticClass:"mb-0 w-100",attrs:{"label":_vm.labels.edit.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"h-100 bg-white",attrs:{"data-test-id":"select-user-list-roles","label":"name","clearable":false,"options":_vm.roles,"append-to-body":""},on:{"input":_vm.onRoleChange},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v;},expression:"currentRole"}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"pointer hide-eval border-bottom d-none d-lg-flex flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-remove","lg":"2"},on:{"click":function($event){return _vm.onHideEval(i)}}},[_vm._l((_vm.getEvalName(e)),function(n,index){return _c('label',{key:index,staticClass:"pointer text-center text-primary text-break mb-1",attrs:{"title":n}},[_vm._v("\n          "+_vm._s(n)+"\n        ")])}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-secondary rotate mt-1",attrs:{"icon":['fas', 'plus']}})],2)}),_vm._v(" "),(_vm.evaluate.length < 4)?_c('b-col',{directives:[{name:"b-modal",rawName:"v-b-modal.permissions-modal-eval",modifiers:{"permissions-modal-eval":true}}],staticClass:"d-none d-lg-flex pointer border-bottom flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-add"}},[_c('label',{staticClass:"pointer text-center text-primary text-break mb-1"},[_vm._v("\n          "+_vm._s(_vm.labels.add.label)+"\n        ")]),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-success d-block mx-auto mt-1",attrs:{"icon":['fas', 'plus']}})],1):_vm._e()],2),_vm._v(" "),(_vm.processing)?_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-center h-100 py-4",staticStyle:{"min-height":"50vh"}},[_c('b-spinner'),_vm._v(" "),_c('div',[_vm._v("\n        "+_vm._s(_vm.labels.loading)+"\n      ")])],1):_c('b-row',{attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_c('rules',{attrs:{"rules":_vm.rules},on:{"update:rules":function($event){_vm.rules=$event;}}})],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"d-none d-lg-flex border-left p-3 bg-extra-light not-allowed",attrs:{"lg":"2"}},[_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-between mt-4 w-100"},_vm._l((e.rules),function(r){return _c('h5',{key:r.operation,staticClass:"text-center mb-1 mt-2 w-100",attrs:{"title":_vm.getRuleTooltip(r.access === 'unknown-context', !!e.userID)}},[(r.access === 'unknown-context')?_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'question']}}):(r.access === 'allow')?_c('font-awesome-icon',{staticClass:"text-success",attrs:{"icon":['fas', 'check']}}):_c('font-awesome-icon',{staticClass:"text-danger",attrs:{"icon":['fas', 'times']}})],1)}),0)])}),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block pt-4 border-left"})],2)],1),_vm._v(" "),_c('b-modal',{attrs:{"id":"permissions-modal-eval","title":_vm.labels.add.title,"centered":"","ok-only":"","ok-title":_vm.labels.add.save,"ok-disabled":!_vm.addEnabled},on:{"ok":_vm.onAddEval}},[_c('b-form-group',{staticClass:"mb-0",attrs:{"label":_vm.labels.add.role.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"bg-white",attrs:{"data-test-id":"select-role","options":_vm.roles,"label":"name","multiple":"","clearable":"","disabled":!!_vm.add.userID,"placeholder":_vm.labels.add.role.placeholder},model:{value:(_vm.add.roleID),callback:function ($$v) {_vm.$set(_vm.add, "roleID", $$v);},expression:"add.roleID"}})],1),_vm._v(" "),_c('b-form-group',{staticClass:"mt-3 mb-0",attrs:{"label":_vm.labels.add.user.label,"label-class":"text-primary"}},[_c('vue-select',{key:"userID",staticClass:"bg-white",attrs:{"data-test-id":"select-user","disabled":!!_vm.add.roleID.length,"options":_vm.userOptions,"get-option-label":_vm.getUserLabel,"label":"name","clearable":"","placeholder":_vm.labels.add.user.placeholder},on:{"search":_vm.searchUsers},model:{value:(_vm.add.userID),callback:function ($$v) {_vm.$set(_vm.add, "userID", $$v);},expression:"add.userID"}})],1)],1)],1)};
+var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{staticClass:"h-100 overflow-hidden",attrs:{"id":"permissions-modal","visible":_vm.showModal,"size":"xl","title":_vm.translatedTitle,"lazy":"","scrollable":"","ok-disabled":_vm.submitDisabled,"ok-title":_vm.labels.save,"cancel-title":_vm.labels.cancel,"cancel-variant":"light","body-class":"d-flex flex-column p-0"},on:{"hide":_vm.onHide,"ok":_vm.onSubmit}},[_c('b-row',{staticClass:"bg-extra-light border-bottom",attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_vm._v("\n        "+_vm._s(_vm.labels.edit.description)+"\n      ")]),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block border-left p-3"},[_vm._v("\n        "+_vm._s(_vm.labels.evaluate.description)+"\n      ")])],1),_vm._v(" "),_c('b-row',{staticClass:"bg-extra-light",attrs:{"no-gutters":"","align-v":"stretch"}},[_c('b-col',{staticClass:"d-flex align-items-center p-3 border-bottom",attrs:{"lg":"4"}},[_c('b-form-group',{staticClass:"mb-0 w-100",attrs:{"label":_vm.labels.edit.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"h-100 bg-white",attrs:{"data-test-id":"select-user-list-roles","label":"name","clearable":false,"options":_vm.roles,"get-option-key":_vm.getOptionRoleKey,"append-to-body":"","calculate-position":_vm.calculateDropdownPosition},on:{"input":_vm.onRoleChange},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v;},expression:"currentRole"}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"pointer hide-eval border-bottom d-none d-lg-flex flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-remove","lg":"2"},on:{"click":function($event){return _vm.onHideEval(i)}}},[_vm._l((_vm.getEvalName(e)),function(n,index){return _c('label',{key:index,staticClass:"pointer text-center text-primary text-break mb-1",attrs:{"title":n}},[_vm._v("\n          "+_vm._s(n)+"\n        ")])}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-secondary rotate mt-1",attrs:{"icon":['fas', 'plus']}})],2)}),_vm._v(" "),(_vm.evaluate.length < 4)?_c('b-col',{directives:[{name:"b-modal",rawName:"v-b-modal.permissions-modal-eval",modifiers:{"permissions-modal-eval":true}}],staticClass:"d-none d-lg-flex pointer border-bottom flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-add"}},[_c('label',{staticClass:"pointer text-center text-primary text-break mb-1"},[_vm._v("\n          "+_vm._s(_vm.labels.add.label)+"\n        ")]),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-success d-block mx-auto mt-1",attrs:{"icon":['fas', 'plus']}})],1):_vm._e()],2),_vm._v(" "),(_vm.processing)?_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-center h-100 py-4",staticStyle:{"min-height":"50vh"}},[_c('b-spinner'),_vm._v(" "),_c('div',[_vm._v("\n        "+_vm._s(_vm.labels.loading)+"\n      ")])],1):_c('b-row',{attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_c('rules',{attrs:{"rules":_vm.rules},on:{"update:rules":function($event){_vm.rules=$event;}}})],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"d-none d-lg-flex border-left p-3 bg-extra-light not-allowed",attrs:{"lg":"2"}},[_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-between mt-4 w-100"},_vm._l((e.rules),function(r){return _c('h5',{key:r.operation,staticClass:"text-center mb-1 mt-2 w-100",attrs:{"title":_vm.getRuleTooltip(r.access === 'unknown-context', !!e.userID)}},[(r.access === 'unknown-context')?_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'question']}}):(r.access === 'allow')?_c('font-awesome-icon',{staticClass:"text-success",attrs:{"icon":['fas', 'check']}}):_c('font-awesome-icon',{staticClass:"text-danger",attrs:{"icon":['fas', 'times']}})],1)}),0)])}),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block pt-4 border-left"})],2)],1),_vm._v(" "),_c('b-modal',{attrs:{"id":"permissions-modal-eval","title":_vm.labels.add.title,"centered":"","ok-only":"","ok-title":_vm.labels.add.save,"ok-disabled":!_vm.addEnabled},on:{"ok":_vm.onAddEval}},[_c('b-form-group',{staticClass:"mb-0",attrs:{"label":_vm.labels.add.role.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"bg-white",attrs:{"data-test-id":"select-role","options":_vm.roles,"get-option-key":_vm.getOptionRoleKey,"label":"name","multiple":"","clearable":"","disabled":!!_vm.add.userID,"placeholder":_vm.labels.add.role.placeholder,"calculate-position":_vm.calculateDropdownPosition},model:{value:(_vm.add.roleID),callback:function ($$v) {_vm.$set(_vm.add, "roleID", $$v);},expression:"add.roleID"}})],1),_vm._v(" "),_c('b-form-group',{staticClass:"mt-3 mb-0",attrs:{"label":_vm.labels.add.user.label,"label-class":"text-primary"}},[_c('vue-select',{key:"userID",staticClass:"bg-white",attrs:{"data-test-id":"select-user","disabled":!!_vm.add.roleID.length,"options":_vm.userOptions,"get-option-label":_vm.getUserLabel,"get-option-key":_vm.getOptionUserKey,"label":"name","clearable":"","placeholder":_vm.labels.add.user.placeholder,"calculate-position":_vm.calculateDropdownPosition},on:{"search":_vm.searchUsers},model:{value:(_vm.add.userID),callback:function ($$v) {_vm.$set(_vm.add, "userID", $$v);},expression:"add.userID"}})],1)],1)],1)};
 var __vue_staticRenderFns__$p = [];
 
   /* style */
   const __vue_inject_styles__$t = function (inject) {
     if (!inject) return
-    inject("data-v-48c9ff94_0", { source: ".not-allowed[data-v-48c9ff94]{cursor:not-allowed}.bg-extra-light[data-v-48c9ff94]{background-color:#f3f5f7}.pointer[data-v-48c9ff94]{cursor:pointer}.rotate[data-v-48c9ff94]{transform:rotate(45deg)}.hide-eval:hover .rotate[data-v-48c9ff94]{color:#162425!important}", map: undefined, media: undefined })
-,inject("data-v-48c9ff94_1", { source: "#permissions-modal .v-select,#permissions-modal-eval .v-select{min-width:100%}#permissions-modal .v-select .vs__selected-options,#permissions-modal-eval .v-select .vs__selected-options{flex-wrap:wrap}", map: undefined, media: undefined });
+    inject("data-v-10cd8f99_0", { source: ".not-allowed[data-v-10cd8f99]{cursor:not-allowed}.bg-extra-light[data-v-10cd8f99]{background-color:#f3f5f7}.pointer[data-v-10cd8f99]{cursor:pointer}.rotate[data-v-10cd8f99]{transform:rotate(45deg)}.hide-eval:hover .rotate[data-v-10cd8f99]{color:#162425!important}", map: undefined, media: undefined })
+,inject("data-v-10cd8f99_1", { source: "#permissions-modal .v-select,#permissions-modal-eval .v-select{min-width:100%}#permissions-modal .v-select .vs__selected-options,#permissions-modal-eval .v-select .vs__selected-options{flex-wrap:wrap}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$t = "data-v-48c9ff94";
+  const __vue_scope_id__$t = "data-v-10cd8f99";
   /* module identifier */
   const __vue_module_identifier__$t = undefined;
   /* functional template */
@@ -80739,7 +80805,7 @@ var script$x = {
       }
     }, 300),
 
-    calculatePosition(dropdownList, component, {
+    calculateDropdownPosition(dropdownList, component, {
       width
     }) {
       /**
@@ -80835,6 +80901,12 @@ var script$x = {
 
     goToPage(next = true) {
       this.filter.pageCursor = next ? this.filter.nextPage : this.filter.prevPage;
+    },
+
+    getOptionKey({
+      recordID
+    }) {
+      return recordID;
     }
 
   }
@@ -80844,7 +80916,7 @@ var script$x = {
 const __vue_script__$x = script$x;
 
 /* template */
-var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',[_vm._v("\n    "+_vm._s(_vm.message)+"\n  ")]),_vm._v(" "),_c('div',{staticClass:"text-center m-2"},[_c('vue-select',{staticClass:"bg-white w-100 mb-3",attrs:{"options":_vm.options,"loading":_vm.processing,"append-to-body":"","calculate-position":_vm.calculatePosition,"option-value":"recordID","option-text":"label","placeholder":"Select record","filterable":false},on:{"search":_vm.search},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"value"}},[(_vm.showPagination)?_c('c-pagination',{attrs:{"slot":"list-footer","has-prev-page":_vm.hasPrevPage,"has-next-page":_vm.hasNextPage},on:{"prev":function($event){return _vm.goToPage(false)},"next":function($event){return _vm.goToPage(true)}},slot:"list-footer"}):_vm._e()],1),_vm._v(" "),_c('b-button',{attrs:{"disabled":_vm.loading},on:{"click":function($event){_vm.$emit('submit', { value: _vm.encodeValue() });}}},[_vm._v("\n      "+_vm._s(_vm.pVal('buttonLabel', 'Submit'))+"\n    ")])],1)])};
+var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',[_vm._v("\n    "+_vm._s(_vm.message)+"\n  ")]),_vm._v(" "),_c('div',{staticClass:"text-center m-2"},[_c('vue-select',{staticClass:"bg-white w-100 mb-3",attrs:{"options":_vm.options,"get-option-key":_vm.getOptionKey,"loading":_vm.processing,"append-to-body":"","calculate-position":_vm.calculateDropdownPosition,"option-value":"recordID","option-text":"label","placeholder":"Select record","filterable":false},on:{"search":_vm.search},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"value"}},[(_vm.showPagination)?_c('c-pagination',{attrs:{"slot":"list-footer","has-prev-page":_vm.hasPrevPage,"has-next-page":_vm.hasNextPage},on:{"prev":function($event){return _vm.goToPage(false)},"next":function($event){return _vm.goToPage(true)}},slot:"list-footer"}):_vm._e()],1),_vm._v(" "),_c('b-button',{attrs:{"disabled":_vm.loading},on:{"click":function($event){_vm.$emit('submit', { value: _vm.encodeValue() });}}},[_vm._v("\n      "+_vm._s(_vm.pVal('buttonLabel', 'Submit'))+"\n    ")])],1)])};
 var __vue_staticRenderFns__$t = [];
 
   /* style */
@@ -82147,7 +82219,7 @@ const __vue_script__$F = script$F;
 /* template */
 var __vue_render__$B = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"header-navigation d-flex align-items-center sticky-top pr-3"},[_c('div',{staticClass:"spacer",class:{
       'expanded': _vm.sidebarPinned,
-    }}),_vm._v(" "),_c('h2',{staticClass:"d-none d-sm-inline-block text-truncate mb-0"},[_vm._t("title")],2),_vm._v(" "),_c('div',{staticClass:"ml-auto text-sm-nowrap"},[_vm._t("tools")],2),_vm._v(" "),(!_vm.hideAppSelector && !_vm.settings.hideAppSelector)?_c('b-button',{staticClass:"d-flex align-items-center justify-content-center text-dark border-0 nav-icon rounded-circle",attrs:{"variant":"outline-light","href":_vm.appSelectorURL,"size":"lg"}},[_c('font-awesome-icon',{staticClass:"m-0 h5",attrs:{"icon":['fas', 'grip-horizontal']}})],1):_vm._e(),_vm._v(" "),(!_vm.settings.hideHelp)?_c('b-dropdown',{staticClass:"nav-icon mx-1",attrs:{"data-test-id":"dropdown-helper","size":"lg","variant":"outline-light","toggle-class":"text-decoration-none text-dark rounded-circle border-0 w-100","menu-class":"topbar-dropdown-menu border-0 shadow-sm text-dark font-weight-bold mt-2","right":"","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('div',{staticClass:"d-flex align-items-center justify-content-center"},[_c('font-awesome-icon',{staticClass:"m-0 h5",attrs:{"icon":['far', 'question-circle']}}),_vm._v(" "),_c('span',{staticClass:"sr-only"},[_vm._v("\n          "+_vm._s(_vm.labels.helpForum)+"\n        ")])],1)]},proxy:true}],null,false,2593833445)},[_vm._v(" "),_c('div',[_vm._t("help-dropdown")],2),_vm._v(" "),_vm._l((_vm.helpLinks),function(helpLink,index){return _c('b-dropdown-item',{key:index,attrs:{"href":helpLink.url,"target":helpLink.newTab ? '_blank' : ''}},[_vm._v("\n      "+_vm._s(helpLink.handle)+"\n    ")])}),_vm._v(" "),(!_vm.settings.hideForumLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-forum","href":"https://forum.cortezaproject.org/","target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpForum)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.settings.hideDocumentationLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-docs","href":_vm.documentationURL,"target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpDocumentation)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.settings.hideFeedbackLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-feedback","href":"mailto:info@crust.tech","target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpFeedback)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.onlyVersion)?_c('b-dropdown-divider'):_vm._e(),_vm._v(" "),_c('b-dropdown-item',{staticClass:"small",attrs:{"disabled":""}},[_vm._v("\n      "+_vm._s(_vm.labels.helpVersion)+"\n      "),_c('br'),_vm._v("\n      "+_vm._s(_vm.frontendVersion)+"\n    ")])],2):_vm._e(),_vm._v(" "),(!_vm.settings.hideProfile)?_c('b-dropdown',{staticClass:"nav-user-icon",attrs:{"data-test-id":"dropdown-profile","data-v-onboarding":"profile","variant":_vm.avatarExists ? 'link' : 'outline-light',"toggle-class":("nav-icon text-decoration-none text-dark rounded-circle border " + (_vm.avatarExists ? 'p-0' : '')),"size":"lg","right":"","menu-class":"topbar-dropdown-menu border-0 shadow-sm text-dark font-weight-bold mt-2","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [(_vm.avatarExists)?_c('div',{staticClass:"avatar d-flex h-100",style:({
+    }}),_vm._v(" "),_c('h2',{staticClass:"d-none d-sm-inline-block text-truncate title mb-0"},[_vm._t("title")],2),_vm._v(" "),_c('div',{staticClass:"ml-auto text-sm-nowrap"},[_vm._t("tools")],2),_vm._v(" "),(!_vm.hideAppSelector && !_vm.settings.hideAppSelector)?_c('b-button',{staticClass:"d-flex align-items-center justify-content-center text-dark border-0 nav-icon rounded-circle",attrs:{"variant":"outline-light","href":_vm.appSelectorURL,"size":"lg"}},[_c('font-awesome-icon',{staticClass:"m-0 h5",attrs:{"icon":['fas', 'grip-horizontal']}})],1):_vm._e(),_vm._v(" "),(!_vm.settings.hideHelp)?_c('b-dropdown',{staticClass:"nav-icon mx-1",attrs:{"data-test-id":"dropdown-helper","size":"lg","variant":"outline-light","toggle-class":"text-decoration-none text-dark rounded-circle border-0 w-100","menu-class":"topbar-dropdown-menu border-0 shadow-sm text-dark font-weight-bold mt-2","right":"","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('div',{staticClass:"d-flex align-items-center justify-content-center"},[_c('font-awesome-icon',{staticClass:"m-0 h5",attrs:{"icon":['far', 'question-circle']}}),_vm._v(" "),_c('span',{staticClass:"sr-only"},[_vm._v("\n          "+_vm._s(_vm.labels.helpForum)+"\n        ")])],1)]},proxy:true}],null,false,2593833445)},[_vm._v(" "),_c('div',[_vm._t("help-dropdown")],2),_vm._v(" "),_vm._l((_vm.helpLinks),function(helpLink,index){return _c('b-dropdown-item',{key:index,attrs:{"href":helpLink.url,"target":helpLink.newTab ? '_blank' : ''}},[_vm._v("\n      "+_vm._s(helpLink.handle)+"\n    ")])}),_vm._v(" "),(!_vm.settings.hideForumLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-forum","href":"https://forum.cortezaproject.org/","target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpForum)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.settings.hideDocumentationLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-docs","href":_vm.documentationURL,"target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpDocumentation)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.settings.hideFeedbackLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-helper-feedback","href":"mailto:info@crust.tech","target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.helpFeedback)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.onlyVersion)?_c('b-dropdown-divider'):_vm._e(),_vm._v(" "),_c('b-dropdown-item',{staticClass:"small",attrs:{"disabled":""}},[_vm._v("\n      "+_vm._s(_vm.labels.helpVersion)+"\n      "),_c('br'),_vm._v("\n      "+_vm._s(_vm.frontendVersion)+"\n    ")])],2):_vm._e(),_vm._v(" "),(!_vm.settings.hideProfile)?_c('b-dropdown',{staticClass:"nav-user-icon",attrs:{"data-test-id":"dropdown-profile","data-v-onboarding":"profile","variant":_vm.avatarExists ? 'link' : 'outline-light',"toggle-class":("nav-icon text-decoration-none text-dark rounded-circle border " + (_vm.avatarExists ? 'p-0' : '')),"size":"lg","right":"","menu-class":"topbar-dropdown-menu border-0 shadow-sm text-dark font-weight-bold mt-2","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [(_vm.avatarExists)?_c('div',{staticClass:"avatar d-flex h-100",style:({
           'background-image': _vm.avatarExists  ? ("url(" + _vm.profileAvatarUrl + ")") : 'none',
         })}):_c('div',{staticClass:"d-flex align-items-center justify-content-center"},[_c('font-awesome-icon',{staticClass:"m-0 h5",attrs:{"icon":['far', 'user']}}),_vm._v(" "),_c('span',{staticClass:"sr-only"},[_vm._v("\n          "+_vm._s(_vm.labels.helpForum)+"\n        ")])],1)]},proxy:true}],null,false,1153089912)},[_vm._v(" "),_c('b-dropdown-text',{staticClass:"text-muted mb-2"},[_vm._v("\n      "+_vm._s(_vm.labels.userSettingsLoggedInAs)+"\n    ")]),_vm._v(" "),_c('div',[_vm._t("avatar-dropdown")],2),_vm._v(" "),_vm._l((_vm.profileLinks),function(profileLink,index){return _c('b-dropdown-item',{key:index,attrs:{"href":profileLink.url,"target":profileLink.newTab ? '_blank' : ''}},[_vm._v("\n      "+_vm._s(profileLink.handle)+"\n    ")])}),_vm._v(" "),(!_vm.settings.hideProfileLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-profile-user","href":_vm.userProfileURL,"target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.userSettingsProfile)+"\n    ")]):_vm._e(),_vm._v(" "),(!_vm.settings.hideChangePasswordLink)?_c('b-dropdown-item',{attrs:{"data-test-id":"dropdown-profile-change-password","href":_vm.changePasswordURL,"target":"_blank"}},[_vm._v("\n      "+_vm._s(_vm.labels.userSettingsChangePassword)+"\n    ")]):_vm._e(),_vm._v(" "),_c('b-dropdown-divider'),_vm._v(" "),_c('b-dropdown-item',{staticClass:"mt-2",attrs:{"data-test-id":"dropdown-profile-logout","href":""},on:{"click":function($event){return _vm.$auth.logout()}}},[_vm._v("\n      "+_vm._s(_vm.labels.userSettingsLogout)+"\n    ")])],2):_vm._e()],1)};
 var __vue_staticRenderFns__$B = [];
@@ -82155,12 +82227,12 @@ var __vue_staticRenderFns__$B = [];
   /* style */
   const __vue_inject_styles__$G = function (inject) {
     if (!inject) return
-    inject("data-v-d534c544_0", { source: ".icon-logo[data-v-d534c544]{height:calc(64px / 2);background-repeat:no-repeat;background-position:center}.nav-icon[data-v-d534c544]{width:40px;height:40px}.nav-user-icon[data-v-d534c544]{width:50px;height:50px}.header-navigation[data-v-d534c544]{width:100vw;height:64px;background-color:#f3f3f5!important;padding-left:calc(3.5rem + 6px)}.topbar-dropdown-menu[data-v-d534c544]{max-height:80vh;overflow-y:auto}.avatar[data-v-d534c544]{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center}.avatar[data-v-d534c544]:hover{opacity:.8;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.spacer[data-v-d534c544]{min-width:0;-webkit-transition:min-width .15s ease-in-out;-moz-transition:min-width .15s ease-in-out;-o-transition:min-width .15s ease-in-out;transition:min-width .15s ease-in-out}.spacer.expanded[data-v-d534c544]{min-width:calc(320px - 42px);-webkit-transition:min-width .2s ease-in-out;-moz-transition:min-width .2s ease-in-out;-o-transition:min-width .2s ease-in-out;transition:min-width .2s ease-in-out}", map: undefined, media: undefined })
-,inject("data-v-d534c544_1", { source: ".topbar-tools .vue-portal-target{display:flex;align-items:center}", map: undefined, media: undefined });
+    inject("data-v-1f52662c_0", { source: ".icon-logo[data-v-1f52662c]{height:calc(64px / 2);background-repeat:no-repeat;background-position:center}.nav-icon[data-v-1f52662c]{width:40px;height:40px}.nav-user-icon[data-v-1f52662c]{min-width:50px;min-height:50px}.header-navigation[data-v-1f52662c]{width:100vw;height:64px;background-color:#f9fafb!important;padding-left:calc(3.5rem + 6px)}.header-navigation .title>*[data-v-1f52662c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dropdown-menu[data-v-1f52662c]{max-height:80vh;overflow-y:auto}.avatar[data-v-1f52662c]{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center}.avatar[data-v-1f52662c]:hover{opacity:.8;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.spacer[data-v-1f52662c]{min-width:0;-webkit-transition:min-width .15s ease-in-out;-moz-transition:min-width .15s ease-in-out;-o-transition:min-width .15s ease-in-out;transition:min-width .15s ease-in-out}.spacer.expanded[data-v-1f52662c]{min-width:calc(320px - 42px);-webkit-transition:min-width .2s ease-in-out;-moz-transition:min-width .2s ease-in-out;-o-transition:min-width .2s ease-in-out;transition:min-width .2s ease-in-out}", map: undefined, media: undefined })
+,inject("data-v-1f52662c_1", { source: ".topbar-tools .vue-portal-target{display:flex;align-items:center}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$G = "data-v-d534c544";
+  const __vue_scope_id__$G = "data-v-1f52662c";
   /* module identifier */
   const __vue_module_identifier__$G = undefined;
   /* functional template */
@@ -82219,7 +82291,8 @@ var script$G = {
 
   data() {
     return {
-      sidebar_settings: {}
+      sidebarSettings: {},
+      isMobile: false
     };
   },
 
@@ -82243,23 +82316,21 @@ var script$G = {
         this.$emit('update:pinned', pinned);
       }
 
-    },
-
-    isMobile() {
-      return window.innerWidth < 1024 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
     }
-
   },
 
   created() {
+    this.checkIfMobile();
     this.$root.$on('close-sidebar', () => {
       this.isExpanded = false;
       this.isPinned = false;
     });
+    window.addEventListener('resize', this.checkIfMobile);
   },
 
   beforeDestroy() {
     this.$root.$off('close-sidebar');
+    window.removeEventListener('resize', this.checkIfMobile);
   },
 
   watch: {
@@ -82273,6 +82344,10 @@ var script$G = {
     }
   },
   methods: {
+    checkIfMobile: throttle(function () {
+      this.isMobile = window.innerWidth < 1024 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    }, 500),
+
     checkSidebar() {
       // If sidebar should be disabled on route, close and unpin when navigating to route
       if (this.disabledRoutes.includes(this.$route.name)) {
@@ -82297,10 +82372,10 @@ var script$G = {
     },
 
     defaultSidebarAppearance() {
-      const localstorage_settings = JSON.parse(window.localStorage.getItem('sidebar_settings'));
+      const localstorage_settings = JSON.parse(window.localStorage.getItem('sidebarSettings'));
 
       if (localstorage_settings) {
-        this.sidebar_settings = localstorage_settings;
+        this.sidebarSettings = localstorage_settings;
       }
 
       const app_sidebar = (localstorage_settings || {})[this.$root.$options.name];
@@ -82318,15 +82393,15 @@ var script$G = {
     },
 
     saveSettings(pinned) {
-      if (this.sidebar_settings[this.$root.$options.name]) {
-        this.sidebar_settings[this.$root.$options.name].pinned = pinned;
+      if (this.sidebarSettings[this.$root.$options.name]) {
+        this.sidebarSettings[this.$root.$options.name].pinned = pinned;
       } else {
-        this.sidebar_settings[this.$root.$options.name] = {
+        this.sidebarSettings[this.$root.$options.name] = {
           pinned: pinned
         };
       }
 
-      window.localStorage.setItem('sidebar_settings', JSON.stringify(this.sidebar_settings));
+      window.localStorage.setItem('sidebarSettings', JSON.stringify(this.sidebarSettings));
     },
 
     openSidebar() {
@@ -82352,12 +82427,12 @@ var __vue_staticRenderFns__$C = [];
   /* style */
   const __vue_inject_styles__$H = function (inject) {
     if (!inject) return
-    inject("data-v-32b752b4_0", { source: ".tab[data-v-32b752b4]{z-index:1021;top:0;height:64px;width:66px}.icon[data-v-32b752b4]{max-height:40px;max-width:40px}.logo[data-v-32b752b4]{max-height:40px}.sidebar-header[data-v-32b752b4]{height:64px}", map: undefined, media: undefined })
-,inject("data-v-32b752b4_1", { source: ".sidebar{display:flex!important;left:calc(-320px)!important;-webkit-transition:left .15s ease-in-out;-moz-transition:left .15s ease-in-out;-o-transition:left .15s ease-in-out;transition:left .15s ease-in-out}.sidebar header{background-color:#fff}.sidebar header.expanded{background-color:#f4f7fa!important}.sidebar.expanded{left:0!important;-webkit-transition:left .2s ease-in-out;-moz-transition:left .2s ease-in-out;-o-transition:left .2s ease-in-out;transition:left .2s ease-in-out}[dir=rtl] .sidebar{right:calc(-320px)!important;-webkit-transition:right .15s ease-in-out;-moz-transition:right .15s ease-in-out;-o-transition:right .15s ease-in-out;transition:right .15s ease-in-out}[dir=rtl] .sidebar header{background-color:#fff}[dir=rtl] .sidebar header.expanded{background-color:#f4f7fa!important}[dir=rtl] .sidebar.expanded{right:0!important;-webkit-transition:right .2s ease-in-out;-moz-transition:right .2s ease-in-out;-o-transition:right .2s ease-in-out;transition:right .2s ease-in-out}", map: undefined, media: undefined });
+    inject("data-v-70b2c2b4_0", { source: ".tab[data-v-70b2c2b4]{z-index:1021;top:0;height:64px;width:66px}.icon[data-v-70b2c2b4]{max-height:40px;max-width:40px}.logo[data-v-70b2c2b4]{max-height:40px}.sidebar-header[data-v-70b2c2b4]{height:64px}", map: undefined, media: undefined })
+,inject("data-v-70b2c2b4_1", { source: ".sidebar{display:flex!important;left:calc(-320px)!important;-webkit-transition:left .15s ease-in-out;-moz-transition:left .15s ease-in-out;-o-transition:left .15s ease-in-out;transition:left .15s ease-in-out}.sidebar header{background-color:#fff}.sidebar header.expanded{background-color:#f4f7fa!important}.sidebar.expanded{left:0!important;-webkit-transition:left .2s ease-in-out;-moz-transition:left .2s ease-in-out;-o-transition:left .2s ease-in-out;transition:left .2s ease-in-out}[dir=rtl] .sidebar{right:calc(-320px)!important;-webkit-transition:right .15s ease-in-out;-moz-transition:right .15s ease-in-out;-o-transition:right .15s ease-in-out;transition:right .15s ease-in-out}[dir=rtl] .sidebar header{background-color:#fff}[dir=rtl] .sidebar header.expanded{background-color:#f4f7fa!important}[dir=rtl] .sidebar.expanded{right:0!important;-webkit-transition:right .2s ease-in-out;-moz-transition:right .2s ease-in-out;-o-transition:right .2s ease-in-out;transition:right .2s ease-in-out}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$H = "data-v-32b752b4";
+  const __vue_scope_id__$H = "data-v-70b2c2b4";
   /* module identifier */
   const __vue_module_identifier__$H = undefined;
   /* functional template */
@@ -83860,8 +83935,8 @@ var script$W = {
 
     style() {
       return {
-        fill: this.options.color || '#000000',
-        backgroundColor: this.options.backgroundColor || '#ffffff'
+        fill: this.options.color || '#162425',
+        backgroundColor: this.options.backgroundColor || '#FFFFFF'
       };
     },
 
@@ -84421,6 +84496,7 @@ var script$Z = {
   components: {
     VueSelect
   },
+  mixins: [calculateDropdownPosition],
   props: {
     value: {
       type: String,
@@ -84501,6 +84577,12 @@ var script$Z = {
 
     onInput(sensitivityLevelID) {
       this.$emit('input', sensitivityLevelID ? sensitivityLevelID : NoID);
+    },
+
+    getOptionKey({
+      sensitivityLevelID
+    }) {
+      return sensitivityLevelID;
     }
 
   }
@@ -84510,7 +84592,7 @@ var script$Z = {
 const __vue_script__$Z = script$Z;
 
 /* template */
-var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',{key:"type",staticClass:"bg-white",attrs:{"value":_vm._value,"disabled":_vm._disabled,"options":_vm.sensitivityLevels,"get-option-label":_vm.getLabel,"placeholder":_vm.placeholder,"reduce":function (l) { return l.sensitivityLevelID; },"append-to-body":""},on:{"input":_vm.onInput}})};
+var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',{key:"type",staticClass:"bg-white",attrs:{"value":_vm._value,"disabled":_vm._disabled,"options":_vm.sensitivityLevels,"get-option-label":_vm.getLabel,"get-option-key":_vm.getOptionKey,"placeholder":_vm.placeholder,"reduce":function (l) { return l.sensitivityLevelID; },"append-to-body":"","calculate-position":_vm.calculateDropdownPosition},on:{"input":_vm.onInput}})};
 var __vue_staticRenderFns__$T = [];
 
   /* style */
@@ -84647,11 +84729,12 @@ var script$_ = {
     },
 
     getPagination() {
-      const {
+      let {
         total = 0,
         limit = 10,
         page = 1
       } = this.pagination;
+      total = isNaN(total) ? 0 : total;
       const pagination = {
         from: (page - 1) * limit + 1,
         to: limit > 0 ? Math.min(page * limit, total) : total,
@@ -85124,7 +85207,7 @@ var __vue_staticRenderFns__$X = [];
   /* style */
   const __vue_inject_styles__$12 = function (inject) {
     if (!inject) return
-    inject("data-v-2c86815c_0", { source: ".layout{height:100vh;width:100vw;display:grid;grid-template-rows:auto 400px;grid-template-columns:300px auto;align-content:stretch;grid-template-areas:\"side main\" \"side controls\"}.layout aside{grid-area:side;overflow:auto}.layout main{grid-area:main;background-image:linear-gradient(135deg,#f3f3f5 21.43%,#fff 21.43%,#fff 50%,#f3f3f5 50%,#f3f3f5 71.43%,#fff 71.43%,#fff 100%);background-size:35px 35px;overflow:auto}.layout .controls{grid-area:controls;overflow:auto}.layout .controls .control-group{float:left}.layout .scenario{cursor:pointer}", map: undefined, media: undefined });
+    inject("data-v-36e9ba5b_0", { source: ".layout{height:100vh;width:100vw;display:grid;grid-template-rows:auto 400px;grid-template-columns:300px auto;align-content:stretch;grid-template-areas:\"side main\" \"side controls\"}.layout aside{grid-area:side;overflow:auto}.layout main{grid-area:main;background-image:linear-gradient(135deg,#f9fafb 21.43%,#fff 21.43%,#fff 50%,#f9fafb 50%,#f9fafb 71.43%,#fff 71.43%,#fff 100%);background-size:35px 35px;overflow:auto}.layout .controls{grid-area:controls;overflow:auto}.layout .controls .control-group{float:left}.layout .scenario{cursor:pointer}", map: undefined, media: undefined });
 
   };
   /* scoped */