@iankibetsh/shframework 5.2.9 → 5.3.2

package/dist/library.mjs

@@ -3,7 +3,7 @@ import moment from 'moment';
 import Swal from 'sweetalert2';
 import { Modal, Offcanvas } from 'bootstrap';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, createVNode, withCtx, vModelCheckbox, shallowRef, normalizeProps, pushScopeId, popScopeId, markRaw, isRef } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, createVNode, withCtx, vModelCheckbox, shallowRef, normalizeProps, markRaw, isRef } from 'vue';
 import _ from 'lodash';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
@@ -92,7 +92,6 @@ function setTabCounts(url){
 }
 
 function formatHttpCatchError(reason){
-    console.log(reason);
     let error = '';
     if (typeof reason !== 'undefined') {
         if (typeof reason.response !== 'undefined') {
@@ -123,14 +122,12 @@ function formatHttpCatchError(reason){
 
 function getMenuCount(url){
     shApis.doGet(url).then(res => {
-        console.log(res);
     });
 }
 
 const signOutUser = () => {
     const loginUrl = getShConfig('loginUrl', 'auth/login');
     const logoutApiEndPoint = getShConfig('logoutApiEndpoint', 'auth/logout');
-    console.log(loginUrl, logoutApiEndPoint);
     shApis.doPost(logoutApiEndPoint).then(res => {
         shStorage.removeItem('access_token');
         shStorage.removeItem('user');
@@ -2093,7 +2090,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$s = {
+const _hoisted_1$q = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
@@ -2101,15 +2098,15 @@ const _hoisted_2$i = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$g = ["src"];
-const _hoisted_4$g = ["value"];
-const _hoisted_5$e = ["disabled"];
+const _hoisted_3$f = ["src"];
+const _hoisted_4$e = ["value"];
+const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$s, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$g),
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -2122,7 +2119,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         return (openBlock(), createElementBlock("option", {
           value: country,
           key: country.dialCode
-        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$g))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$e))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -2135,7 +2132,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
       placeholder: "712345678",
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$e), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$c), [
       [vModelText, $data.input]
     ])
   ]))
@@ -2144,22 +2141,22 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$r = {
+const _hoisted_1$p = {
   key: 0,
   class: "dropdown sh-suggest"
 };
 const _hoisted_2$h = ["id"];
-const _hoisted_3$f = { class: "sh-suggestions-holder" };
-const _hoisted_4$f = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_5$d = ["onClick"];
-const _hoisted_6$a = ["id"];
-const _hoisted_7$9 = ["id", "aria-labelledby"];
-const _hoisted_8$8 = ["onClick"];
-const _hoisted_9$8 = {
+const _hoisted_3$e = { class: "sh-suggestions-holder" };
+const _hoisted_4$d = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_5$b = ["onClick"];
+const _hoisted_6$9 = ["id"];
+const _hoisted_7$8 = ["id", "aria-labelledby"];
+const _hoisted_8$7 = ["onClick"];
+const _hoisted_9$7 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$8 = {
+const _hoisted_10$5 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2310,23 +2307,23 @@ watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
           class: "p-0 d-flex sh-suggest-control dropdown-toggle",
           "aria-expanded": "false"
         }, [
-          createElementVNode("div", _hoisted_3$f, [
+          createElementVNode("div", _hoisted_3$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_4$f, [
+              return (openBlock(), createElementBlock("h5", _hoisted_4$d, [
                 createTextVNode(toDisplayString(sgt.name) + " ", 1 /* TEXT */),
                 createElementVNode("button", {
                   onClick: $event => (removeSuggestion(sgt.id)),
                   type: "button",
                   class: "btn-close border-start border-1 ms-1",
                   "aria-label": "Close"
-                }, null, 8 /* PROPS */, _hoisted_5$d)
+                }, null, 8 /* PROPS */, _hoisted_5$b)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2336,7 +2333,7 @@ return (_ctx, _cache) => {
             onInput: filterData,
             onChange: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$a)
+          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$9)
         ], 8 /* PROPS */, _hoisted_2$h),
         createElementVNode("ul", {
           class: normalizeClass([(!unref(suggestions) || unref(suggestions).length === 0) ? 'no-sh-suggestions':'sh-found-suggestions', "dropdown-menu w-100"]),
@@ -2364,14 +2361,14 @@ return (_ctx, _cache) => {
                               class: normalizeClass(["dropdown-item", unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                               href: "#"
                             }, toDisplayString(suggestion.name ?? suggestion.text), 3 /* TEXT, CLASS */))
-                      ], 8 /* PROPS */, _hoisted_8$8))
+                      ], 8 /* PROPS */, _hoisted_8$7))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$8, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$8, " Type to search... "))
-        ], 10 /* CLASS, PROPS */, _hoisted_7$9)
+              ? (openBlock(), createElementBlock("li", _hoisted_9$7, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$5, " Type to search... "))
+        ], 10 /* CLASS, PROPS */, _hoisted_7$8)
       ]))
     : createCommentVNode("v-if", true)
 }
@@ -2720,7 +2717,7 @@ var script$y = {
     }
   },
   created: function () {
-    console.log('created');
+    // console.log('created')
     if (this.labels) {
       this.allLabels = this.labels;
     }
@@ -2736,83 +2733,59 @@ var script$y = {
   }
 };
 
-const _hoisted_1$q = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_2$g = {
+const _hoisted_1$o = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$e = {
+const _hoisted_2$g = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$e = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$c = { key: 0 };
-const _hoisted_6$9 = { key: 1 };
-const _hoisted_7$8 = { class: "row" };
-const _hoisted_8$7 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$7 = { class: "col-md-12" };
-const _hoisted_10$7 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$7 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$6 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_14$4 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_18$3 = ["value"];
-const _hoisted_19$1 = {
+const _hoisted_3$d = { key: 0 };
+const _hoisted_4$c = { key: 1 };
+const _hoisted_5$a = { class: "row" };
+const _hoisted_6$8 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_7$7 = { class: "col-md-12" };
+const _hoisted_8$6 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_9$6 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_11$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_14$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_15$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_16$1 = ["value"];
+const _hoisted_17$1 = {
   key: 11,
   class: "invalid-feedback"
 };
-const _hoisted_20$1 = { class: "form-check me-1" };
-const _hoisted_21$1 = ["value", "disabled", "checked"];
-const _hoisted_22$1 = { class: "form-check-label" };
-const _hoisted_23$1 = { class: "form-check me-1" };
-const _hoisted_24$1 = ["name", "value"];
-const _hoisted_25$1 = { class: "form-check-label" };
-const _hoisted_26$1 = {
+const _hoisted_18$1 = { class: "form-check me-1" };
+const _hoisted_19$1 = ["value", "disabled", "checked"];
+const _hoisted_20$1 = { class: "form-check-label" };
+const _hoisted_21$1 = { class: "form-check me-1" };
+const _hoisted_22$1 = ["name", "value"];
+const _hoisted_23$1 = { class: "form-check-label" };
+const _hoisted_24$1 = {
   key: 1,
   class: "row"
 };
-const _hoisted_27$1 = /*#__PURE__*/createElementVNode("h5", null, "Confirm and Submit", -1 /* HOISTED */);
-const _hoisted_28$1 = /*#__PURE__*/createElementVNode("p", null, [
-  /*#__PURE__*/createTextVNode("By clicking submit, you agree to our "),
-  /*#__PURE__*/createElementVNode("a", {
-    target: "_blank",
-    href: "/"
-  }, "terms and conditions"),
-  /*#__PURE__*/createTextVNode(" and that you have read our "),
-  /*#__PURE__*/createElementVNode("a", {
-    target: "_blank",
-    href: "https://hauzisha.co.ke/privacy-policy"
-  }, "privacy policy")
-], -1 /* HOISTED */);
-const _hoisted_29$1 = [
-  _hoisted_27$1,
-  _hoisted_28$1
-];
-const _hoisted_30$1 = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_phone_input = resolveComponent("phone-input");
   const _component_ShSuggest = resolveComponent("ShSuggest");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$q,
-    createElementVNode("form", _hoisted_2$g, [
+    _cache[5] || (_cache[5] = createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */)),
+    createElementVNode("form", _hoisted_1$o, [
       createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
-        ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
-            _hoisted_4$e,
+        ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
+            _cache[2] || (_cache[2] = createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */)),
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_5$c, toDisplayString(_ctx.errorText), 1 /* TEXT */))
-              : (openBlock(), createElementBlock("span", _hoisted_6$9, "Unexpected Error Occurred")),
+              ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              : (openBlock(), createElementBlock("span", _hoisted_4$c, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
         : createCommentVNode("v-if", true),
@@ -2822,14 +2795,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 512 /* NEED_PATCH */), [
         [vModelText, _ctx.form_elements['id']]
       ]),
-      createElementVNode("div", _hoisted_7$8, [
+      createElementVNode("div", _hoisted_5$a, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
           return (openBlock(), createElementBlock("div", {
             class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
             key: field
           }, [
-            createElementVNode("label", _hoisted_8$7, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            createElementVNode("div", _hoisted_9$7, [
+            createElementVNode("label", _hoisted_6$8, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            createElementVNode("div", _hoisted_7$7, [
               ($options.getFieldType(field) === 'component')
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2854,7 +2827,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_10$7))
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_8$6))
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2866,7 +2839,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_11$7)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_9$6)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2880,7 +2853,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_12$6)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_10$4)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2895,7 +2868,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_13$4)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_11$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2908,7 +2881,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$4)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_12$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2947,7 +2920,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "text"
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_15$3)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_13$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2958,7 +2931,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_16$3)), [
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2974,28 +2947,28 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                       return (openBlock(), createElementBlock("option", {
                         key: $props.fillSelects[field].value ? item[$props.fillSelects[field].value]:item.id,
                         value: $props.fillSelects[field].value ? item[$props.fillSelects[field].value]:item.id
-                      }, toDisplayString($props.fillSelects[field].column ? item[$props.fillSelects[field].column]:item.name), 9 /* TEXT, PROPS */, _hoisted_18$3))
+                      }, toDisplayString($props.fillSelects[field].column ? item[$props.fillSelects[field].column]:item.name), 9 /* TEXT, PROPS */, _hoisted_16$1))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_17$3)), [
+                  ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_15$3)), [
                     [vModelSelect, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
               (_ctx.form_errors[field] != null )
-                ? (openBlock(), createElementBlock("div", _hoisted_19$1, toDisplayString(_ctx.form_errors[field][0]), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("div", _hoisted_17$1, toDisplayString(_ctx.form_errors[field][0]), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createElementVNode("div", {
                 class: normalizeClass($props.checkBoxes?.display ? ($props.checkBoxes.display =='row' ? 'd-flex': '' ) : ''  )
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.checkboxData[field], (item) => {
-                  return (openBlock(), createElementBlock("div", _hoisted_20$1, [
+                  return (openBlock(), createElementBlock("div", _hoisted_18$1, [
                     createElementVNode("input", {
                       class: "form-check-input",
                       type: "checkbox",
                       value: item.id,
                       disabled: item.disabled,
                       checked: item.checked
-                    }, null, 8 /* PROPS */, _hoisted_21$1),
-                    createElementVNode("label", _hoisted_22$1, toDisplayString(item.label), 1 /* TEXT */)
+                    }, null, 8 /* PROPS */, _hoisted_19$1),
+                    createElementVNode("label", _hoisted_20$1, toDisplayString(item.label), 1 /* TEXT */)
                   ]))
                 }), 256 /* UNKEYED_FRAGMENT */))
               ], 2 /* CLASS */),
@@ -3003,14 +2976,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass($props.radioBoxes?.display ? ($props.radioBoxes.display =='row' ? 'd-flex': '' ) : ''  )
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.radioboxData[field], (item) => {
-                  return (openBlock(), createElementBlock("div", _hoisted_23$1, [
+                  return (openBlock(), createElementBlock("div", _hoisted_21$1, [
                     createElementVNode("input", {
                       class: "form-check-input",
                       type: "radio",
                       name: field,
                       value: item.value
-                    }, null, 8 /* PROPS */, _hoisted_24$1),
-                    createElementVNode("label", _hoisted_25$1, toDisplayString(item.label), 1 /* TEXT */)
+                    }, null, 8 /* PROPS */, _hoisted_22$1),
+                    createElementVNode("label", _hoisted_23$1, toDisplayString(item.label), 1 /* TEXT */)
                   ]))
                 }), 256 /* UNKEYED_FRAGMENT */))
               ], 2 /* CLASS */)
@@ -3019,7 +2992,21 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */))
       ]),
       ($props.hasTerms)
-        ? (openBlock(), createElementBlock("div", _hoisted_26$1, [..._hoisted_29$1]))
+        ? (openBlock(), createElementBlock("div", _hoisted_24$1, _cache[3] || (_cache[3] = [
+            createElementVNode("h5", null, "Confirm and Submit", -1 /* HOISTED */),
+            createElementVNode("p", null, [
+              createTextVNode("By clicking submit, you agree to our "),
+              createElementVNode("a", {
+                target: "_blank",
+                href: "/"
+              }, "terms and conditions"),
+              createTextVNode(" and that you have read our "),
+              createElementVNode("a", {
+                target: "_blank",
+                href: "https://hauzisha.co.ke/privacy-policy"
+              }, "privacy policy")
+            ], -1 /* HOISTED */)
+          ])))
         : createCommentVNode("v-if", true),
       (_ctx.form_status == 1)
         ? (openBlock(), createElementBlock("button", {
@@ -3027,10 +3014,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["btn btn-primary", $options.getSubmitBtnClass()]),
             type: "button",
             disabled: ""
-          }, [
-            _hoisted_30$1,
+          }, _cache[4] || (_cache[4] = [
+            createElementVNode("span", {
+              class: "spinner-border spinner-border-sm",
+              role: "status",
+              "aria-hidden": "true"
+            }, null, -1 /* HOISTED */),
             createTextVNode(" Processing... ")
-          ], 2 /* CLASS */))
+          ]), 2 /* CLASS */))
         : (openBlock(), createElementBlock("button", {
             key: 3,
             "data-cy": "sh_form_submit",
@@ -3085,7 +3076,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$p = ["min", "max"];
+const _hoisted_1$n = ["min", "max"];
 
 
 var script$w = {
@@ -3120,7 +3111,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$p)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -3212,7 +3203,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$o = ["value"];
+const _hoisted_1$m = ["value"];
 
 
 var script$t = {
@@ -3230,7 +3221,6 @@ const modelValueUpdated = (e) => {
   emit('update:modelValue',inputModel);
 };
 onMounted(()=>{
-  console.log(props);
   props.modelValue && (inputModel.value = props.modelValue);
   const options = props.data ?? props.options;
   if(options){
@@ -3270,7 +3260,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$o))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3360,35 +3350,26 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$n = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
-const _hoisted_2$f = ["name", "onUpdate:modelValue"];
-const _hoisted_3$d = ["innerHTML"];
-const _hoisted_4$d = {
+const _hoisted_1$l = ["name", "onUpdate:modelValue"];
+const _hoisted_2$f = ["innerHTML"];
+const _hoisted_3$c = {
   key: 0,
   class: "text-danger sh-required"
 };
-const _hoisted_5$b = ["innerHTML"];
-const _hoisted_6$8 = {
+const _hoisted_4$b = ["innerHTML"];
+const _hoisted_5$9 = {
   key: 2,
   class: "form-notch"
 };
-const _hoisted_7$7 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */);
-const _hoisted_8$6 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */);
-const _hoisted_9$6 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */);
-const _hoisted_10$6 = [
-  _hoisted_7$7,
-  _hoisted_8$6,
-  _hoisted_9$6
-];
-const _hoisted_11$6 = ["innerHTML"];
-const _hoisted_12$5 = ["disabled"];
-const _hoisted_13$3 = {
+const _hoisted_6$7 = ["innerHTML"];
+const _hoisted_7$6 = ["disabled"];
+const _hoisted_8$5 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_14$3 = { key: 1 };
+const _hoisted_9$5 = { key: 1 };
 
 
 var script$q = {
@@ -3575,7 +3556,6 @@ const handlefailedRequest = reason => {
 };
 const submitBtnWidth = ref(null);
 const setExistingData = (existingData) => {
-  console.log(existingData,props);
   if (existingData) {
     const newFields = formFields.value.map(fl => {
       if (existingData[fl.field]) {
@@ -3594,7 +3574,7 @@ watch(() => props.currentData, (newData) => {
   setExistingData(newData);
 });
 onMounted((ev) => {
-  console.log(props);
+
   props.fields && props.fields.map(field => {
     let fieldObj = {};
     if (typeof field === 'object') {
@@ -3635,7 +3615,7 @@ onMounted((ev) => {
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$n,
+    _cache[2] || (_cache[2] = createElementVNode("div", null, null, -1 /* HOISTED */)),
     createElementVNode("form", {
       class: normalizeClass([__props.formClass, "sh-auto-form"]),
       ref_key: "shAutoForm",
@@ -3653,7 +3633,7 @@ return (_ctx, _cache) => {
                 type: "hidden",
                 name: field.field,
                 "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-              }, null, 8 /* PROPS */, _hoisted_2$f)), [
+              }, null, 8 /* PROPS */, _hoisted_1$l)), [
                 [vModelText, formFields.value[index].value]
               ])
             : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3665,9 +3645,9 @@ return (_ctx, _cache) => {
                       createElementVNode("span", {
                         innerHTML: field.label,
                         class: "sh-label"
-                      }, null, 8 /* PROPS */, _hoisted_3$d),
+                      }, null, 8 /* PROPS */, _hoisted_2$f),
                       (field.required)
-                        ? (openBlock(), createElementBlock("span", _hoisted_4$d, "*"))
+                        ? (openBlock(), createElementBlock("span", _hoisted_3$c, "*"))
                         : createCommentVNode("v-if", true)
                     ], 2 /* CLASS */))
                   : createCommentVNode("v-if", true),
@@ -3683,17 +3663,21 @@ return (_ctx, _cache) => {
                       key: 1,
                       class: normalizeClass(getElementClass('formLabel')),
                       innerHTML: field.label
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$b))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_4$b))
                   : createCommentVNode("v-if", true),
                 (unref(isFloating))
-                  ? (openBlock(), createElementBlock("div", _hoisted_6$8, [..._hoisted_10$6]))
+                  ? (openBlock(), createElementBlock("div", _hoisted_5$9, [...(_cache[1] || (_cache[1] = [
+                      createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */),
+                      createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */),
+                      createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */)
+                    ]))]))
                   : createCommentVNode("v-if", true),
                 (field.helper)
                   ? (openBlock(), createElementBlock("div", {
                       key: 3,
                       class: normalizeClass(getElementClass('helperText')),
                       innerHTML: field.helper
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_11$6))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_6$7))
                   : createCommentVNode("v-if", true),
                 (validationErrors.value[field.field])
                   ? (openBlock(), createElementBlock("div", {
@@ -3716,12 +3700,12 @@ return (_ctx, _cache) => {
           class: normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_13$3))
+            ? (openBlock(), createElementBlock("span", _hoisted_8$5))
             : createCommentVNode("v-if", true),
           (!loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_14$3, "Submit"))
+            ? (openBlock(), createElementBlock("span", _hoisted_9$5, "Submit"))
             : createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_12$5)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_7$6)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, NEED_HYDRATION */)
   ], 64 /* STABLE_FRAGMENT */))
@@ -3732,18 +3716,12 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$m = ["id", "data-bs-backdrop"];
+const _hoisted_1$k = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
-const _hoisted_3$c = { class: "modal-header" };
-const _hoisted_4$c = { class: "modal-title flex-fill" };
-const _hoisted_5$a = /*#__PURE__*/createElementVNode("button", {
-  type: "button",
-  class: "btn-close sh-modal-close",
-  "data-bs-dismiss": "modal",
-  "aria-label": "Close"
-}, null, -1 /* HOISTED */);
-const _hoisted_6$7 = { class: "modal-body" };
-const _hoisted_7$6 = { class: "section" };
+const _hoisted_3$b = { class: "modal-header" };
+const _hoisted_4$a = { class: "modal-title flex-fill" };
+const _hoisted_5$8 = { class: "modal-body" };
+const _hoisted_6$6 = { class: "section" };
 
 
 var script$p = {
@@ -3805,18 +3783,23 @@ return (_ctx, _cache) => {
       class: normalizeClass(["modal-dialog", modalClasses.value])
     }, [
       createElementVNode("div", _hoisted_2$e, [
-        createElementVNode("div", _hoisted_3$c, [
-          createElementVNode("h3", _hoisted_4$c, toDisplayString(__props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$a
+        createElementVNode("div", _hoisted_3$b, [
+          createElementVNode("h3", _hoisted_4$a, toDisplayString(__props.modalTitle), 1 /* TEXT */),
+          _cache[0] || (_cache[0] = createElementVNode("button", {
+            type: "button",
+            class: "btn-close sh-modal-close",
+            "data-bs-dismiss": "modal",
+            "aria-label": "Close"
+          }, null, -1 /* HOISTED */))
         ]),
-        createElementVNode("div", _hoisted_6$7, [
-          createElementVNode("div", _hoisted_7$6, [
+        createElementVNode("div", _hoisted_5$8, [
+          createElementVNode("div", _hoisted_6$6, [
             renderSlot(_ctx.$slots, "default")
           ])
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$m))
+  ], 8 /* PROPS */, _hoisted_1$k))
 }
 }
 
@@ -3824,10 +3807,9 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$l = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$d = { class: "dropdown sh-dropdown-form" };
-const _hoisted_3$b = ["id"];
-const _hoisted_4$b = ["aria-labelledby"];
+const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
+const _hoisted_2$d = ["id"];
+const _hoisted_3$a = ["aria-labelledby"];
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3877,8 +3859,8 @@ const formError = (res)=>{
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$l,
-    createElementVNode("div", _hoisted_2$d, [
+    _cache[0] || (_cache[0] = createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */)),
+    createElementVNode("div", _hoisted_1$j, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3889,7 +3871,7 @@ return (_ctx, _cache) => {
         "aria-expanded": "false"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10 /* CLASS, PROPS */, _hoisted_3$b),
+      ], 10 /* CLASS, PROPS */, _hoisted_2$d),
       createElementVNode("div", {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": _ctx.dropdownId
@@ -3901,7 +3883,7 @@ return (_ctx, _cache) => {
           onFormError: formError,
           key: JSON.stringify(__props.currentData ?? {})
         }, props), null, 16 /* FULL_PROPS */))
-      ], 8 /* PROPS */, _hoisted_4$b)
+      ], 8 /* PROPS */, _hoisted_3$a)
     ])
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -3911,7 +3893,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$k = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3973,7 +3955,7 @@ return (_ctx, _cache) => {
       onClick: emitClick
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$k),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
     createVNode(script$p, {
       "modal-size": __props.modalSize,
       "modal-id": unref(realModalId),
@@ -3998,7 +3980,7 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$j = ["href"];
+const _hoisted_1$h = ["href"];
 
 var script$m = {
   __name: 'ShModalFormAuto',
@@ -4039,7 +4021,7 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$h),
     createVNode(script$p, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle,
@@ -4058,20 +4040,20 @@ return (_ctx, _cache) => {
 
 script$m.__file = "src/lib/components/ShModalFormAuto.vue";
 
-const _hoisted_1$i = ["data-bs-scroll", "id"];
+const _hoisted_1$g = ["data-bs-scroll", "id"];
 const _hoisted_2$c = { class: "offcanvas-header" };
-const _hoisted_3$a = {
+const _hoisted_3$9 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$a = {
+const _hoisted_4$9 = {
   type: "button",
   ref: "closecanvas",
   class: "btn-close sh-offcanvas-close",
   "data-bs-dismiss": "offcanvas",
   "aria-label": "Close"
 };
-const _hoisted_5$9 = { class: "offcanvas-body" };
+const _hoisted_5$7 = { class: "offcanvas-body" };
 
 var script$l = {
   __name: 'ShCanvas',
@@ -4120,13 +4102,13 @@ return (_ctx, _cache) => {
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
     createElementVNode("div", _hoisted_2$c, [
-      createElementVNode("h5", _hoisted_3$a, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
-      createElementVNode("button", _hoisted_4$a, null, 512 /* NEED_PATCH */)
+      createElementVNode("h5", _hoisted_3$9, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
+      createElementVNode("button", _hoisted_4$9, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_5$9, [
+    createElementVNode("div", _hoisted_5$7, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$g))
 }
 }
 
@@ -4134,12 +4116,12 @@ return (_ctx, _cache) => {
 
 script$l.__file = "src/lib/components/ShCanvas.vue";
 
-const _hoisted_1$h = { class: "callout callout-info" };
+const _hoisted_1$f = { class: "callout callout-info" };
 
 function render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
     renderSlot(_ctx.$slots, "default", {}, () => [
-      createTextVNode(" No records found ")
+      _cache[0] || (_cache[0] = createTextVNode(" No records found "))
     ])
   ]))
 }
@@ -4247,13 +4229,6 @@ const useUserStore = defineStore('user-store', {
   }
 });
 
-const _hoisted_1$g = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-
 var script$j = {
   __name: 'ShConfirmAction',
   props: {
@@ -4330,7 +4305,11 @@ return (_ctx, _cache) => {
   }, [
     (processing.value)
       ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$g,
+          _cache[0] || (_cache[0] = createElementVNode("span", {
+            class: "spinner-border spinner-border-sm me-1",
+            role: "status",
+            "aria-hidden": "true"
+          }, null, -1 /* HOISTED */)),
           createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
         ], 64 /* STABLE_FRAGMENT */))
       : createCommentVNode("v-if", true),
@@ -4345,12 +4324,6 @@ return (_ctx, _cache) => {
 
 script$j.__file = "src/lib/components/ShConfirmAction.vue";
 
-const _hoisted_1$f = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
 var script$i = {
   __name: 'ShSilentAction',
   props: {
@@ -4429,7 +4402,11 @@ return (_ctx, _cache) => {
   }, [
     (processing.value)
       ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$f,
+          _cache[0] || (_cache[0] = createElementVNode("span", {
+            class: "spinner-border spinner-border-sm me-1",
+            role: "status",
+            "aria-hidden": "true"
+          }, null, -1 /* HOISTED */)),
           createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
         ], 64 /* STABLE_FRAGMENT */))
       : createCommentVNode("v-if", true),
@@ -4607,15 +4584,15 @@ const _hoisted_2$a = {
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 1,
   class: "bi bi-three-dots"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$8 = {
   key: 2,
   class: "bi bi-three-dots-vertical"
 };
-const _hoisted_5$8 = { class: "dropdown-menu" };
+const _hoisted_5$6 = { class: "dropdown-menu" };
 
 
 var script$g = {
@@ -4639,10 +4616,10 @@ return (_ctx, _cache) => {
                 class: normalizeClass(unref(icon))
               }, null, 2 /* CLASS */))
             : (unref(type) === 'dropdown-horizontal')
-              ? (openBlock(), createElementBlock("i", _hoisted_3$9))
-              : (openBlock(), createElementBlock("i", _hoisted_4$9))
+              ? (openBlock(), createElementBlock("i", _hoisted_3$8))
+              : (openBlock(), createElementBlock("i", _hoisted_4$8))
         ]),
-        createElementVNode("ul", _hoisted_5$8, [
+        createElementVNode("ul", _hoisted_5$6, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionItems), (act) => {
             return (openBlock(), createElementBlock("li", {
               key: act.label
@@ -4755,45 +4732,37 @@ var script$f = {
 
 const _hoisted_1$c = { key: 0 };
 const _hoisted_2$9 = { class: "record_count_body mb-3" };
-const _hoisted_3$8 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$8 = ["value"];
-const _hoisted_5$7 = { class: "record_counts" };
-const _hoisted_6$6 = {
+const _hoisted_3$7 = ["value"];
+const _hoisted_4$7 = { class: "record_counts" };
+const _hoisted_5$5 = {
   key: 0,
   "aria-label": "Page navigation"
 };
-const _hoisted_7$5 = { class: "pagination" };
-const _hoisted_8$5 = {
+const _hoisted_6$5 = { class: "pagination" };
+const _hoisted_7$5 = {
   key: 0,
   class: "page-link"
 };
-const _hoisted_9$5 = {
+const _hoisted_8$4 = {
   key: 1,
   class: "page-link"
 };
-const _hoisted_10$5 = ["onClick"];
-const _hoisted_11$5 = { key: 1 };
-const _hoisted_12$4 = {
+const _hoisted_9$4 = ["onClick"];
+const _hoisted_10$3 = { key: 1 };
+const _hoisted_11$2 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_13$2 = /*#__PURE__*/createElementVNode("div", {
-  class: "spinner-border",
-  role: "status"
-}, null, -1 /* HOISTED */);
-const _hoisted_14$2 = [
-  _hoisted_13$2
-];
-const _hoisted_15$2 = {
+const _hoisted_12$2 = {
   key: 1,
   class: "text-center"
 };
-const _hoisted_16$2 = { class: "per_page_show" };
-const _hoisted_17$2 = {
+const _hoisted_13$2 = { class: "per_page_show" };
+const _hoisted_14$2 = {
   key: 2,
   class: "text-center"
 };
-const _hoisted_18$2 = {
+const _hoisted_15$2 = {
   key: 1,
   class: "spinner-border"
 };
@@ -4802,24 +4771,24 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return ($props.paginationStyle !== 'loadMore')
     ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", _hoisted_2$9, [
-          _hoisted_3$8,
-          createTextVNode("  "),
+          _cache[5] || (_cache[5] = createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */)),
+          _cache[6] || (_cache[6] = createTextVNode("  ")),
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.pageOptions, (option) => {
-              return (openBlock(), createElementBlock("option", { value: option }, toDisplayString(option), 9 /* TEXT, PROPS */, _hoisted_4$8))
+              return (openBlock(), createElementBlock("option", { value: option }, toDisplayString(option), 9 /* TEXT, PROPS */, _hoisted_3$7))
             }), 256 /* UNKEYED_FRAGMENT */))
           ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
           ]),
-          createElementVNode("span", _hoisted_5$7, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          createElementVNode("span", _hoisted_4$7, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
-          ? (openBlock(), createElementBlock("nav", _hoisted_6$6, [
-              createElementVNode("ul", _hoisted_7$5, [
+          ? (openBlock(), createElementBlock("nav", _hoisted_5$5, [
+              createElementVNode("ul", _hoisted_6$5, [
                 createElementVNode("li", {
                   class: normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
                 }, [
@@ -4834,14 +4803,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     key: page
                   }, [
                     ($options.getActivePage === page)
-                      ? (openBlock(), createElementBlock("a", _hoisted_8$5, toDisplayString(page), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("a", _hoisted_7$5, toDisplayString(page), 1 /* TEXT */))
                       : (['..','...'].includes(page))
-                        ? (openBlock(), createElementBlock("a", _hoisted_9$5, toDisplayString(page), 1 /* TEXT */))
+                        ? (openBlock(), createElementBlock("a", _hoisted_8$4, toDisplayString(page), 1 /* TEXT */))
                         : (openBlock(), createElementBlock("a", {
                             key: 2,
                             onClick: $event => ($options.changeTableKey('page',page)),
                             class: "page-link"
-                          }, toDisplayString(page), 9 /* TEXT, PROPS */, _hoisted_10$5))
+                          }, toDisplayString(page), 9 /* TEXT, PROPS */, _hoisted_9$4))
                   ], 2 /* CLASS */))
                 }), 128 /* KEYED_FRAGMENT */)),
                 createElementVNode("li", {
@@ -4856,24 +4825,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             ]))
           : createCommentVNode("v-if", true)
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_11$5, [
+    : (openBlock(), createElementBlock("div", _hoisted_10$3, [
         (this.pagination_data.loading === 1 && $props.loadMore && $props.hideLoadMore)
-          ? (openBlock(), createElementBlock("div", _hoisted_12$4, [..._hoisted_14$2]))
+          ? (openBlock(), createElementBlock("div", _hoisted_11$2, _cache[7] || (_cache[7] = [
+              createElementVNode("div", {
+                class: "spinner-border",
+                role: "status"
+              }, null, -1 /* HOISTED */)
+            ])))
           : createCommentVNode("v-if", true),
         (!$props.hideCount)
-          ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
-              createElementVNode("span", _hoisted_16$2, "Showing " + toDisplayString($props.pagination_data.displayCount) + " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+              createElementVNode("span", _hoisted_13$2, "Showing " + toDisplayString($props.pagination_data.displayCount) + " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
             ]))
           : createCommentVNode("v-if", true),
         ($props.pagination_data.displayCount < $props.pagination_data.record_count && !$props.hideLoadMore)
-          ? (openBlock(), createElementBlock("div", _hoisted_17$2, [
+          ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
               (this.pagination_data.loading !== 1)
                 ? (openBlock(), createElementBlock("button", {
                     key: 0,
                     class: "btn btn-sm btn-primary mt-1",
                     onClick: _cache[4] || (_cache[4] = (...args) => ($options.loadMoreRecords && $options.loadMoreRecords(...args)))
                   }, " Load More "))
-                : (openBlock(), createElementBlock("span", _hoisted_18$2))
+                : (openBlock(), createElementBlock("span", _hoisted_15$2))
             ]))
           : createCommentVNode("v-if", true)
       ]))
@@ -4884,7 +4858,7 @@ script$f.__file = "src/lib/components/list_templates/Pagination.vue";
 
 const _hoisted_1$b = { class: "sh-range" };
 const _hoisted_2$8 = { class: "dropdown" };
-const _hoisted_3$7 = {
+const _hoisted_3$6 = {
   class: "form-control dropdown-toggle",
   href: "#",
   role: "button",
@@ -4892,17 +4866,15 @@ const _hoisted_3$7 = {
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
 };
-const _hoisted_4$7 = /*#__PURE__*/createElementVNode("i", { class: "bi-calendar text-dark" }, null, -1 /* HOISTED */);
-const _hoisted_5$6 = ["innerHTML"];
-const _hoisted_6$5 = {
+const _hoisted_4$6 = ["innerHTML"];
+const _hoisted_5$4 = {
   class: "dropdown-menu sh-range-dropdown",
   "aria-labelledby": "dropdownMenuLink"
 };
-const _hoisted_7$4 = { class: "sh-range-preset" };
-const _hoisted_8$4 = ["onClick"];
-const _hoisted_9$4 = { class: "border-top" };
-const _hoisted_10$4 = { class: "dropdown-item d-flex flex-column" };
-const _hoisted_11$4 = /*#__PURE__*/createElementVNode("span", null, "Custom", -1 /* HOISTED */);
+const _hoisted_6$4 = { class: "sh-range-preset" };
+const _hoisted_7$4 = ["onClick"];
+const _hoisted_8$3 = { class: "border-top" };
+const _hoisted_9$3 = { class: "dropdown-item d-flex flex-column" };
 
 
 
@@ -5017,13 +4989,13 @@ onMounted(() => {
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", _hoisted_1$b, [
     createElementVNode("div", _hoisted_2$8, [
-      createElementVNode("div", _hoisted_3$7, [
-        _hoisted_4$7,
-        createTextVNode(),
-        createElementVNode("span", { innerHTML: rangeLabel.value }, null, 8 /* PROPS */, _hoisted_5$6)
+      createElementVNode("div", _hoisted_3$6, [
+        _cache[2] || (_cache[2] = createElementVNode("i", { class: "bi-calendar text-dark" }, null, -1 /* HOISTED */)),
+        _cache[3] || (_cache[3] = createTextVNode()),
+        createElementVNode("span", { innerHTML: rangeLabel.value }, null, 8 /* PROPS */, _hoisted_4$6)
       ]),
-      createElementVNode("div", _hoisted_6$5, [
-        createElementVNode("ul", _hoisted_7$4, [
+      createElementVNode("div", _hoisted_5$4, [
+        createElementVNode("ul", _hoisted_6$4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(dates.value, (date) => {
             return (openBlock(), createElementBlock("li", {
               key: date.label,
@@ -5033,13 +5005,13 @@ return (_ctx, _cache) => {
                 class: normalizeClass(["dropdown-item", date.value === selectedDate.value ? 'active' : '']),
                 href: "#"
               }, toDisplayString(date.label), 3 /* TEXT, CLASS */)
-            ], 8 /* PROPS */, _hoisted_8$4))
+            ], 8 /* PROPS */, _hoisted_7$4))
           }), 128 /* KEYED_FRAGMENT */))
         ]),
         createElementVNode("ul", null, [
-          createElementVNode("li", _hoisted_9$4, [
-            createElementVNode("div", _hoisted_10$4, [
-              _hoisted_11$4,
+          createElementVNode("li", _hoisted_8$3, [
+            createElementVNode("div", _hoisted_9$3, [
+              _cache[4] || (_cache[4] = createElementVNode("span", null, "Custom", -1 /* HOISTED */)),
               createElementVNode("div", null, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((customFrom).value = $event)),
@@ -5079,170 +5051,121 @@ const _hoisted_2$7 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$6 = ["disabled"];
-const _hoisted_4$6 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
-const _hoisted_5$5 = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-const _hoisted_6$4 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
-const _hoisted_7$3 = {
+const _hoisted_3$5 = ["disabled"];
+const _hoisted_4$5 = {
   key: 1,
   class: "row"
 };
-const _hoisted_8$3 = { class: "col-12 mb-3 d-flex justify-content-between flex-column flex-md-row flex-lg-row" };
-const _hoisted_9$3 = ["placeholder"];
-const _hoisted_10$3 = {
+const _hoisted_5$3 = { class: "col-12 mb-3 d-flex justify-content-between flex-column flex-md-row flex-lg-row" };
+const _hoisted_6$3 = ["placeholder"];
+const _hoisted_7$3 = {
   key: 0,
   class: "input-group-text exact_checkbox"
 };
-const _hoisted_11$3 = /*#__PURE__*/createElementVNode("span", { class: "ms-1" }, "Exact", -1 /* HOISTED */);
-const _hoisted_12$3 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "sh-range-selector"
 };
-const _hoisted_13$1 = {
+const _hoisted_9$2 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_14$1 = /*#__PURE__*/createElementVNode("div", {
-  class: "spinner-border",
-  role: "status"
-}, [
-  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
-], -1 /* HOISTED */);
-const _hoisted_15$1 = [
-  _hoisted_14$1
-];
-const _hoisted_16$1 = {
+const _hoisted_10$2 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_17$1 = {
+const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_18$1 = /*#__PURE__*/createElementVNode("div", {
-  class: "spinner-border",
-  role: "status"
-}, [
-  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
-], -1 /* HOISTED */);
-const _hoisted_19 = [
-  _hoisted_18$1
-];
-const _hoisted_20 = {
+const _hoisted_12$1 = {
   key: 1,
   class: "alert alert-danger error-loading"
 };
-const _hoisted_21 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
-const _hoisted_22 = { class: "sh-thead" };
-const _hoisted_23 = ["onClick"];
-const _hoisted_24 = ["onClick"];
-const _hoisted_25 = ["onClick"];
-const _hoisted_26 = ["onClick"];
-const _hoisted_27 = {
+const _hoisted_13$1 = { class: "sh-thead" };
+const _hoisted_14$1 = { key: 0 };
+const _hoisted_15$1 = ["onClick"];
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = {
   key: 0,
   class: "text-capitalize"
 };
-const _hoisted_28 = { class: "sh-tbody" };
-const _hoisted_29 = {
+const _hoisted_20 = { class: "sh-tbody" };
+const _hoisted_21 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_30 = ["colspan"];
-const _hoisted_31 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
-  /*#__PURE__*/createElementVNode("div", {
-    class: "spinner-border",
-    role: "status"
-  }, [
-    /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
-  ])
-], -1 /* HOISTED */);
-const _hoisted_32 = [
-  _hoisted_31
-];
-const _hoisted_33 = {
+const _hoisted_22 = ["colspan"];
+const _hoisted_23 = {
   key: 1,
   class: "text-center alert alert-danger"
 };
-const _hoisted_34 = ["colspan"];
-const _hoisted_35 = {
+const _hoisted_24 = ["colspan"];
+const _hoisted_25 = {
   key: 2,
   class: "text-center alert alert-info no_records"
 };
-const _hoisted_36 = ["colspan"];
-const _hoisted_37 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
-const _hoisted_38 = ["onClick"];
-const _hoisted_39 = { key: 1 };
-const _hoisted_40 = {
+const _hoisted_26 = ["colspan"];
+const _hoisted_27 = ["onClick"];
+const _hoisted_28 = { key: 0 };
+const _hoisted_29 = { key: 1 };
+const _hoisted_30 = {
   key: 2,
   class: "text-success fw-bold"
 };
-const _hoisted_41 = { key: 3 };
-const _hoisted_42 = ["innerHTML"];
-const _hoisted_43 = ["innerHTML"];
-const _hoisted_44 = ["innerHTML"];
-const _hoisted_45 = ["innerHTML"];
-const _hoisted_46 = ["innerHTML"];
-const _hoisted_47 = ["innerHTML"];
-const _hoisted_48 = {
+const _hoisted_31 = { key: 3 };
+const _hoisted_32 = ["innerHTML"];
+const _hoisted_33 = ["innerHTML"];
+const _hoisted_34 = ["innerHTML"];
+const _hoisted_35 = ["innerHTML"];
+const _hoisted_36 = ["innerHTML"];
+const _hoisted_37 = ["innerHTML"];
+const _hoisted_38 = {
   key: 0,
   style: {"white-space":"nowrap"}
 };
-const _hoisted_49 = { key: 5 };
-const _hoisted_50 = {
+const _hoisted_39 = { key: 5 };
+const _hoisted_40 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
-  /*#__PURE__*/createElementVNode("div", {
-    class: "spinner-border",
-    role: "status"
-  }, [
-    /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
-  ])
-], -1 /* HOISTED */);
-const _hoisted_52 = [
-  _hoisted_51
-];
-const _hoisted_53 = { key: 1 };
-const _hoisted_54 = {
+const _hoisted_41 = { key: 1 };
+const _hoisted_42 = {
   key: 2,
   class: "mobile-list-items"
 };
-const _hoisted_55 = ["onClick"];
-const _hoisted_56 = {
+const _hoisted_43 = ["onClick"];
+const _hoisted_44 = {
   key: 0,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_57 = {
+const _hoisted_45 = {
   key: 1,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_58 = {
+const _hoisted_46 = {
   key: 2,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_59 = {
+const _hoisted_47 = {
   key: 3,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_60 = { key: 1 };
-const _hoisted_61 = {
+const _hoisted_48 = { key: 1 };
+const _hoisted_49 = {
   key: 2,
   class: "text-primary fw-bold"
 };
-const _hoisted_62 = { key: 3 };
-const _hoisted_63 = ["innerHTML"];
-const _hoisted_64 = ["innerHTML"];
-const _hoisted_65 = ["innerHTML"];
-const _hoisted_66 = ["innerHTML"];
-const _hoisted_67 = ["innerHTML"];
-const _hoisted_68 = ["innerHTML"];
-const _hoisted_69 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
-const _hoisted_70 = { key: 0 };
+const _hoisted_50 = { key: 3 };
+const _hoisted_51 = ["innerHTML"];
+const _hoisted_52 = ["innerHTML"];
+const _hoisted_53 = ["innerHTML"];
+const _hoisted_54 = ["innerHTML"];
+const _hoisted_55 = ["innerHTML"];
+const _hoisted_56 = ["innerHTML"];
+const _hoisted_57 = { key: 0 };
 
 const __default__ = {
   name: 'sh-table',
@@ -5571,7 +5494,7 @@ const __default__ = {
 };
 
 
-var script$d = /*#__PURE__*/Object.assign(__default__, {
+var script$d = /*@__PURE__*/Object.assign(__default__, {
   setup(__props) {
 
 const noRecordsComponent = inject('noRecordsComponent', script$k);
@@ -5586,6 +5509,16 @@ const cleanColumn = col=>{
   return newCol
 };
 
+const showColumn = header=>{
+  if(typeof header === 'string'){
+    return true
+  }
+  if(typeof header === 'object' && header.validator) {
+    return header.validator()
+  }
+  return true
+};
+
 
 return (_ctx, _cache) => {
   const _component_router_link = resolveComponent("router-link");
@@ -5600,19 +5533,23 @@ return (_ctx, _cache) => {
           }, [
             (!_ctx.downloading)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$6,
-                  createTextVNode(" Export ")
+                  _cache[7] || (_cache[7] = createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */)),
+                  _cache[8] || (_cache[8] = createTextVNode(" Export "))
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_5$5,
-                  _hoisted_6$4
+                  _cache[9] || (_cache[9] = createElementVNode("span", {
+                    class: "spinner-border spinner-border-sm",
+                    role: "status",
+                    "aria-hidden": "true"
+                  }, null, -1 /* HOISTED */)),
+                  _cache[10] || (_cache[10] = createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */))
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$6)
+          ], 8 /* PROPS */, _hoisted_3$5)
         ]))
       : createCommentVNode("v-if", true),
     (!__props.hideSearch)
-      ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-          createElementVNode("div", _hoisted_8$3, [
+      ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+          createElementVNode("div", _hoisted_5$3, [
             createElementVNode("div", {
               class: normalizeClass(["sh-search-bar input-group", __props.hasRange ? 'me-2':''])
             }, [
@@ -5624,11 +5561,11 @@ return (_ctx, _cache) => {
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((_ctx.filter_value) = $event)),
                 placeholder: __props.searchPlaceholder ? __props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_9$3), [
+              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$3), [
                 [vModelText, _ctx.filter_value]
               ]),
               (_ctx.filter_value.length > 1)
-                ? (openBlock(), createElementBlock("span", _hoisted_10$3, [
+                ? (openBlock(), createElementBlock("span", _hoisted_7$3, [
                     withDirectives(createElementVNode("input", {
                       onChange: _cache[5] || (_cache[5] = (...args) => (_ctx.reloadData && _ctx.reloadData(...args))),
                       value: true,
@@ -5637,12 +5574,12 @@ return (_ctx, _cache) => {
                     }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [
                       [vModelCheckbox, _ctx.exactMatch]
                     ]),
-                    _hoisted_11$3
+                    _cache[11] || (_cache[11] = createElementVNode("span", { class: "ms-1" }, "Exact", -1 /* HOISTED */))
                   ]))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */),
             (__props.hasRange)
-              ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
+              ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
                   createVNode(script$e, {
                     onRangeSelected: _ctx.rangeChanged,
                     selected: __props.selectedRange
@@ -5655,9 +5592,16 @@ return (_ctx, _cache) => {
     (_ctx.hasDefaultSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           (_ctx.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_13$1, [..._hoisted_15$1]))
+            ? (openBlock(), createElementBlock("div", _hoisted_9$2, _cache[12] || (_cache[12] = [
+                createElementVNode("div", {
+                  class: "spinner-border",
+                  role: "status"
+                }, [
+                  createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+                ], -1 /* HOISTED */)
+              ])))
             : (_ctx.loading === 'error')
-              ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+              ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
                   createElementVNode("span", null, toDisplayString(_ctx.loading_error), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
@@ -5673,9 +5617,16 @@ return (_ctx, _cache) => {
       : (_ctx.hasRecordsSlot)
         ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             (_ctx.loading === 'loading' && !__props.cacheKey)
-              ? (openBlock(), createElementBlock("div", _hoisted_17$1, [..._hoisted_19]))
+              ? (openBlock(), createElementBlock("div", _hoisted_11$1, _cache[13] || (_cache[13] = [
+                  createElementVNode("div", {
+                    class: "spinner-border",
+                    role: "status"
+                  }, [
+                    createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+                  ], -1 /* HOISTED */)
+                ])))
               : (_ctx.loading === 'error' && !__props.cacheKey)
-                ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
                     createElementVNode("span", null, toDisplayString(_ctx.loading_error), 1 /* TEXT */)
                   ]))
                 : createCommentVNode("v-if", true),
@@ -5684,7 +5635,7 @@ return (_ctx, _cache) => {
                   (!_ctx.records || _ctx.records.length === 0)
                     ? (openBlock(), createBlock(resolveDynamicComponent(unref(noRecordsComponent)), { key: 0 }, {
                         default: withCtx(() => [
-                          _hoisted_21,
+                          _cache[14] || (_cache[14] = createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */)),
                           createTextVNode(" " + toDisplayString(__props.noRecordsMessage ?? 'No records found'), 1 /* TEXT */)
                         ]),
                         _: 1 /* STABLE */
@@ -5699,63 +5650,76 @@ return (_ctx, _cache) => {
               key: 4,
               class: normalizeClass(["table sh-table", __props.tableHover ? 'table-hover':''])
             }, [
-              createElementVNode("thead", _hoisted_22, [
+              createElementVNode("thead", _hoisted_13$1, [
                 createElementVNode("tr", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tableHeaders, (title) => {
-                    return (openBlock(), createElementBlock("th", { key: title }, [
-                      (typeof title === 'string')
-                        ? (openBlock(), createElementBlock("a", {
-                            key: 0,
-                            class: "text-capitalize",
-                            onClick: $event => (_ctx.changeKey('order_by',title))
-                          }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
-                        : (typeof title === 'object')
-                          ? (openBlock(), createElementBlock("a", {
-                              key: 1,
-                              class: "text-capitalize",
-                              onClick: $event => (_ctx.changeKey('order_by',title.key))
-                            }, toDisplayString(title.label ?? title.key.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
-                          : (typeof title === 'function')
-                            ? (openBlock(), createElementBlock("a", {
-                                key: 2,
-                                class: "text-capitalize",
-                                onClick: $event => (_ctx.changeKey('order_by',title(null)))
-                              }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
-                            : (typeof title !== 'undefined')
+                    return (openBlock(), createElementBlock(Fragment, { key: title }, [
+                      (showColumn(title))
+                        ? (openBlock(), createElementBlock("th", _hoisted_14$1, [
+                            (typeof title === 'string')
                               ? (openBlock(), createElementBlock("a", {
-                                  key: 3,
+                                  key: 0,
                                   class: "text-capitalize",
                                   onClick: $event => (_ctx.changeKey('order_by',title))
-                                }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_26))
-                              : createCommentVNode("v-if", true)
-                    ]))
+                                }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_15$1))
+                              : (typeof title === 'object')
+                                ? (openBlock(), createElementBlock("a", {
+                                    key: 1,
+                                    class: "text-capitalize",
+                                    onClick: $event => (_ctx.changeKey('order_by',title.key))
+                                  }, toDisplayString(title.label ?? title.key.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_16))
+                                : (typeof title === 'function')
+                                  ? (openBlock(), createElementBlock("a", {
+                                      key: 2,
+                                      class: "text-capitalize",
+                                      onClick: $event => (_ctx.changeKey('order_by',title(null)))
+                                    }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_17))
+                                  : (typeof title !== 'undefined')
+                                    ? (openBlock(), createElementBlock("a", {
+                                        key: 3,
+                                        class: "text-capitalize",
+                                        onClick: $event => (_ctx.changeKey('order_by',title))
+                                      }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_18))
+                                    : createCommentVNode("v-if", true)
+                          ]))
+                        : createCommentVNode("v-if", true)
+                    ], 64 /* STABLE_FRAGMENT */))
                   }), 128 /* KEYED_FRAGMENT */)),
                   (__props.actions)
-                    ? (openBlock(), createElementBlock("th", _hoisted_27, toDisplayString(__props.actions.label), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("th", _hoisted_19, toDisplayString(__props.actions.label), 1 /* TEXT */))
                     : createCommentVNode("v-if", true)
                 ])
               ]),
-              createElementVNode("tbody", _hoisted_28, [
+              createElementVNode("tbody", _hoisted_20, [
                 (_ctx.loading === 'loading')
-                  ? (openBlock(), createElementBlock("tr", _hoisted_29, [
+                  ? (openBlock(), createElementBlock("tr", _hoisted_21, [
                       createElementVNode("td", {
                         colspan: _ctx.tableHeaders.length
-                      }, [..._hoisted_32], 8 /* PROPS */, _hoisted_30)
+                      }, _cache[15] || (_cache[15] = [
+                        createElementVNode("div", { class: "text-center" }, [
+                          createElementVNode("div", {
+                            class: "spinner-border",
+                            role: "status"
+                          }, [
+                            createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+                          ])
+                        ], -1 /* HOISTED */)
+                      ]), 8 /* PROPS */, _hoisted_22)
                     ]))
                   : (_ctx.loading === 'error')
-                    ? (openBlock(), createElementBlock("tr", _hoisted_33, [
+                    ? (openBlock(), createElementBlock("tr", _hoisted_23, [
                         createElementVNode("td", {
                           colspan: _ctx.tableHeaders.length
-                        }, toDisplayString(_ctx.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
+                        }, toDisplayString(_ctx.loading_error), 9 /* TEXT, PROPS */, _hoisted_24)
                       ]))
                     : (_ctx.records.length === 0)
-                      ? (openBlock(), createElementBlock("tr", _hoisted_35, [
+                      ? (openBlock(), createElementBlock("tr", _hoisted_25, [
                           createElementVNode("td", {
                             colspan: __props.actions ? _ctx.tableHeaders.length + 1 : _ctx.tableHeaders.length
-                          }, [
-                            _hoisted_37,
+                          }, _cache[16] || (_cache[16] = [
+                            createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */),
                             createTextVNode(" No records found ")
-                          ], 8 /* PROPS */, _hoisted_36)
+                          ]), 8 /* PROPS */, _hoisted_26)
                         ]))
                       : (_ctx.loading === 'done')
                         ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(_ctx.records, (record, index) => {
@@ -5765,60 +5729,64 @@ return (_ctx, _cache) => {
                               onClick: $event => (_ctx.rowSelected(record))
                             }, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tableHeaders, (key) => {
-                                return (openBlock(), createElementBlock("td", { key: key }, [
-                                  (typeof key === 'string' && __props.links && __props.links[key])
-                                    ? (openBlock(), createBlock(_component_router_link, {
-                                        key: 0,
-                                        target: __props.links[key].target ? '_blank':'',
-                                        to: _ctx.replaceLinkUrl(__props.links[key],record),
-                                        class: normalizeClass(_ctx.getLinkClass(__props.links[key])),
-                                        innerHTML: record[key]
-                                      }, null, 8 /* PROPS */, ["target", "to", "class", "innerHTML"]))
-                                    : (_ctx.getFieldType(key) === 'numeric')
-                                      ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
-                                      : (_ctx.getFieldType(key) === 'money')
-                                        ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
-                                        : (_ctx.getFieldType(key) === 'date')
-                                          ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(_ctx.formatDate(record[key])), 1 /* TEXT */))
-                                          : (typeof key === 'string')
-                                            ? (openBlock(), createElementBlock("span", {
-                                                key: 4,
-                                                innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_42))
-                                            : (typeof key === 'function')
-                                              ? (openBlock(), createElementBlock("span", {
-                                                  key: 5,
-                                                  innerHTML: key(record, index)
-                                                }, null, 8 /* PROPS */, _hoisted_43))
-                                              : (typeof key === 'object' && key.callBack)
-                                                ? (openBlock(), createElementBlock("span", {
-                                                    key: 6,
-                                                    innerHTML: key.callBack(record, index)
-                                                  }, null, 8 /* PROPS */, _hoisted_44))
-                                                : (typeof key === 'object' && key.callback)
+                                return (openBlock(), createElementBlock(Fragment, { key: key }, [
+                                  (showColumn(key))
+                                    ? (openBlock(), createElementBlock("td", _hoisted_28, [
+                                        (typeof key === 'string' && __props.links && __props.links[key])
+                                          ? (openBlock(), createBlock(_component_router_link, {
+                                              key: 0,
+                                              target: __props.links[key].target ? '_blank':'',
+                                              to: _ctx.replaceLinkUrl(__props.links[key],record),
+                                              class: normalizeClass(_ctx.getLinkClass(__props.links[key])),
+                                              innerHTML: record[key]
+                                            }, null, 8 /* PROPS */, ["target", "to", "class", "innerHTML"]))
+                                          : (_ctx.getFieldType(key) === 'numeric')
+                                            ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                            : (_ctx.getFieldType(key) === 'money')
+                                              ? (openBlock(), createElementBlock("span", _hoisted_30, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                              : (_ctx.getFieldType(key) === 'date')
+                                                ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(_ctx.formatDate(record[key])), 1 /* TEXT */))
+                                                : (typeof key === 'string')
                                                   ? (openBlock(), createElementBlock("span", {
-                                                      key: 7,
-                                                      innerHTML: key.callback(record, index)
-                                                    }, null, 8 /* PROPS */, _hoisted_45))
-                                                  : (typeof key === 'object' && key.component)
-                                                    ? (openBlock(), createBlock(resolveDynamicComponent(key.component), mergeProps({
-                                                        key: 8,
-                                                        item: record,
-                                                        ref_for: true
-                                                      }, cleanColumn(key)), null, 16 /* FULL_PROPS */, ["item"]))
-                                                    : (typeof key === 'object')
+                                                      key: 4,
+                                                      innerHTML: record[key]
+                                                    }, null, 8 /* PROPS */, _hoisted_32))
+                                                  : (typeof key === 'function')
+                                                    ? (openBlock(), createElementBlock("span", {
+                                                        key: 5,
+                                                        innerHTML: key(record, index)
+                                                      }, null, 8 /* PROPS */, _hoisted_33))
+                                                    : (typeof key === 'object' && key.callBack)
                                                       ? (openBlock(), createElementBlock("span", {
-                                                          key: 9,
-                                                          innerHTML: record[key.key ?? key.field]
-                                                        }, null, 8 /* PROPS */, _hoisted_46))
-                                                      : (openBlock(), createElementBlock("span", {
-                                                          key: 10,
-                                                          innerHTML: record[key[0]]
-                                                        }, null, 8 /* PROPS */, _hoisted_47))
-                                ]))
+                                                          key: 6,
+                                                          innerHTML: key.callBack(record, index)
+                                                        }, null, 8 /* PROPS */, _hoisted_34))
+                                                      : (typeof key === 'object' && key.callback)
+                                                        ? (openBlock(), createElementBlock("span", {
+                                                            key: 7,
+                                                            innerHTML: key.callback(record, index)
+                                                          }, null, 8 /* PROPS */, _hoisted_35))
+                                                        : (typeof key === 'object' && key.component)
+                                                          ? (openBlock(), createBlock(resolveDynamicComponent(key.component), mergeProps({
+                                                              key: 8,
+                                                              item: record,
+                                                              ref_for: true
+                                                            }, cleanColumn(key)), null, 16 /* FULL_PROPS */, ["item"]))
+                                                          : (typeof key === 'object')
+                                                            ? (openBlock(), createElementBlock("span", {
+                                                                key: 9,
+                                                                innerHTML: record[key.key ?? key.field]
+                                                              }, null, 8 /* PROPS */, _hoisted_36))
+                                                            : (openBlock(), createElementBlock("span", {
+                                                                key: 10,
+                                                                innerHTML: record[key[0]]
+                                                              }, null, 8 /* PROPS */, _hoisted_37))
+                                      ]))
+                                    : createCommentVNode("v-if", true)
+                                ], 64 /* STABLE_FRAGMENT */))
                               }), 128 /* KEYED_FRAGMENT */)),
                               (__props.actions)
-                                ? (openBlock(), createElementBlock("td", _hoisted_48, [
+                                ? (openBlock(), createElementBlock("td", _hoisted_38, [
                                     createVNode(script$g, {
                                       emitAction: _ctx.doEmitAction,
                                       actions: __props.actions,
@@ -5826,20 +5794,29 @@ return (_ctx, _cache) => {
                                     }, null, 8 /* PROPS */, ["emitAction", "actions", "record"])
                                   ]))
                                 : createCommentVNode("v-if", true)
-                            ], 10 /* CLASS, PROPS */, _hoisted_38))
+                            ], 10 /* CLASS, PROPS */, _hoisted_27))
                           }), 128 /* KEYED_FRAGMENT */))
                         : createCommentVNode("v-if", true)
               ])
             ], 2 /* CLASS */))
-          : (openBlock(), createElementBlock("div", _hoisted_49, [
+          : (openBlock(), createElementBlock("div", _hoisted_39, [
               (_ctx.loading === 'loading')
-                ? (openBlock(), createElementBlock("div", _hoisted_50, [..._hoisted_52]))
+                ? (openBlock(), createElementBlock("div", _hoisted_40, _cache[17] || (_cache[17] = [
+                    createElementVNode("div", { class: "text-center" }, [
+                      createElementVNode("div", {
+                        class: "spinner-border",
+                        role: "status"
+                      }, [
+                        createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+                      ])
+                    ], -1 /* HOISTED */)
+                  ])))
                 : (_ctx.loading === 'error')
-                  ? (openBlock(), createElementBlock("div", _hoisted_53, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_41, [
                       createElementVNode("span", null, toDisplayString(_ctx.loading_error), 1 /* TEXT */)
                     ]))
                   : (_ctx.loading === 'done')
-                    ? (openBlock(), createElementBlock("div", _hoisted_54, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_42, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.records, (record, index) => {
                           return (openBlock(), createElementBlock("div", {
                             key: record.id,
@@ -5850,68 +5827,72 @@ return (_ctx, _cache) => {
                               return (openBlock(), createElementBlock(Fragment, {
                                 key: key[0]
                               }, [
-                                (typeof key === 'string' )
-                                  ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
-                                  : (typeof key === 'function')
-                                    ? (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
-                                    : (typeof key === 'object')
-                                      ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString(key.label ?? key.key.replace(/_/g, ' ')), 1 /* TEXT */))
-                                      : (openBlock(), createElementBlock("p", _hoisted_59, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
-                                createElementVNode("span", null, [
-                                  (typeof key === 'string' && __props.links && __props.links[key])
-                                    ? (openBlock(), createBlock(_component_router_link, {
-                                        key: 0,
-                                        to: _ctx.replaceLinkUrl(__props.links[key],record),
-                                        class: normalizeClass(_ctx.getLinkClass(__props.links[key])),
-                                        innerHTML: record[key]
-                                      }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
-                                    : (_ctx.getFieldType(key) === 'numeric')
-                                      ? (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
-                                      : (_ctx.getFieldType(key) === 'money')
-                                        ? (openBlock(), createElementBlock("span", _hoisted_61, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
-                                        : (_ctx.getFieldType(key) === 'date')
-                                          ? (openBlock(), createElementBlock("span", _hoisted_62, toDisplayString(_ctx.formatDate(record[key])), 1 /* TEXT */))
-                                          : (typeof key    === 'string')
-                                            ? (openBlock(), createElementBlock("span", {
-                                                key: 4,
-                                                innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_63))
-                                            : (typeof key === 'object' && key.callBack)
-                                              ? (openBlock(), createElementBlock("span", {
-                                                  key: 5,
-                                                  innerHTML: key.callBack(record, index)
-                                                }, null, 8 /* PROPS */, _hoisted_64))
-                                              : (typeof key === 'object' && key.callback)
-                                                ? (openBlock(), createElementBlock("span", {
-                                                    key: 6,
-                                                    innerHTML: key.callback(record, index)
-                                                  }, null, 8 /* PROPS */, _hoisted_65))
-                                                : (typeof key === 'object' && key.component)
-                                                  ? (openBlock(), createBlock(resolveDynamicComponent(key.component), mergeProps({
-                                                      key: 7,
-                                                      item: record,
-                                                      ref_for: true
-                                                    }, cleanColumn(key)), null, 16 /* FULL_PROPS */, ["item"]))
-                                                  : (typeof key    === 'object')
+                                (showColumn(key))
+                                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                      (typeof key === 'string' )
+                                        ? (openBlock(), createElementBlock("p", _hoisted_44, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                        : (typeof key === 'function')
+                                          ? (openBlock(), createElementBlock("p", _hoisted_45, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
+                                          : (typeof key === 'object')
+                                            ? (openBlock(), createElementBlock("p", _hoisted_46, toDisplayString(key.label ?? key.key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                            : (openBlock(), createElementBlock("p", _hoisted_47, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
+                                      createElementVNode("span", null, [
+                                        (typeof key === 'string' && __props.links && __props.links[key])
+                                          ? (openBlock(), createBlock(_component_router_link, {
+                                              key: 0,
+                                              to: _ctx.replaceLinkUrl(__props.links[key],record),
+                                              class: normalizeClass(_ctx.getLinkClass(__props.links[key])),
+                                              innerHTML: record[key]
+                                            }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
+                                          : (_ctx.getFieldType(key) === 'numeric')
+                                            ? (openBlock(), createElementBlock("span", _hoisted_48, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                            : (_ctx.getFieldType(key) === 'money')
+                                              ? (openBlock(), createElementBlock("span", _hoisted_49, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                              : (_ctx.getFieldType(key) === 'date')
+                                                ? (openBlock(), createElementBlock("span", _hoisted_50, toDisplayString(_ctx.formatDate(record[key])), 1 /* TEXT */))
+                                                : (typeof key    === 'string')
+                                                  ? (openBlock(), createElementBlock("span", {
+                                                      key: 4,
+                                                      innerHTML: record[key]
+                                                    }, null, 8 /* PROPS */, _hoisted_51))
+                                                  : (typeof key === 'object' && key.callBack)
                                                     ? (openBlock(), createElementBlock("span", {
-                                                        key: 8,
-                                                        innerHTML: record[key.key ?? key.field]
-                                                      }, null, 8 /* PROPS */, _hoisted_66))
-                                                    : (typeof key === 'function')
+                                                        key: 5,
+                                                        innerHTML: key.callBack(record, index)
+                                                      }, null, 8 /* PROPS */, _hoisted_52))
+                                                    : (typeof key === 'object' && key.callback)
                                                       ? (openBlock(), createElementBlock("span", {
-                                                          key: 9,
-                                                          innerHTML: key(record, index )
-                                                        }, null, 8 /* PROPS */, _hoisted_67))
-                                                      : (openBlock(), createElementBlock("span", {
-                                                          key: 10,
-                                                          innerHTML: record[key[0]]
-                                                        }, null, 8 /* PROPS */, _hoisted_68))
-                                ]),
-                                _hoisted_69
+                                                          key: 6,
+                                                          innerHTML: key.callback(record, index)
+                                                        }, null, 8 /* PROPS */, _hoisted_53))
+                                                      : (typeof key === 'object' && key.component)
+                                                        ? (openBlock(), createBlock(resolveDynamicComponent(key.component), mergeProps({
+                                                            key: 7,
+                                                            item: record,
+                                                            ref_for: true
+                                                          }, cleanColumn(key)), null, 16 /* FULL_PROPS */, ["item"]))
+                                                        : (typeof key    === 'object')
+                                                          ? (openBlock(), createElementBlock("span", {
+                                                              key: 8,
+                                                              innerHTML: record[key.key ?? key.field]
+                                                            }, null, 8 /* PROPS */, _hoisted_54))
+                                                          : (typeof key === 'function')
+                                                            ? (openBlock(), createElementBlock("span", {
+                                                                key: 9,
+                                                                innerHTML: key(record, index )
+                                                              }, null, 8 /* PROPS */, _hoisted_55))
+                                                            : (openBlock(), createElementBlock("span", {
+                                                                key: 10,
+                                                                innerHTML: record[key[0]]
+                                                              }, null, 8 /* PROPS */, _hoisted_56))
+                                      ])
+                                    ], 64 /* STABLE_FRAGMENT */))
+                                  : createCommentVNode("v-if", true),
+                                _cache[18] || (_cache[18] = createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */))
                               ], 64 /* STABLE_FRAGMENT */))
                             }), 128 /* KEYED_FRAGMENT */)),
                             (__props.actions)
-                              ? (openBlock(), createElementBlock("div", _hoisted_70, [
+                              ? (openBlock(), createElementBlock("div", _hoisted_57, [
                                   createVNode(script$g, {
                                     emitAction: _ctx.doEmitAction,
                                     actions: __props.actions,
@@ -5919,7 +5900,7 @@ return (_ctx, _cache) => {
                                   }, null, 8 /* PROPS */, ["emitAction", "actions", "record"])
                                 ]))
                               : createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_55))
+                          ], 8 /* PROPS */, _hoisted_43))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : createCommentVNode("v-if", true)
@@ -6134,9 +6115,8 @@ const _hoisted_1$9 = {
   role: "presentation"
 };
 const _hoisted_2$6 = ["onClick"];
-const _hoisted_3$5 = /*#__PURE__*/createElementVNode("i", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_4$5 = { class: "sh_tab_count" };
-const _hoisted_5$4 = { class: "tab-content" };
+const _hoisted_3$4 = { class: "sh_tab_count" };
+const _hoisted_4$4 = { class: "tab-content" };
 
 var script$b = {
   __name: 'ShDynamicTabs',
@@ -6178,15 +6158,15 @@ return (_ctx, _cache) => {
             createTextVNode(toDisplayString(tab.label) + " ", 1 /* TEXT */),
             (tab.count || tab.tabCount)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_3$5,
-                  createElementVNode("sup", _hoisted_4$5, toDisplayString(tab.count ?? tab.tabCount), 1 /* TEXT */)
+                  _cache[0] || (_cache[0] = createElementVNode("i", { class: "d-none" }, null, -1 /* HOISTED */)),
+                  createElementVNode("sup", _hoisted_3$4, toDisplayString(tab.count ?? tab.tabCount), 1 /* TEXT */)
                 ], 64 /* STABLE_FRAGMENT */))
               : createCommentVNode("v-if", true)
           ], 10 /* CLASS, PROPS */, _hoisted_2$6)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ], 2 /* CLASS */),
-    createElementVNode("div", _hoisted_5$4, [
+    createElementVNode("div", _hoisted_4$4, [
       (unref(currentTab))
         ? (openBlock(), createBlock(resolveDynamicComponent(unref(currentTab).component), normalizeProps(mergeProps({ key: 0 }, unref(currentTab))), null, 16 /* FULL_PROPS */))
         : createCommentVNode("v-if", true)
@@ -6252,45 +6232,39 @@ return (_ctx, _cache) => {
 
 script$9.__file = "src/lib/components/ShCanvasBtn.vue";
 
-const _withScopeId$1 = n => (pushScopeId("data-v-0d4fa0ac"),n=n(),popScopeId(),n);
 const _hoisted_1$6 = { class: "row permissions-main d-flex" };
 const _hoisted_2$5 = {
   id: "permissions-nav",
   class: "col-md-3 d-flex align-items-center py-4"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$3 = {
   key: 0,
   class: "mx-auto"
 };
-const _hoisted_4$4 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */));
-const _hoisted_5$3 = [
-  _hoisted_4$4
-];
-const _hoisted_6$3 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "d-flex flex-column w-100 px-2"
 };
-const _hoisted_7$2 = ["checked", "onClick", "disabled"];
-const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$2 = {
+const _hoisted_5$2 = ["checked", "onClick", "disabled"];
+const _hoisted_6$2 = ["onClick"];
+const _hoisted_7$2 = {
   id: "permissions-content",
   class: "col-md-9 py-4 px-4"
 };
-const _hoisted_10$2 = { class: "p-2 rounded-2 bg-white h-100" };
-const _hoisted_11$2 = {
+const _hoisted_8$1 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_9$1 = {
   key: 0,
   class: "alert alert-info"
 };
-const _hoisted_12$2 = { key: 1 };
-const _hoisted_13 = { class: "row row-cols-3" };
-const _hoisted_14 = { class: "col" };
-const _hoisted_15 = ["value"];
-const _hoisted_16 = {
+const _hoisted_10$1 = { key: 1 };
+const _hoisted_11 = { class: "row row-cols-3" };
+const _hoisted_12 = { class: "col" };
+const _hoisted_13 = ["value"];
+const _hoisted_14 = {
   key: 0,
   class: "w-100 row"
 };
-const _hoisted_17 = { class: "col-md-3" };
-const _hoisted_18 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
+const _hoisted_15 = { class: "col-md-3" };
 
 
 var script$8 = {
@@ -6400,8 +6374,10 @@ return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", _hoisted_1$6, [
     createElementVNode("div", _hoisted_2$5, [
       (loadingModules.value)
-        ? (openBlock(), createElementBlock("div", _hoisted_3$4, [..._hoisted_5$3]))
-        : (openBlock(), createElementBlock("ul", _hoisted_6$3, [
+        ? (openBlock(), createElementBlock("div", _hoisted_3$3, _cache[1] || (_cache[1] = [
+            createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */)
+          ])))
+        : (openBlock(), createElementBlock("ul", _hoisted_4$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(modules.value, (module) => {
               return (openBlock(), createElementBlock("li", {
                 class: normalizeClass(selectedModule.value === module && 'active'),
@@ -6412,23 +6388,23 @@ return (_ctx, _cache) => {
                   onClick: $event => (checkAllPermissions(module)),
                   disabled: selectedModule.value !== module,
                   type: "checkbox"
-                }, null, 8 /* PROPS */, _hoisted_7$2),
+                }, null, 8 /* PROPS */, _hoisted_5$2),
                 createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
-                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$2)
+                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_6$2)
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
     ]),
-    createElementVNode("div", _hoisted_9$2, [
-      createElementVNode("div", _hoisted_10$2, [
+    createElementVNode("div", _hoisted_7$2, [
+      createElementVNode("div", _hoisted_8$1, [
         (loading.value)
-          ? (openBlock(), createElementBlock("div", _hoisted_11$2, " loading ... "))
-          : (openBlock(), createElementBlock("div", _hoisted_12$2, [
-              createElementVNode("div", _hoisted_13, [
+          ? (openBlock(), createElementBlock("div", _hoisted_9$1, " loading ... "))
+          : (openBlock(), createElementBlock("div", _hoisted_10$1, [
+              createElementVNode("div", _hoisted_11, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(modulePermissions.value, (permissions) => {
-                  return (openBlock(), createElementBlock("div", _hoisted_14, [
+                  return (openBlock(), createElementBlock("div", _hoisted_12, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(permissions, (permission) => {
                       return (openBlock(), createElementBlock("label", {
                         onClick: setPermissionsChanged,
@@ -6439,7 +6415,7 @@ return (_ctx, _cache) => {
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((selectedPermissions).value = $event)),
                           value: permission,
                           type: "checkbox"
-                        }, null, 8 /* PROPS */, _hoisted_15), [
+                        }, null, 8 /* PROPS */, _hoisted_13), [
                           [vModelCheckbox, selectedPermissions.value]
                         ]),
                         createTextVNode(" " + toDisplayString(getLabel(permission)), 1 /* TEXT */)
@@ -6449,18 +6425,18 @@ return (_ctx, _cache) => {
                 }), 256 /* UNKEYED_FRAGMENT */))
               ]),
               (permissionsChanged.value)
-                ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                    createElementVNode("div", _hoisted_17, [
+                ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                    createElementVNode("div", _hoisted_15, [
                       createVNode(script$i, {
                         onSuccess: permissionsUpdated,
                         url: `sh-departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
                         class: "btn btn-primary d-block"
                       }, {
-                        default: withCtx(() => [
-                          _hoisted_18,
+                        default: withCtx(() => _cache[2] || (_cache[2] = [
+                          createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */),
                           createTextVNode(" Save")
-                        ]),
+                        ])),
                         _: 1 /* STABLE */
                       }, 8 /* PROPS */, ["url", "data"])
                     ])
@@ -6799,19 +6775,14 @@ script$4.__file = "src/lib/components/ShCardLayout.vue";
 
 const _hoisted_1$3 = { class: "container" };
 const _hoisted_2$3 = { class: "row" };
-const _hoisted_3$3 = {
+const _hoisted_3$2 = {
   key: 0,
   class: "col-md-6"
 };
-const _hoisted_4$3 = /*#__PURE__*/createElementVNode("h5", { class: "card-title" }, "Details", -1 /* HOISTED */);
-const _hoisted_5$2 = { class: "table" };
-const _hoisted_6$2 = { class: "card-footer" };
-const _hoisted_7$1 = /*#__PURE__*/createElementVNode("i", { class: "bi-pen" }, null, -1 /* HOISTED */);
-const _hoisted_8$1 = /*#__PURE__*/createElementVNode("i", { class: "bi-key" }, null, -1 /* HOISTED */);
-const _hoisted_9$1 = { class: "col-md-6" };
-const _hoisted_10$1 = /*#__PURE__*/createElementVNode("i", { class: "bi-pen" }, null, -1 /* HOISTED */);
-const _hoisted_11$1 = /*#__PURE__*/createElementVNode("h5", { class: "card-title" }, "Profile Picture", -1 /* HOISTED */);
-const _hoisted_12$1 = ["src"];
+const _hoisted_4$2 = { class: "table" };
+const _hoisted_5$1 = { class: "card-footer" };
+const _hoisted_6$1 = { class: "col-md-6" };
+const _hoisted_7$1 = ["src"];
 
 var script$3 = {
   __name: 'ShUserProfile',
@@ -6848,11 +6819,11 @@ return (_ctx, _cache) => {
       createElementVNode("div", _hoisted_1$3, [
         createElementVNode("div", _hoisted_2$3, [
           (unref(user))
-            ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
                 createVNode(script$4, null, {
                   default: withCtx(() => [
-                    _hoisted_4$3,
-                    createElementVNode("table", _hoisted_5$2, [
+                    _cache[5] || (_cache[5] = createElementVNode("h5", { class: "card-title" }, "Details", -1 /* HOISTED */)),
+                    createElementVNode("table", _hoisted_4$2, [
                       createElementVNode("tbody", null, [
                         (openBlock(), createElementBlock(Fragment, null, renderList(UserdetailsColumns, (column) => {
                           return createElementVNode("tr", {
@@ -6864,7 +6835,7 @@ return (_ctx, _cache) => {
                         }), 64 /* STABLE_FRAGMENT */))
                       ])
                     ]),
-                    createElementVNode("div", _hoisted_6$2, [
+                    createElementVNode("div", _hoisted_5$1, [
                       (unref(user))
                         ? (openBlock(), createBlock(script$n, {
                             key: 0,
@@ -6875,10 +6846,10 @@ return (_ctx, _cache) => {
                             onSuccess: _cache[0] || (_cache[0] = $event => (detailsUpdated('details'))),
                             fields: ['name','email','phone']
                           }, {
-                            default: withCtx(() => [
-                              _hoisted_7$1,
+                            default: withCtx(() => _cache[3] || (_cache[3] = [
+                              createElementVNode("i", { class: "bi-pen" }, null, -1 /* HOISTED */),
                               createTextVNode(" Edit Details")
-                            ]),
+                            ])),
                             _: 1 /* STABLE */
                           }, 8 /* PROPS */, ["current-data"]))
                         : createCommentVNode("v-if", true),
@@ -6904,10 +6875,10 @@ return (_ctx, _cache) => {
                           }
                     ]
                           }, {
-                            default: withCtx(() => [
-                              _hoisted_8$1,
+                            default: withCtx(() => _cache[4] || (_cache[4] = [
+                              createElementVNode("i", { class: "bi-key" }, null, -1 /* HOISTED */),
                               createTextVNode(" Change Password")
-                            ]),
+                            ])),
                             _: 1 /* STABLE */
                           }))
                         : createCommentVNode("v-if", true)
@@ -6917,7 +6888,7 @@ return (_ctx, _cache) => {
                 })
               ]))
             : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_9$1, [
+          createElementVNode("div", _hoisted_6$1, [
             createVNode(script$4, null, {
               default: withCtx(() => [
                 createVNode(script$n, {
@@ -6931,19 +6902,19 @@ return (_ctx, _cache) => {
                           type: 'file',
                           }]
                 }, {
-                  default: withCtx(() => [
-                    _hoisted_10$1
-                  ]),
+                  default: withCtx(() => _cache[6] || (_cache[6] = [
+                    createElementVNode("i", { class: "bi-pen" }, null, -1 /* HOISTED */)
+                  ])),
                   _: 1 /* STABLE */
                 }),
                 createElementVNode("div", null, [
-                  _hoisted_11$1,
+                  _cache[7] || (_cache[7] = createElementVNode("h5", { class: "card-title" }, "Profile Picture", -1 /* HOISTED */)),
                   createElementVNode("img", {
                     src: showProfilePicture(unref(user)?.profile_picture),
                     class: "img-fluid",
                     alt: "profie-picture",
                     style: {"width":"100%","height":"330px"}
-                  }, null, 8 /* PROPS */, _hoisted_12$1)
+                  }, null, 8 /* PROPS */, _hoisted_7$1)
                 ])
               ]),
               _: 1 /* STABLE */
@@ -6961,10 +6932,8 @@ return (_ctx, _cache) => {
 
 script$3.__file = "src/lib/components/core/auth/ShUserProfile.vue";
 
-const _hoisted_1$2 = /*#__PURE__*/createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
-const _hoisted_2$2 = { class: "card sh-departments-card shadow" };
-const _hoisted_3$2 = { class: "card-body" };
-const _hoisted_4$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_1$2 = { class: "card sh-departments-card shadow" };
+const _hoisted_2$2 = { class: "card-body" };
 
 
 var script$2 = {
@@ -6989,19 +6958,19 @@ department.value = dept;
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$2,
-    createElementVNode("div", _hoisted_2$2, [
-      createElementVNode("div", _hoisted_3$2, [
+    _cache[2] || (_cache[2] = createElementVNode("h5", null, "Departments", -1 /* HOISTED */)),
+    createElementVNode("div", _hoisted_1$2, [
+      createElementVNode("div", _hoisted_2$2, [
         createElementVNode("a", {
           onClick: _cache[0] || (_cache[0] = $event => (editDepartment(null))),
           "data-bs-toggle": "modal",
           ref: "addDeptBtn",
           href: "#sh_department_modal",
           class: "btn btn-info btn-sm"
-        }, [
-          _hoisted_4$2,
+        }, _cache[1] || (_cache[1] = [
+          createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */),
           createTextVNode(" ADD DEPARTMENT")
-        ], 512 /* NEED_PATCH */),
+        ]), 512 /* NEED_PATCH */),
         createVNode(script$d, {
           reload: unref(reload),
           headers: ['id','name','description', 'created_at'],
@@ -7052,17 +7021,8 @@ const _hoisted_1$1 = {
   class: "card sh-department-view shadow"
 };
 const _hoisted_2$1 = { class: "card-body" };
-const _hoisted_3$1 = /*#__PURE__*/createElementVNode("a", {
-  href: "#addModule",
-  class: "btn btn-info btn-sm",
-  "data-bs-toggle": "modal"
-}, [
-  /*#__PURE__*/createElementVNode("i", { class: "bi-plus" }),
-  /*#__PURE__*/createTextVNode(" ADD Module")
-], -1 /* HOISTED */);
-const _hoisted_4$1 = { class: "text-primary text-capitalize" };
-const _hoisted_5$1 = ["value"];
-const _hoisted_6$1 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
+const _hoisted_3$1 = { class: "text-primary text-capitalize" };
+const _hoisted_4$1 = ["value"];
 
 var script$1 = {
   __name: 'Department',
@@ -7160,7 +7120,14 @@ return (_ctx, _cache) => {
   return (unref(department))
     ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
-          _hoisted_3$1,
+          _cache[2] || (_cache[2] = createElementVNode("a", {
+            href: "#addModule",
+            class: "btn btn-info btn-sm",
+            "data-bs-toggle": "modal"
+          }, [
+            createElementVNode("i", { class: "bi-plus" }),
+            createTextVNode(" ADD Module")
+          ], -1 /* HOISTED */)),
           createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
           createVNode(script$d, {
             actions: {
@@ -7217,7 +7184,7 @@ return (_ctx, _cache) => {
             default: withCtx(() => [
               (unref(getModule))
                 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createElementVNode("h5", _hoisted_4$1, "Permissions for " + toDisplayString(unref(getModule).module), 1 /* TEXT */),
+                    createElementVNode("h5", _hoisted_3$1, "Permissions for " + toDisplayString(unref(getModule).module), 1 /* TEXT */),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modulePermissions), (permission) => {
                       return (openBlock(), createElementBlock("div", {
                         key: permission,
@@ -7230,7 +7197,7 @@ return (_ctx, _cache) => {
                             type: "checkbox",
                             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(selectedPermissions) ? (selectedPermissions).value = $event : selectedPermissions = $event)),
                             value: permission
-                          }, null, 8 /* PROPS */, _hoisted_5$1), [
+                          }, null, 8 /* PROPS */, _hoisted_4$1), [
                             [vModelCheckbox, unref(selectedPermissions)]
                           ]),
                           createTextVNode(" " + toDisplayString(getPermissionLabel(permission)), 1 /* TEXT */)
@@ -7240,10 +7207,10 @@ return (_ctx, _cache) => {
                     createElementVNode("button", {
                       onClick: submitPermissions,
                       class: "btn btn-info"
-                    }, [
-                      _hoisted_6$1,
+                    }, _cache[1] || (_cache[1] = [
+                      createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */),
                       createTextVNode(" Submit")
-                    ])
+                    ]))
                   ], 64 /* STABLE_FRAGMENT */))
                 : createCommentVNode("v-if", true)
             ]),
@@ -7259,7 +7226,6 @@ return (_ctx, _cache) => {
 
 script$1.__file = "src/lib/components/core/Departments/department/Department.vue";
 
-const _withScopeId = n => (pushScopeId("data-v-2911509a"),n=n(),popScopeId(),n);
 const _hoisted_1 = {
   key: 0,
   class: "alert alert-info"
@@ -7270,30 +7236,28 @@ const _hoisted_2 = {
   style: {"min-width":"400px"}
 };
 const _hoisted_3 = { class: "sh-auth-footer" };
-const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("i", { class: "bi bi-arrow-left" }, null, -1 /* HOISTED */));
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   class: "sh-login-section"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 0,
   class: "sh-login-title"
 };
-const _hoisted_7 = { class: "sh-auth-footer" };
-const _hoisted_8 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("strong", { class: "bi-dot" }, null, -1 /* HOISTED */));
-const _hoisted_9 = {
+const _hoisted_6 = { class: "sh-auth-footer" };
+const _hoisted_7 = {
   key: 2,
   class: "sh-register-section"
 };
-const _hoisted_10 = {
+const _hoisted_8 = {
   key: 0,
   class: "sh-register-title"
 };
-const _hoisted_11 = {
+const _hoisted_9 = {
   key: 1,
   class: "sh-register-link"
 };
-const _hoisted_12 = { class: "sh-auth-footer" };
+const _hoisted_10 = { class: "sh-auth-footer" };
 
 var script = {
   __name: 'ShAuth',
@@ -7339,7 +7303,7 @@ const forgotSuccessful = ()=>{
 return (_ctx, _cache) => {
   return (unref(user))
     ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createTextVNode("You are signed is as "),
+        _cache[4] || (_cache[4] = createTextVNode("You are signed is as ")),
         createElementVNode("strong", null, toDisplayString(unref(user).name), 1 /* TEXT */)
       ]))
     : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -7356,17 +7320,17 @@ return (_ctx, _cache) => {
                 createElementVNode("strong", {
                   onClick: _cache[0] || (_cache[0] = $event => (goToSection('login'))),
                   class: "sh-register-link text-primary"
-                }, [
-                  _hoisted_4,
+                }, _cache[5] || (_cache[5] = [
+                  createElementVNode("i", { class: "bi bi-arrow-left" }, null, -1 /* HOISTED */),
                   createTextVNode(" Back to Login ")
-                ])
+                ]))
               ])
             ]))
           : createCommentVNode("v-if", true),
         (section.value === 'login')
-          ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          ? (openBlock(), createElementBlock("div", _hoisted_4, [
               (unref(loginTitle))
-                ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(unref(loginTitle)), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("h3", _hoisted_5, toDisplayString(unref(loginTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createVNode(script$y, {
                 class: "sh-login-form",
@@ -7375,12 +7339,12 @@ return (_ctx, _cache) => {
                 action: unref(loginEndpoint),
                 "success-callback": loginSuccessful
               }, null, 8 /* PROPS */, ["action"]),
-              createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_6, [
                 createElementVNode("strong", {
                   class: "sh-forgot-link text-primary",
                   onClick: _cache[1] || (_cache[1] = $event => (goToSection('forgot')))
                 }, "Forgotten password?"),
-                _hoisted_8,
+                _cache[6] || (_cache[6] = createElementVNode("strong", { class: "bi-dot" }, null, -1 /* HOISTED */)),
                 createElementVNode("strong", {
                   onClick: _cache[2] || (_cache[2] = $event => (goToSection('register'))),
                   class: "sh-register-link text-primary"
@@ -7389,12 +7353,12 @@ return (_ctx, _cache) => {
             ]))
           : createCommentVNode("v-if", true),
         (section.value === 'register')
-          ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          ? (openBlock(), createElementBlock("div", _hoisted_7, [
               (unref(registerTitle))
-                ? (openBlock(), createElementBlock("h3", _hoisted_10, toDisplayString(unref(registerTitle)), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("h3", _hoisted_8, toDisplayString(unref(registerTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               (unref(registerSubTitle))
-                ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createVNode(script$y, {
                 class: "sh-login-form",
@@ -7403,7 +7367,7 @@ return (_ctx, _cache) => {
                 action: unref(registerEndpoint),
                 "success-callback": loginSuccessful
               }, null, 8 /* PROPS */, ["fields", "action"]),
-              createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_10, [
                 createElementVNode("strong", {
                   onClick: _cache[3] || (_cache[3] = $event => (goToSection('login'))),
                   class: "sh-register-link text-primary"