@cortezaproject/corteza-vue 2022.3.4 → 2022.9.0-dev.2

package/dist/index.es.js

@@ -71507,10 +71507,163 @@ var __vue_staticRenderFns__$b = [];
     undefined
   );
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$d = {
+  name: 'CInputSearch',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    submittable: {
+      type: Boolean
+    },
+    autocomplete: {
+      type: String,
+      default: 'on'
+    },
+    debounce: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    inputType() {
+      return this.clearable ? 'search' : 'text';
+    },
+
+    showSubmittable() {
+      return !this.value || this.value && this.showSubmittableAndClearable;
+    },
+
+    isSubmittable() {
+      return this.submittable ? 'click' : null;
+    },
+
+    showSubmittableAndClearable() {
+      return this.clearable && this.submittable;
+    }
+
+  },
+  methods: {
+    search(e) {
+      if (!this.submittable) {
+        this.$emit('input', e);
+      }
+    },
+
+    submitQuery() {
+      this.$emit('search');
+    },
+
+    clearQuery() {
+      this.$refs.value.focus();
+      this.$emit('input', '');
+    }
+
+  }
+};
+
+/* script */
+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:"value",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}}),_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"},on:_vm._d({},[_vm.isSubmittable,_vm.submitQuery])},[_c('font-awesome-icon',{class:{'mt-1': _vm.showSubmittableAndClearable},attrs:{"icon":['fas', 'search']}})],1):_vm._e(),_vm._v(" "),_c('input',{attrs:{"type":"submit","hidden":""}})],1)],1)};
+var __vue_staticRenderFns__$c = [];
+
+  /* style */
+  const __vue_inject_styles__$e = function (inject) {
+    if (!inject) return
+    inject("data-v-6e89977a_0", { source: "input[data-v-6e89977a]:focus::placeholder{color:transparent}input[type=search][data-v-6e89977a]::-webkit-search-cancel-button{-webkit-appearance:none;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-6e89977a]{border:2px solid #e4e9ef}.search-icon-border[data-v-6e89977a]{border-left:2px solid #e4e9ef}.cursor-default[data-v-6e89977a]{cursor:default!important}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$e = "data-v-6e89977a";
+  /* module identifier */
+  const __vue_module_identifier__$e = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$e = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
+    __vue_inject_styles__$e,
+    __vue_script__$d,
+    __vue_scope_id__$e,
+    __vue_is_functional_template__$e,
+    __vue_module_identifier__$e,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
 /**
  * Defines common props, methods between different toolbar item types
  */
-var script$d = {
+var script$e = {
   props: {
     format: {
       type: Object,
@@ -71563,18 +71716,18 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$e = undefined;
+  const __vue_inject_styles__$f = undefined;
   /* scoped */
-  const __vue_scope_id__$e = undefined;
+  const __vue_scope_id__$f = undefined;
   /* module identifier */
-  const __vue_module_identifier__$e = undefined;
+  const __vue_module_identifier__$f = undefined;
   /* functional template */
-  const __vue_is_functional_template__$e = undefined;
+  const __vue_is_functional_template__$f = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -71583,13 +71736,13 @@ const __vue_script__$d = script$d;
   
 
   
-  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$e,
-    __vue_script__$d,
-    __vue_scope_id__$e,
-    __vue_is_functional_template__$e,
-    __vue_module_identifier__$e,
+    __vue_inject_styles__$f,
+    __vue_script__$e,
+    __vue_scope_id__$f,
+    __vue_is_functional_template__$f,
+    __vue_module_identifier__$f,
     false,
     undefined,
     undefined,
@@ -71607,12 +71760,12 @@ n(css,{});
  * input the URL that should be applied.
  */
 
-var script$e = {
+var script$f = {
   name: 't-mark-color',
   components: {
     Swatches
   },
-  extends: __vue_component__$e,
+  extends: __vue_component__$f,
   computed: {
     typeStyle() {
       return `${this.format.type}-icon`;
@@ -71622,38 +71775,38 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 
 /* template */
-var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link","id":("color-popover-" + (_vm.format.type))}},[_c('span',{staticClass:"icon",class:_vm.typeStyle},[_vm._v("A")])]),_vm._v(" "),_c('b-popover',{ref:"popover",attrs:{"delay":0,"no-fade":"","custom-class":"tcl-popover","triggers":"focus","target":("color-popover-" + (_vm.format.type)),"placement":"bottom","container":null}},[_c('swatches',{attrs:{"swatch-size":"14","colors":"text-advanced","inline":""},on:{"input":function($event){return _vm.onClick(_vm.format.type, { color: $event })}}})],1)],1)};
-var __vue_staticRenderFns__$c = [];
+var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link","id":("color-popover-" + (_vm.format.type))}},[_c('span',{staticClass:"icon",class:_vm.typeStyle},[_vm._v("A")])]),_vm._v(" "),_c('b-popover',{ref:"popover",attrs:{"delay":0,"no-fade":"","custom-class":"tcl-popover","triggers":"focus","target":("color-popover-" + (_vm.format.type)),"placement":"bottom","container":null}},[_c('swatches',{attrs:{"swatch-size":"14","colors":"text-advanced","inline":""},on:{"input":function($event){return _vm.onClick(_vm.format.type, { color: $event })}}})],1)],1)};
+var __vue_staticRenderFns__$d = [];
 
   /* style */
-  const __vue_inject_styles__$f = function (inject) {
+  const __vue_inject_styles__$g = function (inject) {
     if (!inject) return
     inject("data-v-90b60574_0", { source: ".icon[data-v-90b60574]{padding:0 2px}.icon.color-icon[data-v-90b60574]{border-bottom:1px solid #000}.icon.background-icon[data-v-90b60574]{background-color:rgba(0,0,0,.07);padding:2px 3px}", map: undefined, media: undefined })
 ,inject("data-v-90b60574_1", { source: ".tcl-popover .popover-body{padding:0!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$f = "data-v-90b60574";
+  const __vue_scope_id__$g = "data-v-90b60574";
   /* module identifier */
-  const __vue_module_identifier__$f = undefined;
+  const __vue_module_identifier__$g = undefined;
   /* functional template */
-  const __vue_is_functional_template__$f = false;
+  const __vue_is_functional_template__$g = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
-    __vue_inject_styles__$f,
-    __vue_script__$e,
-    __vue_scope_id__$f,
-    __vue_is_functional_template__$f,
-    __vue_module_identifier__$f,
+  const __vue_component__$g = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
+    __vue_inject_styles__$g,
+    __vue_script__$f,
+    __vue_scope_id__$g,
+    __vue_is_functional_template__$g,
+    __vue_module_identifier__$g,
     false,
     createInjector,
     undefined,
@@ -71665,26 +71818,26 @@ var __vue_staticRenderFns__$c = [];
  * Component is used to display simple formatter options such as bold, italic, ...
  */
 
-var script$f = {
+var script$g = {
   name: 't-mark-item',
-  extends: __vue_component__$e
+  extends: __vue_component__$f
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 
 /* template */
-var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link"},on:{"click":function($event){return _vm.onClick(_vm.format.type, _vm.format.attrs)}}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n      "+_vm._s(_vm.format.label)+"\n    ")])],1)])};
-var __vue_staticRenderFns__$d = [];
+var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link"},on:{"click":function($event){return _vm.onClick(_vm.format.type, _vm.format.attrs)}}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n      "+_vm._s(_vm.format.label)+"\n    ")])],1)])};
+var __vue_staticRenderFns__$e = [];
 
   /* style */
-  const __vue_inject_styles__$g = undefined;
+  const __vue_inject_styles__$h = undefined;
   /* scoped */
-  const __vue_scope_id__$g = undefined;
+  const __vue_scope_id__$h = undefined;
   /* module identifier */
-  const __vue_module_identifier__$g = undefined;
+  const __vue_module_identifier__$h = undefined;
   /* functional template */
-  const __vue_is_functional_template__$g = false;
+  const __vue_is_functional_template__$h = false;
   /* style inject */
   
   /* style inject SSR */
@@ -71693,13 +71846,13 @@ var __vue_staticRenderFns__$d = [];
   
 
   
-  const __vue_component__$g = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
-    __vue_inject_styles__$g,
-    __vue_script__$f,
-    __vue_scope_id__$g,
-    __vue_is_functional_template__$g,
-    __vue_module_identifier__$g,
+  const __vue_component__$h = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
+    __vue_inject_styles__$h,
+    __vue_script__$g,
+    __vue_scope_id__$h,
+    __vue_is_functional_template__$h,
+    __vue_module_identifier__$h,
     false,
     undefined,
     undefined,
@@ -71712,9 +71865,9 @@ var __vue_staticRenderFns__$d = [];
  * input the URL that should be applied.
  */
 
-var script$g = {
+var script$h = {
   name: 't-mark-link',
-  extends: __vue_component__$e,
+  extends: __vue_component__$f,
   props: {
     labels: {
       type: Object,
@@ -71779,20 +71932,20 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 
 /* template */
-var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"link-popover-container"}},[_c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link","id":"link-popover"},on:{"click":_vm.showPopover}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[_c('font-awesome-icon',{attrs:{"icon":"link"}})],1)]),_vm._v(" "),(_vm.currentValue)?_c('b-popover',{ref:"popover",attrs:{"triggers":"focus","target":"link-popover","placement":"auto","show":_vm.visible,"container":"link-popover-container"},on:{"update:show":function($event){_vm.visible=$event;}}},[_c('b-input-group',[_c('b-form-input',{attrs:{"type":"url","autofocus":"","state":_vm.urlValid ? null : false,"placeholder":_vm.labels.urlPlaceholder},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.link.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.close.apply(null, arguments)}]},model:{value:(_vm.attrs.href),callback:function ($$v) {_vm.$set(_vm.attrs, "href", $$v);},expression:"attrs.href"}}),_vm._v(" "),_c('b-input-group-append',[_c('b-button',{attrs:{"disabled":!_vm.urlValid,"variant":"outline-success"},on:{"click":_vm.link}},[_vm._v("\n          "+_vm._s(_vm.labels.ok)+"\n        ")])],1),_vm._v(" "),_c('b-checkbox',{staticClass:"py-1",attrs:{"value":"_blank","unchecked-value":"_self"},model:{value:(_vm.attrs.target),callback:function ($$v) {_vm.$set(_vm.attrs, "target", $$v);},expression:"attrs.target"}},[_vm._v("\n          "+_vm._s(_vm.labels.openLinkInNewTab)+"\n      ")])],1)],1):_vm._e()],1)};
-var __vue_staticRenderFns__$e = [];
+var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"link-popover-container"}},[_c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link","id":"link-popover"},on:{"click":_vm.showPopover}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[_c('font-awesome-icon',{attrs:{"icon":"link"}})],1)]),_vm._v(" "),(_vm.currentValue)?_c('b-popover',{ref:"popover",attrs:{"triggers":"focus","target":"link-popover","placement":"auto","show":_vm.visible,"container":"link-popover-container"},on:{"update:show":function($event){_vm.visible=$event;}}},[_c('b-input-group',[_c('b-form-input',{attrs:{"type":"url","autofocus":"","state":_vm.urlValid ? null : false,"placeholder":_vm.labels.urlPlaceholder},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.link.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.close.apply(null, arguments)}]},model:{value:(_vm.attrs.href),callback:function ($$v) {_vm.$set(_vm.attrs, "href", $$v);},expression:"attrs.href"}}),_vm._v(" "),_c('b-input-group-append',[_c('b-button',{attrs:{"disabled":!_vm.urlValid,"variant":"outline-success"},on:{"click":_vm.link}},[_vm._v("\n          "+_vm._s(_vm.labels.ok)+"\n        ")])],1),_vm._v(" "),_c('b-checkbox',{staticClass:"py-1",attrs:{"value":"_blank","unchecked-value":"_self"},model:{value:(_vm.attrs.target),callback:function ($$v) {_vm.$set(_vm.attrs, "target", $$v);},expression:"attrs.target"}},[_vm._v("\n          "+_vm._s(_vm.labels.openLinkInNewTab)+"\n      ")])],1)],1):_vm._e()],1)};
+var __vue_staticRenderFns__$f = [];
 
   /* style */
-  const __vue_inject_styles__$h = undefined;
+  const __vue_inject_styles__$i = undefined;
   /* scoped */
-  const __vue_scope_id__$h = undefined;
+  const __vue_scope_id__$i = undefined;
   /* module identifier */
-  const __vue_module_identifier__$h = undefined;
+  const __vue_module_identifier__$i = undefined;
   /* functional template */
-  const __vue_is_functional_template__$h = false;
+  const __vue_is_functional_template__$i = false;
   /* style inject */
   
   /* style inject SSR */
@@ -71801,13 +71954,13 @@ var __vue_staticRenderFns__$e = [];
   
 
   
-  const __vue_component__$h = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
-    __vue_inject_styles__$h,
-    __vue_script__$g,
-    __vue_scope_id__$h,
-    __vue_is_functional_template__$h,
-    __vue_module_identifier__$h,
+  const __vue_component__$i = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
+    __vue_inject_styles__$i,
+    __vue_script__$h,
+    __vue_scope_id__$i,
+    __vue_is_functional_template__$i,
+    __vue_module_identifier__$i,
     false,
     undefined,
     undefined,
@@ -71815,9 +71968,9 @@ var __vue_staticRenderFns__$e = [];
   );
 
 var mark = {
-  Color: __vue_component__$f,
-  Item: __vue_component__$g,
-  Link: __vue_component__$h
+  Color: __vue_component__$g,
+  Item: __vue_component__$h,
+  Link: __vue_component__$i
 };
 
 function findDiffStart(a, b, pos) {
@@ -78637,7 +78790,7 @@ const nodeTypes = getToolbar().filter(({
  * Defines common props, methods between different toolbar item types
  */
 
-var script$h = {
+var script$i = {
   props: {
     format: {
       type: Object,
@@ -78752,18 +78905,18 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$i = undefined;
+  const __vue_inject_styles__$j = undefined;
   /* scoped */
-  const __vue_scope_id__$i = undefined;
+  const __vue_scope_id__$j = undefined;
   /* module identifier */
-  const __vue_module_identifier__$i = undefined;
+  const __vue_module_identifier__$j = undefined;
   /* functional template */
-  const __vue_is_functional_template__$i = undefined;
+  const __vue_is_functional_template__$j = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -78772,13 +78925,13 @@ const __vue_script__$h = script$h;
   
 
   
-  const __vue_component__$i = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$j = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$i,
-    __vue_script__$h,
-    __vue_scope_id__$i,
-    __vue_is_functional_template__$i,
-    __vue_module_identifier__$i,
+    __vue_inject_styles__$j,
+    __vue_script__$i,
+    __vue_scope_id__$j,
+    __vue_is_functional_template__$j,
+    __vue_module_identifier__$j,
     false,
     undefined,
     undefined,
@@ -78790,26 +78943,26 @@ const __vue_script__$h = script$h;
  * Component is used to display node types; paragraph, headding, ...
  */
 
-var script$i = {
+var script$j = {
   name: 't-node-item',
-  extends: __vue_component__$i
+  extends: __vue_component__$j
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link"},on:{"click":function($event){return _vm.onClick(_vm.format.type, _vm.format.attrs)}}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n      "+_vm._s(_vm.format.label)+"\n    ")])],1)])};
-var __vue_staticRenderFns__$f = [];
+var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{staticClass:"text-dark font-weight-bold text-decoration-none",attrs:{"variant":"link"},on:{"click":function($event){return _vm.onClick(_vm.format.type, _vm.format.attrs)}}},[_c('span',{class:_vm.activeClasses(_vm.format.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n      "+_vm._s(_vm.format.label)+"\n    ")])],1)])};
+var __vue_staticRenderFns__$g = [];
 
   /* style */
-  const __vue_inject_styles__$j = undefined;
+  const __vue_inject_styles__$k = undefined;
   /* scoped */
-  const __vue_scope_id__$j = undefined;
+  const __vue_scope_id__$k = undefined;
   /* module identifier */
-  const __vue_module_identifier__$j = undefined;
+  const __vue_module_identifier__$k = undefined;
   /* functional template */
-  const __vue_is_functional_template__$j = false;
+  const __vue_is_functional_template__$k = false;
   /* style inject */
   
   /* style inject SSR */
@@ -78818,13 +78971,13 @@ var __vue_staticRenderFns__$f = [];
   
 
   
-  const __vue_component__$j = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
-    __vue_inject_styles__$j,
-    __vue_script__$i,
-    __vue_scope_id__$j,
-    __vue_is_functional_template__$j,
-    __vue_module_identifier__$j,
+  const __vue_component__$k = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
+    __vue_inject_styles__$k,
+    __vue_script__$j,
+    __vue_scope_id__$k,
+    __vue_is_functional_template__$k,
+    __vue_module_identifier__$k,
     false,
     undefined,
     undefined,
@@ -78832,7 +78985,7 @@ var __vue_staticRenderFns__$f = [];
   );
 
 var node = {
-  Item: __vue_component__$j
+  Item: __vue_component__$k
 };
 
 //
@@ -78840,9 +78993,9 @@ var node = {
  * Component is used to display node alignment formatting
  */
 
-var script$j = {
+var script$k = {
   name: 't-nattr-alignment',
-  extends: __vue_component__$i,
+  extends: __vue_component__$j,
   props: {
     isActive: {
       type: Object,
@@ -78906,20 +79059,20 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 
 /* template */
-var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center","variant":"link"}},[_c('template',{slot:"button-content"},[_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:_vm.rootActiveClasses()},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]),_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item',{key:v.variant,on:{"click":function($event){return _vm.dispatchTransaction(v)}}},[_c('b-button',{staticClass:"text-dark font-weight-bold",attrs:{"variant":"link"}},[_c('span',{class:_vm.activeClasses(v.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n          "+_vm._s(v.label)+"\n        ")])],1)])],1)})],2)};
-var __vue_staticRenderFns__$g = [];
+var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center","variant":"link"}},[_c('template',{slot:"button-content"},[_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:_vm.rootActiveClasses()},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]),_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item',{key:v.variant,on:{"click":function($event){return _vm.dispatchTransaction(v)}}},[_c('b-button',{staticClass:"text-dark font-weight-bold",attrs:{"variant":"link"}},[_c('span',{class:_vm.activeClasses(v.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n          "+_vm._s(v.label)+"\n        ")])],1)])],1)})],2)};
+var __vue_staticRenderFns__$h = [];
 
   /* style */
-  const __vue_inject_styles__$k = undefined;
+  const __vue_inject_styles__$l = undefined;
   /* scoped */
-  const __vue_scope_id__$k = undefined;
+  const __vue_scope_id__$l = undefined;
   /* module identifier */
-  const __vue_module_identifier__$k = undefined;
+  const __vue_module_identifier__$l = undefined;
   /* functional template */
-  const __vue_is_functional_template__$k = false;
+  const __vue_is_functional_template__$l = false;
   /* style inject */
   
   /* style inject SSR */
@@ -78928,13 +79081,13 @@ var __vue_staticRenderFns__$g = [];
   
 
   
-  const __vue_component__$k = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
-    __vue_inject_styles__$k,
-    __vue_script__$j,
-    __vue_scope_id__$k,
-    __vue_is_functional_template__$k,
-    __vue_module_identifier__$k,
+  const __vue_component__$l = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
+    __vue_inject_styles__$l,
+    __vue_script__$k,
+    __vue_scope_id__$l,
+    __vue_is_functional_template__$l,
+    __vue_module_identifier__$l,
     false,
     undefined,
     undefined,
@@ -78942,7 +79095,7 @@ var __vue_staticRenderFns__$g = [];
   );
 
 var nodeAttr = {
-  Alignment: __vue_component__$k
+  Alignment: __vue_component__$l
 };
 
 var cc = {
@@ -78952,7 +79105,7 @@ var cc = {
 };
 
 //
-var script$k = {
+var script$l = {
   inheritAttrs: true,
   props: {
     editor: {
@@ -79035,20 +79188,20 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 
 /* template */
-var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex flex-wrap"},[_vm._l((_vm.formats),function(f,i){return _c(_vm.getItem(f),_vm._b({key:("" + (f.name) + i + "}"),tag:"component",attrs:{"format":f,"labels":_vm.labels,"current-value":_vm.currentValue},on:{"click":function($event){(_vm.commands[$event.type])($event.attrs);}}},'component',_vm.$props,false))}),_vm._v(" "),_c('b-button',{staticClass:"text-dark font-weight-bold",attrs:{"variant":"link"},on:{"click":_vm.removeMarks}},[_c('font-awesome-icon',{attrs:{"icon":"remove-format"}})],1)],2)};
-var __vue_staticRenderFns__$h = [];
+var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex flex-wrap"},[_vm._l((_vm.formats),function(f,i){return _c(_vm.getItem(f),_vm._b({key:("" + (f.name) + i + "}"),tag:"component",attrs:{"format":f,"labels":_vm.labels,"current-value":_vm.currentValue},on:{"click":function($event){(_vm.commands[$event.type])($event.attrs);}}},'component',_vm.$props,false))}),_vm._v(" "),_c('b-button',{staticClass:"text-dark font-weight-bold",attrs:{"variant":"link"},on:{"click":_vm.removeMarks}},[_c('font-awesome-icon',{attrs:{"icon":"remove-format"}})],1)],2)};
+var __vue_staticRenderFns__$i = [];
 
   /* style */
-  const __vue_inject_styles__$l = undefined;
+  const __vue_inject_styles__$m = undefined;
   /* scoped */
-  const __vue_scope_id__$l = undefined;
+  const __vue_scope_id__$m = undefined;
   /* module identifier */
-  const __vue_module_identifier__$l = undefined;
+  const __vue_module_identifier__$m = undefined;
   /* functional template */
-  const __vue_is_functional_template__$l = false;
+  const __vue_is_functional_template__$m = false;
   /* style inject */
   
   /* style inject SSR */
@@ -79057,13 +79210,13 @@ var __vue_staticRenderFns__$h = [];
   
 
   
-  const __vue_component__$l = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
-    __vue_inject_styles__$l,
-    __vue_script__$k,
-    __vue_scope_id__$l,
-    __vue_is_functional_template__$l,
-    __vue_module_identifier__$l,
+  const __vue_component__$m = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
+    __vue_inject_styles__$m,
+    __vue_script__$l,
+    __vue_scope_id__$m,
+    __vue_is_functional_template__$m,
+    __vue_module_identifier__$m,
     false,
     undefined,
     undefined,
@@ -79071,11 +79224,11 @@ var __vue_staticRenderFns__$h = [];
   );
 
 //
-var script$l = {
+var script$m = {
   name: 'CRichTextInput',
   components: {
     EditorContent,
-    RToolbar: __vue_component__$l,
+    RToolbar: __vue_component__$m,
     EditorMenuBar
   },
   props: {
@@ -79161,25 +79314,25 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 
 /* template */
-var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"editor rt-content",attrs:{"no-body":""}},[(_vm.editor)?[_c('b-card-header',{attrs:{"header-class":"p-0 rounded-sm"}},[_c('editor-menu-bar',{attrs:{"editor":_vm.editor},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"editor rt-content",attrs:{"no-body":""}},[(_vm.editor)?[_c('b-card-header',{attrs:{"header-class":"p-0 rounded-sm"}},[_c('editor-menu-bar',{attrs:{"editor":_vm.editor},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var commands = ref.commands;
 var isActive = ref.isActive;
 var getMarkAttrs = ref.getMarkAttrs;
 var getNodeAttrs = ref.getNodeAttrs;
 return [_c('r-toolbar',{attrs:{"editor":_vm.editor,"formats":_vm.toolbar,"commands":commands,"is-active":isActive,"get-mark-attrs":getMarkAttrs,"get-node-attrs":getNodeAttrs,"labels":_vm.labels,"current-value":_vm.currentValue}})]}}],null,false,2342935495)})],1),_vm._v(" "),_c('b-card-body',[_c('editor-content',{staticClass:"editor__content",attrs:{"editor":_vm.editor}})],1)]:_vm._e()],2)};
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 
   /* style */
-  const __vue_inject_styles__$m = undefined;
+  const __vue_inject_styles__$n = undefined;
   /* scoped */
-  const __vue_scope_id__$m = undefined;
+  const __vue_scope_id__$n = undefined;
   /* module identifier */
-  const __vue_module_identifier__$m = undefined;
+  const __vue_module_identifier__$n = undefined;
   /* functional template */
-  const __vue_is_functional_template__$m = false;
+  const __vue_is_functional_template__$n = false;
   /* style inject */
   
   /* style inject SSR */
@@ -79188,13 +79341,13 @@ var __vue_staticRenderFns__$i = [];
   
 
   
-  const __vue_component__$m = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
-    __vue_inject_styles__$m,
-    __vue_script__$l,
-    __vue_scope_id__$m,
-    __vue_is_functional_template__$m,
-    __vue_module_identifier__$m,
+  const __vue_component__$n = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
+    __vue_inject_styles__$n,
+    __vue_script__$m,
+    __vue_scope_id__$n,
+    __vue_is_functional_template__$n,
+    __vue_module_identifier__$n,
     false,
     undefined,
     undefined,
@@ -79219,7 +79372,7 @@ function split(input) {
 }
 
 library.add(faLock);
-var script$m = {
+var script$n = {
   props: {
     link: {
       type: Boolean
@@ -79257,6 +79410,10 @@ var script$m = {
     allSpecific: {
       type: Boolean,
       default: false
+    },
+    tooltip: {
+      type: String,
+      default: ''
     }
   },
   methods: {
@@ -79273,44 +79430,44 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 
 /* template */
-var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.link)?_c('a',{staticClass:"pointer",attrs:{"data-test-id":"link-permissions"},on:{"click":_vm.onClick}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'lock']}})],1):_c('b-button',{attrs:{"data-test-id":"button-permissions","variant":_vm.buttonVariant},on:{"click":_vm.onClick}},[_vm._t("default",function(){return [(_vm.showButtonIcon)?_c('font-awesome-icon',{attrs:{"icon":['fas', 'lock']}}):_vm._e(),_vm._v(" "),(_vm.buttonLabel)?_c('span',[_vm._v("\n      "+_vm._s(_vm.buttonLabel)+"\n    ")]):_vm._e()]})],2)};
-var __vue_staticRenderFns__$j = [];
+var __vue_render__$k = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.link)?_c('a',{staticClass:"pointer",attrs:{"data-test-id":"link-permissions","title":_vm.tooltip},on:{"click":_vm.onClick}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'lock']}})],1):_c('b-button',{attrs:{"data-test-id":"button-permissions","title":_vm.tooltip,"variant":_vm.buttonVariant},on:{"click":_vm.onClick}},[_vm._t("default",function(){return [(_vm.showButtonIcon)?_c('font-awesome-icon',{attrs:{"icon":['fas', 'lock']}}):_vm._e(),_vm._v(" "),(_vm.buttonLabel)?_c('span',[_vm._v("\n      "+_vm._s(_vm.buttonLabel)+"\n    ")]):_vm._e()]})],2)};
+var __vue_staticRenderFns__$k = [];
 
   /* style */
-  const __vue_inject_styles__$n = function (inject) {
+  const __vue_inject_styles__$o = function (inject) {
     if (!inject) return
-    inject("data-v-f7d1d1dc_0", { source: ".pointer[data-v-f7d1d1dc]{cursor:pointer}", map: undefined, media: undefined });
+    inject("data-v-66ae6703_0", { source: ".pointer[data-v-66ae6703]{cursor:pointer}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$n = "data-v-f7d1d1dc";
+  const __vue_scope_id__$o = "data-v-66ae6703";
   /* module identifier */
-  const __vue_module_identifier__$n = undefined;
+  const __vue_module_identifier__$o = undefined;
   /* functional template */
-  const __vue_is_functional_template__$n = false;
+  const __vue_is_functional_template__$o = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$n = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
-    __vue_inject_styles__$n,
-    __vue_script__$m,
-    __vue_scope_id__$n,
-    __vue_is_functional_template__$n,
-    __vue_module_identifier__$n,
+  const __vue_component__$o = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
+    __vue_inject_styles__$o,
+    __vue_script__$n,
+    __vue_scope_id__$o,
+    __vue_is_functional_template__$o,
+    __vue_module_identifier__$o,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-var script$n = {
+var script$o = {
   props: {
     enabled: {
       type: Boolean,
@@ -79361,47 +79518,49 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 
 /* template */
-var __vue_render__$k = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-radio-group',{attrs:{"buttons":"","disabled":!_vm.enabled,"button-variant":_vm.variant,"options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
-var __vue_staticRenderFns__$k = [];
+var __vue_render__$l = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-radio-group',{staticClass:"access rounded",attrs:{"buttons":"","disabled":!_vm.enabled,"button-variant":_vm.variant,"options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
+var __vue_staticRenderFns__$l = [];
 
   /* style */
-  const __vue_inject_styles__$o = undefined;
+  const __vue_inject_styles__$p = function (inject) {
+    if (!inject) return
+    inject("data-v-0ed0965b_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 });
+
+  };
   /* scoped */
-  const __vue_scope_id__$o = undefined;
+  const __vue_scope_id__$p = undefined;
   /* module identifier */
-  const __vue_module_identifier__$o = undefined;
+  const __vue_module_identifier__$p = undefined;
   /* functional template */
-  const __vue_is_functional_template__$o = false;
-  /* style inject */
-  
+  const __vue_is_functional_template__$p = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$o = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
-    __vue_inject_styles__$o,
-    __vue_script__$n,
-    __vue_scope_id__$o,
-    __vue_is_functional_template__$o,
-    __vue_module_identifier__$o,
+  const __vue_component__$p = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
+    __vue_inject_styles__$p,
+    __vue_script__$o,
+    __vue_scope_id__$p,
+    __vue_is_functional_template__$p,
+    __vue_module_identifier__$p,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
 
-var script$o = {
+var script$p = {
   i18nOptions: {
     namespaces: 'permissions'
   },
   components: {
-    Access: __vue_component__$o
+    Access: __vue_component__$p
   },
   props: {
     resource: {
@@ -79464,20 +79623,20 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 
 /* template */
-var __vue_render__$l = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:"mb-lg-1",attrs:{"no-gutters":""}},[_c('b-col',{attrs:{"cols":"12","lg":"6","order":"2","order-lg":"1"}},[_c('access',{attrs:{"access":_vm.access,"current":_vm.current,"enabled":_vm.enabled},on:{"update":_vm.onUpdate}}),_vm._v(" "),_c('b-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.isChanged),expression:"isChanged"}],staticClass:"pl-0",attrs:{"variant":"link"},on:{"click":_vm.onReset}},[_vm._v("\n      "+_vm._s(_vm.$t('ui.reset-back', {current: _vm.current}))+"\n    ")])],1),_vm._v(" "),_c('b-col',{staticClass:"mb-lg-4 text-wrap",attrs:{"cols":"12","lg":"6","order":"1","order-lg":"2"}},[_c('b',{domProps:{"innerHTML":_vm._s(_vm.title || (_vm.operation + " on " + _vm.resource))}}),_vm._v(" "),_c('div',[_vm._v(_vm._s(_vm.description || ' '))])])],1)};
-var __vue_staticRenderFns__$l = [];
+var __vue_render__$m = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',{staticClass:"mb-1",attrs:{"title":_vm.title || (_vm.operation + " on " + _vm.resource)}},[_vm._v("\n    "+_vm._s(_vm.title || (_vm.operation + " on " + _vm.resource))+"\n  ")]),_vm._v(" "),_c('access',{staticClass:"w-100",attrs:{"access":_vm.access,"current":_vm.current,"enabled":_vm.enabled},on:{"update":_vm.onUpdate}})],1)};
+var __vue_staticRenderFns__$m = [];
 
   /* style */
-  const __vue_inject_styles__$p = undefined;
+  const __vue_inject_styles__$q = undefined;
   /* scoped */
-  const __vue_scope_id__$p = undefined;
+  const __vue_scope_id__$q = undefined;
   /* module identifier */
-  const __vue_module_identifier__$p = undefined;
+  const __vue_module_identifier__$q = undefined;
   /* functional template */
-  const __vue_is_functional_template__$p = false;
+  const __vue_is_functional_template__$q = false;
   /* style inject */
   
   /* style inject SSR */
@@ -79486,22 +79645,22 @@ var __vue_staticRenderFns__$l = [];
   
 
   
-  const __vue_component__$p = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
-    __vue_inject_styles__$p,
-    __vue_script__$o,
-    __vue_scope_id__$p,
-    __vue_is_functional_template__$p,
-    __vue_module_identifier__$p,
+  const __vue_component__$q = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$m, staticRenderFns: __vue_staticRenderFns__$m },
+    __vue_inject_styles__$q,
+    __vue_script__$p,
+    __vue_scope_id__$q,
+    __vue_is_functional_template__$q,
+    __vue_module_identifier__$q,
     false,
     undefined,
     undefined,
     undefined
   );
 
-var script$p = {
+var script$q = {
   components: {
-    Rule: __vue_component__$p
+    Rule: __vue_component__$q
   },
   props: {
     rules: {
@@ -79528,20 +79687,20 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$q = script$q;
 
 /* template */
-var __vue_render__$m = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',_vm._l((_vm.rules),function(p,i){return _c('rule',_vm._b({key:p.resource + p.operation,class:{ 'mt-4': i > 0 },on:{"update":_vm.onUpdate}},'rule',p,false))}),1)};
-var __vue_staticRenderFns__$m = [];
+var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.rules),function(p,i){return _c('rule',_vm._b({key:p.resource + p.operation,class:{ 'mt-4': i > 0 },on:{"update":_vm.onUpdate}},'rule',p,false))}),1)};
+var __vue_staticRenderFns__$n = [];
 
   /* style */
-  const __vue_inject_styles__$q = undefined;
+  const __vue_inject_styles__$r = undefined;
   /* scoped */
-  const __vue_scope_id__$q = undefined;
+  const __vue_scope_id__$r = undefined;
   /* module identifier */
-  const __vue_module_identifier__$q = undefined;
+  const __vue_module_identifier__$r = undefined;
   /* functional template */
-  const __vue_is_functional_template__$q = false;
+  const __vue_is_functional_template__$r = false;
   /* style inject */
   
   /* style inject SSR */
@@ -79550,65 +79709,44 @@ var __vue_staticRenderFns__$m = [];
   
 
   
-  const __vue_component__$q = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$m, staticRenderFns: __vue_staticRenderFns__$m },
-    __vue_inject_styles__$q,
-    __vue_script__$p,
-    __vue_scope_id__$q,
-    __vue_is_functional_template__$q,
-    __vue_module_identifier__$q,
+  const __vue_component__$r = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$n, staticRenderFns: __vue_staticRenderFns__$n },
+    __vue_inject_styles__$r,
+    __vue_script__$q,
+    __vue_scope_id__$r,
+    __vue_is_functional_template__$r,
+    __vue_module_identifier__$r,
     false,
     undefined,
     undefined,
     undefined
   );
 
-var script$q = {
+var script$r = {
   i18nOptions: {
-    /**
-     * Using both, implicit (here) and explicit (at $t()) namespace setting.
-     * If we only use implicit the behaviour is flaky.
-     */
     namespaces: 'permissions'
   },
   components: {
-    Rules: __vue_component__$q,
+    Rules: __vue_component__$r,
     VueSelect
   },
   props: {
-    resource: {
-      type: String,
-      required: true
-    },
-    target: {
-      type: String,
+    labels: {
       required: false,
-      default: undefined
-    },
-    allSpecific: {
-      type: Boolean,
-      default: false
-    },
-    backendComponentName: {
-      type: String,
-
-      default() {
-        // Assuming backend service will
-        // be equal to (first part of) resource
-        if (!this.resource.startsWith('corteza::')) {
-          throw Error('unrecognized resource type schema');
-        } // <schema>::<backend-component-name>:...
-
-
-        return this.resource.split(':')[2];
-      }
-
+      type: Object,
+      default: () => ({})
     }
   },
 
   data() {
     return {
       processing: false,
+      backendComponentName: undefined,
+      resource: undefined,
+      title: undefined,
+      target: undefined,
+      allSpecific: false,
+      userOptions: [],
       // List of available permissions (for a specific resource)
       permissions: [],
       // List of rules for the current role
@@ -79616,59 +79754,172 @@ var script$q = {
       // List of all available roles
       roles: [],
       // Current role object
-      currentRole: undefined
+      currentRole: undefined,
+      evaluate: [],
+      add: {
+        roleID: [],
+        userID: undefined
+      }
     };
   },
 
   computed: {
+    api() {
+      const s = this.backendComponentName;
+      return s ? this['$' + s.charAt(0).toUpperCase() + s.slice(1) + 'API'] : undefined;
+    },
+
+    showModal() {
+      return !!(this.resource && this.api);
+    },
+
     dirty() {
       return this.collectChangedRules().length > 0;
     },
 
-    disabled() {
+    submitDisabled() {
       return !this.dirty;
     },
 
-    api() {
-      const s = this.backendComponentName;
-      return this['$' + s.charAt(0).toUpperCase() + s.slice(1) + 'API'];
-    }
-
-  },
-
-  created() {
-    this.fetchPermissions();
-    this.fetchRoles();
-  },
-
-  methods: {
-    onRoleChange(role) {
-      this.currentRole = role;
-      this.fetchRules(role.roleID);
+    addEnabled() {
+      const {
+        roleID = [],
+        userID
+      } = this.add;
+      return roleID && roleID.length || userID;
     },
 
-    onSubmit() {
-      this.processing = true;
-      const rules = this.collectChangedRules();
-      const {
-        roleID
-      } = this.currentRole;
-      this.api.permissionsUpdate({
-        roleID,
+    translatedTitle() {
+      if (this.resource) {
+        const {
+          i18nPrefix
+        } = split(this.resource);
+        let target;
+
+        if (this.allSpecific) {
+          target = this.$t(`permissions:${i18nPrefix}.all-specific`, {
+            target: this.title,
+            interpolation: {
+              escapeValue: false
+            }
+          });
+        } else if (this.title) {
+          target = this.$t(`permissions:${i18nPrefix}.specific`, {
+            target: this.title,
+            interpolation: {
+              escapeValue: false
+            }
+          });
+        } else {
+          target = this.$t(`permissions:${i18nPrefix}.all`);
+        }
+
+        return this.$t('permissions:ui.set-for', {
+          target: target,
+          interpolation: {
+            escapeValue: false
+          }
+        });
+      }
+
+      return undefined;
+    }
+
+  },
+
+  mounted() {
+    this.searchUsers('', () => {});
+    this.$root.$on(modalOpenEventName, ({
+      resource,
+      title,
+      target,
+      allSpecific
+    }) => {
+      this.resource = resource;
+      this.title = title;
+      this.target = target;
+      this.allSpecific = allSpecific; // <schema>::<backend-component-name>:...
+
+      this.backendComponentName = resource.split(':')[2];
+      this.fetchPermissions().then(() => {
+        if (!this.roles.length) {
+          return this.fetchRoles();
+        } else if (this.currentRole) {
+          const {
+            roleID
+          } = this.currentRole;
+          this.processing = true;
+          return this.fetchRules(roleID).then(() => {
+            return Promise.all(this.evaluate.map(e => {
+              const {
+                userID
+              } = e.userID || {};
+              let {
+                roleID = []
+              } = e;
+              roleID = roleID.map(({
+                roleID
+              }) => roleID);
+              return this.evaluatePermissions({
+                roleID,
+                userID
+              }).then(rules => {
+                return { ...e,
+                  rules
+                };
+              });
+            })).then(evaluate => {
+              this.evaluate = evaluate;
+            });
+          });
+        }
+      });
+    });
+  },
+
+  destroyed() {
+    this.$root.$off(modalOpenEventName);
+  },
+
+  methods: {
+    onHide() {
+      this.clear();
+    },
+
+    clear() {
+      this.resource = undefined;
+      this.title = undefined;
+      this.target = undefined;
+    },
+
+    onRoleChange(roleID) {
+      this.fetchRules(roleID);
+    },
+
+    onSubmit() {
+      this.processing = true;
+      const rules = this.collectChangedRules();
+      const {
+        roleID
+      } = this.currentRole;
+      this.api.permissionsUpdate({
+        roleID,
         rules
       }).then(() => {
         this.fetchRules(roleID);
+      }).finally(() => {
         this.processing = false;
       });
     },
 
     async fetchPermissions() {
-      // clean loaded rules
+      this.processing = true; // clean loaded rules
+
       this.rules = [];
       this.permissions = [];
-      this.processing = true;
       return this.api.permissionsList().then(pp => {
         this.permissions = this.filterPermissions(pp);
+      }).finally(() => {
         this.processing = false;
       });
     },
@@ -79676,9 +79927,11 @@ var script$q = {
     async fetchRules(roleID) {
       this.processing = true;
       return this.api.permissionsRead({
-        roleID
+        roleID,
+        resource: this.resource
       }).then(rules => {
         this.rules = this.normalizeRules(rules);
+      }).finally(() => {
         this.processing = false;
       });
     },
@@ -79694,13 +79947,102 @@ var script$q = {
         }) => !isBypass).sort((a, b) => a.roleID.localeCompare(b.roleID));
 
         if (this.roles.length > 0) {
-          this.onRoleChange(this.roles[0]);
+          this.currentRole = this.roles[0];
+          const {
+            roleID
+          } = this.currentRole;
+          this.onRoleChange(roleID);
         }
+      }).finally(() => {
+        this.processing = false;
+      });
+    },
 
+    async evaluatePermissions({
+      resource = this.resource,
+      roleID,
+      userID
+    }) {
+      this.processing = true;
+      return this.api.permissionsTrace({
+        resource,
+        roleID,
+        userID
+      }).then(this.normalizeRules).finally(() => {
         this.processing = false;
       });
     },
 
+    searchUsers(query = '', loading) {
+      loading(true);
+      this.$SystemAPI.userList({
+        query,
+        limit: 15
+      }).then(({
+        set
+      }) => {
+        this.userOptions = set.map(m => Object.freeze(m));
+      }).finally(() => {
+        loading(false);
+      });
+    },
+
+    getUserLabel({
+      userID,
+      email,
+      name,
+      username
+    }) {
+      return name || username || email || `<@${userID}>`;
+    },
+
+    onAddEval() {
+      const {
+        userID
+      } = this.add.userID || {};
+      let {
+        roleID = []
+      } = this.add;
+      roleID = roleID.map(({
+        roleID
+      }) => roleID);
+      this.evaluatePermissions({
+        roleID,
+        userID
+      }).then(rules => {
+        this.evaluate.push({ ...this.add,
+          rules
+        });
+        this.add = {
+          roleID: [],
+          userID: undefined
+        };
+      });
+    },
+
+    onHideEval(i) {
+      this.evaluate.splice(i, 1);
+    },
+
+    getEvalName({
+      roleID,
+      userID
+    }) {
+      if (userID) {
+        const {
+          name,
+          username,
+          email,
+          handle
+        } = userID;
+        return [name || username || email || handle || userID || ''];
+      } else {
+        return roleID.map(({
+          name
+        }) => name);
+      }
+    },
+
     normalizeRules(rr) {
       const inherit = 'inherit'; // merges roleRules (subset) with list of all permissions
 
@@ -79712,7 +80054,18 @@ var script$q = {
           return inherit;
         }
 
-        return (rr.find(r => r.resource === resource && r.operation === operation) || {}).access || inherit;
+        let {
+          resolution,
+          access = 'inherit'
+        } = rr.find(r => r.resource === resource && r.operation === operation) || {};
+
+        if (resolution === 'unknown-context') {
+          access = 'unknown-context';
+        } else if (access === 'inherit') {
+          access = 'deny';
+        }
+
+        return access;
       };
 
       return this.permissions.map(p => {
@@ -79788,145 +80141,14 @@ var script$q = {
         title,
         description: this.$t(`permissions:${i18nPrefix}.description`)
       };
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$q = script$q;
-
-/* template */
-var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form',{on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('b-row',[_c('b-col',{staticClass:"role-list",attrs:{"cols":"12","lg":"3"}},[_c('b-list-group',{staticClass:"d-none d-lg-block"},_vm._l((_vm.roles),function(r){return _c('b-list-group-item',{key:r.roleID,staticClass:"text-break pointer",attrs:{"active":r.roleID === _vm.currentRole.roleID,"active-class":"primary","variant":"outline-primary"},on:{"click":function($event){return _vm.onRoleChange(r)}}},[_vm._v("\n          "+_vm._s(r.name || r.handle || r.roleID)+"\n        ")])}),1),_vm._v(" "),_c('vue-select',{key:"roleID",staticClass:"mb-4 d-block d-lg-none",attrs:{"label":"name","clearable":false,"options":_vm.roles},on:{"input":_vm.onRoleChange},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v;},expression:"currentRole"}})],1),_vm._v(" "),_c('b-col',{staticClass:"rule-list",attrs:{"cols":"12","lg":"9"}},[_c('rules',{attrs:{"rules":_vm.rules},on:{"update:rules":function($event){_vm.rules=$event;}}})],1)],1),_vm._v(" "),_c('b-row',{staticClass:"footer mt-3"},[_c('b-col',{staticClass:"rule-list text-right mb-3",attrs:{"cols":"9","offset":"3"}},[_c('b-button',{attrs:{"type":"submit","variant":"primary","disabled":_vm.disabled}},[_vm._v("\n        "+_vm._s(_vm.$t('permissions:ui.save-changes'))+"\n      ")])],1)],1)],1)};
-var __vue_staticRenderFns__$n = [];
-
-  /* style */
-  const __vue_inject_styles__$r = function (inject) {
-    if (!inject) return
-    inject("data-v-6a9b0cab_0", { source: ".pointer[data-v-6a9b0cab]{cursor:pointer}", map: undefined, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$r = "data-v-6a9b0cab";
-  /* module identifier */
-  const __vue_module_identifier__$r = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$r = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$r = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$n, staticRenderFns: __vue_staticRenderFns__$n },
-    __vue_inject_styles__$r,
-    __vue_script__$q,
-    __vue_scope_id__$r,
-    __vue_is_functional_template__$r,
-    __vue_module_identifier__$r,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-var script$r = {
-  i18nOptions: {
-    namespaces: 'permissions'
-  },
-  components: {
-    CPermissionsForm: __vue_component__$r
-  },
-
-  data() {
-    return {
-      resource: undefined,
-      title: undefined,
-      target: undefined,
-      allSpecific: false
-    };
-  },
-
-  computed: {
-    showModal: {
-      get() {
-        return !!this.resource;
-      },
-
-      set(open) {
-        if (!open) {
-          this.clear();
-        }
-      }
-
     },
 
-    translatedTitle() {
-      if (this.resource) {
-        const {
-          i18nPrefix
-        } = split(this.resource);
-        let target;
-
-        if (this.allSpecific) {
-          target = this.$t(`permissions:${i18nPrefix}.all-specific`, {
-            target: this.title,
-            interpolation: {
-              escapeValue: false
-            }
-          });
-        } else if (this.title) {
-          target = this.$t(`permissions:${i18nPrefix}.specific`, {
-            target: this.title,
-            interpolation: {
-              escapeValue: false
-            }
-          });
-        } else {
-          target = this.$t(`permissions:${i18nPrefix}.all`);
-        }
-
-        return this.$t('permissions:ui.set-for', {
-          target: target,
-          interpolation: {
-            escapeValue: false
-          }
-        });
+    getRuleTooltip(isUnknown = false, isUser) {
+      if (!isUnknown) {
+        return '';
       }
 
-      return undefined;
-    }
-
-  },
-
-  mounted() {
-    this.$root.$on(modalOpenEventName, ({
-      resource,
-      title,
-      target,
-      allSpecific
-    }) => {
-      this.resource = resource;
-      this.title = title;
-      this.target = target;
-      this.allSpecific = allSpecific;
-    });
-  },
-
-  destroyed() {
-    this.$root.$off(modalOpenEventName);
-  },
-
-  methods: {
-    onHide() {
-      this.clear();
-    },
-
-    clear() {
-      this.resource = undefined;
-      this.title = undefined;
-      this.target = undefined;
+      return this.$t(`permissions:ui.tooltip.unknown-context.${isUser ? 'user' : 'role'}`);
     }
 
   }
@@ -79936,19 +80158,21 @@ var script$r = {
 const __vue_script__$r = script$r;
 
 /* template */
-var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{staticClass:"overflow-hidden",attrs:{"hide-footer":"","size":"xl","title":_vm.translatedTitle,"lazy":"","scrollable":""},on:{"hide":_vm.onHide},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v;},expression:"showModal"}},[(_vm.resource)?_c('c-permissions-form',{staticClass:"h-100",attrs:{"resource":_vm.resource,"target":_vm.target,"all-specific":_vm.allSpecific}}):_vm._e()],1)],1)};
+var __vue_render__$o = 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:{"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:{"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:{"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"},[_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:{"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:{"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_staticRenderFns__$o = [];
 
   /* style */
-  const __vue_inject_styles__$s = undefined;
+  const __vue_inject_styles__$s = function (inject) {
+    if (!inject) return
+    inject("data-v-63e6d773_0", { source: ".not-allowed[data-v-63e6d773]{cursor:not-allowed}.bg-extra-light[data-v-63e6d773]{background-color:#f3f5f7}.pointer[data-v-63e6d773]{cursor:pointer}.rotate[data-v-63e6d773]{transform:rotate(45deg)}.hide-eval:hover .rotate[data-v-63e6d773]{color:#162425!important}", map: undefined, media: undefined });
+
+  };
   /* scoped */
-  const __vue_scope_id__$s = undefined;
+  const __vue_scope_id__$s = "data-v-63e6d773";
   /* module identifier */
   const __vue_module_identifier__$s = undefined;
   /* functional template */
   const __vue_is_functional_template__$s = false;
-  /* style inject */
-  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -79963,7 +80187,7 @@ var __vue_staticRenderFns__$o = [];
     __vue_is_functional_template__$s,
     __vue_module_identifier__$s,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
@@ -80926,6 +81150,12 @@ const definitions = {
             });
         },
     },
+    refetchRecords: {
+        handler: function () {
+            // @ts-ignore
+            this.$root.$emit('refetch-records');
+        },
+    },
 };
 
 //
@@ -81320,6 +81550,7 @@ const prompts = Object.freeze([
         ref: 'redirect',
         meta: { short: 'Redirect user to an outside URL' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'url', types: ['String'], required: true },
             { name: 'delay', types: ['Integer'], meta: { description: 'Redirection delay in seconds' } },
         ],
@@ -81328,6 +81559,7 @@ const prompts = Object.freeze([
         ref: 'reroute',
         meta: { short: 'Redirect user to an internal application route' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'name', types: ['String'], required: true },
             { name: 'params', types: ['KV'] },
             { name: 'query', types: ['KV'] },
@@ -81341,6 +81573,7 @@ const prompts = Object.freeze([
             webapps: ['compose'],
         },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'module', types: ['ID', 'Handle', 'ComposeModule'] },
             { name: 'namespace', types: ['ID', 'Handle', 'ComposeNamespace'] },
             { name: 'record', types: ['ID', 'ComposeRecord'] },
@@ -81348,10 +81581,15 @@ const prompts = Object.freeze([
             { name: 'delay', types: ['Integer'], meta: { description: 'Redirection delay in seconds' } },
         ],
     },
+    {
+        ref: 'refetchRecords',
+        meta: { short: 'Refreshes all record values on the page' },
+    },
     {
         ref: 'notification',
         meta: { short: 'Show non-blocking message to user' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'message', types: ['String'], required: true },
             { name: 'variant', types: ['String'], meta: { visual: { input: { type: 'select', properties: { options: variants } } } } },
@@ -81362,6 +81600,7 @@ const prompts = Object.freeze([
         ref: 'alert',
         meta: { short: 'Prompt user with an alert' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'message', types: ['String'], required: true },
             { name: 'buttonLabel', types: ['String'] },
@@ -81373,6 +81612,7 @@ const prompts = Object.freeze([
         ref: 'choice',
         meta: { short: 'Prompt user with choice' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'message', types: ['String'], required: true },
             { name: 'confirmButtonLabel', types: ['String'] },
@@ -81390,6 +81630,7 @@ const prompts = Object.freeze([
         ref: 'composeRecordPicker',
         meta: { short: 'Prompt user to select a Compose Record' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'message', types: ['String'], required: true },
             { name: 'namespace', types: ['ID', 'Handle', 'ComposeNamespace'], required: true },
@@ -81406,6 +81647,7 @@ const prompts = Object.freeze([
         ref: 'input',
         meta: { short: 'Prompt user with a single input' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'variant', types: ['String'], meta: { visual: { input: { type: 'select', properties: { options: variants } } } } },
             { name: 'message', types: ['String'], required: true },
@@ -81437,6 +81679,7 @@ const prompts = Object.freeze([
         ref: 'options',
         meta: { short: 'Prompt user with options' },
         parameters: [
+            { name: 'owner', types: ['User', 'ID'], required: false },
             { name: 'title', types: ['String'] },
             { name: 'variant', types: ['String'], meta: { visual: { input: { type: 'select', properties: { options: variants } } } } },
             { name: 'message', types: ['String'], required: true },
@@ -83113,7 +83356,8 @@ var script$R = {
   name: 'CItemPicker',
   components: {
     draggable: Draggable,
-    CItemPickerItem: __vue_component__$R
+    CItemPickerItem: __vue_component__$R,
+    CInputSearch: __vue_component__$e
   },
   props: {
     /**
@@ -83370,7 +83614,7 @@ var script$R = {
 const __vue_script__$R = script$R;
 
 /* template */
-var __vue_render__$M = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"overflow-hidden d-flex flex-column w-100 vh-100"},[_c('b-card',{staticClass:"h-100",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white p-0"},[(!_vm.hideFilter)?_c('b-input-group',[_c('b-input',{staticClass:"text-truncate",attrs:{"type":"search","disabled":_vm._disabledFilter,"placeholder":_vm.labels.searchPlaceholder},model:{value:(_vm.query),callback:function ($$v) {_vm.query=(typeof $$v === 'string'? $$v.trim(): $$v);},expression:"query"}}),_vm._v(" "),_c('b-input-group-append',[_c('b-input-group-text',{staticClass:"text-primary bg-white border-left-0"},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'search']}})],1)],1)],1):_vm._e()],1),_vm._v(" "),_c('b-card-body',{staticClass:"d-flex p-0"},[_c('b-card',{staticClass:"col-sm-6 col-12 h-100 p-0",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white py-2 pl-0 pr-2"},[_c('div',{staticClass:"d-flex align-items-center"},[_c('label',{staticClass:"text-primary mb-1 mt-2"},[_vm._v("\n              "+_vm._s(_vm.labels.availableItems)+"\n            ")]),_vm._v(" "),_c('b-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.filteredAvailable.length && !_vm.disabled),expression:"filteredAvailable.length && !disabled"}],staticClass:"ml-auto px-0 text-muted",attrs:{"variant":"link"},on:{"click":function($event){return _vm.selectAll()}}},[_vm._v("\n              "+_vm._s(_vm.labels.selectAllItems)+"\n            ")])],1)]),_vm._v(" "),_c('b-card-body',{staticClass:"overflow-auto py-0 pl-0 pr-2"},[_c('b-list-group',{staticClass:"h-100",attrs:{"vertical":""}},[_c('draggable',{staticClass:"overflow-auto h-100",attrs:{"sort":!_vm._disabledSorting,"move":_vm._disableDragging,"draggable":".item","group":"items"},scopedSlots:_vm._u([{key:"footer",fn:function(){return [(!_vm.filteredAvailable.length && _vm.query)?_c('h6',{staticClass:"text-center my-4"},[_vm._v("\n                  "+_vm._s(_vm.labels.noItemsFound)+"\n                ")]):_vm._e()]},proxy:true}]),model:{value:(_vm.filteredAvailable),callback:function ($$v) {_vm.filteredAvailable=$$v;},expression:"filteredAvailable"}},_vm._l((_vm.filteredAvailable),function(item){return _c('b-list-group-item',{key:item.value,staticClass:"item mb-3 border rounded",on:{"dblclick":function($event){return _vm.select(item)}}},[_c('c-item-picker-item',{attrs:{"item":item,"disabled":_vm.disabled,"disabled-dragging":_vm.disabledDragging,"disabled-sorting":_vm.disabledSorting,"hide-icons":_vm.hideIcons},on:{"select":function($event){return _vm.select(item)}},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,{"textField":_vm.textField,"disabled":_vm.disabled,"disabledDragging":_vm.disabledDragging,"disabledSorting":_vm.disabledSorting,"hideIcons":_vm.hideIcons},scope)]}}})],null,true)})],1)}),1)],1)],1)],1),_vm._v(" "),_c('b-card',{staticClass:"h-100 pl-sm-0 col-sm-6 col-12 p-0",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white py-2 pl-2 pr-0"},[_c('div',{staticClass:"d-flex align-items-center"},[_c('label',{staticClass:"text-primary mb-2 mt-1"},[_vm._v("\n              "+_vm._s(_vm.labels.selectedItems)+"\n            ")]),_vm._v(" "),_c('b-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.filteredSelected.length && !_vm.disabled),expression:"filteredSelected.length && !disabled"}],staticClass:"ml-auto px-0 text-muted",attrs:{"variant":"link"},on:{"click":function($event){return _vm.unselectAll()}}},[_vm._v("\n              "+_vm._s(_vm.labels.unselectAllItems)+"\n            ")])],1)]),_vm._v(" "),_c('b-card-body',{staticClass:"overflow-auto py-0 pl-2 pr-0"},[_c('b-list-group',{staticClass:"h-100",attrs:{"vertical":""}},[_c('draggable',{staticClass:"overflow-auto h-100",attrs:{"sort":!_vm._disabledSorting,"move":_vm._disableDragging,"draggable":".item","group":"items"},scopedSlots:_vm._u([{key:"footer",fn:function(){return [(!_vm.filteredSelected.length && _vm.query)?_c('h6',{staticClass:"text-center my-4"},[_vm._v("\n                  "+_vm._s(_vm.labels.noItemsFound)+"\n                ")]):_vm._e()]},proxy:true}]),model:{value:(_vm.filteredSelected),callback:function ($$v) {_vm.filteredSelected=$$v;},expression:"filteredSelected"}},_vm._l((_vm.filteredSelected),function(item){return _c('b-list-group-item',{key:item.value,staticClass:"item mb-3 border rounded",on:{"dblclick":function($event){return _vm.unselect(item)}}},[_c('c-item-picker-item',{attrs:{"item":item,"disabled":_vm.disabled,"disabled-dragging":_vm.disabledDragging,"disabled-sorting":_vm.disabledSorting,"hide-icons":_vm.hideIcons,"selected":""},on:{"unselect":function($event){return _vm.unselect(item)}},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,{"textField":_vm.textField,"disabled":_vm.disabled,"disabledDragging":_vm.disabledDragging,"disabledSorting":_vm.disabledSorting,"hideIcons":_vm.hideIcons},scope)]}}})],null,true)})],1)}),1)],1)],1)],1)],1)],1)],1)};
+var __vue_render__$M = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"overflow-hidden d-flex flex-column w-100 vh-100"},[_c('b-card',{staticClass:"h-100",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white p-0"},[(!_vm.hideFilter)?_c('c-input-search',{attrs:{"disabled":_vm._disabledFilter,"placeholder":_vm.labels.searchPlaceholder},model:{value:(_vm.query),callback:function ($$v) {_vm.query=(typeof $$v === 'string'? $$v.trim(): $$v);},expression:"query"}}):_vm._e()],1),_vm._v(" "),_c('b-card-body',{staticClass:"d-flex p-0"},[_c('b-card',{staticClass:"col-sm-6 col-12 h-100 p-0",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white py-2 pl-0 pr-2"},[_c('div',{staticClass:"d-flex align-items-center"},[_c('label',{staticClass:"text-primary mb-1 mt-2"},[_vm._v("\n              "+_vm._s(_vm.labels.availableItems)+"\n            ")]),_vm._v(" "),_c('b-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.filteredAvailable.length && !_vm.disabled),expression:"filteredAvailable.length && !disabled"}],staticClass:"ml-auto px-0 text-muted",attrs:{"variant":"link"},on:{"click":function($event){return _vm.selectAll()}}},[_vm._v("\n              "+_vm._s(_vm.labels.selectAllItems)+"\n            ")])],1)]),_vm._v(" "),_c('b-card-body',{staticClass:"overflow-auto py-0 pl-0 pr-2"},[_c('b-list-group',{staticClass:"h-100",attrs:{"vertical":""}},[_c('draggable',{staticClass:"overflow-auto h-100",attrs:{"sort":!_vm._disabledSorting,"move":_vm._disableDragging,"draggable":".item","group":"items"},scopedSlots:_vm._u([{key:"footer",fn:function(){return [(!_vm.filteredAvailable.length && _vm.query)?_c('h6',{staticClass:"text-center my-4"},[_vm._v("\n                  "+_vm._s(_vm.labels.noItemsFound)+"\n                ")]):_vm._e()]},proxy:true}]),model:{value:(_vm.filteredAvailable),callback:function ($$v) {_vm.filteredAvailable=$$v;},expression:"filteredAvailable"}},_vm._l((_vm.filteredAvailable),function(item){return _c('b-list-group-item',{key:item.value,staticClass:"item mb-3 border rounded",on:{"dblclick":function($event){return _vm.select(item)}}},[_c('c-item-picker-item',{attrs:{"item":item,"disabled":_vm.disabled,"disabled-dragging":_vm.disabledDragging,"disabled-sorting":_vm.disabledSorting,"hide-icons":_vm.hideIcons},on:{"select":function($event){return _vm.select(item)}},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,{"textField":_vm.textField,"disabled":_vm.disabled,"disabledDragging":_vm.disabledDragging,"disabledSorting":_vm.disabledSorting,"hideIcons":_vm.hideIcons},scope)]}}})],null,true)})],1)}),1)],1)],1)],1),_vm._v(" "),_c('b-card',{staticClass:"h-100 pl-sm-0 col-sm-6 col-12 p-0",attrs:{"no-body":""}},[_c('b-card-header',{staticClass:"bg-white py-2 pl-2 pr-0"},[_c('div',{staticClass:"d-flex align-items-center"},[_c('label',{staticClass:"text-primary mb-2 mt-1"},[_vm._v("\n              "+_vm._s(_vm.labels.selectedItems)+"\n            ")]),_vm._v(" "),_c('b-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.filteredSelected.length && !_vm.disabled),expression:"filteredSelected.length && !disabled"}],staticClass:"ml-auto px-0 text-muted",attrs:{"variant":"link"},on:{"click":function($event){return _vm.unselectAll()}}},[_vm._v("\n              "+_vm._s(_vm.labels.unselectAllItems)+"\n            ")])],1)]),_vm._v(" "),_c('b-card-body',{staticClass:"overflow-auto py-0 pl-2 pr-0"},[_c('b-list-group',{staticClass:"h-100",attrs:{"vertical":""}},[_c('draggable',{staticClass:"overflow-auto h-100",attrs:{"sort":!_vm._disabledSorting,"move":_vm._disableDragging,"draggable":".item","group":"items"},scopedSlots:_vm._u([{key:"footer",fn:function(){return [(!_vm.filteredSelected.length && _vm.query)?_c('h6',{staticClass:"text-center my-4"},[_vm._v("\n                  "+_vm._s(_vm.labels.noItemsFound)+"\n                ")]):_vm._e()]},proxy:true}]),model:{value:(_vm.filteredSelected),callback:function ($$v) {_vm.filteredSelected=$$v;},expression:"filteredSelected"}},_vm._l((_vm.filteredSelected),function(item){return _c('b-list-group-item',{key:item.value,staticClass:"item mb-3 border rounded",on:{"dblclick":function($event){return _vm.unselect(item)}}},[_c('c-item-picker-item',{attrs:{"item":item,"disabled":_vm.disabled,"disabled-dragging":_vm.disabledDragging,"disabled-sorting":_vm.disabledSorting,"hide-icons":_vm.hideIcons,"selected":""},on:{"unselect":function($event){return _vm.unselect(item)}},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,{"textField":_vm.textField,"disabled":_vm.disabled,"disabledDragging":_vm.disabledDragging,"disabledSorting":_vm.disabledSorting,"hideIcons":_vm.hideIcons},scope)]}}})],null,true)})],1)}),1)],1)],1)],1)],1)],1)],1)};
 var __vue_staticRenderFns__$M = [];
 
   /* style */
@@ -84024,95 +84268,423 @@ var script$V = {
           } // Paging
 
 
-          if (this.cursor) {
-            let {
-              limit
-            } = this.localDataframe.paging || {};
+          if (this.cursor) {
+            let {
+              limit
+            } = this.localDataframe.paging || {};
+
+            if (!limit) {
+              limit = this.options.datasources[0] ? this.options.datasources[0].paging.limit || 20 : 20;
+            }
+
+            def.paging = {
+              cursor: this.cursor,
+              limit
+            };
+          }
+
+          const definition = {};
+          definition[ref] = def;
+          this.$emit('update', definition);
+        }
+      }
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$V = script$V;
+
+/* template */
+var __vue_render__$P = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"h-100 rounded-0",attrs:{"no-body":""}},[_c('b-table-simple',{staticClass:"flex-grow-1 mh-100 mb-0",attrs:{"table-variant":_vm.options.tableVariant,"dark":_vm.options.dark,"bordered":_vm.options.bordered,"borderless":_vm.options.borderless,"outlined":_vm.options.outlined,"striped":_vm.options.striped,"responsive":_vm.options.responsive,"fixed":_vm.options.fixed,"hover":_vm.options.hover,"small":_vm.options.small,"no-border-collapse":_vm.options.noCollapse,"sticky-header":""}},[_vm._l((_vm.tabelify.colgroups),function(cg,i){return _c('colgroup',{key:i,class:{ local: cg.isLocal, foreign: !cg.isLocal },attrs:{"span":cg.size}})}),_vm._v(" "),_c('b-thead',{attrs:{"head-variant":_vm.options.headVariant}},[(_vm.dataframes.length > 1)?_c('b-tr',_vm._l((_vm.tabelify.header),function(c,i){return _c('b-th',_vm._b({key:i,staticClass:"border-0"},'b-th',c.column ? c.column.attrs : {},false),[(c.sourceName)?_c('p',{staticClass:"m-0"},[_vm._v("\n            "+_vm._s(c.sourceName)+"\n          ")]):_vm._e()])}),1):_vm._e(),_vm._v(" "),_c('b-tr',_vm._l((_vm.tabelify.header),function(c,i){return _c('b-th',{key:i,staticClass:"border-0",class:{ 'pointer': !c.meta.sortKey.includes('.') },on:{"click":function($event){return _vm.handleSort(c.meta.sortKey)}}},[_c('div',{staticClass:"d-flex align-items-center"},[(c.column ? c.column.label : '')?_c('div',{staticClass:"d-flex text-nowrap"},[_vm._v("\n              "+_vm._s(c.column.label)+"\n            ")]):_vm._e(),_vm._v(" "),(!c.meta.sortKey.includes('.'))?_c('font-awesome-layers',{staticClass:"ml-2"},[_c('font-awesome-icon',{staticClass:"mb-1",style:({
+                  color: _vm.sort.field === c.meta.sortKey && !_vm.sort.descending ? 'black' : 'grey',
+                }),attrs:{"icon":['fas', 'angle-up']}}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"mt-1",style:({
+                  color: _vm.sort.field === c.meta.sortKey && _vm.sort.descending ? 'black' : 'grey',
+                }),attrs:{"icon":['fas', 'angle-down']}})],1):_vm._e()],1)])}),1)],1),_vm._v(" "),_c('b-tbody',{staticClass:"h-100"},_vm._l((_vm.tabelify.rows),function(r,i){return _c('b-tr',{key:i,class:{
+          separator: !!(r[0] || {}).separator,
+        }},_vm._l((r),function(c,j){return _c('b-td',_vm._b({key:j},'b-td',c.attrs || {},false),[_vm._v("\n          "+_vm._s(c.value)+"\n        ")])}),1)}),1)],2),_vm._v(" "),_c('b-card-footer',{staticClass:"d-flex p-1 rounded-0"},[_c('b-button-group',{staticClass:"ml-auto"},[_c('b-button',{staticClass:"d-flex align-items-center text-dark px-1",attrs:{"disabled":!_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage()}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'angle-double-left']}})],1),_vm._v(" "),_c('b-button',{staticClass:"d-flex align-items-center text-dark",attrs:{"disabled":!_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('prevPage')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'angle-left']}}),_vm._v("\n        "+_vm._s(_vm.labels.previous)+"\n      ")],1),_vm._v(" "),_c('b-button',{staticClass:"d-flex align-items-center text-dark",attrs:{"disabled":!_vm.hasNextPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('nextPage')}}},[_vm._v("\n        "+_vm._s(_vm.labels.next)+"\n        "),_c('font-awesome-icon',{staticClass:"ml-1",attrs:{"icon":['fas', 'angle-right']}})],1)],1)],1)],1)};
+var __vue_staticRenderFns__$P = [];
+
+  /* style */
+  const __vue_inject_styles__$W = function (inject) {
+    if (!inject) return
+    inject("data-v-1a305c88_0", { source: ".foreign[data-v-1a305c88]{border:1px solid rgba(22,36,37,.8);border-top:0;border-bottom:0}.separator[data-v-1a305c88]{border-top:2px solid rgba(22,36,37,.5)}.card-rounded[data-v-1a305c88]{border-radius:1rem 1rem 0 0}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$W = "data-v-1a305c88";
+  /* module identifier */
+  const __vue_module_identifier__$W = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$W = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$P, staticRenderFns: __vue_staticRenderFns__$P },
+    __vue_inject_styles__$W,
+    __vue_script__$V,
+    __vue_scope_id__$W,
+    __vue_is_functional_template__$W,
+    __vue_module_identifier__$W,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script$W = {
+  extends: __vue_component__$T
+};
+
+/* script */
+const __vue_script__$W = script$W;
+
+/* template */
+var __vue_render__$Q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.options)?_c('div',{staticClass:"p-2",domProps:{"innerHTML":_vm._s(_vm.options.value)}}):_vm._e()};
+var __vue_staticRenderFns__$Q = [];
+
+  /* style */
+  const __vue_inject_styles__$X = undefined;
+  /* scoped */
+  const __vue_scope_id__$X = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$X = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$X = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
+    __vue_inject_styles__$X,
+    __vue_script__$W,
+    __vue_scope_id__$X,
+    __vue_is_functional_template__$X,
+    __vue_module_identifier__$X,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+//
+var script$X = {
+  components: {
+    VueSelect
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    // ID of sensitivityLevel with the maximum allowed level
+    maxLevel: {
+      type: String,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      allSensitivityLevels: []
+    };
+  },
+
+  computed: {
+    sensitivityLevels() {
+      if (this.maxLevel) {
+        const maxLevelConnection = this.allSensitivityLevels.find(({
+          sensitivityLevelID
+        }) => sensitivityLevelID === this.maxLevel);
+
+        if (maxLevelConnection) {
+          return this.allSensitivityLevels.filter(({
+            level
+          }) => level <= maxLevelConnection.level);
+        }
+      }
+
+      return this.allSensitivityLevels;
+    }
+
+  },
+
+  mounted() {
+    this.$SystemAPI.dalSensitivityLevelList().then(({
+      set
+    }) => {
+      this.allSensitivityLevels = set;
+    });
+  },
+
+  methods: {
+    getLabel({
+      handle,
+      meta = {}
+    }) {
+      return meta.name || handle;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$X = script$X;
+
+/* template */
+var __vue_render__$R = 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":function($event){return _vm.$emit('input', $event)}}})};
+var __vue_staticRenderFns__$R = [];
+
+  /* style */
+  const __vue_inject_styles__$Y = undefined;
+  /* scoped */
+  const __vue_scope_id__$Y = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$Y = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$Y = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
+    __vue_inject_styles__$Y,
+    __vue_script__$X,
+    __vue_scope_id__$Y,
+    __vue_is_functional_template__$Y,
+    __vue_module_identifier__$Y,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+//
+var script$Y = {
+  name: 'ResourceList',
+  components: {
+    CInputSearch: __vue_component__$e
+  },
+  props: {
+    primaryKey: {
+      type: String,
+      required: true
+    },
+    filter: {
+      type: Object,
+      required: true
+    },
+    sorting: {
+      type: Object,
+      required: true
+    },
+    pagination: {
+      type: Object,
+      required: true
+    },
+    fields: {
+      type: Array,
+      required: true
+    },
+    // Promise that resolves with an array
+    items: {
+      type: Function,
+      required: true
+    },
+    hideSearch: {
+      type: Boolean
+    },
+    hideTotal: {
+      type: Boolean
+    },
+    hidePagination: {
+      type: Boolean
+    },
+    // Are rows clickable
+    clickable: {
+      type: Boolean,
+      default: false
+    },
+    selectable: {
+      type: Boolean,
+      default: false
+    },
+    isItemSelectable: {
+      type: Function,
+      default: () => true
+    },
+    editRoute: {
+      type: String,
+      default: ''
+    },
+    rowClass: {
+      type: Function,
+      default: () => {}
+    },
+    translations: {
+      type: Object,
+      required: true
+    },
+    queryField: {
+      type: String,
+      default: 'query'
+    }
+  },
+
+  data() {
+    return {
+      selected: [],
+      selectableItemIDs: []
+    };
+  },
+
+  computed: {
+    _fields() {
+      const select = this.selectable ? [{
+        key: 'select',
+        label: '',
+        thStyle: 'width: 0; white-space: nowrap;'
+      }] : [];
+      return [...select, ...this.fields].map(f => {
+        return { ...f,
+          thClass: `${f.thClass || 'border-0'}`
+        };
+      });
+    },
+
+    customFieldSlots() {
+      return [...Object.keys(this.$slots), ...Object.keys(this.$scopedSlots)].filter(s => s !== 'header');
+    },
+
+    disableSelectAll() {
+      return !this.selectableItemIDs.length;
+    },
 
-            if (!limit) {
-              limit = this.options.datasources[0] ? this.options.datasources[0].paging.limit || 20 : 20;
-            }
+    allRowsSelected() {
+      return this.selected.length === this.selectableItemIDs.length;
+    },
 
-            def.paging = {
-              cursor: this.cursor,
-              limit
-            };
-          }
+    getPagination() {
+      const {
+        page = 1,
+        count = 0,
+        limit = 10
+      } = this.pagination;
+      return {
+        from: (page - 1) * limit + 1,
+        to: Math.min(page * limit, count),
+        count
+      };
+    },
 
-          const definition = {};
-          definition[ref] = def;
-          this.$emit('update', definition);
-        }
-      }
+    hasPrevPage() {
+      return !this.pagination.prevPage;
+    },
+
+    hasNextPage() {
+      return !this.pagination.nextPage;
     }
 
-  }
-};
+  },
+  methods: {
+    tableRowClasses(item = {}) {
+      return {
+        'pointer': this.clickable,
+        ...this.rowClass(item)
+      };
+    },
 
-/* script */
-const __vue_script__$V = script$V;
+    _items() {
+      this.selected = [];
+      this.selectableItemIDs = [];
+      return this.items().then((items = []) => {
+        this.selectableItemIDs = items.filter(this.isItemSelectable).map(i => i[this.primaryKey]);
+        return items;
+      });
+    },
 
-/* template */
-var __vue_render__$P = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"h-100 rounded-0",attrs:{"no-body":""}},[_c('b-table-simple',{staticClass:"flex-grow-1 mh-100 mb-0",attrs:{"table-variant":_vm.options.tableVariant,"dark":_vm.options.dark,"bordered":_vm.options.bordered,"borderless":_vm.options.borderless,"outlined":_vm.options.outlined,"striped":_vm.options.striped,"responsive":_vm.options.responsive,"fixed":_vm.options.fixed,"hover":_vm.options.hover,"small":_vm.options.small,"no-border-collapse":_vm.options.noCollapse,"sticky-header":""}},[_vm._l((_vm.tabelify.colgroups),function(cg,i){return _c('colgroup',{key:i,class:{ local: cg.isLocal, foreign: !cg.isLocal },attrs:{"span":cg.size}})}),_vm._v(" "),_c('b-thead',{attrs:{"head-variant":_vm.options.headVariant}},[(_vm.dataframes.length > 1)?_c('b-tr',_vm._l((_vm.tabelify.header),function(c,i){return _c('b-th',_vm._b({key:i,staticClass:"border-0"},'b-th',c.column ? c.column.attrs : {},false),[(c.sourceName)?_c('p',{staticClass:"m-0"},[_vm._v("\n            "+_vm._s(c.sourceName)+"\n          ")]):_vm._e()])}),1):_vm._e(),_vm._v(" "),_c('b-tr',_vm._l((_vm.tabelify.header),function(c,i){return _c('b-th',{key:i,staticClass:"border-0",class:{ 'pointer': !c.meta.sortKey.includes('.') },on:{"click":function($event){return _vm.handleSort(c.meta.sortKey)}}},[_c('div',{staticClass:"d-flex align-items-center"},[(c.column ? c.column.label : '')?_c('div',{staticClass:"d-flex text-nowrap"},[_vm._v("\n              "+_vm._s(c.column.label)+"\n            ")]):_vm._e(),_vm._v(" "),(!c.meta.sortKey.includes('.'))?_c('font-awesome-layers',{staticClass:"ml-2"},[_c('font-awesome-icon',{staticClass:"mb-1",style:({
-                  color: _vm.sort.field === c.meta.sortKey && !_vm.sort.descending ? 'black' : 'grey',
-                }),attrs:{"icon":['fas', 'angle-up']}}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"mt-1",style:({
-                  color: _vm.sort.field === c.meta.sortKey && _vm.sort.descending ? 'black' : 'grey',
-                }),attrs:{"icon":['fas', 'angle-down']}})],1):_vm._e()],1)])}),1)],1),_vm._v(" "),_c('b-tbody',{staticClass:"h-100"},_vm._l((_vm.tabelify.rows),function(r,i){return _c('b-tr',{key:i,class:{
-          separator: !!(r[0] || {}).separator,
-        }},_vm._l((r),function(c,j){return _c('b-td',_vm._b({key:j},'b-td',c.attrs || {},false),[_vm._v("\n          "+_vm._s(c.value)+"\n        ")])}),1)}),1)],2),_vm._v(" "),_c('b-card-footer',{staticClass:"d-flex p-1 rounded-0"},[_c('b-button-group',{staticClass:"ml-auto"},[_c('b-button',{staticClass:"d-flex align-items-center text-dark px-1",attrs:{"disabled":!_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage()}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'angle-double-left']}})],1),_vm._v(" "),_c('b-button',{staticClass:"d-flex align-items-center text-dark",attrs:{"disabled":!_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('prevPage')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'angle-left']}}),_vm._v("\n        "+_vm._s(_vm.labels.previous)+"\n      ")],1),_vm._v(" "),_c('b-button',{staticClass:"d-flex align-items-center text-dark",attrs:{"disabled":!_vm.hasNextPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('nextPage')}}},[_vm._v("\n        "+_vm._s(_vm.labels.next)+"\n        "),_c('font-awesome-icon',{staticClass:"ml-1",attrs:{"icon":['fas', 'angle-right']}})],1)],1)],1)],1)};
-var __vue_staticRenderFns__$P = [];
+    onSelectRow(selected, itemID) {
+      if (selected) {
+        if (this.selected.includes(itemID)) {
+          return;
+        }
 
-  /* style */
-  const __vue_inject_styles__$W = function (inject) {
-    if (!inject) return
-    inject("data-v-1a305c88_0", { source: ".foreign[data-v-1a305c88]{border:1px solid rgba(22,36,37,.8);border-top:0;border-bottom:0}.separator[data-v-1a305c88]{border-top:2px solid rgba(22,36,37,.5)}.card-rounded[data-v-1a305c88]{border-radius:1rem 1rem 0 0}", map: undefined, media: undefined });
+        this.selected.push(itemID);
+      } else {
+        const i = this.selected.indexOf(itemID);
 
-  };
-  /* scoped */
-  const __vue_scope_id__$W = "data-v-1a305c88";
-  /* module identifier */
-  const __vue_module_identifier__$W = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$W = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
+        if (i < 0) {
+          return;
+        }
 
-  
-  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$P, staticRenderFns: __vue_staticRenderFns__$P },
-    __vue_inject_styles__$W,
-    __vue_script__$V,
-    __vue_scope_id__$W,
-    __vue_is_functional_template__$W,
-    __vue_module_identifier__$W,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
+        this.selected.splice(i, 1);
+      }
+    },
 
-//
-var script$W = {
-  extends: __vue_component__$T
+    selectAllRows(allSelected = false) {
+      if (allSelected) {
+        this.selected = this.selectableItemIDs;
+      } else {
+        this.selected = [];
+      }
+    },
+
+    goToPage(page) {
+      const pageCursor = this.pagination[page] || '';
+      this.$router.push({
+        path: this.$route.path,
+        query: { ...this.$route.query,
+          pageCursor
+        }
+      });
+    }
+
+  }
 };
 
 /* script */
-const __vue_script__$W = script$W;
+const __vue_script__$Y = script$Y;
 
 /* template */
-var __vue_render__$Q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.options)?_c('div',{staticClass:"p-2",domProps:{"innerHTML":_vm._s(_vm.options.value)}}):_vm._e()};
-var __vue_staticRenderFns__$Q = [];
+var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"shadow-sm",attrs:{"no-body":"","header-bg-variant":"white"},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('b-container',{staticClass:"p-0",attrs:{"fluid":"","align-v":"center"}},[_c('b-row',[_c('b-col',{attrs:{"lg":"8"}},[_vm._t("header",null,{"selected":_vm.selected})],2),_vm._v(" "),(!_vm.hideSearch)?_c('b-col',[_c('c-input-search',{attrs:{"placeholder":_vm.translations.searchPlaceholder,"debounce":300},on:{"input":function($event){return _vm.$emit('search')}},model:{value:(_vm.filter[_vm.queryField]),callback:function ($$v) {_vm.$set(_vm.filter, _vm.queryField, (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"filter[queryField]"}})],1):_vm._e()],1)],1)]},proxy:true},{key:"footer",fn:function(){return [_c('div',{staticClass:"d-flex align-items-center justify-content-between"},[_c('div',{staticClass:"text-truncate"},[(!_vm.hideTotal)?_c('div',{staticClass:"text-nowrap font-weight-bold"},[(_vm.pagination.count > 1)?_c('span',[_vm._v("\n            "+_vm._s(_vm.$t(("" + (_vm.translations.showingPagination)), _vm.getPagination))+"\n          ")]):_c('span',[_vm._v("\n            "+_vm._s(_vm.$t(("" + (_vm.translations.singlePluralPagination)), _vm.getPagination))+"\n          ")])]):_vm._e()]),_vm._v(" "),(!_vm.hidePagination)?_c('b-button-group',[_c('b-button',{staticClass:"text-dark",attrs:{"disabled":_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage()}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'angle-double-left']}})],1),_vm._v(" "),_c('b-button',{staticClass:"text-dark",attrs:{"disabled":_vm.hasPrevPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('prevPage')}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'angle-left']}}),_vm._v("\n          "+_vm._s(_vm.translations.prevPagination)+"\n        ")],1),_vm._v(" "),_c('b-button',{staticClass:"text-dark",attrs:{"disabled":_vm.hasNextPage,"variant":"link"},on:{"click":function($event){return _vm.goToPage('nextPage')}}},[_vm._v("\n          "+_vm._s(_vm.translations.nextPagination)+"\n          "),_c('font-awesome-icon',{attrs:{"icon":['fas', 'angle-right']}})],1)],1):_vm._e()],1)]},proxy:true}],null,true)},[_vm._v(" "),_c('b-card-body',{staticClass:"p-0"},[_c('b-table',{ref:"resourceList",staticClass:"mb-0",attrs:{"id":"resource-list","hover":"","responsive":"","head-variant":"light","primary-key":_vm.primaryKey,"sort-by":_vm.sorting.sortBy,"sort-desc":_vm.sorting.sortDesc,"items":_vm._items,"fields":_vm._fields,"show-empty":"","no-sort-reset":"","tbody-tr-class":_vm.tableRowClasses,"no-local-sorting":""},on:{"update:sortBy":function($event){return _vm.$set(_vm.sorting, "sortBy", $event)},"update:sort-by":function($event){return _vm.$set(_vm.sorting, "sortBy", $event)},"update:sortDesc":function($event){return _vm.$set(_vm.sorting, "sortDesc", $event)},"update:sort-desc":function($event){return _vm.$set(_vm.sorting, "sortDesc", $event)},"row-clicked":function($event){return _vm.$emit('row-clicked', $event)}},scopedSlots:_vm._u([{key:"empty",fn:function(){return [_c('p',{staticClass:"text-center text-dark",staticStyle:{"margin-top":"1vh"}},[_vm._v("\n          "+_vm._s(_vm.translations.noItems)+"\n        ")])]},proxy:true},{key:"table-busy",fn:function(){return [_c('div',{staticClass:"text-center"},[_c('b-spinner'),_vm._v(" "),_c('h5',{staticClass:"mt-2 text-dark"},[_vm._v("\n            "+_vm._s(_vm.translations.loading)+"\n          ")])],1)]},proxy:true},(_vm.selectable)?{key:"head(select)",fn:function(){return [_c('b-checkbox',{staticClass:"ml-1",attrs:{"disabled":_vm.disableSelectAll,"checked":_vm.allRowsSelected && !_vm.disableSelectAll},on:{"change":_vm.selectAllRows}})]},proxy:true}:null,{key:"cell(select)",fn:function(ref){
+var item = ref.item;
+return [(_vm.isItemSelectable(item))?_c('b-form-checkbox',{staticClass:"ml-1",attrs:{"checked":_vm.selected.includes(item[_vm.primaryKey])},on:{"change":function($event){return _vm.onSelectRow($event, item[_vm.primaryKey])}}}):_vm._e()]}},_vm._l((_vm.customFieldSlots),function(field){return {key:("cell(" + field + ")"),fn:function(ref){
+var item = ref.item;
+return [_vm._t(field,null,{"item":item})]}}})],null,true)})],1)],1)};
+var __vue_staticRenderFns__$S = [];
 
   /* style */
-  const __vue_inject_styles__$X = undefined;
+  const __vue_inject_styles__$Z = undefined;
   /* scoped */
-  const __vue_scope_id__$X = undefined;
+  const __vue_scope_id__$Z = undefined;
   /* module identifier */
-  const __vue_module_identifier__$X = undefined;
+  const __vue_module_identifier__$Z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$X = false;
+  const __vue_is_functional_template__$Z = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84121,13 +84693,13 @@ var __vue_staticRenderFns__$Q = [];
   
 
   
-  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
-    __vue_inject_styles__$X,
-    __vue_script__$W,
-    __vue_scope_id__$X,
-    __vue_is_functional_template__$X,
-    __vue_module_identifier__$X,
+  const __vue_component__$Z = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
+    __vue_inject_styles__$Z,
+    __vue_script__$Y,
+    __vue_scope_id__$Z,
+    __vue_is_functional_template__$Z,
+    __vue_module_identifier__$Z,
     false,
     undefined,
     undefined,
@@ -84174,7 +84746,7 @@ function ExtractComponents(cat, ...path) {
 }
 
 //
-var script$X = {
+var script$Z = {
   name: 'ComponentList',
   props: {
     catalogue: {
@@ -84211,37 +84783,37 @@ var script$X = {
 };
 
 /* script */
-const __vue_script__$X = script$X;
+const __vue_script__$Z = script$Z;
 
 /* template */
-var __vue_render__$R = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.root)?_c('h5',{staticClass:"mb-0"},[_vm._v("\n    "+_vm._s(_vm.group)+"\n  ")]):_vm._e(),_vm._v(" "),(_vm.subgroups.length > 0 || _vm.components.length > 0)?_c('div',[_vm._l((_vm.components),function(cmp,i){return _c('div',{key:i,staticClass:"component ml-2",on:{"click":function($event){return _vm.$emit('select', cmp)}}},[_vm._v("\n      "+_vm._s(cmp.name || cmp.component.name || 'Untitled')+"\n      "),(cmp.wip)?_c('b-badge',{staticClass:"float-right",attrs:{"variant":"warning"}},[_vm._v("\n        wip\n      ")]):_vm._e()],1)}),_vm._v(" "),_vm._l((_vm.subgroups),function(group){return _c('component-list',{key:group,staticClass:"my-3",attrs:{"catalogue":_vm.catalogue,"path":_vm.path.concat( [group])},on:{"select":function($event){return _vm.$emit('select', $event)}}})})],2):_vm._e()])};
-var __vue_staticRenderFns__$R = [];
+var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.root)?_c('h5',{staticClass:"mb-0"},[_vm._v("\n    "+_vm._s(_vm.group)+"\n  ")]):_vm._e(),_vm._v(" "),(_vm.subgroups.length > 0 || _vm.components.length > 0)?_c('div',[_vm._l((_vm.components),function(cmp,i){return _c('div',{key:i,staticClass:"component ml-2",on:{"click":function($event){return _vm.$emit('select', cmp)}}},[_vm._v("\n      "+_vm._s(cmp.name || cmp.component.name || 'Untitled')+"\n      "),(cmp.wip)?_c('b-badge',{staticClass:"float-right",attrs:{"variant":"warning"}},[_vm._v("\n        wip\n      ")]):_vm._e()],1)}),_vm._v(" "),_vm._l((_vm.subgroups),function(group){return _c('component-list',{key:group,staticClass:"my-3",attrs:{"catalogue":_vm.catalogue,"path":_vm.path.concat( [group])},on:{"select":function($event){return _vm.$emit('select', $event)}}})})],2):_vm._e()])};
+var __vue_staticRenderFns__$T = [];
 
   /* style */
-  const __vue_inject_styles__$Y = function (inject) {
+  const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
     inject("data-v-8b2b254e_0", { source: ".component[data-v-8b2b254e]{cursor:pointer}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$Y = "data-v-8b2b254e";
+  const __vue_scope_id__$_ = "data-v-8b2b254e";
   /* module identifier */
-  const __vue_module_identifier__$Y = undefined;
+  const __vue_module_identifier__$_ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Y = false;
+  const __vue_is_functional_template__$_ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
-    __vue_inject_styles__$Y,
-    __vue_script__$X,
-    __vue_scope_id__$Y,
-    __vue_is_functional_template__$Y,
-    __vue_module_identifier__$Y,
+  const __vue_component__$_ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
+    __vue_inject_styles__$_,
+    __vue_script__$Z,
+    __vue_scope_id__$_,
+    __vue_is_functional_template__$_,
+    __vue_module_identifier__$_,
     false,
     createInjector,
     undefined,
@@ -84249,10 +84821,10 @@ var __vue_staticRenderFns__$R = [];
   );
 
 //
-var script$Y = {
+var script$_ = {
   name: 'C3',
   components: {
-    ComponentList: __vue_component__$Y
+    ComponentList: __vue_component__$_
   },
   props: {
     catalogue: {
@@ -84313,37 +84885,37 @@ var script$Y = {
 };
 
 /* script */
-const __vue_script__$Y = script$Y;
+const __vue_script__$_ = script$_;
 
 /* template */
-var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout"},[_c('aside',{staticClass:"sidebar p-2"},[_c('h5',{staticClass:"border-bottom"},[_vm._v("\n      C3: Component Catalogue\n    ")]),_vm._v(" "),_c('component-list',{attrs:{"catalogue":_vm.catalogue},on:{"select":function($event){return _vm.setCurrent($event)}}})],1),_vm._v(" "),_c('main',{staticClass:"p-5"},[(_vm.current)?_c(_vm.current.component,_vm._b({tag:"component"},'component',_vm.current.props,false)):_c('p',{staticClass:"text-center"},[_vm._v("\n      Select a component from the C3 Catalogue and start hacking :)\n    ")])],1),_vm._v(" "),(_vm.current)?_c('div',{staticClass:"controls px-5 py-2 mt-2"},[_vm._l((_vm.controlGroups),function(cg,g){return _c('div',{key:("control-group-" + g),staticClass:"control-group mr-2"},[_c('h3',[_vm._v("\n        Controls\n      ")]),_vm._v(" "),_vm._l((cg),function(c,i){return _c(c.component,_vm._b({key:i,tag:"component",attrs:{"value":c.value(_vm.current.props)},on:{"update":function($event){return c.update(_vm.current.props, $event)}}},'component',c.props,false))})],2)}),_vm._v(" "),(_vm.current.scenarios)?_c('div',{staticClass:"control-group float-right"},[_c('h3',[_vm._v("\n        Pre-set controls\n      ")]),_vm._v(" "),_c('ul',{staticClass:"pl-0"},_vm._l((_vm.current.scenarios),function(s,i){return _c('li',{key:i,staticClass:"list-unstyled scenario",on:{"click":function($event){return _vm.setScenario(s)}}},[_vm._v("\n          "+_vm._s(s.label)+"\n        ")])}),0)]):_vm._e()],2):_vm._e()])};
-var __vue_staticRenderFns__$S = [];
+var __vue_render__$U = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout"},[_c('aside',{staticClass:"sidebar p-2"},[_c('h5',{staticClass:"border-bottom"},[_vm._v("\n      C3: Component Catalogue\n    ")]),_vm._v(" "),_c('component-list',{attrs:{"catalogue":_vm.catalogue},on:{"select":function($event){return _vm.setCurrent($event)}}})],1),_vm._v(" "),_c('main',{staticClass:"p-5"},[(_vm.current)?_c(_vm.current.component,_vm._b({tag:"component"},'component',_vm.current.props,false)):_c('p',{staticClass:"text-center"},[_vm._v("\n      Select a component from the C3 Catalogue and start hacking :)\n    ")])],1),_vm._v(" "),(_vm.current)?_c('div',{staticClass:"controls px-5 py-2 mt-2"},[_vm._l((_vm.controlGroups),function(cg,g){return _c('div',{key:("control-group-" + g),staticClass:"control-group mr-2"},[_c('h3',[_vm._v("\n        Controls\n      ")]),_vm._v(" "),_vm._l((cg),function(c,i){return _c(c.component,_vm._b({key:i,tag:"component",attrs:{"value":c.value(_vm.current.props)},on:{"update":function($event){return c.update(_vm.current.props, $event)}}},'component',c.props,false))})],2)}),_vm._v(" "),(_vm.current.scenarios)?_c('div',{staticClass:"control-group float-right"},[_c('h3',[_vm._v("\n        Pre-set controls\n      ")]),_vm._v(" "),_c('ul',{staticClass:"pl-0"},_vm._l((_vm.current.scenarios),function(s,i){return _c('li',{key:i,staticClass:"list-unstyled scenario",on:{"click":function($event){return _vm.setScenario(s)}}},[_vm._v("\n          "+_vm._s(s.label)+"\n        ")])}),0)]):_vm._e()],2):_vm._e()])};
+var __vue_staticRenderFns__$U = [];
 
   /* style */
-  const __vue_inject_styles__$Z = function (inject) {
+  const __vue_inject_styles__$$ = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$Z = undefined;
+  const __vue_scope_id__$$ = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Z = undefined;
+  const __vue_module_identifier__$$ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Z = false;
+  const __vue_is_functional_template__$$ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$Z = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
-    __vue_inject_styles__$Z,
-    __vue_script__$Y,
-    __vue_scope_id__$Z,
-    __vue_is_functional_template__$Z,
-    __vue_module_identifier__$Z,
+  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
+    __vue_inject_styles__$$,
+    __vue_script__$_,
+    __vue_scope_id__$$,
+    __vue_is_functional_template__$$,
+    __vue_module_identifier__$$,
     false,
     createInjector,
     undefined,
@@ -84361,7 +84933,7 @@ var __vue_staticRenderFns__$S = [];
 //
 //
 //
-var script$Z = {
+var script$$ = {
   props: {
     label: {
       required: true,
@@ -84375,20 +84947,20 @@ var script$Z = {
 };
 
 /* script */
-const __vue_script__$Z = script$Z;
+const __vue_script__$$ = script$$;
 
 /* template */
-var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-input',{attrs:{"value":_vm.value},on:{"update":function($event){return _vm.$emit('update', $event)}}})],1)};
-var __vue_staticRenderFns__$T = [];
+var __vue_render__$V = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-input',{attrs:{"value":_vm.value},on:{"update":function($event){return _vm.$emit('update', $event)}}})],1)};
+var __vue_staticRenderFns__$V = [];
 
   /* style */
-  const __vue_inject_styles__$_ = undefined;
+  const __vue_inject_styles__$10 = undefined;
   /* scoped */
-  const __vue_scope_id__$_ = undefined;
+  const __vue_scope_id__$10 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$_ = undefined;
+  const __vue_module_identifier__$10 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$_ = false;
+  const __vue_is_functional_template__$10 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84397,13 +84969,13 @@ var __vue_staticRenderFns__$T = [];
   
 
   
-  const __vue_component__$_ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
-    __vue_inject_styles__$_,
-    __vue_script__$Z,
-    __vue_scope_id__$_,
-    __vue_is_functional_template__$_,
-    __vue_module_identifier__$_,
+  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
+    __vue_inject_styles__$10,
+    __vue_script__$$,
+    __vue_scope_id__$10,
+    __vue_is_functional_template__$10,
+    __vue_module_identifier__$10,
     false,
     undefined,
     undefined,
@@ -84421,7 +84993,7 @@ var __vue_staticRenderFns__$T = [];
 //
 //
 //
-var script$_ = {
+var script$10 = {
   props: {
     label: {
       required: true,
@@ -84435,20 +85007,20 @@ var script$_ = {
 };
 
 /* script */
-const __vue_script__$_ = script$_;
+const __vue_script__$10 = script$10;
 
 /* template */
-var __vue_render__$U = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-textarea',{attrs:{"value":_vm.value},on:{"update":function($event){return _vm.$emit('update', $event)}}})],1)};
-var __vue_staticRenderFns__$U = [];
+var __vue_render__$W = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-textarea',{attrs:{"value":_vm.value},on:{"update":function($event){return _vm.$emit('update', $event)}}})],1)};
+var __vue_staticRenderFns__$W = [];
 
   /* style */
-  const __vue_inject_styles__$$ = undefined;
+  const __vue_inject_styles__$11 = undefined;
   /* scoped */
-  const __vue_scope_id__$$ = undefined;
+  const __vue_scope_id__$11 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$$ = undefined;
+  const __vue_module_identifier__$11 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$$ = false;
+  const __vue_is_functional_template__$11 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84457,13 +85029,13 @@ var __vue_staticRenderFns__$U = [];
   
 
   
-  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
-    __vue_inject_styles__$$,
-    __vue_script__$_,
-    __vue_scope_id__$$,
-    __vue_is_functional_template__$$,
-    __vue_module_identifier__$$,
+  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$W, staticRenderFns: __vue_staticRenderFns__$W },
+    __vue_inject_styles__$11,
+    __vue_script__$10,
+    __vue_scope_id__$11,
+    __vue_is_functional_template__$11,
+    __vue_module_identifier__$11,
     false,
     undefined,
     undefined,
@@ -84480,7 +85052,7 @@ var __vue_staticRenderFns__$U = [];
 //
 //
 //
-var script$$ = {
+var script$11 = {
   props: {
     label: {
       required: true,
@@ -84494,20 +85066,20 @@ var script$$ = {
 };
 
 /* script */
-const __vue_script__$$ = script$$;
+const __vue_script__$11 = script$11;
 
 /* template */
-var __vue_render__$V = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',[_c('b-form-checkbox',{attrs:{"checked":_vm.value},on:{"change":function($event){return _vm.$emit('update', $event)}}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")])],1)};
-var __vue_staticRenderFns__$V = [];
+var __vue_render__$X = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',[_c('b-form-checkbox',{attrs:{"checked":_vm.value},on:{"change":function($event){return _vm.$emit('update', $event)}}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")])],1)};
+var __vue_staticRenderFns__$X = [];
 
   /* style */
-  const __vue_inject_styles__$10 = undefined;
+  const __vue_inject_styles__$12 = undefined;
   /* scoped */
-  const __vue_scope_id__$10 = undefined;
+  const __vue_scope_id__$12 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$10 = undefined;
+  const __vue_module_identifier__$12 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$10 = false;
+  const __vue_is_functional_template__$12 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84516,13 +85088,13 @@ var __vue_staticRenderFns__$V = [];
   
 
   
-  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
-    __vue_inject_styles__$10,
-    __vue_script__$$,
-    __vue_scope_id__$10,
-    __vue_is_functional_template__$10,
-    __vue_module_identifier__$10,
+  const __vue_component__$12 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$X, staticRenderFns: __vue_staticRenderFns__$X },
+    __vue_inject_styles__$12,
+    __vue_script__$11,
+    __vue_scope_id__$12,
+    __vue_is_functional_template__$12,
+    __vue_module_identifier__$12,
     false,
     undefined,
     undefined,
@@ -84541,7 +85113,7 @@ var __vue_staticRenderFns__$V = [];
 //
 //
 //
-var script$10 = {
+var script$12 = {
   props: {
     label: {
       required: true,
@@ -84559,20 +85131,20 @@ var script$10 = {
 };
 
 /* script */
-const __vue_script__$10 = script$10;
+const __vue_script__$12 = script$12;
 
 /* template */
-var __vue_render__$W = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-select',{attrs:{"value":_vm.value,"options":_vm.options},on:{"input":function($event){return _vm.$emit('update', $event)}}})],1)};
-var __vue_staticRenderFns__$W = [];
+var __vue_render__$Y = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{"label":_vm.label}},[_c('b-form-select',{attrs:{"value":_vm.value,"options":_vm.options},on:{"input":function($event){return _vm.$emit('update', $event)}}})],1)};
+var __vue_staticRenderFns__$Y = [];
 
   /* style */
-  const __vue_inject_styles__$11 = undefined;
+  const __vue_inject_styles__$13 = undefined;
   /* scoped */
-  const __vue_scope_id__$11 = undefined;
+  const __vue_scope_id__$13 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$11 = undefined;
+  const __vue_module_identifier__$13 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$11 = false;
+  const __vue_is_functional_template__$13 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84581,13 +85153,13 @@ var __vue_staticRenderFns__$W = [];
   
 
   
-  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$W, staticRenderFns: __vue_staticRenderFns__$W },
-    __vue_inject_styles__$11,
-    __vue_script__$10,
-    __vue_scope_id__$11,
-    __vue_is_functional_template__$11,
-    __vue_module_identifier__$11,
+  const __vue_component__$13 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Y, staticRenderFns: __vue_staticRenderFns__$Y },
+    __vue_inject_styles__$13,
+    __vue_script__$12,
+    __vue_scope_id__$13,
+    __vue_is_functional_template__$13,
+    __vue_module_identifier__$13,
     false,
     undefined,
     undefined,
@@ -84609,16 +85181,16 @@ function generic(component, { handler, props }) {
         props }, handler);
 }
 function input(label, handler) {
-    return generic(__vue_component__$_, { handler, props: { label } });
+    return generic(__vue_component__$10, { handler, props: { label } });
 }
 function textarea(label, handler) {
-    return generic(__vue_component__$$, { handler, props: { label } });
+    return generic(__vue_component__$11, { handler, props: { label } });
 }
 function checkbox(label, handler) {
-    return generic(__vue_component__$10, { handler, props: { label } });
+    return generic(__vue_component__$12, { handler, props: { label } });
 }
 function select(label, handler, options) {
-    return generic(__vue_component__$11, {
+    return generic(__vue_component__$13, {
         handler,
         props: {
             label,
@@ -84637,7 +85209,7 @@ var controls = /*#__PURE__*/Object.freeze({
 });
 
 var index$2 = {
-    View: __vue_component__$Z,
+    View: __vue_component__$$,
     controls,
 };
 
@@ -84654,10 +85226,10 @@ var index$3 = /*#__PURE__*/Object.freeze({
   CInputDateTime: __vue_component__$b,
   CInputPresort: __vue_component__$c,
   CInputCron: __vue_component__$d,
-  CRichTextInput: __vue_component__$m,
+  CInputSearch: __vue_component__$e,
+  CRichTextInput: __vue_component__$n,
   CLightbox: __vue_component__$5,
-  CPermissionsButton: __vue_component__$n,
-  CPermissionsForm: __vue_component__$r,
+  CPermissionsButton: __vue_component__$o,
   CPermissionsModal: __vue_component__$s,
   CLoaderLogo: __vue_component__$E,
   CTopbar: __vue_component__$F,
@@ -84674,6 +85246,8 @@ var index$3 = /*#__PURE__*/Object.freeze({
   CReportMetric: __vue_component__$V,
   CReportTable: __vue_component__$W,
   CReportText: __vue_component__$X,
+  CSensitivityLevelPicker: __vue_component__$Y,
+  CResourceList: __vue_component__$Z,
   C3: index$2,
   CPrompts: __vue_component__$D,
   CPromptModal: __vue_component__$C,
@@ -84909,7 +85483,7 @@ function resumeState(api, { sessionID, stateID }, input) {
 }
 function cancelState(api, { sessionID, stateID }) {
     return __awaiter(this, void 0, void 0, function* () {
-        return api.sessionDeleteState({ sessionID, stateID });
+        return api.sessionCancel({ sessionID, stateID });
     });
 }
 function onlyFresh(existing, fresh) {