@cortezaproject/corteza-vue 2024.9.5 → 2024.9.6-dev.2

package/dist/index.js

@@ -5751,7 +5751,7 @@ var index$7 = /*#__PURE__*/Object.freeze({
 //
 
 
-var script$1m = {
+var script$1n = {
   name: 'CExtendSession',
 
   props: {
@@ -5928,20 +5928,20 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$1m = script$1m;
+const __vue_script__$1n = script$1n;
 
 /* template */
-var __vue_render__$1h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{"centered":"","hide-header":"","hide-footer":"","no-close-on-backdrop":"","no-close-on-esc":"","body-class":"d-flex flex-column justify-content-center align-items-center gap-2 p-4"},on:{"hide":_vm.stopCountdown},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v;},expression:"showModal"}},[_c('h5',[_vm._v(_vm._s(_vm.labels.warning(_vm.countdownTime)))]),_vm._v(" "),_c('b-button',{attrs:{"variant":"primary","size":"lg"},on:{"click":_vm.extendSession}},[_vm._v("\n    "+_vm._s(_vm.labels.extend)+"\n  ")])],1)};
-var __vue_staticRenderFns__$1h = [];
+var __vue_render__$1i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{"centered":"","hide-header":"","hide-footer":"","no-close-on-backdrop":"","no-close-on-esc":"","body-class":"d-flex flex-column justify-content-center align-items-center gap-2 p-4"},on:{"hide":_vm.stopCountdown},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v;},expression:"showModal"}},[_c('h5',[_vm._v(_vm._s(_vm.labels.warning(_vm.countdownTime)))]),_vm._v(" "),_c('b-button',{attrs:{"variant":"primary","size":"lg"},on:{"click":_vm.extendSession}},[_vm._v("\n    "+_vm._s(_vm.labels.extend)+"\n  ")])],1)};
+var __vue_staticRenderFns__$1i = [];
 
   /* style */
-  const __vue_inject_styles__$1o = undefined;
+  const __vue_inject_styles__$1p = undefined;
   /* scoped */
-  const __vue_scope_id__$1o = undefined;
+  const __vue_scope_id__$1p = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1o = undefined;
+  const __vue_module_identifier__$1p = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1o = false;
+  const __vue_is_functional_template__$1p = false;
   /* style inject */
   
   /* style inject SSR */
@@ -5950,17 +5950,17 @@ var __vue_staticRenderFns__$1h = [];
   
 
   
-  const __vue_component__$1o = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1h, staticRenderFns: __vue_staticRenderFns__$1h },
-    __vue_inject_styles__$1o,
-    __vue_script__$1m,
-    __vue_scope_id__$1o,
-    __vue_is_functional_template__$1o,
-    __vue_module_identifier__$1o,
+  const __vue_component__$1p = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1i, staticRenderFns: __vue_staticRenderFns__$1i },
+    __vue_inject_styles__$1p,
+    __vue_script__$1n,
+    __vue_scope_id__$1p,
+    __vue_is_functional_template__$1p,
+    __vue_module_identifier__$1p,
     false,
     undefined);
 
-var script$1l = {
+var script$1m = {
   props: {
     resourceType: {
       type: String,
@@ -6001,20 +6001,20 @@ var script$1l = {
 };
 
 /* script */
-const __vue_script__$1l = script$1l;
+const __vue_script__$1m = script$1m;
 
 /* template */
-var __vue_render__$1g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.buttons.length)?_c('b-button-group',{attrs:{"size":_vm.size}},_vm._l((_vm.buttons),function(b,i){return _c('b-button',{key:i,class:_vm.buttonClass,attrs:{"variant":b.variant || _vm.defaultVariant},on:{"click":function($event){return _vm.$emit('click', b)}}},[_vm._v("\n    "+_vm._s(b.label)+"\n  ")])}),1):_vm._e()};
-var __vue_staticRenderFns__$1g = [];
+var __vue_render__$1h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.buttons.length)?_c('b-button-group',{attrs:{"size":_vm.size}},_vm._l((_vm.buttons),function(b,i){return _c('b-button',{key:i,class:_vm.buttonClass,attrs:{"variant":b.variant || _vm.defaultVariant},on:{"click":function($event){return _vm.$emit('click', b)}}},[_vm._v("\n    "+_vm._s(b.label)+"\n  ")])}),1):_vm._e()};
+var __vue_staticRenderFns__$1h = [];
 
   /* style */
-  const __vue_inject_styles__$1n = undefined;
+  const __vue_inject_styles__$1o = undefined;
   /* scoped */
-  const __vue_scope_id__$1n = undefined;
+  const __vue_scope_id__$1o = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1n = undefined;
+  const __vue_module_identifier__$1o = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1n = false;
+  const __vue_is_functional_template__$1o = false;
   /* style inject */
   
   /* style inject SSR */
@@ -6023,17 +6023,17 @@ var __vue_staticRenderFns__$1g = [];
   
 
   
-  const __vue_component__$1n = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1g, staticRenderFns: __vue_staticRenderFns__$1g },
-    __vue_inject_styles__$1n,
-    __vue_script__$1l,
-    __vue_scope_id__$1n,
-    __vue_is_functional_template__$1n,
-    __vue_module_identifier__$1n,
+  const __vue_component__$1o = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1h, staticRenderFns: __vue_staticRenderFns__$1h },
+    __vue_inject_styles__$1o,
+    __vue_script__$1m,
+    __vue_scope_id__$1o,
+    __vue_is_functional_template__$1o,
+    __vue_module_identifier__$1o,
     false,
     undefined);
 
-var script$1k = {
+var script$1l = {
   props: {
     labels: {
       type: Object,
@@ -6079,18 +6079,18 @@ var script$1k = {
 };
 
 /* script */
-const __vue_script__$1k = script$1k;
+const __vue_script__$1l = script$1l;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$1m = undefined;
+  const __vue_inject_styles__$1n = undefined;
   /* scoped */
-  const __vue_scope_id__$1m = undefined;
+  const __vue_scope_id__$1n = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1m = undefined;
+  const __vue_module_identifier__$1n = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1m = undefined;
+  const __vue_is_functional_template__$1n = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -6099,18 +6099,18 @@ const __vue_script__$1k = script$1k;
   
 
   
-  const __vue_component__$1m = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$1n = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$1m,
-    __vue_script__$1k,
-    __vue_scope_id__$1m,
-    __vue_is_functional_template__$1m,
-    __vue_module_identifier__$1m,
+    __vue_inject_styles__$1n,
+    __vue_script__$1l,
+    __vue_scope_id__$1n,
+    __vue_is_functional_template__$1n,
+    __vue_module_identifier__$1n,
     false,
     undefined);
 
-var script$1j = {
-  extends: __vue_component__$1m,
+var script$1k = {
+  extends: __vue_component__$1n,
 
   props: {
     alt: {
@@ -6219,46 +6219,46 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$1j = script$1j;
+const __vue_script__$1k = script$1k;
 
 /* template */
-var __vue_render__$1f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex inline h-100 mb-1"},[_c('img',{key:_vm.src,ref:"image",class:_vm.getClass,style:(_vm.previewStyle),attrs:{"src":_vm.src,"title":_vm.title,"alt":_vm.alt,"width":_vm.getWidth,"height":_vm.getHeight},on:{"click":function($event){return _vm.$emit('openPreview', {})},"~error":function($event){return _vm.reloadBrokenImage.apply(null, arguments)},"load":function($event){_vm.loaded=true;}}})])};
-var __vue_staticRenderFns__$1f = [];
+var __vue_render__$1g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex inline h-100 mb-1"},[_c('img',{key:_vm.src,ref:"image",class:_vm.getClass,style:(_vm.previewStyle),attrs:{"src":_vm.src,"title":_vm.title,"alt":_vm.alt,"width":_vm.getWidth,"height":_vm.getHeight},on:{"click":function($event){return _vm.$emit('openPreview', {})},"~error":function($event){return _vm.reloadBrokenImage.apply(null, arguments)},"load":function($event){_vm.loaded=true;}}})])};
+var __vue_staticRenderFns__$1g = [];
 
   /* style */
-  const __vue_inject_styles__$1l = function (inject) {
+  const __vue_inject_styles__$1m = function (inject) {
     if (!inject) return
     inject("data-v-5b22ddfb_0", { source: "div[data-v-5b22ddfb]{object-fit:contain}div img.loaded[data-v-5b22ddfb]{width:auto;height:auto;display:block}div.inline img[data-v-5b22ddfb]{cursor:zoom-in}div.inline img.disable-zoom-cursor[data-v-5b22ddfb]{cursor:default}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1l = "data-v-5b22ddfb";
+  const __vue_scope_id__$1m = "data-v-5b22ddfb";
   /* module identifier */
-  const __vue_module_identifier__$1l = undefined;
+  const __vue_module_identifier__$1m = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1l = false;
+  const __vue_is_functional_template__$1m = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1l = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1f, staticRenderFns: __vue_staticRenderFns__$1f },
-    __vue_inject_styles__$1l,
-    __vue_script__$1j,
-    __vue_scope_id__$1l,
-    __vue_is_functional_template__$1l,
-    __vue_module_identifier__$1l,
+  const __vue_component__$1m = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1g, staticRenderFns: __vue_staticRenderFns__$1g },
+    __vue_inject_styles__$1m,
+    __vue_script__$1k,
+    __vue_scope_id__$1m,
+    __vue_is_functional_template__$1m,
+    __vue_module_identifier__$1m,
     false,
     createInjector);
 
-var script$1i = {
+var script$1j = {
   components: {
     PhotoSwipe,
   },
 
-  extends: __vue_component__$1m,
+  extends: __vue_component__$1n,
 
   data () {
     return {
@@ -6314,37 +6314,37 @@ var script$1i = {
 };
 
 /* script */
-const __vue_script__$1i = script$1i;
+const __vue_script__$1j = script$1j;
 
 /* template */
-var __vue_render__$1e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"popup-img-preview"},[_c('photo-swipe',{attrs:{"is-open":true,"items":_vm.items,"options":_vm.options},on:{"close":function () { return _vm.$emit('close'); }}})],1)};
-var __vue_staticRenderFns__$1e = [];
+var __vue_render__$1f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"popup-img-preview"},[_c('photo-swipe',{attrs:{"is-open":true,"items":_vm.items,"options":_vm.options},on:{"close":function () { return _vm.$emit('close'); }}})],1)};
+var __vue_staticRenderFns__$1f = [];
 
   /* style */
-  const __vue_inject_styles__$1k = function (inject) {
+  const __vue_inject_styles__$1l = function (inject) {
     if (!inject) return
     inject("data-v-40b06160_0", { source: ".popup-img-preview .pswp{pointer-events:none}.popup-img-preview .pswp .pswp__img{pointer-events:all}.popup-img-preview .pswp__top-bar{display:none!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1k = undefined;
+  const __vue_scope_id__$1l = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1k = undefined;
+  const __vue_module_identifier__$1l = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1k = false;
+  const __vue_is_functional_template__$1l = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1k = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1e, staticRenderFns: __vue_staticRenderFns__$1e },
-    __vue_inject_styles__$1k,
-    __vue_script__$1i,
-    __vue_scope_id__$1k,
-    __vue_is_functional_template__$1k,
-    __vue_module_identifier__$1k,
+  const __vue_component__$1l = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1f, staticRenderFns: __vue_staticRenderFns__$1f },
+    __vue_inject_styles__$1l,
+    __vue_script__$1j,
+    __vue_scope_id__$1l,
+    __vue_is_functional_template__$1l,
+    __vue_module_identifier__$1l,
     false,
     createInjector);
 
@@ -6438,8 +6438,8 @@ function sleep (t) {
   return new Promise(resolve => setTimeout(resolve, t))
 }
 
-var script$1h = {
-  extends: __vue_component__$1m,
+var script$1i = {
+  extends: __vue_component__$1n,
 
   props: {
     retryBackoff: {
@@ -6689,72 +6689,72 @@ var script$1h = {
 };
 
 /* script */
-const __vue_script__$1h = script$1h;
+const __vue_script__$1i = script$1i;
 
 /* template */
-var __vue_render__$1d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.previewClass.concat( ['pdf-preview'], [_vm.inline ? 'inline' : ''], [_vm.$listeners.click ? 'clickable' : '']),style:(_vm.previewStyle),on:{"click":_vm.onPreviewClick}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"pages",staticClass:"pages"}),_vm._v(" "),(_vm.loadError)?_c('div',{staticClass:"doc-msg doc-err"},[_c('p',{staticClass:"err-message"},[_vm._v("\n      "+_vm._s(_vm.loadError.message)+"\n    ")])]):(!_vm.show && _vm.labels.loading)?_c('div',{staticClass:"doc-msg"},[_c('p',{staticClass:"d-flex align-items-center gap-1"},[_c('b-spinner',{attrs:{"variant":"primary","small":""}}),_vm._v("\n      "+_vm._s(_vm.labels.loading)+"\n    ")],1)]):(!_vm.pageCount && _vm.labels.noPages)?_c('div',{staticClass:"doc-msg doc-err"},[_c('p',[_vm._v(_vm._s(_vm.labels.noPages))])]):_vm._e()])};
-var __vue_staticRenderFns__$1d = [];
+var __vue_render__$1e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.previewClass.concat( ['pdf-preview'], [_vm.inline ? 'inline' : ''], [_vm.$listeners.click ? 'clickable' : '']),style:(_vm.previewStyle),on:{"click":_vm.onPreviewClick}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"pages",staticClass:"pages"}),_vm._v(" "),(_vm.loadError)?_c('div',{staticClass:"doc-msg doc-err"},[_c('p',{staticClass:"err-message"},[_vm._v("\n      "+_vm._s(_vm.loadError.message)+"\n    ")])]):(!_vm.show && _vm.labels.loading)?_c('div',{staticClass:"doc-msg"},[_c('p',{staticClass:"d-flex align-items-center gap-1"},[_c('b-spinner',{attrs:{"variant":"primary","small":""}}),_vm._v("\n      "+_vm._s(_vm.labels.loading)+"\n    ")],1)]):(!_vm.pageCount && _vm.labels.noPages)?_c('div',{staticClass:"doc-msg doc-err"},[_c('p',[_vm._v(_vm._s(_vm.labels.noPages))])]):_vm._e()])};
+var __vue_staticRenderFns__$1e = [];
 
   /* style */
-  const __vue_inject_styles__$1j = function (inject) {
+  const __vue_inject_styles__$1k = function (inject) {
     if (!inject) return
     inject("data-v-6b03f585_0", { source: ".doc-msg[data-v-6b03f585]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--white)}.doc-err[data-v-6b03f585]{cursor:pointer}.doc-err .err-message[data-v-6b03f585]{color:var(--danger)}", map: undefined, media: undefined })
 ,inject("data-v-6b03f585_1", { source: ".pdf-preview{text-align:center;width:100%;height:auto}.pdf-preview.inline{cursor:zoom-in}.pdf-preview.inline canvas{width:100%;height:auto}.pdf-preview canvas{margin-bottom:10px;box-shadow:0 0 3px rgba(30,30,30,.2549019608);width:80%;height:auto}.pdf-preview canvas:last-of-type{margin-bottom:unset}.pdf-preview .loader{margin-bottom:10px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1j = "data-v-6b03f585";
+  const __vue_scope_id__$1k = "data-v-6b03f585";
   /* module identifier */
-  const __vue_module_identifier__$1j = undefined;
+  const __vue_module_identifier__$1k = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1j = false;
+  const __vue_is_functional_template__$1k = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1j = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1d, staticRenderFns: __vue_staticRenderFns__$1d },
-    __vue_inject_styles__$1j,
-    __vue_script__$1h,
-    __vue_scope_id__$1j,
-    __vue_is_functional_template__$1j,
-    __vue_module_identifier__$1j,
+  const __vue_component__$1k = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1e, staticRenderFns: __vue_staticRenderFns__$1e },
+    __vue_inject_styles__$1k,
+    __vue_script__$1i,
+    __vue_scope_id__$1k,
+    __vue_is_functional_template__$1k,
+    __vue_module_identifier__$1k,
     false,
     createInjector);
 
 /* script */
 
 /* template */
-var __vue_render__$1c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"lightbox"},[_c('header',[_c('div',{staticClass:"left"},[_vm._t("header.left")],2),_vm._v(" "),_c('div',{staticClass:"right"},[_vm._t("header.right"),_vm._v(" "),_c('button',{staticClass:"closer",on:{"click":function($event){return _vm.$emit('close')}}},[_vm._v("\n        ×\n      ")])],2)]),_vm._v(" "),_c('main',[_vm._t("main")],2)])};
-var __vue_staticRenderFns__$1c = [];
+var __vue_render__$1d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"lightbox"},[_c('header',[_c('div',{staticClass:"left"},[_vm._t("header.left")],2),_vm._v(" "),_c('div',{staticClass:"right"},[_vm._t("header.right"),_vm._v(" "),_c('button',{staticClass:"closer",on:{"click":function($event){return _vm.$emit('close')}}},[_vm._v("\n        ×\n      ")])],2)]),_vm._v(" "),_c('main',[_vm._t("main")],2)])};
+var __vue_staticRenderFns__$1d = [];
 
   /* style */
-  const __vue_inject_styles__$1i = function (inject) {
+  const __vue_inject_styles__$1j = function (inject) {
     if (!inject) return
     inject("data-v-30782d92_0", { source: ".lightbox[data-v-30782d92]{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#eef1f3;z-index:2000}.lightbox header[data-v-30782d92]{display:flex;justify-content:space-between;background-color:#fff;position:absolute;left:0;top:0;right:0;box-shadow:0 0 3px #1e1E1E41;z-index:1000;height:50px}.lightbox header .left[data-v-30782d92]{margin-left:10px}.lightbox header .right[data-v-30782d92]{margin-right:10px}.lightbox header>div[data-v-30782d92]{display:flex;align-items:center}.lightbox main[data-v-30782d92]{position:absolute;top:50px;left:0;right:0;bottom:0;overflow-y:scroll;z-index:1}.lightbox header button[data-v-30782d92]{background-color:transparent;border:none;outline:0;font-size:25px;font-weight:700;margin:10px;cursor:pointer;box-sizing:border-box}.lightbox header button[data-v-30782d92]:last-of-type{margin-right:0}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1i = "data-v-30782d92";
+  const __vue_scope_id__$1j = "data-v-30782d92";
   /* module identifier */
-  const __vue_module_identifier__$1i = undefined;
+  const __vue_module_identifier__$1j = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1i = false;
+  const __vue_is_functional_template__$1j = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1i = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1c, staticRenderFns: __vue_staticRenderFns__$1c },
-    __vue_inject_styles__$1i,
+  const __vue_component__$1j = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1d, staticRenderFns: __vue_staticRenderFns__$1d },
+    __vue_inject_styles__$1j,
     {},
-    __vue_scope_id__$1i,
-    __vue_is_functional_template__$1i,
-    __vue_module_identifier__$1i,
+    __vue_scope_id__$1j,
+    __vue_is_functional_template__$1j,
+    __vue_module_identifier__$1j,
     false,
     createInjector);
 
@@ -6809,7 +6809,7 @@ var canPreview = function canPreview(_ref2) {
   });
 };
 
-var script$1g = {
+var script$1h = {
   inheritAttrs: false,
 
   props: {
@@ -6831,18 +6831,18 @@ var script$1g = {
 };
 
 /* script */
-const __vue_script__$1g = script$1g;
+const __vue_script__$1h = script$1h;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$1h = undefined;
+  const __vue_inject_styles__$1i = undefined;
   /* scoped */
-  const __vue_scope_id__$1h = undefined;
+  const __vue_scope_id__$1i = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1h = undefined;
+  const __vue_module_identifier__$1i = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1h = undefined;
+  const __vue_is_functional_template__$1i = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -6851,41 +6851,41 @@ const __vue_script__$1g = script$1g;
   
 
   
-  const __vue_component__$1h = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$1i = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$1h,
-    __vue_script__$1g,
-    __vue_scope_id__$1h,
-    __vue_is_functional_template__$1h,
-    __vue_module_identifier__$1h,
+    __vue_inject_styles__$1i,
+    __vue_script__$1h,
+    __vue_scope_id__$1i,
+    __vue_is_functional_template__$1i,
+    __vue_module_identifier__$1i,
     false,
     undefined);
 
-var script$1f = {
+var script$1g = {
   components: {
-    CLightbox: __vue_component__$1i,
-    IMG: __vue_component__$1k,
-    PDF: __vue_component__$1j,
+    CLightbox: __vue_component__$1j,
+    IMG: __vue_component__$1l,
+    PDF: __vue_component__$1k,
   },
 
-  extends: __vue_component__$1h,
+  extends: __vue_component__$1i,
 };
 
 /* script */
-const __vue_script__$1f = script$1f;
+const __vue_script__$1g = script$1g;
 
 /* template */
-var __vue_render__$1b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-lightbox',_vm._g({scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,null,scope)]}}})],null,true)},_vm.$listeners),[_vm._v(" "),_c(_vm.previewType,_vm._g(_vm._b({tag:"component",attrs:{"slot":"main"},slot:"main"},'component',_vm.$attrs,false),_vm.$listeners))],1)};
-var __vue_staticRenderFns__$1b = [];
+var __vue_render__$1c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-lightbox',_vm._g({scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,null,scope)]}}})],null,true)},_vm.$listeners),[_vm._v(" "),_c(_vm.previewType,_vm._g(_vm._b({tag:"component",attrs:{"slot":"main"},slot:"main"},'component',_vm.$attrs,false),_vm.$listeners))],1)};
+var __vue_staticRenderFns__$1c = [];
 
   /* style */
-  const __vue_inject_styles__$1g = undefined;
+  const __vue_inject_styles__$1h = undefined;
   /* scoped */
-  const __vue_scope_id__$1g = undefined;
+  const __vue_scope_id__$1h = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1g = undefined;
+  const __vue_module_identifier__$1h = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1g = false;
+  const __vue_is_functional_template__$1h = false;
   /* style inject */
   
   /* style inject SSR */
@@ -6894,40 +6894,40 @@ var __vue_staticRenderFns__$1b = [];
   
 
   
-  const __vue_component__$1g = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1b, staticRenderFns: __vue_staticRenderFns__$1b },
-    __vue_inject_styles__$1g,
-    __vue_script__$1f,
-    __vue_scope_id__$1g,
-    __vue_is_functional_template__$1g,
-    __vue_module_identifier__$1g,
+  const __vue_component__$1h = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1c, staticRenderFns: __vue_staticRenderFns__$1c },
+    __vue_inject_styles__$1h,
+    __vue_script__$1g,
+    __vue_scope_id__$1h,
+    __vue_is_functional_template__$1h,
+    __vue_module_identifier__$1h,
     false,
     undefined);
 
-var script$1e = {
+var script$1f = {
   components: {
-    IMG: __vue_component__$1l,
-    PDF: __vue_component__$1j,
+    IMG: __vue_component__$1m,
+    PDF: __vue_component__$1k,
   },
 
-  extends: __vue_component__$1h,
+  extends: __vue_component__$1i,
 };
 
 /* script */
-const __vue_script__$1e = script$1e;
+const __vue_script__$1f = script$1f;
 
 /* template */
-var __vue_render__$1a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"inline h-100"},[_c('main',{staticClass:"h-100"},[_c(_vm.previewType,_vm._g(_vm._b({tag:"component",attrs:{"max-pages":1,"inline":_vm.inline,"initial-scale":1.5}},'component',_vm.$attrs,false),_vm.$listeners))],1)])};
-var __vue_staticRenderFns__$1a = [];
+var __vue_render__$1b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"inline h-100"},[_c('main',{staticClass:"h-100"},[_c(_vm.previewType,_vm._g(_vm._b({tag:"component",attrs:{"max-pages":1,"inline":_vm.inline,"initial-scale":1.5}},'component',_vm.$attrs,false),_vm.$listeners))],1)])};
+var __vue_staticRenderFns__$1b = [];
 
   /* style */
-  const __vue_inject_styles__$1f = undefined;
+  const __vue_inject_styles__$1g = undefined;
   /* scoped */
-  const __vue_scope_id__$1f = undefined;
+  const __vue_scope_id__$1g = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1f = undefined;
+  const __vue_module_identifier__$1g = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1f = false;
+  const __vue_is_functional_template__$1g = false;
   /* style inject */
   
   /* style inject SSR */
@@ -6936,17 +6936,17 @@ var __vue_staticRenderFns__$1a = [];
   
 
   
-  const __vue_component__$1f = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1a, staticRenderFns: __vue_staticRenderFns__$1a },
-    __vue_inject_styles__$1f,
-    __vue_script__$1e,
-    __vue_scope_id__$1f,
-    __vue_is_functional_template__$1f,
-    __vue_module_identifier__$1f,
+  const __vue_component__$1g = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1b, staticRenderFns: __vue_staticRenderFns__$1b },
+    __vue_inject_styles__$1g,
+    __vue_script__$1f,
+    __vue_scope_id__$1g,
+    __vue_is_functional_template__$1g,
+    __vue_module_identifier__$1g,
     false,
     undefined);
 
-var script$1d = {
+var script$1e = {
   props: {
     disabled: Boolean,
     okDisabled: Boolean,
@@ -7049,20 +7049,20 @@ var script$1d = {
 };
 
 /* script */
-const __vue_script__$1d = script$1d;
+const __vue_script__$1e = script$1e;
 
 /* template */
-var __vue_render__$19 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-inline-flex gap-1"},[(!_vm.inConfirmation)?_c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: _vm.tooltip, container: '#body' }),expression:"{ title: tooltip, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],class:(_vm.buttonClass + " " + (_vm.borderless ? 'border-0' : '') + " flex-fill"),attrs:{"data-test-id":_vm.dataTestId,"variant":_vm.variant,"size":_vm.size,"disabled":_vm.disabled || _vm.processing},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onPrompt.apply(null, arguments)}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):[(_vm.showIcon || !_vm.text)?_c('font-awesome-icon',{class:_vm.iconClass,attrs:{"icon":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.text)?_c('span',{class:_vm.textClass},[_vm._v("\n        "+_vm._s(_vm.text)+"\n      ")]):_vm._e()]],2):[_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-confirm"),"variant":_vm.variantOk,"size":_vm.sizeConfirm,"disabled":_vm.okDisabled},on:{"blur":function($event){$event.preventDefault();return _vm.onCancel()},"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onConfirmation()}}},[_vm._t("yes",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"confirm","icon":['fas', 'check']}})]})],2),_vm._v(" "),_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-cancel"),"variant":_vm.variantCancel,"size":_vm.sizeConfirm,"disabled":_vm.cancelDisabled},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onCancel()}}},[_vm._t("no",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"reject","icon":['fas', 'times']}})]})],2)]],2)};
-var __vue_staticRenderFns__$19 = [];
+var __vue_render__$1a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-inline-flex gap-1"},[(!_vm.inConfirmation)?_c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: _vm.tooltip, container: '#body' }),expression:"{ title: tooltip, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],class:(_vm.buttonClass + " " + (_vm.borderless ? 'border-0' : '') + " flex-fill"),attrs:{"data-test-id":_vm.dataTestId,"variant":_vm.variant,"size":_vm.size,"disabled":_vm.disabled || _vm.processing},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onPrompt.apply(null, arguments)}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):[(_vm.showIcon || !_vm.text)?_c('font-awesome-icon',{class:_vm.iconClass,attrs:{"icon":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.text)?_c('span',{class:_vm.textClass},[_vm._v("\n        "+_vm._s(_vm.text)+"\n      ")]):_vm._e()]],2):[_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-confirm"),"variant":_vm.variantOk,"size":_vm.sizeConfirm,"disabled":_vm.okDisabled},on:{"blur":function($event){$event.preventDefault();return _vm.onCancel()},"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onConfirmation()}}},[_vm._t("yes",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"confirm","icon":['fas', 'check']}})]})],2),_vm._v(" "),_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-cancel"),"variant":_vm.variantCancel,"size":_vm.sizeConfirm,"disabled":_vm.cancelDisabled},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onCancel()}}},[_vm._t("no",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"reject","icon":['fas', 'times']}})]})],2)]],2)};
+var __vue_staticRenderFns__$1a = [];
 
   /* style */
-  const __vue_inject_styles__$1e = undefined;
+  const __vue_inject_styles__$1f = undefined;
   /* scoped */
-  const __vue_scope_id__$1e = undefined;
+  const __vue_scope_id__$1f = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1e = undefined;
+  const __vue_module_identifier__$1f = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1e = false;
+  const __vue_is_functional_template__$1f = false;
   /* style inject */
   
   /* style inject SSR */
@@ -7071,16 +7071,16 @@ var __vue_staticRenderFns__$19 = [];
   
 
   
-  const __vue_component__$1e = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$19, staticRenderFns: __vue_staticRenderFns__$19 },
-    __vue_inject_styles__$1e,
-    __vue_script__$1d,
-    __vue_scope_id__$1e,
-    __vue_is_functional_template__$1e,
-    __vue_module_identifier__$1e,
-    false,
-    undefined);
-
+  const __vue_component__$1f = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1a, staticRenderFns: __vue_staticRenderFns__$1a },
+    __vue_inject_styles__$1f,
+    __vue_script__$1e,
+    __vue_scope_id__$1f,
+    __vue_is_functional_template__$1f,
+    __vue_module_identifier__$1f,
+    false,
+    undefined);
+
 //
 //
 //
@@ -7100,7 +7100,7 @@ var __vue_staticRenderFns__$19 = [];
 //
 //
 
-var script$1c = {
+var script$1d = {
   props: {
     variant: {
       type: String,
@@ -7122,20 +7122,20 @@ var script$1c = {
 };
 
 /* script */
-const __vue_script__$1c = script$1c;
+const __vue_script__$1d = script$1d;
 
 /* template */
-var __vue_render__$18 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',_vm._g({staticClass:"d-inline-flex align-items-center justify-content-center",attrs:{"variant":_vm.variant,"disabled":_vm.disabled || _vm.processing,"size":_vm.size}},_vm.$listeners),[_vm._t("default"),_vm._v(" "),(_vm.processing)?_c('b-spinner',{staticClass:"ml-1",attrs:{"processing":_vm.processing,"small":""}}):_vm._e()],2)};
-var __vue_staticRenderFns__$18 = [];
+var __vue_render__$19 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',_vm._g({staticClass:"d-inline-flex align-items-center justify-content-center",attrs:{"variant":_vm.variant,"disabled":_vm.disabled || _vm.processing,"size":_vm.size}},_vm.$listeners),[_vm._t("default"),_vm._v(" "),(_vm.processing)?_c('b-spinner',{staticClass:"ml-1",attrs:{"processing":_vm.processing,"small":""}}):_vm._e()],2)};
+var __vue_staticRenderFns__$19 = [];
 
   /* style */
-  const __vue_inject_styles__$1d = undefined;
+  const __vue_inject_styles__$1e = undefined;
   /* scoped */
-  const __vue_scope_id__$1d = undefined;
+  const __vue_scope_id__$1e = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1d = undefined;
+  const __vue_module_identifier__$1e = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1d = false;
+  const __vue_is_functional_template__$1e = false;
   /* style inject */
   
   /* style inject SSR */
@@ -7144,13 +7144,13 @@ var __vue_staticRenderFns__$18 = [];
   
 
   
-  const __vue_component__$1d = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$18, staticRenderFns: __vue_staticRenderFns__$18 },
-    __vue_inject_styles__$1d,
-    __vue_script__$1c,
-    __vue_scope_id__$1d,
-    __vue_is_functional_template__$1d,
-    __vue_module_identifier__$1d,
+  const __vue_component__$1e = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$19, staticRenderFns: __vue_staticRenderFns__$19 },
+    __vue_inject_styles__$1e,
+    __vue_script__$1d,
+    __vue_scope_id__$1e,
+    __vue_is_functional_template__$1e,
+    __vue_module_identifier__$1e,
     false,
     undefined);
 
@@ -7198,7 +7198,7 @@ function setTime(time, value, noDate = false, noTime = false) {
     return moment(date + ' ' + time, 'YYYY-MM-DD HH:mm').utc().format();
 }
 
-var script$1b = {
+var script$1c = {
   props: {
     value: {
       type: [String, Date],
@@ -7283,37 +7283,37 @@ var script$1b = {
 };
 
 /* script */
-const __vue_script__$1b = script$1b;
+const __vue_script__$1c = script$1c;
 
 /* template */
-var __vue_render__$17 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-input-date-time d-flex flex-wrap w-100 gap-1"},[(!_vm.noDate)?_c('b-form-datepicker',{staticClass:"h-100 overflow-hidden",attrs:{"data-test-id":"picker-date","placeholder":_vm.labels.none,"date-format-options":{ year: 'numeric', month: 'numeric', day: 'numeric' },"min":_vm.minDate,"max":_vm.maxDate,"label-reset-button":_vm.labels.clear,"label-today-button":_vm.labels.today,"locale":_vm.browserLocale,"start-weekday":_vm.weekStartDay,"label-help":"","today-variant":"info","selected-variant":"extra-light","boundary":"window","hide-header":"","reset-button":"","today-button":"","show-decade-nav":""},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v;},expression:"date"}}):_vm._e(),_vm._v(" "),(!_vm.noTime)?_c('b-form-timepicker',{staticClass:"h-100 overflow-hidden",attrs:{"data-test-id":"picker-time","placeholder":_vm.labels.none,"label-reset-button":_vm.labels.clear,"label-now-button":_vm.labels.now,"locale":_vm.browserLocale,"boundary":"window","hide-header":"","no-close-button":"","reset-button":"","now-button":""},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v;},expression:"time"}}):_vm._e(),_vm._v(" "),_vm._t("default")],2)};
-var __vue_staticRenderFns__$17 = [];
+var __vue_render__$18 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-input-date-time d-flex flex-wrap w-100 gap-1"},[(!_vm.noDate)?_c('b-form-datepicker',{staticClass:"h-100 overflow-hidden",attrs:{"data-test-id":"picker-date","placeholder":_vm.labels.none,"date-format-options":{ year: 'numeric', month: 'numeric', day: 'numeric' },"min":_vm.minDate,"max":_vm.maxDate,"label-reset-button":_vm.labels.clear,"label-today-button":_vm.labels.today,"locale":_vm.browserLocale,"start-weekday":_vm.weekStartDay,"label-help":"","today-variant":"info","selected-variant":"extra-light","boundary":"window","hide-header":"","reset-button":"","today-button":"","show-decade-nav":""},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v;},expression:"date"}}):_vm._e(),_vm._v(" "),(!_vm.noTime)?_c('b-form-timepicker',{staticClass:"h-100 overflow-hidden",attrs:{"data-test-id":"picker-time","placeholder":_vm.labels.none,"label-reset-button":_vm.labels.clear,"label-now-button":_vm.labels.now,"locale":_vm.browserLocale,"boundary":"window","hide-header":"","no-close-button":"","reset-button":"","now-button":""},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v;},expression:"time"}}):_vm._e(),_vm._v(" "),_vm._t("default")],2)};
+var __vue_staticRenderFns__$18 = [];
 
   /* style */
-  const __vue_inject_styles__$1c = function (inject) {
+  const __vue_inject_styles__$1d = function (inject) {
     if (!inject) return
     inject("data-v-7de35dbd_0", { source: ".c-input-date-time{min-width:120px}.c-input-date-time .btn{padding:.25rem .5rem}.c-input-date-time label{font-family:var(--font-regular);color:var(--black)!important}.c-input-date-time .b-form-datepicker,.c-input-date-time .b-form-timepicker{flex:1 0 130px}.c-input-date-time .b-calendar-inner{background-color:var(--white)}.c-input-date-time .b-calendar-inner .b-calendar-grid-body{height:14rem;display:flex;flex-direction:column;justify-content:center}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1c = undefined;
+  const __vue_scope_id__$1d = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1c = undefined;
+  const __vue_module_identifier__$1d = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1c = false;
+  const __vue_is_functional_template__$1d = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1c = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$17, staticRenderFns: __vue_staticRenderFns__$17 },
-    __vue_inject_styles__$1c,
-    __vue_script__$1b,
-    __vue_scope_id__$1c,
-    __vue_is_functional_template__$1c,
-    __vue_module_identifier__$1c,
+  const __vue_component__$1d = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$18, staticRenderFns: __vue_staticRenderFns__$18 },
+    __vue_inject_styles__$1d,
+    __vue_script__$1c,
+    __vue_scope_id__$1d,
+    __vue_is_functional_template__$1d,
+    __vue_module_identifier__$1d,
     false,
     createInjector);
 
@@ -7397,7 +7397,7 @@ n(css$4,{});
 //
 
 
-var script$1a = {
+var script$1b = {
   name: 'CInputSelect',
 
   components: {
@@ -7564,40 +7564,40 @@ var script$1a = {
 };
 
 /* script */
-const __vue_script__$1a = script$1a;
+const __vue_script__$1b = script$1b;
 
 /* template */
-var __vue_render__$16 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',_vm._b({ref:"vueSelect",staticClass:"bg-white rounded",class:_vm.sizeClass,attrs:{"data-test-id":"select","clearable":_vm.clearable,"options":_vm.options,"searchable":_vm.searchable,"disabled":_vm.disabled,"selectable":_vm.selectable,"multiple":_vm.multiple,"loading":_vm.loading,"calculate-position":_vm.calculateDropdownPosition,"append-to-body":_vm.appendToBody},on:{"search":_vm.onSearch},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,name){return {key:name,fn:function(data){return [_vm._t(name,null,null,data)]}}}),(_vm.badge)?{key:"option",fn:function(option){return [_c('span',{staticClass:"badge badge-pill",style:(_vm.getOptionStyle(option))},[_vm._v("\n      "+_vm._s(option.text)+"\n    ")])]}}:null,(!_vm.multiple && _vm.badge)?{key:"selected-option",fn:function(option){return [_c('span',{staticClass:"badge badge-pill",style:(_vm.getOptionStyle(option))},[_vm._v("\n      "+_vm._s(option.text)+"\n    ")])]}}:null,(_vm.multiple && _vm.badge)?{key:"selected-option-container",fn:function(ref){
+var __vue_render__$17 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',_vm._b({ref:"vueSelect",staticClass:"bg-white rounded",class:_vm.sizeClass,attrs:{"data-test-id":"select","clearable":_vm.clearable,"options":_vm.options,"searchable":_vm.searchable,"disabled":_vm.disabled,"selectable":_vm.selectable,"multiple":_vm.multiple,"loading":_vm.loading,"calculate-position":_vm.calculateDropdownPosition,"append-to-body":_vm.appendToBody},on:{"search":_vm.onSearch},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,name){return {key:name,fn:function(data){return [_vm._t(name,null,null,data)]}}}),(_vm.badge)?{key:"option",fn:function(option){return [_c('span',{staticClass:"badge badge-pill",style:(_vm.getOptionStyle(option))},[_vm._v("\n      "+_vm._s(option.text)+"\n    ")])]}}:null,(!_vm.multiple && _vm.badge)?{key:"selected-option",fn:function(option){return [_c('span',{staticClass:"badge badge-pill",style:(_vm.getOptionStyle(option))},[_vm._v("\n      "+_vm._s(option.text)+"\n    ")])]}}:null,(_vm.multiple && _vm.badge)?{key:"selected-option-container",fn:function(ref){
 var option = ref.option;
 var deselect = ref.deselect;
 return [_c('span',{staticClass:"d-flex align-items-center badge badge-pill mx-1 mt-1 w-auto",style:(_vm.getOptionStyle(option))},[_vm._v("\n      "+_vm._s(option.text)+"\n\n      "),_c('font-awesome-icon',{staticClass:"pointer ml-2",attrs:{"icon":['fas', 'times']},on:{"click":function($event){return deselect(option)}}})],1)]}}:null],null,true),model:{value:(_vm._value),callback:function ($$v) {_vm._value=$$v;},expression:"_value"}},'vue-select',_vm.$attrs,false))};
-var __vue_staticRenderFns__$16 = [];
+var __vue_staticRenderFns__$17 = [];
 
   /* style */
-  const __vue_inject_styles__$1b = function (inject) {
+  const __vue_inject_styles__$1c = function (inject) {
     if (!inject) return
     inject("data-v-0fdac2b1_0", { source: ":root{--vs-dropdown-bg:var(--white);--vs-dropdown-option--active-bg:var(--light);--vs-state-disabled-color:var(--secondary);--vs-state-disabled-bg:var(--light);--vs-colors--light:var(--black);--vs-colors--dark:var(--black);--vs-dropdown-option-color:var(--black);--vs-dropdown-option--active-color:var(--black);--vs-selected-bg:var(--extra-light);--vs-search-input-color:var(--secondary);--vs-search-input-bg:var(--white)}.v-select{min-width:auto;position:relative;-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0;font-size:.9rem!important;font-family:var(--font-regular)}.v-select .vs__selected-options{width:0;padding:0}.v-select .vs__selected{display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;border:0;color:var(--black)}.v-select .vs__search{font-size:.9rem;border:0;padding:0 2px;padding-top:.375rem;margin:0}.v-select:not(.vs--open):not(.vs--loading) .vs__selected+.vs__search{width:0;margin:0;border:none;padding:0;height:0}.v-select .vs__dropdown-toggle{min-height:calc(1.5em + .75rem + 4px);padding:.375rem calc(.75rem - 2px);padding-top:0!important;border-width:2px;border-color:var(--extra-light)}.v-select .vs__dropdown-toggle .vs__selected{margin-top:.375rem;padding:0 2px}.v-select .vs__dropdown-toggle .vs__actions{padding-top:.375rem;padding-right:0}.v-select .vs__clear,.v-select .vs__open-indicator{fill:var(--black);display:inline-flex}.v-select .vs__clear{padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.v-select.vs--single .vs__selected{margin-left:0;margin-right:0}.vs--open .vs__dropdown-toggle{border-color:var(--primary);border-radius:.25rem!important}.input-group>.v-select:not(:last-child) .vs__dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.vs__spinner{border:.7em solid var(--dark);border-left-color:var(--white)}.vs__spinner,.vs__spinner::after{width:4em;height:4em}.vs__dropdown-menu{z-index:1100}.vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--disabled{cursor:var(--vs-state-disabled-cursor)!important;opacity:.5}.vs__dropdown-menu .vs__dropdown-option:active{color:var(--white);background-color:var(--primary)}.c-input-sm{font-size:.7875rem!important}.c-input-sm .vs__search{font-size:.7875rem;padding-top:.25rem}.c-input-sm .vs__dropdown-toggle{min-height:calc(1.5em + .5rem + 4px);padding:.25rem calc(.5rem - 2px);border-radius:.2rem}.c-input-sm .vs__dropdown-toggle .vs__selected{margin-top:.25rem}.c-input-sm .vs__dropdown-toggle .vs__actions{padding-top:.25rem}.c-input-lg{font-size:1.125rem!important}.c-input-lg .vs__search{font-size:1.125rem;padding-top:.5rem}.c-input-lg .vs__dropdown-toggle{min-height:calc(1.5em + 1rem + 4px);padding:.5rem calc(1rem - 2px);border-radius:.3rem}.c-input-lg .vs__dropdown-toggle .vs__selected{margin-top:.5rem}.c-input-lg .vs__dropdown-toggle .vs__actions{padding-top:.5rem}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1b = undefined;
+  const __vue_scope_id__$1c = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1b = undefined;
+  const __vue_module_identifier__$1c = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1b = false;
+  const __vue_is_functional_template__$1c = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1b = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$16, staticRenderFns: __vue_staticRenderFns__$16 },
-    __vue_inject_styles__$1b,
-    __vue_script__$1a,
-    __vue_scope_id__$1b,
-    __vue_is_functional_template__$1b,
-    __vue_module_identifier__$1b,
+  const __vue_component__$1c = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$17, staticRenderFns: __vue_staticRenderFns__$17 },
+    __vue_inject_styles__$1c,
+    __vue_script__$1b,
+    __vue_scope_id__$1c,
+    __vue_is_functional_template__$1c,
+    __vue_module_identifier__$1c,
     false,
     createInjector);
 
@@ -7634,7 +7634,7 @@ var __vue_staticRenderFns__$16 = [];
 //
 //
 
-var script$19 = {
+var script$1a = {
   name: 'CFormTableWrapper',
 
   props: {
@@ -7671,37 +7671,37 @@ var script$19 = {
 };
 
 /* script */
-const __vue_script__$19 = script$19;
+const __vue_script__$1a = script$1a;
 
 /* template */
-var __vue_render__$15 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"list-background w-100 p-3 rounded border border-light"},[(_vm.loading)?_c('div',{staticClass:"d-flex justify-content-center align-items-center w-100"},[_c('b-spinner')],1):_vm._t("default"),_vm._v(" "),(!_vm.hideAddButton && !_vm.loading)?_c('b-button',{class:_vm.addButtonClass,attrs:{"variant":"primary","size":"sm","data-test-id":_vm.testID,"disabled":_vm.disableAddButton},on:{"click":function($event){return _vm.$emit('add-item')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'plus']}}),_vm._v("\n\n    "+_vm._s(_vm.labels.addButton || '')+"\n  ")],1):_vm._e()],2)};
-var __vue_staticRenderFns__$15 = [];
+var __vue_render__$16 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"list-background w-100 p-3 rounded border border-light"},[(_vm.loading)?_c('div',{staticClass:"d-flex justify-content-center align-items-center w-100"},[_c('b-spinner')],1):_vm._t("default"),_vm._v(" "),(!_vm.hideAddButton && !_vm.loading)?_c('b-button',{class:_vm.addButtonClass,attrs:{"variant":"primary","size":"sm","data-test-id":_vm.testID,"disabled":_vm.disableAddButton},on:{"click":function($event){return _vm.$emit('add-item')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'plus']}}),_vm._v("\n\n    "+_vm._s(_vm.labels.addButton || '')+"\n  ")],1):_vm._e()],2)};
+var __vue_staticRenderFns__$16 = [];
 
   /* style */
-  const __vue_inject_styles__$1a = function (inject) {
+  const __vue_inject_styles__$1b = function (inject) {
     if (!inject) return
     inject("data-v-7ae53668_0", { source: ".list-background[data-v-7ae53668]{background-color:var(--body-bg)}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1a = "data-v-7ae53668";
+  const __vue_scope_id__$1b = "data-v-7ae53668";
   /* module identifier */
-  const __vue_module_identifier__$1a = undefined;
+  const __vue_module_identifier__$1b = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1a = false;
+  const __vue_is_functional_template__$1b = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1a = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$15, staticRenderFns: __vue_staticRenderFns__$15 },
-    __vue_inject_styles__$1a,
-    __vue_script__$19,
-    __vue_scope_id__$1a,
-    __vue_is_functional_template__$1a,
-    __vue_module_identifier__$1a,
+  const __vue_component__$1b = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$16, staticRenderFns: __vue_staticRenderFns__$16 },
+    __vue_inject_styles__$1b,
+    __vue_script__$1a,
+    __vue_scope_id__$1b,
+    __vue_is_functional_template__$1b,
+    __vue_module_identifier__$1b,
     false,
     createInjector);
 
@@ -7809,11 +7809,11 @@ var __vue_staticRenderFns__$15 = [];
 //
 
 
-var script$18 = {
+var script$19 = {
   components: {
     Draggable,
-    CInputSelect: __vue_component__$1b,
-    CFormTableWrapper: __vue_component__$1a,
+    CInputSelect: __vue_component__$1c,
+    CFormTableWrapper: __vue_component__$1b,
   },
 
   props: {
@@ -7923,20 +7923,20 @@ var script$18 = {
 };
 
 /* script */
-const __vue_script__$18 = script$18;
+const __vue_script__$19 = script$19;
 
 /* template */
-var __vue_render__$14 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-form-table-wrapper',{attrs:{"labels":{ addButton: _vm.labels.addButton },"hide-add-button":_vm.textInput},on:{"add-item":function($event){return _vm.items.push({ field: undefined, descending: false })}}},[(!_vm.textInput)?_c('b-form-group',{attrs:{"label":_vm.labels.title,"label-class":"text-primary"}},[_c('b-table-simple',{staticClass:"mb-0",attrs:{"borderless":"","small":"","responsive":""}},[_c('draggable',{attrs:{"list":_vm.items,"group":"sort","handle":".grab","tag":"tbody"},on:{"update:list":function($event){_vm.items=$event;}}},_vm._l((_vm.items),function(column,index){return _c('tr',{key:index},[_c('td',{staticClass:"grab text-center align-middle",staticStyle:{"width":"40px"}},[_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'bars']}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle",staticStyle:{"min-width":"250px"}},[_c('c-input-select',{staticClass:"rounded",attrs:{"options":_vm.availableFields,"reduce":function (o) { return o.name; },"placeholder":_vm.labels.none},model:{value:(column.field),callback:function ($$v) {_vm.$set(column, "field", $$v);},expression:"column.field"}})],1),_vm._v(" "),_c('td',{staticClass:"text-center align-middle",staticStyle:{"min-width":"200px"}},[_c('b-form-radio-group',{staticClass:"bg-white",attrs:{"options":_vm.sortDirections,"buttons":"","button-variant":"outline-primary"},model:{value:(column.descending),callback:function ($$v) {_vm.$set(column, "descending", $$v);},expression:"column.descending"}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle text-right",staticStyle:{"min-width":"80px","width":"80px"}},[_c('c-input-confirm',{attrs:{"show-icon":""},on:{"confirmed":function($event){return _vm.items.splice(index, 1)}}})],1)])}),0)],1)],1):_c('div',[_c('b-form-textarea',{attrs:{"placeholder":_vm.labels.placeholder},model:{value:(_vm.presortValue),callback:function ($$v) {_vm.presortValue=$$v;},expression:"presortValue"}}),_vm._v(" "),_c('b-form-text',[_vm._v("\n      "+_vm._s(_vm.labels.footnote)+"\n    ")])],1),_vm._v(" "),(_vm.allowTextInput)?_c('div',{staticClass:"d-flex align-items-center mt-1"},[_c('b-button',{staticClass:"text-decoration-none ml-auto",attrs:{"variant":"link","size":"sm"},on:{"click":function($event){_vm.textInput = !_vm.textInput;}}},[_vm._v("\n      "+_vm._s(_vm.labels.toggleInput)+"\n    ")])],1):_vm._e()],1)};
-var __vue_staticRenderFns__$14 = [];
+var __vue_render__$15 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-form-table-wrapper',{attrs:{"labels":{ addButton: _vm.labels.addButton },"hide-add-button":_vm.textInput},on:{"add-item":function($event){return _vm.items.push({ field: undefined, descending: false })}}},[(!_vm.textInput)?_c('b-form-group',{attrs:{"label":_vm.labels.title,"label-class":"text-primary"}},[_c('b-table-simple',{staticClass:"mb-0",attrs:{"borderless":"","small":"","responsive":""}},[_c('draggable',{attrs:{"list":_vm.items,"group":"sort","handle":".grab","tag":"tbody"},on:{"update:list":function($event){_vm.items=$event;}}},_vm._l((_vm.items),function(column,index){return _c('tr',{key:index},[_c('td',{staticClass:"grab text-center align-middle",staticStyle:{"width":"40px"}},[_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'bars']}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle",staticStyle:{"min-width":"250px"}},[_c('c-input-select',{staticClass:"rounded",attrs:{"options":_vm.availableFields,"reduce":function (o) { return o.name; },"placeholder":_vm.labels.none},model:{value:(column.field),callback:function ($$v) {_vm.$set(column, "field", $$v);},expression:"column.field"}})],1),_vm._v(" "),_c('td',{staticClass:"text-center align-middle",staticStyle:{"min-width":"200px"}},[_c('b-form-radio-group',{staticClass:"bg-white",attrs:{"options":_vm.sortDirections,"buttons":"","button-variant":"outline-primary"},model:{value:(column.descending),callback:function ($$v) {_vm.$set(column, "descending", $$v);},expression:"column.descending"}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle text-right",staticStyle:{"min-width":"80px","width":"80px"}},[_c('c-input-confirm',{attrs:{"show-icon":""},on:{"confirmed":function($event){return _vm.items.splice(index, 1)}}})],1)])}),0)],1)],1):_c('div',[_c('b-form-textarea',{attrs:{"placeholder":_vm.labels.placeholder},model:{value:(_vm.presortValue),callback:function ($$v) {_vm.presortValue=$$v;},expression:"presortValue"}}),_vm._v(" "),_c('b-form-text',[_vm._v("\n      "+_vm._s(_vm.labels.footnote)+"\n    ")])],1),_vm._v(" "),(_vm.allowTextInput)?_c('div',{staticClass:"d-flex align-items-center mt-1"},[_c('b-button',{staticClass:"text-decoration-none ml-auto",attrs:{"variant":"link","size":"sm"},on:{"click":function($event){_vm.textInput = !_vm.textInput;}}},[_vm._v("\n      "+_vm._s(_vm.labels.toggleInput)+"\n    ")])],1):_vm._e()],1)};
+var __vue_staticRenderFns__$15 = [];
 
   /* style */
-  const __vue_inject_styles__$19 = undefined;
+  const __vue_inject_styles__$1a = undefined;
   /* scoped */
-  const __vue_scope_id__$19 = undefined;
+  const __vue_scope_id__$1a = undefined;
   /* module identifier */
-  const __vue_module_identifier__$19 = undefined;
+  const __vue_module_identifier__$1a = undefined;
   /* functional template */
-  const __vue_is_functional_template__$19 = false;
+  const __vue_is_functional_template__$1a = false;
   /* style inject */
   
   /* style inject SSR */
@@ -7945,13 +7945,13 @@ var __vue_staticRenderFns__$14 = [];
   
 
   
-  const __vue_component__$19 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$14, staticRenderFns: __vue_staticRenderFns__$14 },
-    __vue_inject_styles__$19,
-    __vue_script__$18,
-    __vue_scope_id__$19,
-    __vue_is_functional_template__$19,
-    __vue_module_identifier__$19,
+  const __vue_component__$1a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$15, staticRenderFns: __vue_staticRenderFns__$15 },
+    __vue_inject_styles__$1a,
+    __vue_script__$19,
+    __vue_scope_id__$1a,
+    __vue_is_functional_template__$1a,
+    __vue_module_identifier__$1a,
     false,
     undefined);
 
@@ -7995,7 +7995,7 @@ var __vue_staticRenderFns__$14 = [];
 //
 //
 
-var script$17 = {
+var script$18 = {
   name: 'CInputSearch',
 
   props: {
@@ -8089,37 +8089,37 @@ var script$17 = {
 };
 
 /* script */
-const __vue_script__$17 = script$17;
+const __vue_script__$18 = script$18;
 
 /* template */
-var __vue_render__$13 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-input-search d-flex position-relative",class:{ 'submittable': _vm.isSubmittable },staticStyle:{"min-width":"150px"}},[_c('b-input',{ref:"searchInput",staticClass:"pr-0 text-truncate",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.onInput,"update":_vm.search,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submitQuery.apply(null, arguments)}}}),_vm._v(" "),(_vm.showSubmittable)?_c('b-button',{staticClass:"search-button d-inline-flex align-items-center rounded-0 border-light",class:{ 'border-0 cursor-default': !_vm.isSubmittable },attrs:{"variant":_vm.isSubmittable ? 'outline-light' : 'link',"disabled":_vm.disabled},on:_vm._d({},[_vm.isSubmittable,_vm.submitQuery])},[_c('font-awesome-icon',{staticClass:"align-middle text-primary",attrs:{"icon":['fas', 'search']}})],1):_vm._e()],1)};
-var __vue_staticRenderFns__$13 = [];
+var __vue_render__$14 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-input-search d-flex position-relative",class:{ 'submittable': _vm.isSubmittable },staticStyle:{"min-width":"150px"}},[_c('b-input',{ref:"searchInput",staticClass:"pr-0 text-truncate",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.onInput,"update":_vm.search,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submitQuery.apply(null, arguments)}}}),_vm._v(" "),(_vm.showSubmittable)?_c('b-button',{staticClass:"search-button d-inline-flex align-items-center rounded-0 border-light",class:{ 'border-0 cursor-default': !_vm.isSubmittable },attrs:{"variant":_vm.isSubmittable ? 'outline-light' : 'link',"disabled":_vm.disabled},on:_vm._d({},[_vm.isSubmittable,_vm.submitQuery])},[_c('font-awesome-icon',{staticClass:"align-middle text-primary",attrs:{"icon":['fas', 'search']}})],1):_vm._e()],1)};
+var __vue_staticRenderFns__$14 = [];
 
   /* style */
-  const __vue_inject_styles__$18 = function (inject) {
+  const __vue_inject_styles__$19 = function (inject) {
     if (!inject) return
     inject("data-v-ec96b2dc_0", { source: "input[data-v-ec96b2dc]:focus::placeholder{color:transparent}.c-input-search .search-button[data-v-ec96b2dc]{position:absolute;right:2px;top:2px;bottom:2px;z-index:4;border-left-width:2px}.c-input-search[data-v-ec96b2dc] ::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;background:var(--primary);-webkit-mask-image: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\");mask-image: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\");cursor:pointer;margin-right:13px;margin-left:5px}.c-input-search.submittable[data-v-ec96b2dc] ::-webkit-search-cancel-button{margin-right:56px}.cursor-default[data-v-ec96b2dc]{cursor:default!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$18 = "data-v-ec96b2dc";
+  const __vue_scope_id__$19 = "data-v-ec96b2dc";
   /* module identifier */
-  const __vue_module_identifier__$18 = undefined;
+  const __vue_module_identifier__$19 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$18 = false;
+  const __vue_is_functional_template__$19 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$18 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$13, staticRenderFns: __vue_staticRenderFns__$13 },
-    __vue_inject_styles__$18,
-    __vue_script__$17,
-    __vue_scope_id__$18,
-    __vue_is_functional_template__$18,
-    __vue_module_identifier__$18,
+  const __vue_component__$19 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$14, staticRenderFns: __vue_staticRenderFns__$14 },
+    __vue_inject_styles__$19,
+    __vue_script__$18,
+    __vue_scope_id__$19,
+    __vue_is_functional_template__$19,
+    __vue_module_identifier__$19,
     false,
     createInjector);
 
@@ -8254,7 +8254,7 @@ var __vue_staticRenderFns__$13 = [];
 //
 
 
-var script$16 = {
+var script$17 = {
   name: 'CInputColorPicker',
 
   components: {
@@ -8406,45 +8406,45 @@ var script$16 = {
 };
 
 /* script */
-const __vue_script__$16 = script$16;
+const __vue_script__$17 = script$17;
 
 /* template */
-var __vue_render__$12 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"d-flex align-items-center"},[_c('b-button',{staticClass:"p-0 rounded-circle bg-white border-white shadow-none",style:(("color: " + _vm.value + "; fill: " + _vm.value + ";")),on:{"click":_vm.toggleMenu}},[_c('svg',{staticClass:"border border-light rounded-circle",style:({ width: _vm.width, height: _vm.height }),attrs:{"viewBox":"0 0 32 32"}},[_c('pattern',{attrs:{"id":"checkerboard","width":"12","height":"12","patternUnits":"userSpaceOnUse","fill":"FFF"}},[_c('rect',{attrs:{"fill":"#7080707f","x":"0","width":"6","height":"6","y":"0"}}),_vm._v(" "),_c('rect',{attrs:{"fill":"#7080707f","x":"6","width":"6","height":"6","y":"6"}})]),_vm._v(" "),_c('circle',{attrs:{"cx":"16","cy":"16","r":"16","fill":"url(#checkerboard)"}}),_vm._v(" "),_c('circle',{attrs:{"cx":"16","cy":"16","r":"16"}})])]),_vm._v(" "),(_vm.showText)?_c('span',{staticClass:"ml-2"},[_vm._v("\n      "+_vm._s(_vm.value)+"\n    ")]):_vm._e()],1),_vm._v(" "),_c('b-modal',{attrs:{"visible":_vm.showModal,"title":_vm.translations.modalTitle,"centered":"","size":"md","hide-header":!Boolean(_vm.translations.modalTitle),"body-class":"p-0","no-fade":""},on:{"hide":_vm.closeMenu},scopedSlots:_vm._u([{key:"modal-footer",fn:function(){return [(_vm.defaultValue)?_c('b-button',{attrs:{"variant":"light"},on:{"click":function($event){return _vm.setColor()}}},[_vm._v("\n        "+_vm._s(_vm.translations.defaultBtnLabel || 'Default')+"\n      ")]):_vm._e(),_vm._v(" "),_vm._t("footer"),_vm._v(" "),_c('b-button',{staticClass:"ml-auto text-primary border-0",attrs:{"variant":"outline-light"},on:{"click":_vm.closeMenu}},[_vm._v("\n        "+_vm._s(_vm.translations.cancelBtnLabel || 'Cancel')+"\n      ")]),_vm._v(" "),_c('b-button',{attrs:{"variant":"primary"},on:{"click":_vm.saveColor}},[_vm._v("\n        "+_vm._s(_vm.translations.saveBtnLabel || 'Save')+"\n      ")])]},proxy:true}],null,true)},[_c('chrome',{staticClass:"w-100 shadow-none",attrs:{"value":_vm.currentColor},on:{"input":_vm.updateColor}}),_vm._v(" "),(_vm.themes.length > 0)?_c('div',{staticClass:"d-flex flex-column border-top p-3 gap-2"},_vm._l((_vm.themes),function(theme){return _c('b-form-group',{key:theme.id,staticClass:"mb-0",attrs:{"label":_vm.translations[theme.id],"label-class":"text-primary"}},[_c('div',{staticClass:"d-flex flex-wrap border"},_vm._l((_vm.themeVariables),function(variable){return _c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: variable.label, container: '#body' }),expression:"{ title: variable.label, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],key:variable.key,staticClass:"swatch flex-grow-1 rounded-0",style:({ backgroundColor: theme.values[variable.key], borderColor: theme.values[variable.key] }),on:{"click":function($event){return _vm.setColor(theme.values[variable.key])}}})}),1)])}),1):_vm._e()],1)],1)};
-var __vue_staticRenderFns__$12 = [];
+var __vue_render__$13 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"d-flex align-items-center"},[_c('b-button',{staticClass:"p-0 rounded-circle bg-white border-white shadow-none",style:(("color: " + _vm.value + "; fill: " + _vm.value + ";")),on:{"click":_vm.toggleMenu}},[_c('svg',{staticClass:"border border-light rounded-circle",style:({ width: _vm.width, height: _vm.height }),attrs:{"viewBox":"0 0 32 32"}},[_c('pattern',{attrs:{"id":"checkerboard","width":"12","height":"12","patternUnits":"userSpaceOnUse","fill":"FFF"}},[_c('rect',{attrs:{"fill":"#7080707f","x":"0","width":"6","height":"6","y":"0"}}),_vm._v(" "),_c('rect',{attrs:{"fill":"#7080707f","x":"6","width":"6","height":"6","y":"6"}})]),_vm._v(" "),_c('circle',{attrs:{"cx":"16","cy":"16","r":"16","fill":"url(#checkerboard)"}}),_vm._v(" "),_c('circle',{attrs:{"cx":"16","cy":"16","r":"16"}})])]),_vm._v(" "),(_vm.showText)?_c('span',{staticClass:"ml-2"},[_vm._v("\n      "+_vm._s(_vm.value)+"\n    ")]):_vm._e()],1),_vm._v(" "),_c('b-modal',{attrs:{"visible":_vm.showModal,"title":_vm.translations.modalTitle,"centered":"","size":"md","hide-header":!Boolean(_vm.translations.modalTitle),"body-class":"p-0","no-fade":""},on:{"hide":_vm.closeMenu},scopedSlots:_vm._u([{key:"modal-footer",fn:function(){return [(_vm.defaultValue)?_c('b-button',{attrs:{"variant":"light"},on:{"click":function($event){return _vm.setColor()}}},[_vm._v("\n        "+_vm._s(_vm.translations.defaultBtnLabel || 'Default')+"\n      ")]):_vm._e(),_vm._v(" "),_vm._t("footer"),_vm._v(" "),_c('b-button',{staticClass:"ml-auto text-primary border-0",attrs:{"variant":"outline-light"},on:{"click":_vm.closeMenu}},[_vm._v("\n        "+_vm._s(_vm.translations.cancelBtnLabel || 'Cancel')+"\n      ")]),_vm._v(" "),_c('b-button',{attrs:{"variant":"primary"},on:{"click":_vm.saveColor}},[_vm._v("\n        "+_vm._s(_vm.translations.saveBtnLabel || 'Save')+"\n      ")])]},proxy:true}],null,true)},[_c('chrome',{staticClass:"w-100 shadow-none",attrs:{"value":_vm.currentColor},on:{"input":_vm.updateColor}}),_vm._v(" "),(_vm.themes.length > 0)?_c('div',{staticClass:"d-flex flex-column border-top p-3 gap-2"},_vm._l((_vm.themes),function(theme){return _c('b-form-group',{key:theme.id,staticClass:"mb-0",attrs:{"label":_vm.translations[theme.id],"label-class":"text-primary"}},[_c('div',{staticClass:"d-flex flex-wrap border"},_vm._l((_vm.themeVariables),function(variable){return _c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: variable.label, container: '#body' }),expression:"{ title: variable.label, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],key:variable.key,staticClass:"swatch flex-grow-1 rounded-0",style:({ backgroundColor: theme.values[variable.key], borderColor: theme.values[variable.key] }),on:{"click":function($event){return _vm.setColor(theme.values[variable.key])}}})}),1)])}),1):_vm._e()],1)],1)};
+var __vue_staticRenderFns__$13 = [];
 
   /* style */
-  const __vue_inject_styles__$17 = function (inject) {
+  const __vue_inject_styles__$18 = function (inject) {
     if (!inject) return
     inject("data-v-0db7b6ea_0", { source: ".swatch[data-v-0db7b6ea]{height:58px;min-width:50px}", map: undefined, media: undefined })
 ,inject("data-v-0db7b6ea_1", { source: ".vc-chrome{font-family:var(--font-medium)!important}.vc-chrome .vc-chrome-body{background:var(--white)!important}.vc-chrome .vc-chrome-body .vc-input__input{color:var(--black)!important;background-color:var(--white)!important}.vc-chrome .vc-chrome-body .vc-input__label{color:var(--black)!important}.vc-chrome .vc-chrome-body .vc-chrome-toggle-btn path{fill:var(--black)!important}.vc-chrome .vc-chrome-body .vc-chrome-toggle-btn .vc-chrome-toggle-icon-highlight{background:var(--light)!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$17 = "data-v-0db7b6ea";
+  const __vue_scope_id__$18 = "data-v-0db7b6ea";
   /* module identifier */
-  const __vue_module_identifier__$17 = undefined;
+  const __vue_module_identifier__$18 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$17 = false;
+  const __vue_is_functional_template__$18 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$17 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$12, staticRenderFns: __vue_staticRenderFns__$12 },
-    __vue_inject_styles__$17,
-    __vue_script__$16,
-    __vue_scope_id__$17,
-    __vue_is_functional_template__$17,
-    __vue_module_identifier__$17,
+  const __vue_component__$18 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$13, staticRenderFns: __vue_staticRenderFns__$13 },
+    __vue_inject_styles__$18,
+    __vue_script__$17,
+    __vue_scope_id__$18,
+    __vue_is_functional_template__$18,
+    __vue_module_identifier__$18,
     false,
     createInjector);
 
 /**
  * Defines common props, methods between different toolbar item types
  */
-var script$15 = {
+var script$16 = {
   props: {
     editor: {
       type: Object,
@@ -8498,18 +8498,18 @@ var script$15 = {
 };
 
 /* script */
-const __vue_script__$15 = script$15;
+const __vue_script__$16 = script$16;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$16 = undefined;
+  const __vue_inject_styles__$17 = undefined;
   /* scoped */
-  const __vue_scope_id__$16 = undefined;
+  const __vue_scope_id__$17 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$16 = undefined;
+  const __vue_module_identifier__$17 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$16 = undefined;
+  const __vue_is_functional_template__$17 = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -8518,13 +8518,13 @@ const __vue_script__$15 = script$15;
   
 
   
-  const __vue_component__$16 = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$17 = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$16,
-    __vue_script__$15,
-    __vue_scope_id__$16,
-    __vue_is_functional_template__$16,
-    __vue_module_identifier__$16,
+    __vue_inject_styles__$17,
+    __vue_script__$16,
+    __vue_scope_id__$17,
+    __vue_is_functional_template__$17,
+    __vue_module_identifier__$17,
     false,
     undefined);
 
@@ -8559,18 +8559,16 @@ const __vue_script__$15 = script$15;
 //
 //
 //
-//
-//
 
 
-var script$14 = {
+var script$15 = {
   name: 'TMarkColor',
 
   components: {
-    CInputColorPicker: __vue_component__$17,
+    CInputColorPicker: __vue_component__$18,
   },
 
-  extends: __vue_component__$16,
+  extends: __vue_component__$17,
 
   props: {
     background: {
@@ -8585,12 +8583,6 @@ var script$14 = {
     }
   },
 
-  computed: {
-    typeStyle () {
-      return `${this.format.type}-icon`
-    },
-  },
-
   methods: {
     getComputedColor (cssVar) {
       try {
@@ -8620,42 +8612,40 @@ var script$14 = {
 };
 
 /* script */
-const __vue_script__$14 = script$14;
+const __vue_script__$15 = script$15;
 
 /* template */
-var __vue_render__$11 = 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:{"id":("color-popover-" + (_vm.format.type)),"variant":"link"},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.showPicker.apply(null, arguments)}}},[_c('span',{staticClass:"icon",class:_vm.typeStyle,style:({
+var __vue_render__$12 = 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 mb-1",attrs:{"id":("color-popover-" + (_vm.format.type)),"variant":"link"},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.showPicker.apply(null, arguments)}}},[_c('span',{style:({
         backgroundColor: _vm.background ? _vm.selectedColor : 'transparent',
-        borderColor: _vm.background ? 'transparent' : _vm.selectedColor,
+        'border-bottom': _vm.background ? 'none' : ("2px solid " + _vm.selectedColor),
       })},[_vm._v("\n      A\n    ")])]),_vm._v(" "),_c('c-input-color-picker',{ref:"picker",staticClass:"d-none",attrs:{"value":_vm.selectedColor,"default-value":_vm.getDefaultColor(),"show-text":false,"width":'0px',"height":'0px'},on:{"input":_vm.applyFromPicker}})],1)};
-var __vue_staticRenderFns__$11 = [];
+var __vue_staticRenderFns__$12 = [];
 
   /* style */
-  const __vue_inject_styles__$15 = function (inject) {
-    if (!inject) return
-    inject("data-v-f18be530_0", { source: ".icon[data-v-f18be530]{padding:0 2px}.icon.color-icon[data-v-f18be530]{border-bottom:2px solid var(--dark)}.icon.background-icon[data-v-f18be530]{padding:2px 3px}", map: undefined, media: undefined });
-
-  };
+  const __vue_inject_styles__$16 = undefined;
   /* scoped */
-  const __vue_scope_id__$15 = "data-v-f18be530";
+  const __vue_scope_id__$16 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$15 = undefined;
+  const __vue_module_identifier__$16 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$15 = false;
+  const __vue_is_functional_template__$16 = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$15 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$11, staticRenderFns: __vue_staticRenderFns__$11 },
-    __vue_inject_styles__$15,
-    __vue_script__$14,
-    __vue_scope_id__$15,
-    __vue_is_functional_template__$15,
-    __vue_module_identifier__$15,
+  const __vue_component__$16 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$12, staticRenderFns: __vue_staticRenderFns__$12 },
+    __vue_inject_styles__$16,
+    __vue_script__$15,
+    __vue_scope_id__$16,
+    __vue_is_functional_template__$16,
+    __vue_module_identifier__$16,
     false,
-    createInjector);
+    undefined);
 
 //
 //
@@ -8681,26 +8671,26 @@ var __vue_staticRenderFns__$11 = [];
 /**
  * Component is used to display simple formatter options such as bold, italic, ...
  */
-var script$13 = {
+var script$14 = {
   name: 'TMarkItem',
-  extends: __vue_component__$16,
+  extends: __vue_component__$17,
 };
 
 /* script */
-const __vue_script__$13 = script$13;
+const __vue_script__$14 = script$14;
 
 /* template */
-var __vue_render__$10 = 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__$10 = [];
+var __vue_render__$11 = 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__$11 = [];
 
   /* style */
-  const __vue_inject_styles__$14 = undefined;
+  const __vue_inject_styles__$15 = undefined;
   /* scoped */
-  const __vue_scope_id__$14 = undefined;
+  const __vue_scope_id__$15 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$14 = undefined;
+  const __vue_module_identifier__$15 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$14 = false;
+  const __vue_is_functional_template__$15 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -8709,13 +8699,13 @@ var __vue_staticRenderFns__$10 = [];
   
 
   
-  const __vue_component__$14 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$10, staticRenderFns: __vue_staticRenderFns__$10 },
-    __vue_inject_styles__$14,
-    __vue_script__$13,
-    __vue_scope_id__$14,
-    __vue_is_functional_template__$14,
-    __vue_module_identifier__$14,
+  const __vue_component__$15 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$11, staticRenderFns: __vue_staticRenderFns__$11 },
+    __vue_inject_styles__$15,
+    __vue_script__$14,
+    __vue_scope_id__$15,
+    __vue_is_functional_template__$15,
+    __vue_module_identifier__$15,
     false,
     undefined);
 
@@ -8770,9 +8760,9 @@ var __vue_staticRenderFns__$10 = [];
  * Component is used to display link formatters. It provides an interface to
  * input the URL that should be applied.
  */
-var script$12 = {
+var script$13 = {
   name: 'TMarkLink',
-  extends: __vue_component__$16,
+  extends: __vue_component__$17,
 
   props: {
     labels: {
@@ -8832,20 +8822,20 @@ var script$12 = {
 };
 
 /* script */
-const __vue_script__$12 = script$12;
+const __vue_script__$13 = script$13;
 
 /* template */
-var __vue_render__$$ = 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:{"id":"link-popover","variant":"link"},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:{"show":_vm.visible,"triggers":"focus","target":"link-popover","placement":"auto","container":"link-popover-container","custom-class":"bg-white"},on:{"update:show":function($event){_vm.visible=$event;}}},[_c('b-input-group',{staticStyle:{"min-width":"250px"}},[_c('b-form-input',{attrs:{"type":"url","autofocus":"","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:{"variant":"outline-success"},on:{"click":_vm.link}},[_vm._v("\n          "+_vm._s(_vm.labels.ok)+"\n        ")])],1)],1)],1):_vm._e()],1)};
-var __vue_staticRenderFns__$$ = [];
+var __vue_render__$10 = 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:{"id":"link-popover","variant":"link"},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:{"show":_vm.visible,"triggers":"focus","target":"link-popover","placement":"auto","container":"link-popover-container","custom-class":"bg-white"},on:{"update:show":function($event){_vm.visible=$event;}}},[_c('b-input-group',{staticStyle:{"min-width":"250px"}},[_c('b-form-input',{attrs:{"type":"url","autofocus":"","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:{"variant":"outline-success"},on:{"click":_vm.link}},[_vm._v("\n          "+_vm._s(_vm.labels.ok)+"\n        ")])],1)],1)],1):_vm._e()],1)};
+var __vue_staticRenderFns__$10 = [];
 
   /* style */
-  const __vue_inject_styles__$13 = undefined;
+  const __vue_inject_styles__$14 = undefined;
   /* scoped */
-  const __vue_scope_id__$13 = undefined;
+  const __vue_scope_id__$14 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$13 = undefined;
+  const __vue_module_identifier__$14 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$13 = false;
+  const __vue_is_functional_template__$14 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -8854,20 +8844,20 @@ var __vue_staticRenderFns__$$ = [];
   
 
   
-  const __vue_component__$13 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$$, staticRenderFns: __vue_staticRenderFns__$$ },
-    __vue_inject_styles__$13,
-    __vue_script__$12,
-    __vue_scope_id__$13,
-    __vue_is_functional_template__$13,
-    __vue_module_identifier__$13,
+  const __vue_component__$14 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$10, staticRenderFns: __vue_staticRenderFns__$10 },
+    __vue_inject_styles__$14,
+    __vue_script__$13,
+    __vue_scope_id__$14,
+    __vue_is_functional_template__$14,
+    __vue_module_identifier__$14,
     false,
     undefined);
 
 var mark = {
-  Color: __vue_component__$15,
-  Item: __vue_component__$14,
-  Link: __vue_component__$13
+  Color: __vue_component__$16,
+  Item: __vue_component__$15,
+  Link: __vue_component__$14
 };
 
 //
@@ -8892,7 +8882,7 @@ var mark = {
 //
 //
 
-var script$11 = {
+var script$12 = {
   name: 'MentionList',
 
   props: {
@@ -8974,40 +8964,40 @@ var script$11 = {
 };
 
 /* script */
-const __vue_script__$11 = script$11;
+const __vue_script__$12 = script$12;
 
 /* template */
-var __vue_render__$_ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items.length)?_c('div',{staticClass:"mention-dropdown"},_vm._l((_vm.items),function(item,index){return _c('button',{key:index,class:[
+var __vue_render__$$ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items.length)?_c('div',{staticClass:"mention-dropdown"},_vm._l((_vm.items),function(item,index){return _c('button',{key:index,class:[
       'mention-option',
       { 'mention-option--highlighted': index === _vm.selectedIndex }
     ],attrs:{"type":"button"},on:{"click":function($event){return _vm.handleClick(index, $event)},"mouseenter":function($event){_vm.selectedIndex = index;}}},[_vm._v("\n    "+_vm._s(_vm.getDisplayName(item))+"\n  ")])}),0):_vm._e()};
-var __vue_staticRenderFns__$_ = [];
+var __vue_staticRenderFns__$$ = [];
 
   /* style */
-  const __vue_inject_styles__$12 = function (inject) {
+  const __vue_inject_styles__$13 = function (inject) {
     if (!inject) return
     inject("data-v-d2ebe8ce_0", { source: ".mention-dropdown[data-v-d2ebe8ce]{background:var(--white);border:1px solid var(--extra-light);border-radius:.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);max-height:200px;overflow-y:auto;font-size:.9rem;font-family:var(--font-regular)}.mention-option[data-v-d2ebe8ce]{display:block;width:100%;background:var(--white);color:var(--black);padding:.5rem .75rem;border:none;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-option.mention-option--highlighted[data-v-d2ebe8ce],.mention-option[data-v-d2ebe8ce]:hover{background:var(--light);color:var(--black)}.mention-option[data-v-d2ebe8ce]:active,.mention-option[data-v-d2ebe8ce]:focus{color:var(--white);background-color:var(--primary);outline:0}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$12 = "data-v-d2ebe8ce";
+  const __vue_scope_id__$13 = "data-v-d2ebe8ce";
   /* module identifier */
-  const __vue_module_identifier__$12 = undefined;
+  const __vue_module_identifier__$13 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$12 = false;
+  const __vue_is_functional_template__$13 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$12 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$_, staticRenderFns: __vue_staticRenderFns__$_ },
-    __vue_inject_styles__$12,
-    __vue_script__$11,
-    __vue_scope_id__$12,
-    __vue_is_functional_template__$12,
-    __vue_module_identifier__$12,
+  const __vue_component__$13 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$$, staticRenderFns: __vue_staticRenderFns__$$ },
+    __vue_inject_styles__$13,
+    __vue_script__$12,
+    __vue_scope_id__$13,
+    __vue_is_functional_template__$13,
+    __vue_module_identifier__$13,
     false,
     createInjector);
 
@@ -9042,7 +9032,7 @@ var suggestion = {
     return {
       onStart: function onStart(props) {
         var _props$editor$view$do;
-        component = new VueRenderer(__vue_component__$12, {
+        component = new VueRenderer(__vue_component__$13, {
           parent: ((_props$editor$view$do = props.editor.view.dom.ownerDocument.defaultView) === null || _props$editor$view$do === void 0 ? void 0 : _props$editor$view$do.Vue) || undefined,
           propsData: props
         });
@@ -9075,11 +9065,11 @@ var suggestion = {
             }
           });
         };
-        popup.addEventListener('click', function (event) {
-          return handleSelection(event);
+        popup.addEventListener('click', function () {
+          return handleSelection;
         });
-        popup.addEventListener('mouseup', function (event) {
-          return handleSelection(event);
+        popup.addEventListener('mouseup', function () {
+          return handleSelection;
         });
         popperInstance = createPopper(virtualElement, popup, {
           placement: 'bottom-start',
@@ -9328,7 +9318,7 @@ var nodeTypes = getToolbar().filter(function (_ref2) {
 /**
  * Defines common props, methods between different toolbar item types
  */
-var script$10 = {
+var script$11 = {
   props: {
     editor: {
       type: Object,
@@ -9441,18 +9431,18 @@ var script$10 = {
 };
 
 /* script */
-const __vue_script__$10 = script$10;
+const __vue_script__$11 = script$11;
 
 /* template */
 
   /* style */
-  const __vue_inject_styles__$11 = undefined;
+  const __vue_inject_styles__$12 = undefined;
   /* scoped */
-  const __vue_scope_id__$11 = undefined;
+  const __vue_scope_id__$12 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$11 = undefined;
+  const __vue_module_identifier__$12 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$11 = undefined;
+  const __vue_is_functional_template__$12 = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -9461,13 +9451,13 @@ const __vue_script__$10 = script$10;
   
 
   
-  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$12 = /*#__PURE__*/normalizeComponent(
     {},
-    __vue_inject_styles__$11,
-    __vue_script__$10,
-    __vue_scope_id__$11,
-    __vue_is_functional_template__$11,
-    __vue_module_identifier__$11,
+    __vue_inject_styles__$12,
+    __vue_script__$11,
+    __vue_scope_id__$12,
+    __vue_is_functional_template__$12,
+    __vue_module_identifier__$12,
     false,
     undefined);
 
@@ -9495,26 +9485,26 @@ const __vue_script__$10 = script$10;
 /**
  * Component is used to display node types; paragraph, headding, ...
  */
-var script$$ = {
+var script$10 = {
   name: 'TNodeItem',
-  extends: __vue_component__$11,
+  extends: __vue_component__$12,
 };
 
 /* script */
-const __vue_script__$$ = script$$;
+const __vue_script__$10 = script$10;
 
 /* template */
-var __vue_render__$Z = 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__$Z = [];
+var __vue_render__$_ = 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__$_ = [];
 
   /* style */
-  const __vue_inject_styles__$10 = undefined;
+  const __vue_inject_styles__$11 = undefined;
   /* scoped */
-  const __vue_scope_id__$10 = undefined;
+  const __vue_scope_id__$11 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$10 = undefined;
+  const __vue_module_identifier__$11 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$10 = false;
+  const __vue_is_functional_template__$11 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -9523,18 +9513,18 @@ var __vue_staticRenderFns__$Z = [];
   
 
   
-  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Z, staticRenderFns: __vue_staticRenderFns__$Z },
-    __vue_inject_styles__$10,
-    __vue_script__$$,
-    __vue_scope_id__$10,
-    __vue_is_functional_template__$10,
-    __vue_module_identifier__$10,
+  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$_, staticRenderFns: __vue_staticRenderFns__$_ },
+    __vue_inject_styles__$11,
+    __vue_script__$10,
+    __vue_scope_id__$11,
+    __vue_is_functional_template__$11,
+    __vue_module_identifier__$11,
     false,
     undefined);
 
 var node = {
-  Item: __vue_component__$10
+  Item: __vue_component__$11
 };
 
 //
@@ -9579,10 +9569,10 @@ var node = {
 /**
  * Component is used to display node alignment formatting
  */
-var script$_ = {
+var script$$ = {
   name: 'TNattrAlignment',
 
-  extends: __vue_component__$11,
+  extends: __vue_component__$12,
 
   props: {
     isActive: {
@@ -9615,20 +9605,20 @@ var script$_ = {
 };
 
 /* script */
-const __vue_script__$_ = script$_;
+const __vue_script__$$ = script$$;
 
 /* template */
-var __vue_render__$Y = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center bg-white","variant":"link","boundary":"window","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:{ 'text-primary': !!_vm.activeType && _vm.activeType !== 'left' }},[(_vm.activeIcon)?_c('font-awesome-icon',{attrs:{"icon":_vm.activeIcon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.$emit('click', { type: 'alignment', attrs: v.attrs })}}},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n      "+_vm._s(v.label)+"\n    ")])],1)})],2)};
-var __vue_staticRenderFns__$Y = [];
+var __vue_render__$Z = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center bg-white","variant":"link","boundary":"window","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:{ 'text-primary': !!_vm.activeType && _vm.activeType !== 'left' }},[(_vm.activeIcon)?_c('font-awesome-icon',{attrs:{"icon":_vm.activeIcon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.$emit('click', { type: 'alignment', attrs: v.attrs })}}},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n      "+_vm._s(v.label)+"\n    ")])],1)})],2)};
+var __vue_staticRenderFns__$Z = [];
 
   /* 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 */
@@ -9637,13 +9627,13 @@ var __vue_staticRenderFns__$Y = [];
   
 
   
-  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Y, staticRenderFns: __vue_staticRenderFns__$Y },
-    __vue_inject_styles__$$,
-    __vue_script__$_,
-    __vue_scope_id__$$,
-    __vue_is_functional_template__$$,
-    __vue_module_identifier__$$,
+  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Z, staticRenderFns: __vue_staticRenderFns__$Z },
+    __vue_inject_styles__$10,
+    __vue_script__$$,
+    __vue_scope_id__$10,
+    __vue_is_functional_template__$10,
+    __vue_module_identifier__$10,
     false,
     undefined);
 
@@ -9681,9 +9671,9 @@ var __vue_staticRenderFns__$Y = [];
 /**
  * Component is used to display node alignment formatting
  */
-var script$Z = {
+var script$_ = {
   name: 'TNattrTable',
-  extends: __vue_component__$11,
+  extends: __vue_component__$12,
 
   props: {
     isActive: {
@@ -9741,20 +9731,20 @@ var script$Z = {
 };
 
 /* script */
-const __vue_script__$Z = script$Z;
+const __vue_script__$_ = script$_;
 
 /* template */
-var __vue_render__$X = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center bg-white","variant":"link","boundary":"window","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n        "+_vm._s(_vm.format.label)+"\n      ")])],1)]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.emitClick(v)}}},[_vm._v("\n    "+_vm._s(v.label)+"\n  ")])})],2)};
-var __vue_staticRenderFns__$X = [];
+var __vue_render__$Y = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center bg-white","variant":"link","boundary":"window","no-caret":""},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n        "+_vm._s(_vm.format.label)+"\n      ")])],1)]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.emitClick(v)}}},[_vm._v("\n    "+_vm._s(v.label)+"\n  ")])})],2)};
+var __vue_staticRenderFns__$Y = [];
 
   /* style */
-  const __vue_inject_styles__$_ = undefined;
+  const __vue_inject_styles__$$ = undefined;
   /* scoped */
-  const __vue_scope_id__$_ = undefined;
+  const __vue_scope_id__$$ = undefined;
   /* module identifier */
-  const __vue_module_identifier__$_ = undefined;
+  const __vue_module_identifier__$$ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$_ = false;
+  const __vue_is_functional_template__$$ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -9763,19 +9753,19 @@ var __vue_staticRenderFns__$X = [];
   
 
   
-  const __vue_component__$_ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$X, staticRenderFns: __vue_staticRenderFns__$X },
-    __vue_inject_styles__$_,
-    __vue_script__$Z,
-    __vue_scope_id__$_,
-    __vue_is_functional_template__$_,
-    __vue_module_identifier__$_,
+  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Y, staticRenderFns: __vue_staticRenderFns__$Y },
+    __vue_inject_styles__$$,
+    __vue_script__$_,
+    __vue_scope_id__$$,
+    __vue_is_functional_template__$$,
+    __vue_module_identifier__$$,
     false,
     undefined);
 
 var nodeAttr = {
-  Alignment: __vue_component__$$,
-  Table: __vue_component__$_
+  Alignment: __vue_component__$10,
+  Table: __vue_component__$$
 };
 
 var cc = {
@@ -9813,7 +9803,7 @@ var cc = {
 //
 
 
-var script$Y = {
+var script$Z = {
   inheritAttrs: true,
 
   props: {
@@ -9936,37 +9926,37 @@ var script$Y = {
 };
 
 /* script */
-const __vue_script__$Y = script$Y;
+const __vue_script__$Z = script$Z;
 
 /* template */
-var __vue_render__$W = 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",staticClass:"toolbar-item",attrs:{"format":f,"is-active":_vm.isActive(),"get-mark-attrs":_vm.getMarkAttrs,"labels":_vm.labels,"current-value":_vm.currentValue},on:{"click":_vm.triggerCommand}},'component',Object.assign({}, _vm.$props, f.props),false))}),_vm._v(" "),_c('b-button',{staticClass:"toolbar-item 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__$W = [];
+var __vue_render__$X = 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",staticClass:"toolbar-item",attrs:{"format":f,"is-active":_vm.isActive(),"get-mark-attrs":_vm.getMarkAttrs,"labels":_vm.labels,"current-value":_vm.currentValue},on:{"click":_vm.triggerCommand}},'component',Object.assign({}, _vm.$props, f.props),false))}),_vm._v(" "),_c('b-button',{staticClass:"toolbar-item 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__$X = [];
 
   /* style */
-  const __vue_inject_styles__$Z = function (inject) {
+  const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
     inject("data-v-07608cf7_0", { source: ".toolbar-item{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem!important;width:2.25rem!important;height:2.25rem!important;border-radius:.25rem!important}.toolbar-item:hover{background-color:var(--light)!important}", 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__$W, staticRenderFns: __vue_staticRenderFns__$W },
-    __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__$X, staticRenderFns: __vue_staticRenderFns__$X },
+    __vue_inject_styles__$_,
+    __vue_script__$Z,
+    __vue_scope_id__$_,
+    __vue_is_functional_template__$_,
+    __vue_module_identifier__$_,
     false,
     createInjector);
 
@@ -9999,12 +9989,12 @@ var __vue_staticRenderFns__$W = [];
 //
 
 
-var script$X = {
+var script$Y = {
   name: 'CRichTextInput',
 
   components: {
     EditorContent,
-    RToolbar: __vue_component__$Z,
+    RToolbar: __vue_component__$_,
   },
 
   props: {
@@ -10106,37 +10096,37 @@ var script$X = {
 };
 
 /* script */
-const __vue_script__$X = script$X;
+const __vue_script__$Y = script$Y;
 
 /* template */
-var __vue_render__$V = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"border border-light rounded",attrs:{"header-class":"p-0 border-bottom","body-class":"p-0"},scopedSlots:_vm._u([(_vm.editor)?{key:"header",fn:function(){return [_c('r-toolbar',{attrs:{"editor":_vm.editor,"formats":_vm.toolbar,"labels":_vm.labels,"current-value":_vm.currentValue}})]},proxy:true}:null],null,true)},[_vm._v(" "),_c('editor-content',{staticClass:"rt-editor-content rt-content p-2",class:_vm.bodyClass,style:({ minHeight: _vm.minBodyHeight, maxHeight: _vm.maxBodyHeight }),attrs:{"editor":_vm.editor}})],1)};
-var __vue_staticRenderFns__$V = [];
+var __vue_render__$W = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:"border border-light rounded",attrs:{"header-class":"p-0 border-bottom","body-class":"p-0"},scopedSlots:_vm._u([(_vm.editor)?{key:"header",fn:function(){return [_c('r-toolbar',{attrs:{"editor":_vm.editor,"formats":_vm.toolbar,"labels":_vm.labels,"current-value":_vm.currentValue}})]},proxy:true}:null],null,true)},[_vm._v(" "),_c('editor-content',{staticClass:"rt-editor-content rt-content p-2",class:_vm.bodyClass,style:({ minHeight: _vm.minBodyHeight, maxHeight: _vm.maxBodyHeight }),attrs:{"editor":_vm.editor}})],1)};
+var __vue_staticRenderFns__$W = [];
 
   /* style */
-  const __vue_inject_styles__$Y = function (inject) {
+  const __vue_inject_styles__$Z = function (inject) {
     if (!inject) return
     inject("data-v-00da415b_0", { source: ".rt-editor-content{height:100%}.rt-editor-content .ProseMirror{height:100%}.rt-editor-content input[type=checkbox]{pointer-events:auto!important;cursor:pointer!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$Y = undefined;
+  const __vue_scope_id__$Z = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Y = undefined;
+  const __vue_module_identifier__$Z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Y = false;
+  const __vue_is_functional_template__$Z = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
-    __vue_inject_styles__$Y,
-    __vue_script__$X,
-    __vue_scope_id__$Y,
-    __vue_is_functional_template__$Y,
-    __vue_module_identifier__$Y,
+  const __vue_component__$Z = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$W, staticRenderFns: __vue_staticRenderFns__$W },
+    __vue_inject_styles__$Z,
+    __vue_script__$Y,
+    __vue_scope_id__$Z,
+    __vue_is_functional_template__$Z,
+    __vue_module_identifier__$Z,
     false,
     createInjector);
 
@@ -10171,7 +10161,7 @@ var __vue_staticRenderFns__$V = [];
 //
 //
 
-var script$W = {
+var script$X = {
   props: {
     value: {
       type: Boolean,
@@ -10210,20 +10200,20 @@ var script$W = {
 };
 
 /* script */
-const __vue_script__$W = script$W;
+const __vue_script__$X = script$X;
 
 /* template */
-var __vue_render__$U = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex align-items-center"},[_c('span',{staticClass:"mb-0 inline-block text-primary",class:_vm.offClass},[_vm._v("\n    "+_vm._s(_vm.labels.off)+"\n  ")]),_vm._v(" "),_c('b-form-checkbox',_vm._g(_vm._b({attrs:{"checked":_vm.value,"value":!_vm.invert,"unchecked-value":_vm.invert}},'b-form-checkbox',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2),_vm._v(" "),_c('span',{staticClass:"mb-0 inline-block strong text-primary",class:_vm.onClass},[_vm._v("\n    "+_vm._s(_vm.labels.on)+"\n  ")])],1)};
-var __vue_staticRenderFns__$U = [];
+var __vue_render__$V = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex align-items-center"},[_c('span',{staticClass:"mb-0 inline-block text-primary",class:_vm.offClass},[_vm._v("\n    "+_vm._s(_vm.labels.off)+"\n  ")]),_vm._v(" "),_c('b-form-checkbox',_vm._g(_vm._b({attrs:{"checked":_vm.value,"value":!_vm.invert,"unchecked-value":_vm.invert}},'b-form-checkbox',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2),_vm._v(" "),_c('span',{staticClass:"mb-0 inline-block strong text-primary",class:_vm.onClass},[_vm._v("\n    "+_vm._s(_vm.labels.on)+"\n  ")])],1)};
+var __vue_staticRenderFns__$V = [];
 
   /* style */
-  const __vue_inject_styles__$X = undefined;
+  const __vue_inject_styles__$Y = undefined;
   /* scoped */
-  const __vue_scope_id__$X = undefined;
+  const __vue_scope_id__$Y = undefined;
   /* module identifier */
-  const __vue_module_identifier__$X = undefined;
+  const __vue_module_identifier__$Y = undefined;
   /* functional template */
-  const __vue_is_functional_template__$X = false;
+  const __vue_is_functional_template__$Y = false;
   /* style inject */
   
   /* style inject SSR */
@@ -10232,13 +10222,13 @@ var __vue_staticRenderFns__$U = [];
   
 
   
-  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
-    __vue_inject_styles__$X,
-    __vue_script__$W,
-    __vue_scope_id__$X,
-    __vue_is_functional_template__$X,
-    __vue_module_identifier__$X,
+  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
+    __vue_inject_styles__$Y,
+    __vue_script__$X,
+    __vue_scope_id__$Y,
+    __vue_is_functional_template__$Y,
+    __vue_module_identifier__$Y,
     false,
     undefined);
 
@@ -10272,11 +10262,14 @@ var __vue_staticRenderFns__$U = [];
 //
 //
 //
+//
+//
+//
 
 
 library.add(faExpandAlt);
 
-var script$V = {
+var script$W = {
   components: {
     AceEditor,
   },
@@ -10292,9 +10285,9 @@ var script$V = {
       default: 'text',
     },
 
-    height: {
+    minHeight: {
       type: String,
-      default: '80',
+      default: '2.35rem',
     },
 
     showLineNumbers: {
@@ -10356,10 +10349,25 @@ var script$V = {
       type: String,
       default: '',
     },
-  },
 
-  computed: {
-    editorValue: {
+    resizable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data () {
+    return {
+      resizeObserver: null,
+      manualHeight: null,
+      contentHeight: null,
+      programmaticUpdate: false,
+      resizeTimeout: null,
+    }
+  },
+
+  computed: {
+    editorValue: {
       get () {
         return this.value
       },
@@ -10368,9 +10376,144 @@ var script$V = {
         this.$emit('update:value', value);
       },
     },
+
+    containerStyle () {
+      if (this.resizable) {
+        return {
+          minHeight: this.minHeight,
+          height: this.effectiveHeight,
+        }
+      }
+      return {}
+    },
+
+    effectiveHeight () {
+      if (this.resizable) {
+        // Use the larger of manual height, content height, or minimum height
+        const manualHeightPx = this.manualHeight ? this.parseHeight(this.manualHeight) : 0;
+        const contentHeightPx = this.contentHeight ? this.parseHeight(this.contentHeight) : 0;
+        const minHeightPx = this.parseHeight(this.minHeight);
+        
+        const maxHeight = Math.max(manualHeightPx, contentHeightPx, minHeightPx);
+        return `${maxHeight}px`
+      }
+      return this.minHeight
+    },
+  },
+
+  watch: {
+    value () {
+      if (this.resizable && this.$refs.aceeditor && this.$refs.aceeditor.editor) {
+        this.$nextTick(() => {
+          this.calculateContentHeight(this.$refs.aceeditor.editor);
+        });
+      }
+    },
+  },
+
+  mounted () {
+    if (this.resizable) {
+      this.setupResizeObserver();
+    }
+  },
+
+  beforeDestroy () {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+    if (this.resizeTimeout) {
+      clearTimeout(this.resizeTimeout);
+    }
   },
 
   methods: {
+    parseHeight (height) {
+      if (typeof height === 'number') return height
+      if (typeof height === 'string') {
+        // Remove 'px' and parse to number
+        return parseFloat(height.replace('px', '').replace('rem', '')) * (height.includes('rem') ? 16 : 1)
+      }
+      return 0
+    },
+
+    calculateContentHeight (editor) {
+      if (!editor) return
+
+      const session = editor.session;
+      const lineCount = session.getLength();
+      const lineHeight = editor.renderer.lineHeight || 16;
+      const padding = 14; // Top and bottom padding
+      
+      const contentHeight = (lineCount * lineHeight) + padding;
+      
+      // Parse minHeight to ensure we don't go below it
+      const minHeightPx = this.parseHeight(this.minHeight);
+      const finalHeight = Math.max(contentHeight, minHeightPx);
+      
+      // Set flag to prevent ResizeObserver from reacting to this change
+      this.programmaticUpdate = true;
+      this.contentHeight = `${finalHeight}px`;
+      
+      // Clear the flag after a short delay
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.programmaticUpdate = false;
+        }, 50);
+      });
+    },
+
+    setupResizeObserver () {
+      let lastHeight = null;
+      let isInitialized = false;
+      
+      this.resizeObserver = new ResizeObserver((entries) => {
+        // Skip if we're in the middle of a programmatic update
+        if (this.programmaticUpdate) {
+          return
+        }
+
+        for (const entry of entries) {
+          const newHeight = entry.contentRect.height;
+          
+          // Skip the first observation (initialization)
+          if (!isInitialized) {
+            lastHeight = newHeight;
+            isInitialized = true;
+            return
+          }
+          
+          // Only update if height actually changed significantly (more than 2px to avoid rounding issues)
+          if (lastHeight !== null && Math.abs(lastHeight - newHeight) > 2) {
+            // Clear any pending timeout
+            if (this.resizeTimeout) {
+              clearTimeout(this.resizeTimeout);
+            }
+            
+            // Debounce the update slightly to prevent flickering
+            this.resizeTimeout = setTimeout(() => {
+              this.manualHeight = `${newHeight}px`;
+              this.updateEditorSize();
+              lastHeight = newHeight;
+            }, 10);
+          }
+        }
+      });
+
+      if (this.$refs.container) {
+        this.resizeObserver.observe(this.$refs.container);
+      }
+    },
+
+    updateEditorSize () {
+      // Force ace editor to resize
+      this.$nextTick(() => {
+        if (this.$refs.aceeditor && this.$refs.aceeditor.editor) {
+          const editor = this.$refs.aceeditor.editor;
+          editor.resize();
+        }
+      });
+    },
+
     editorInit (editor) {
       Promise.resolve().then(function () { return text$1; });
       Promise.resolve().then(function () { return html$1; });
@@ -10378,7 +10521,6 @@ var script$V = {
       Promise.resolve().then(function () { return scss$1; });
       Promise.resolve().then(function () { return json$1; });
       Promise.resolve().then(function () { return javascript$1; });
-      Promise.resolve().then(function () { return json$1; });
 
       Promise.resolve().then(function () { return text; });
       Promise.resolve().then(function () { return html; });
@@ -10386,7 +10528,6 @@ var script$V = {
       Promise.resolve().then(function () { return scss; });
       Promise.resolve().then(function () { return json; });
       Promise.resolve().then(function () { return javascript; });
-      Promise.resolve().then(function () { return json; });
 
       Promise.resolve().then(function () { return chrome; });
       Promise.resolve().then(function () { return language_tools; });
@@ -10405,8 +10546,6 @@ var script$V = {
         readOnly: this.readOnly,
         highlightActiveLine: this.highlightActiveLine,
         cursorStyle: 'smooth',
-        // // minLines: this.height,
-        // maxPixelHeight: 100,
 
         ...(this.autoComplete && {
           enableBasicAutocompletion: true,
@@ -10422,6 +10561,19 @@ var script$V = {
       editor.on('input', this.updatePlaceholder);
       this.updatePlaceholder(undefined, editor);
 
+      // Calculate initial content height and listen for changes if resizable
+      if (this.resizable) {
+        // Calculate initial height
+        this.$nextTick(() => {
+          this.calculateContentHeight(editor);
+        });
+
+        // Recalculate on content change
+        editor.session.on('change', () => {
+          this.calculateContentHeight(editor);
+        });
+      }
+
       if (this.initExpressions) {
         this.processExpressionAutoComplete(editor);
       } else if (this.autoComplete) {
@@ -10465,55 +10617,95 @@ var script$V = {
     },
 
     processExpressionAutoComplete (editor) {
+      // Extract text context from current cursor position
+      const getTextContext = (pos) => {
+        const session = editor.session;
+        const line = session.getLine(pos.row);
+        const lastSpaceIndex = Math.max(0, line.lastIndexOf(' '));
+        const textAfterSpace = line.slice(lastSpaceIndex, pos.column).trim();
+        const lastDotIndex = textAfterSpace.lastIndexOf('.');
+        const searchTextForCaption = lastDotIndex >= 0 ? textAfterSpace.slice(lastDotIndex + 1) : textAfterSpace;
+        
+        return { line, textAfterSpace, searchTextForCaption }
+      };
+
+      // Check if suggestion matches search text
+      const matchesSuggestion = (suggestion, textAfterSpace, searchTextForCaption) => {
+        const suggestionValue = typeof suggestion === 'string' ? suggestion : suggestion.value;
+        const suggestionCaption = typeof suggestion === 'string' ? suggestion : suggestion.caption;
+        return suggestionValue.toLowerCase().startsWith(textAfterSpace.toLowerCase()) ||
+               suggestionCaption.toLowerCase().startsWith(searchTextForCaption.toLowerCase())
+      };
+
+      // Check and trigger autocomplete if there are matching suggestions
+      const checkAndTriggerAutocomplete = () => {
+        setTimeout(() => {
+          const pos = editor.getCursorPosition();
+          const { line, textAfterSpace, searchTextForCaption } = getTextContext(pos);
+          
+          // Don't trigger after closing braces
+          const charBeforeCursor = pos.column > 0 ? line[pos.column - 1] : '';
+          if (charBeforeCursor === '}' || charBeforeCursor === ')' || textAfterSpace.length === 0) {
+            return
+          }
+          
+          const context = this.getContext(editor, editor.session, pos);
+          const suggestions = this.getSuggestionsForContext(context);
+          const hasMatches = suggestions.some(s => matchesSuggestion(s, textAfterSpace, searchTextForCaption));
+          
+          if (hasMatches) {
+            editor.execCommand('startAutocomplete');
+          }
+        }, 10);
+      };
+      
       const staticWordCompleter = {
+        identifierRegexps: [/[${\w]+/],
         getCompletions: (editor, session, pos, prefix, callback) => {
           const context = this.getContext(editor, session, pos);
           const suggestions = this.getSuggestionsForContext(context);
-
-          callback(null, suggestions.map(suggestion => {
-            let caption = '';
-            let value = '';
-
-            if (typeof suggestion === 'string') {
-              caption = suggestion;
-              value = suggestion;
-            } else {
-              caption = suggestion.caption;
-              value = suggestion.value;
-            }
-
-            return {
-              caption,
-              value,
-              meta: 'variable',
-              completer: {
-                insertMatch: function (insertEditor, data) {
-                  const insertValue = data.value;
-
-                  insertEditor.jumpToMatching();
-                  const line = session.getLine(pos.row);
-                  let lastSpaceIndex = line.lastIndexOf(' ') >= 0 ? line.lastIndexOf(' ') : 0;
-
-                  if (lastSpaceIndex > 0) {
-                    lastSpaceIndex += 1;
-                  }
-
-                  insertEditor.session.replace({
-                    start: { row: pos.row, column: lastSpaceIndex },
-                    end: { row: pos.row, column: pos.column },
-                  }, insertValue);
+          const { textAfterSpace, searchTextForCaption } = getTextContext(pos);
+          
+          const filteredSuggestions = suggestions
+            .filter(s => matchesSuggestion(s, textAfterSpace, searchTextForCaption))
+            .map(suggestion => {
+              const caption = typeof suggestion === 'string' ? suggestion : suggestion.caption;
+              const value = typeof suggestion === 'string' ? suggestion : suggestion.value;
+              const captionMatch = caption.toLowerCase().indexOf(searchTextForCaption.toLowerCase());
+              
+              return {
+                caption,
+                value,
+                score: captionMatch === 0 ? 10000 : 1000,
+                meta: 'variable',
+                completer: {
+                  insertMatch: (insertEditor, data) => {
+                    insertEditor.jumpToMatching();
+                    const line = session.getLine(pos.row);
+                    const spaceIndex = line.lastIndexOf(' ');
+                    const startCol = spaceIndex > 0 ? spaceIndex + 1 : 0;
+
+                    insertEditor.session.replace({
+                      start: { row: pos.row, column: startCol },
+                      end: { row: pos.row, column: pos.column },
+                    }, data.value);
+                    
+                    checkAndTriggerAutocomplete();
+                  },
                 },
-              },
-            }
-          }));
+              }
+            });
+
+          callback(null, filteredSuggestions);
         },
       };
 
       editor.completers = [staticWordCompleter];
 
-      editor.commands.on('afterExec', function (e) {
+      // Only trigger autocomplete automatically when there's a partial match
+      editor.commands.on('afterExec', (e) => {
         if (['insertstring', 'Return'].includes(e.command.name) || /^[\w.($]$/.test(e.args)) {
-          editor.execCommand('startAutocomplete');
+          checkAndTriggerAutocomplete();
         }
       });
 
@@ -10523,54 +10715,50 @@ var script$V = {
 
     getContext (editor, session, pos) {
       const line = session.getLine(pos.row);
-      const lastSpaceIndex = line.lastIndexOf(' ') >= 0 ? line.lastIndexOf(' ') : 0;
-      const textBeforeCursor = line.slice(lastSpaceIndex, pos.column);
-      const context = textBeforeCursor.split('.').slice(0, -1).join('.').trim();
-
-      return context
+      const lastSpaceIndex = Math.max(0, line.lastIndexOf(' '));
+      const textBeforeCursor = line.slice(lastSpaceIndex, pos.column).trim();
+      return textBeforeCursor.split('.').slice(0, -1).join('.')
     },
 
     getSuggestionsForContext (context) {
-      const suggestions = this.autoCompleteSuggestions;
-
-      return suggestions[context] || []
+      return this.autoCompleteSuggestions[context] || []
     },
   },
 };
 
 /* script */
-const __vue_script__$V = script$V;
+const __vue_script__$W = script$W;
 
 /* template */
-var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"position-relative"},[_c('ace-editor',_vm._g({ref:"aceeditor",class:{ 'border-0 rounded-0': !_vm.border },attrs:{"lang":_vm.lang,"mode":_vm.lang,"theme":"chrome","width":"100%","height":_vm.height},on:{"init":_vm.editorInit},model:{value:(_vm.editorValue),callback:function ($$v) {_vm.editorValue=$$v;},expression:"editorValue"}},_vm.$listeners)),_vm._v(" "),(_vm.showPopout)?_c('b-button',{staticClass:"popout position-absolute px-2 py-1 mr-3",attrs:{"variant":"link"},on:{"click":function($event){return _vm.$emit('open')}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'expand-alt']}})],1):_vm._e()],1)};
-var __vue_staticRenderFns__$T = [];
+var __vue_render__$U = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"position-relative ace-editor-wrapper",class:{ 'resizable': _vm.resizable },style:(_vm.containerStyle)},[_c('ace-editor',_vm._g({ref:"aceeditor",class:{ 'border-0 rounded-0': !_vm.border },attrs:{"lang":_vm.lang,"mode":_vm.lang,"theme":"chrome","width":"100%","height":_vm.effectiveHeight},on:{"init":_vm.editorInit},model:{value:(_vm.editorValue),callback:function ($$v) {_vm.editorValue=$$v;},expression:"editorValue"}},_vm.$listeners)),_vm._v(" "),(_vm.showPopout)?_c('b-button',{staticClass:"popout position-absolute px-2 py-1 mr-3",attrs:{"variant":"link"},on:{"click":function($event){return _vm.$emit('open')}}},[_c('font-awesome-icon',{attrs:{"icon":['fas', 'expand-alt']}})],1):_vm._e()],1)};
+var __vue_staticRenderFns__$U = [];
 
   /* style */
-  const __vue_inject_styles__$W = function (inject) {
+  const __vue_inject_styles__$X = function (inject) {
     if (!inject) return
-    inject("data-v-0a4a06ee_0", { source: ".popout[data-v-0a4a06ee]{z-index:7;bottom:0;right:0}", map: undefined, media: undefined })
-,inject("data-v-0a4a06ee_1", { source: ".ace_editor{color:var(--black)!important;background-color:var(--white)!important;border-radius:.25rem;border:2px solid var(--extra-light);font-size:initial!important}.ace_editor .ace_gutter{background-color:var(--light)!important;color:var(--black)!important}.ace_editor .ace_gutter .ace_gutter-active-line{background-color:var(--extra-light)!important}.ace_editor .ace_hidden-cursors .ace_cursor{color:var(--white)!important}.ace_editor .ace_cursor{color:var(--black)!important}.ace_autocomplete{border:none!important}.ace_autocomplete .ace_active-line{background-color:var(--extra-light)!important}.ace_autocomplete .ace_line-hover{border:none!important;background-color:var(--extra-light)!important}.ace_autocomplete .ace_completion-highlight{color:var(--primary)!important}", map: undefined, media: undefined });
+    inject("data-v-00e2204c_0", { source: ".popout[data-v-00e2204c]{z-index:7;bottom:0;right:0}.ace-editor-wrapper.resizable[data-v-00e2204c]{resize:vertical;overflow:auto}.ace-editor-wrapper.resizable .ace_editor[data-v-00e2204c]{height:100%!important}", map: undefined, media: undefined })
+,inject("data-v-00e2204c_1", { source: ".ace_editor{color:var(--black)!important;background-color:var(--white)!important;border-radius:.25rem;border:2px solid var(--extra-light);font-size:initial!important}.ace_editor .ace_gutter{background-color:var(--light)!important;color:var(--black)!important}.ace_editor .ace_gutter .ace_gutter-active-line{background-color:var(--extra-light)!important}.ace_editor .ace_hidden-cursors .ace_cursor{color:var(--white)!important}.ace_editor .ace_cursor{color:var(--black)!important}.ace_autocomplete{border:none!important}.ace_autocomplete .ace_active-line{background-color:var(--extra-light)!important}.ace_autocomplete .ace_line-hover{border:none!important;background-color:var(--extra-light)!important}.ace_autocomplete .ace_completion-highlight{color:var(--primary)!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$W = "data-v-0a4a06ee";
+  const __vue_scope_id__$X = "data-v-00e2204c";
   /* module identifier */
-  const __vue_module_identifier__$W = undefined;
+  const __vue_module_identifier__$X = undefined;
   /* functional template */
-  const __vue_is_functional_template__$W = false;
+  const __vue_is_functional_template__$X = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
-    __vue_inject_styles__$W,
-    __vue_script__$V,
-    __vue_scope_id__$W,
-    __vue_is_functional_template__$W,
-    __vue_module_identifier__$W,
+  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
+    __vue_inject_styles__$X,
+    __vue_script__$W,
+    __vue_scope_id__$X,
+    __vue_is_functional_template__$X,
+    __vue_module_identifier__$X,
     false,
     createInjector);
 
@@ -10591,9 +10779,9 @@ var __vue_staticRenderFns__$T = [];
 //
 
 
-var script$U = {
+var script$V = {
   components: {
-    CAceEditor: __vue_component__$W,
+    CAceEditor: __vue_component__$X,
   },
 
   props: {
@@ -10607,9 +10795,9 @@ var script$U = {
       default: 'text',
     },
 
-    height: {
+    minHeight: {
       type: String,
-      default: '80px',
+      default: '2.35rem',
     },
 
     showLineNumbers: {
@@ -10661,6 +10849,11 @@ var script$U = {
       type: String,
       default: '',
     },
+
+    resizable: {
+      type: Boolean,
+      default: true,
+    },
   },
 
   computed: {
@@ -10737,20 +10930,20 @@ var script$U = {
 };
 
 /* script */
-const __vue_script__$U = script$U;
+const __vue_script__$V = script$V;
 
 /* template */
-var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"position-relative"},[_c('c-ace-editor',_vm._g(_vm._b({attrs:{"auto-complete":"","init-expressions":"","auto-complete-suggestions":_vm.autoCompleteSuggestions},model:{value:(_vm.editorValue),callback:function ($$v) {_vm.editorValue=$$v;},expression:"editorValue"}},'c-ace-editor',Object.assign({}, _vm.$attrs, _vm.$props),false),_vm.$listeners))],1)};
-var __vue_staticRenderFns__$S = [];
+var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"position-relative"},[_c('c-ace-editor',_vm._g(_vm._b({attrs:{"auto-complete":"","init-expressions":"","auto-complete-suggestions":_vm.autoCompleteSuggestions},model:{value:(_vm.editorValue),callback:function ($$v) {_vm.editorValue=$$v;},expression:"editorValue"}},'c-ace-editor',Object.assign({}, _vm.$attrs, _vm.$props),false),_vm.$listeners))],1)};
+var __vue_staticRenderFns__$T = [];
 
   /* style */
-  const __vue_inject_styles__$V = undefined;
+  const __vue_inject_styles__$W = undefined;
   /* scoped */
-  const __vue_scope_id__$V = undefined;
+  const __vue_scope_id__$W = undefined;
   /* module identifier */
-  const __vue_module_identifier__$V = undefined;
+  const __vue_module_identifier__$W = undefined;
   /* functional template */
-  const __vue_is_functional_template__$V = false;
+  const __vue_is_functional_template__$W = false;
   /* style inject */
   
   /* style inject SSR */
@@ -10759,13 +10952,13 @@ var __vue_staticRenderFns__$S = [];
   
 
   
-  const __vue_component__$V = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
-    __vue_inject_styles__$V,
-    __vue_script__$U,
-    __vue_scope_id__$V,
-    __vue_is_functional_template__$V,
-    __vue_module_identifier__$V,
+  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
+    __vue_inject_styles__$W,
+    __vue_script__$V,
+    __vue_scope_id__$W,
+    __vue_is_functional_template__$W,
+    __vue_module_identifier__$W,
     false,
     undefined);
 
@@ -10804,7 +10997,7 @@ var __vue_staticRenderFns__$S = [];
 //
 //
 
-var script$T = {
+var script$U = {
   name: 'CButtonSubmit',
 
   props: {
@@ -10857,20 +11050,20 @@ var script$T = {
 };
 
 /* script */
-const __vue_script__$T = script$T;
+const __vue_script__$U = script$U;
 
 /* template */
-var __vue_render__$R = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{class:_vm.buttonClass,attrs:{"data-test-id":"button-submit","type":"submit","variant":_vm.variant,"disabled":_vm.disabled || _vm.processing || _vm.success,"size":_vm.size,"block":_vm.block,"title":_vm.title},on:{"click":function($event){$event.preventDefault();return _vm.$emit('submit')}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):(_vm.success)?_c('font-awesome-icon',{attrs:{"data-test-id":"icon-success","icon":['fas', 'check']}}):(_vm.text)?_c('span',{attrs:{"data-test-id":"button-text"}},[_vm._v("\n    "+_vm._s(_vm.text)+"\n  ")]):_vm._e()],1)};
-var __vue_staticRenderFns__$R = [];
+var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{class:_vm.buttonClass,attrs:{"data-test-id":"button-submit","type":"submit","variant":_vm.variant,"disabled":_vm.disabled || _vm.processing || _vm.success,"size":_vm.size,"block":_vm.block,"title":_vm.title},on:{"click":function($event){$event.preventDefault();return _vm.$emit('submit')}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):(_vm.success)?_c('font-awesome-icon',{attrs:{"data-test-id":"icon-success","icon":['fas', 'check']}}):(_vm.text)?_c('span',{attrs:{"data-test-id":"button-text"}},[_vm._v("\n    "+_vm._s(_vm.text)+"\n  ")]):_vm._e()],1)};
+var __vue_staticRenderFns__$S = [];
 
   /* style */
-  const __vue_inject_styles__$U = undefined;
+  const __vue_inject_styles__$V = undefined;
   /* scoped */
-  const __vue_scope_id__$U = undefined;
+  const __vue_scope_id__$V = undefined;
   /* module identifier */
-  const __vue_module_identifier__$U = undefined;
+  const __vue_module_identifier__$V = undefined;
   /* functional template */
-  const __vue_is_functional_template__$U = false;
+  const __vue_is_functional_template__$V = false;
   /* style inject */
   
   /* style inject SSR */
@@ -10879,13 +11072,13 @@ var __vue_staticRenderFns__$R = [];
   
 
   
-  const __vue_component__$U = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
-    __vue_inject_styles__$U,
-    __vue_script__$T,
-    __vue_scope_id__$U,
-    __vue_is_functional_template__$U,
-    __vue_module_identifier__$U,
+  const __vue_component__$V = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
+    __vue_inject_styles__$V,
+    __vue_script__$U,
+    __vue_scope_id__$V,
+    __vue_is_functional_template__$V,
+    __vue_module_identifier__$V,
     false,
     undefined);
 
@@ -10909,7 +11102,7 @@ var __vue_staticRenderFns__$R = [];
 //
 
 
-var script$S = {
+var script$T = {
   props: {
     value: {
       type: [Array, String, Object],
@@ -10994,9 +11187,9 @@ var script$S = {
     }, 400),
 
     updateValue (role) {
-      // reset picker value for better value presentation
-      if (this.$refs.picker && this.clearOnSelect) {
-        this.$refs.picker._data._value = undefined;
+      // reset role-select value for better value presentation
+      if (this.clearOnSelect && this.$refs.roleSelect) {
+        this.$refs.roleSelect._data._value = undefined;
       }
 
       this.$emit('input', role);
@@ -11009,20 +11202,20 @@ var script$S = {
 };
 
 /* script */
-const __vue_script__$S = script$S;
+const __vue_script__$T = script$T;
 
 /* template */
-var __vue_render__$Q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-input-select',{ref:"picker",attrs:{"value":_vm.value,"options":_vm.roles,"placeholder":_vm.placeholder,"get-option-key":function (r) { return r.roleID; },"get-option-label":function (r) { return _vm.getRoleLabel(r); },"filterable":false,"selectable":_vm.selectable,"multiple":_vm.multiple,"clearable":_vm.clearable,"loading":_vm.loading},on:{"search":_vm.search,"input":_vm.updateValue}})};
-var __vue_staticRenderFns__$Q = [];
+var __vue_render__$R = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-input-select',{ref:"roleSelect",attrs:{"value":_vm.value,"options":_vm.roles,"placeholder":_vm.placeholder,"get-option-key":function (r) { return r.roleID; },"get-option-label":function (r) { return _vm.getRoleLabel(r); },"filterable":false,"selectable":_vm.selectable,"multiple":_vm.multiple,"clearable":_vm.clearable,"loading":_vm.loading},on:{"search":_vm.search,"input":_vm.updateValue}})};
+var __vue_staticRenderFns__$R = [];
 
   /* style */
-  const __vue_inject_styles__$T = undefined;
+  const __vue_inject_styles__$U = undefined;
   /* scoped */
-  const __vue_scope_id__$T = undefined;
+  const __vue_scope_id__$U = undefined;
   /* module identifier */
-  const __vue_module_identifier__$T = undefined;
+  const __vue_module_identifier__$U = undefined;
   /* functional template */
-  const __vue_is_functional_template__$T = false;
+  const __vue_is_functional_template__$U = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11031,13 +11224,13 @@ var __vue_staticRenderFns__$Q = [];
   
 
   
-  const __vue_component__$T = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
-    __vue_inject_styles__$T,
-    __vue_script__$S,
-    __vue_scope_id__$T,
-    __vue_is_functional_template__$T,
-    __vue_module_identifier__$T,
+  const __vue_component__$U = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
+    __vue_inject_styles__$U,
+    __vue_script__$T,
+    __vue_scope_id__$U,
+    __vue_is_functional_template__$U,
+    __vue_module_identifier__$U,
     false,
     undefined);
 
@@ -11057,9 +11250,10 @@ var __vue_staticRenderFns__$Q = [];
 //
 //
 //
+//
 
 
-var script$R = {
+var script$S = {
   name: 'CInputUser',
 
   props: {
@@ -11072,6 +11266,11 @@ var script$R = {
       type: String,
       default: '',
     },
+
+    clearOnSelect: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   data () {
@@ -11136,8 +11335,13 @@ var script$R = {
       }
     },
 
-    onUserUpdate ({ userID }) {
-      this.$emit('input', userID);
+    onUserUpdate (user) {
+      if (this.clearOnSelect && this.$refs.userSelect) {
+        this.$refs.userSelect._data._value = undefined;
+      }
+
+      this.$emit('input', user.userID);
+      this.$emit('input-object', user);
     },
 
     getOptionKey ({ userID }) {
@@ -11150,11 +11354,153 @@ var script$R = {
   },
 };
 
+/* script */
+const __vue_script__$S = script$S;
+
+/* template */
+var __vue_render__$Q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-input-select',_vm._b({ref:"userSelect",attrs:{"value":_vm.user.value,"data-test-id":"select-user","options":_vm.user.options,"get-option-label":_vm.getOptionLabel,"get-option-key":_vm.getOptionKey,"placeholder":_vm.placeholder,"loading":_vm.processing,"filterable":false},on:{"search":_vm.search,"input":_vm.onUserUpdate}},'c-input-select',_vm.$attrs,false))};
+var __vue_staticRenderFns__$Q = [];
+
+  /* style */
+  const __vue_inject_styles__$T = undefined;
+  /* scoped */
+  const __vue_scope_id__$T = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$T = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$T = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$T = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
+    __vue_inject_styles__$T,
+    __vue_script__$S,
+    __vue_scope_id__$T,
+    __vue_is_functional_template__$T,
+    __vue_module_identifier__$T,
+    false,
+    undefined);
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+var script$R = {
+  name: 'CInputUserGroup',
+
+  props: {
+    value: {
+      type: String,
+      default: null,
+    },
+
+    placeholder: {
+      type: String,
+      default: '',
+    },
+  },
+
+  data () {
+    return {
+      processing: false,
+
+      userGroup: {
+        options: [],
+        value: undefined,
+
+        filter: {
+          query: null,
+          limit: 20,
+        },
+      },
+    }
+  },
+
+  created () {
+    this.fetchUserGroups().then(() => {
+      this.getUserGroupByID(this.value);
+    });
+  },
+
+  methods: {
+    search: debounce(function (query) {
+      if (query !== this.userGroup.filter.query) {
+        this.userGroup.filter.query = query;
+        this.userGroup.filter.page = 1;
+      }
+
+      this.fetchUserGroups();
+    }, 300),
+
+    fetchUserGroups() {
+      this.processing = true;
+
+      return this.$SystemAPI
+        .userGroupList(this.userGroup.filter)
+        .then(({ set }) => {
+          this.userGroup.options = set.map((m) => new system.UserGroup(m));
+        })
+        .finally(() => {
+          setTimeout(() => {
+            this.processing = false;
+          }, 500);
+        })
+    },
+
+    getUserGroupByID (userGroupID) {
+      if (!userGroupID || userGroupID === NoID) {
+        this.userGroup.value = this.userGroup.options.find(({ isRoot }) => !!isRoot);
+
+        this.$emit('input', this.userGroup.value?.userGroupID);
+        return
+      }
+
+      const userGroup = this.userGroup.options.find(o => o.userGroupID === userGroupID);
+
+      if (userGroup) {
+        this.userGroup.value = userGroup;
+      }
+    },
+
+    onUserGroupUpdate ({ userGroupID }) {
+      this.$emit('input', userGroupID);
+    },
+
+    getOptionKey ({ userGroupID }) {
+      return userGroupID
+    },
+
+    getOptionLabel ({ handle, meta = {}, userGroupID }) {
+      return meta.short || handle || userGroupID
+    },
+  },
+};
+
 /* script */
 const __vue_script__$R = script$R;
 
 /* template */
-var __vue_render__$P = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-input-select',_vm._b({attrs:{"data-test-id":"select-user","options":_vm.user.options,"get-option-label":_vm.getOptionLabel,"get-option-key":_vm.getOptionKey,"placeholder":_vm.placeholder,"loading":_vm.processing,"filterable":false},on:{"search":_vm.search,"input":_vm.onUserUpdate},model:{value:(_vm.user.value),callback:function ($$v) {_vm.$set(_vm.user, "value", $$v);},expression:"user.value"}},'c-input-select',_vm.$attrs,false))};
+var __vue_render__$P = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-input-select',_vm._b({attrs:{"data-test-id":"select-user-group","options":_vm.userGroup.options,"get-option-label":_vm.getOptionLabel,"get-option-key":_vm.getOptionKey,"placeholder":_vm.placeholder,"loading":_vm.processing,"filterable":false},on:{"search":_vm.search,"input":_vm.onUserGroupUpdate},model:{value:(_vm.userGroup.value),callback:function ($$v) {_vm.$set(_vm.userGroup, "value", $$v);},expression:"userGroup.value"}},'c-input-select',_vm.$attrs,false))};
 var __vue_staticRenderFns__$P = [];
 
   /* style */
@@ -11561,8 +11907,8 @@ var script$M = {
 
   components: {
     Rules: __vue_component__$O,
-    CInputSelect: __vue_component__$1b,
-    CInputRole: __vue_component__$T,
+    CInputSelect: __vue_component__$1c,
+    CInputRole: __vue_component__$U,
   },
 
   props: {
@@ -12196,7 +12542,7 @@ var script$H = {
   name: 'CPromptComposeRecordPicker',
 
   components: {
-    CInputSelect: __vue_component__$1b,
+    CInputSelect: __vue_component__$1c,
     CPagination: __vue_component__$J,
   },
 
@@ -12463,7 +12809,7 @@ var script$G = {
   name: 'CPromptInput',
 
   components: {
-    CInputDateTime: __vue_component__$1c,
+    CInputDateTime: __vue_component__$1d,
   },
 
   extends: __vue_component__$M,
@@ -12582,7 +12928,7 @@ var script$E = {
   name: 'CPromptOptions',
 
   components: {
-    CInputSelect: __vue_component__$1b,
+    CInputSelect: __vue_component__$1c,
   },
 
   extends: __vue_component__$M,
@@ -15160,7 +15506,7 @@ var script$n = {
   components: {
     draggable: Draggable,
     CItemPickerItem: __vue_component__$p,
-    CInputSearch: __vue_component__$18,
+    CInputSearch: __vue_component__$19,
   },
 
   props: {
@@ -16456,7 +16802,7 @@ var __vue_staticRenderFns__$i = [];
 
 var script$g = {
   components: {
-    CInputSelect: __vue_component__$1b,
+    CInputSelect: __vue_component__$1c,
   },
 
   props: {
@@ -16817,7 +17163,7 @@ var script$f = {
   name: 'ResourceList',
 
   components: {
-    CInputSearch: __vue_component__$18,
+    CInputSearch: __vue_component__$19,
   },
 
   props: {
@@ -17520,7 +17866,7 @@ n(css$3,{});
 var script$c = {
   components: {
     LControl,
-    CInputSearch: __vue_component__$18,
+    CInputSearch: __vue_component__$19,
     LPolygon,
     LTileLayer,
     LMarker,
@@ -18317,7 +18663,7 @@ var script$8 = {
   },
 
   components: {
-    CInputConfirm: __vue_component__$1e,
+    CInputConfirm: __vue_component__$1f,
   },
 
   props: {
@@ -19358,35 +19704,36 @@ var index$6 = {
 var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   C3: index$6,
-  CAceEditor: __vue_component__$W,
-  CButtonSubmit: __vue_component__$U,
+  CAceEditor: __vue_component__$X,
+  CButtonSubmit: __vue_component__$V,
   CChart: __vue_component__$m,
-  CCorredorManualButtons: __vue_component__$1n,
-  CExtendSession: __vue_component__$1o,
-  CFormTableWrapper: __vue_component__$1a,
+  CCorredorManualButtons: __vue_component__$1o,
+  CExtendSession: __vue_component__$1p,
+  CFormTableWrapper: __vue_component__$1b,
   CHint: __vue_component__$d,
-  CInputCheckbox: __vue_component__$X,
-  CInputColorPicker: __vue_component__$17,
-  CInputConfirm: __vue_component__$1e,
-  CInputDateTime: __vue_component__$1c,
-  CInputExpression: __vue_component__$V,
-  CInputPresort: __vue_component__$19,
-  CInputProcessing: __vue_component__$1d,
-  CInputRole: __vue_component__$T,
-  CInputSearch: __vue_component__$18,
-  CInputSelect: __vue_component__$1b,
-  CInputUser: __vue_component__$S,
+  CInputCheckbox: __vue_component__$Y,
+  CInputColorPicker: __vue_component__$18,
+  CInputConfirm: __vue_component__$1f,
+  CInputDateTime: __vue_component__$1d,
+  CInputExpression: __vue_component__$W,
+  CInputPresort: __vue_component__$1a,
+  CInputProcessing: __vue_component__$1e,
+  CInputRole: __vue_component__$U,
+  CInputSearch: __vue_component__$19,
+  CInputSelect: __vue_component__$1c,
+  CInputUser: __vue_component__$T,
+  CInputUserGroup: __vue_component__$S,
   CItemPicker: __vue_component__$o,
   CItemPickerItem: __vue_component__$p,
-  CLightbox: __vue_component__$1i,
+  CLightbox: __vue_component__$1j,
   CLoaderLogo: __vue_component__$B,
   CMap: __vue_component__$c,
   CNotificationButton: __vue_component__$A,
   CNotificationSidebar: __vue_component__$6,
   CPermissionsButton: __vue_component__$R,
   CPermissionsModal: __vue_component__$N,
-  CPreviewInline: __vue_component__$1f,
-  CPreviewLightbox: __vue_component__$1g,
+  CPreviewInline: __vue_component__$1g,
+  CPreviewLightbox: __vue_component__$1h,
   CProgress: __vue_component__$f,
   CPromptModal: __vue_component__$D,
   CPromptToast: __vue_component__$E,
@@ -19397,7 +19744,7 @@ var index$5 = /*#__PURE__*/Object.freeze({
   CReportTable: __vue_component__$j,
   CReportText: __vue_component__$i,
   CResourceList: __vue_component__$g,
-  CRichTextInput: __vue_component__$Y,
+  CRichTextInput: __vue_component__$Z,
   CSensitivityLevelPicker: __vue_component__$h,
   CSidebar: __vue_component__$y,
   CSidebarNavItems: __vue_component__$x,