@iankibetsh/shframework 4.8.1 → 4.8.3

package/dist/library.mjs

@@ -1994,7 +1994,7 @@ const countries = [
   }
 ];
 
-var script$y = {
+var script$A = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code','disabled'],
   data () {
@@ -2064,23 +2064,23 @@ var script$y = {
   }
 };
 
-const _hoisted_1$q = {
+const _hoisted_1$s = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
-const _hoisted_2$g = {
+const _hoisted_2$i = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$f = ["src"];
-const _hoisted_4$f = ["value"];
-const _hoisted_5$c = ["disabled"];
+const _hoisted_3$g = ["src"];
+const _hoisted_4$g = ["value"];
+const _hoisted_5$d = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$s, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
+      ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$g),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -2093,7 +2093,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$f))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$g))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -2106,23 +2106,23 @@ 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$c), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$d), [
       [vModelText, $data.input]
     ])
   ]))
 }
 
-script$y.render = render$4;
-script$y.__file = "src/lib/components/form-components/PhoneInput.vue";
+script$A.render = render$4;
+script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$p = {
+const _hoisted_1$r = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$f = ["id"];
-const _hoisted_3$e = { class: "sh-suggestions-holder" };
-const _hoisted_4$e = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_5$b = ["onClick"];
+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$c = ["onClick"];
 const _hoisted_6$a = ["id"];
 const _hoisted_7$9 = ["id", "aria-labelledby"];
 const _hoisted_8$8 = ["onClick"];
@@ -2136,7 +2136,7 @@ const _hoisted_10$8 = {
 };
 
 
-var script$x = {
+var script$z = {
   __name: 'ShSuggest',
   props: ['data','allowMultiple','url','modelValue','optionTemplate'],
   emits: ['update:modelValue'],
@@ -2272,23 +2272,23 @@ watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
         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$e, [
+          createElementVNode("div", _hoisted_3$f, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_4$e, [
+              return (openBlock(), createElementBlock("h5", _hoisted_4$f, [
                 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$b)
+                }, null, 8 /* PROPS */, _hoisted_5$c)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2299,7 +2299,7 @@ return (_ctx, _cache) => {
             onChange: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
           }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$a)
-        ], 8 /* PROPS */, _hoisted_2$f),
+        ], 8 /* PROPS */, _hoisted_2$h),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -2341,15 +2341,15 @@ return (_ctx, _cache) => {
 
 };
 
-script$x.__scopeId = "data-v-71cc9569";
-script$x.__file = "src/lib/components/form-components/ShSuggest.vue";
+script$z.__scopeId = "data-v-71cc9569";
+script$z.__file = "src/lib/components/form-components/ShSuggest.vue";
 
-var script$w = {
+var script$y = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$y,
-    ShSuggest: script$x,
-    ShPhone: script$y
+    PhoneInput: script$A,
+    ShSuggest: script$z,
+    ShPhone: script$A
   },
   props: [
       'action',
@@ -2698,18 +2698,18 @@ var script$w = {
   }
 };
 
-const _hoisted_1$o = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_2$e = {
+const _hoisted_1$q = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_2$g = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$d = {
+const _hoisted_3$e = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$d = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$a = { key: 0 };
+const _hoisted_4$e = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_5$b = { 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" };
@@ -2765,15 +2765,15 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShSuggest = resolveComponent("ShSuggest");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$o,
-    createElementVNode("form", _hoisted_2$e, [
+    _hoisted_1$q,
+    createElementVNode("form", _hoisted_2$g, [
       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$d, [
-            _hoisted_4$d,
+        ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
+            _hoisted_4$e,
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_5$a, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (openBlock(), createElementBlock("span", _hoisted_6$9, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -3004,10 +3004,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$w.render = render$3;
-script$w.__file = "src/lib/components/ShForm.vue";
+script$y.render = render$3;
+script$y.__file = "src/lib/components/ShForm.vue";
 
-var script$v = {
+var script$x = {
   __name: 'EmailInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3045,12 +3045,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$v.__file = "src/lib/components/form-components/EmailInput.vue";
+script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$n = ["min", "max"];
+const _hoisted_1$p = ["min", "max"];
 
 
-var script$u = {
+var script$w = {
   __name: 'NumberInput',
   props: ['modelValue','label','min','max'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3082,7 +3082,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$p)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -3090,9 +3090,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$u.__file = "src/lib/components/form-components/NumberInput.vue";
+script$w.__file = "src/lib/components/form-components/NumberInput.vue";
 
-var script$t = {
+var script$v = {
   __name: 'TextInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3132,9 +3132,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$t.__file = "src/lib/components/form-components/TextInput.vue";
+script$v.__file = "src/lib/components/form-components/TextInput.vue";
 
-var script$s = {
+var script$u = {
   __name: 'TextAreaInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3172,12 +3172,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$s.__file = "src/lib/components/form-components/TextAreaInput.vue";
+script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$m = ["value"];
+const _hoisted_1$o = ["value"];
 
 
-var script$r = {
+var script$t = {
   __name: 'SelectInput',
   props: ['modelValue','label','url','required','options','dataUrl','data'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3232,7 +3232,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$o))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3242,9 +3242,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$r.__file = "src/lib/components/form-components/SelectInput.vue";
+script$t.__file = "src/lib/components/form-components/SelectInput.vue";
 
-var script$q = {
+var script$s = {
   __name: 'PasswordInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3278,9 +3278,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$q.__file = "src/lib/components/form-components/PasswordInput.vue";
+script$s.__file = "src/lib/components/form-components/PasswordInput.vue";
 
-var script$p = {
+var script$r = {
   __name: 'DateInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3320,16 +3320,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$p.__file = "src/lib/components/form-components/DateInput.vue";
+script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$l = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
-const _hoisted_2$d = ["onUpdate:modelValue"];
-const _hoisted_3$c = ["innerHTML"];
-const _hoisted_4$c = {
+const _hoisted_1$n = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
+const _hoisted_2$f = ["onUpdate:modelValue"];
+const _hoisted_3$d = ["innerHTML"];
+const _hoisted_4$d = {
   key: 0,
   class: "text-danger sh-required"
 };
-const _hoisted_5$9 = ["innerHTML"];
+const _hoisted_5$a = ["innerHTML"];
 const _hoisted_6$8 = {
   key: 2,
   class: "form-notch"
@@ -3353,7 +3353,7 @@ const _hoisted_13$3 = {
 const _hoisted_14$3 = { key: 1 };
 
 
-var script$o = {
+var script$q = {
   __name: 'ShAutoForm',
   props: [
   'action', 'successCallback', 'retainDataAfterSubmission',
@@ -3388,13 +3388,13 @@ const getFieldComponent = (fieldObj) => {
   const defaultPhones = ['phone'];
   const defaultEmails = ['email'];
   const formComponents = inject('formComponents');
-  const TextComponent = formComponents.text ?? script$t;
-  const TextAreaComponent = formComponents.textArea ?? script$s;
-  const EmailComponent = formComponents.email ?? script$v;
-  const PhoneComponent = formComponents.phone ?? script$y;
-  const NumberComponent = formComponents.number ?? script$u;
-  const SelectComponent = formComponents.select ?? script$r;
-  const PasswordComponent = formComponents.password ?? script$q;
+  const TextComponent = formComponents.text ?? script$v;
+  const TextAreaComponent = formComponents.textArea ?? script$u;
+  const EmailComponent = formComponents.email ?? script$x;
+  const PhoneComponent = formComponents.phone ?? script$A;
+  const NumberComponent = formComponents.number ?? script$w;
+  const SelectComponent = formComponents.select ?? script$t;
+  const PasswordComponent = formComponents.password ?? script$s;
   if (props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
@@ -3412,28 +3412,28 @@ const getFieldComponent = (fieldObj) => {
 
   if (fieldObj.type) {
     if (fieldObj.type === 'suggest' || fieldObj.type === 'suggests') {
-      return script$x
+      return script$z
     }
     return fieldObj.type === 'number' ? NumberComponent : fieldObj.type === 'textarea' ? TextAreaComponent : fieldObj.type === 'email' ? EmailComponent : fieldObj.type === 'phone' ? PhoneComponent : fieldObj.type === 'password' ? PasswordComponent : fieldObj.type === 'select' ? SelectComponent : TextComponent
   } else if (passwords.includes(field)) {
     return PasswordComponent
   } else if ((props.textAreas && props.textAreas.includes(field)) || defaultTextareas.includes(field)) {
-    return formComponents.textArea ?? script$s
+    return formComponents.textArea ?? script$u
   } else if ((props.emails && props.emails.includes(field)) || defaultEmails.includes(field)) {
-    return formComponents.email ?? script$v
+    return formComponents.email ?? script$x
   } else if ((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)) {
-    return formComponents.phone ?? script$y
+    return formComponents.phone ?? script$A
   } else if ((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)) {
-    return formComponents.number ?? script$u
+    return formComponents.number ?? script$w
   }
   // else
   // if((props.selects && props.selects.includes(field)) || defaultSelects.includes(field)){
   //   return formComponents.select ?? SelectInput
   // } else
   if((props.dates && props.dates.includes(field)) || defaultDates.includes(field)){
-    return formComponents.date ?? script$p
+    return formComponents.date ?? script$r
   }
-  return formComponents.text ?? script$t
+  return formComponents.text ?? script$v
 };
 const shFormElementClasses = ref(null);
 shFormElementClasses.value = inject('shFormElementClasses');
@@ -3583,7 +3583,7 @@ onMounted((ev) => {
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$l,
+    _hoisted_1$n,
     createElementVNode("form", {
       class: normalizeClass([__props.formClass, "sh-auto-form"]),
       ref_key: "shAutoForm",
@@ -3600,7 +3600,7 @@ return (_ctx, _cache) => {
                 key: 0,
                 type: "hidden",
                 "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-              }, null, 8 /* PROPS */, _hoisted_2$d)), [
+              }, null, 8 /* PROPS */, _hoisted_2$f)), [
                 [vModelText, formFields.value[index].value]
               ])
             : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3612,13 +3612,13 @@ return (_ctx, _cache) => {
                       createElementVNode("span", {
                         innerHTML: field.label,
                         class: "sh-label"
-                      }, null, 8 /* PROPS */, _hoisted_3$c),
+                      }, null, 8 /* PROPS */, _hoisted_3$d),
                       (field.required)
-                        ? (openBlock(), createElementBlock("span", _hoisted_4$c, "*"))
+                        ? (openBlock(), createElementBlock("span", _hoisted_4$d, "*"))
                         : createCommentVNode("v-if", true)
                     ], 2 /* CLASS */))
                   : createCommentVNode("v-if", true),
-                (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps(getComponentProps(field), {
+                (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps({ ref_for: true }, getComponentProps(field), {
                   isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
                   onClick: $event => (fieldChanged(field.field)),
                   "onUpdate:modelValue": [$event => (fieldChanged(field.field)), $event => ((formFields.value[index].value) = $event)],
@@ -3630,7 +3630,7 @@ return (_ctx, _cache) => {
                       key: 1,
                       class: normalizeClass(getElementClass('formLabel')),
                       innerHTML: field.label
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$9))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$a))
                   : createCommentVNode("v-if", true),
                 (unref(isFloating))
                   ? (openBlock(), createElementBlock("div", _hoisted_6$8, [..._hoisted_10$6]))
@@ -3677,13 +3677,13 @@ return (_ctx, _cache) => {
 
 };
 
-script$o.__file = "src/lib/components/ShAutoForm.vue";
+script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$k = ["id", "data-bs-backdrop"];
-const _hoisted_2$c = { class: "modal-content" };
-const _hoisted_3$b = { class: "modal-header" };
-const _hoisted_4$b = { class: "modal-title flex-fill" };
-const _hoisted_5$8 = /*#__PURE__*/createElementVNode("button", {
+const _hoisted_1$m = ["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$9 = /*#__PURE__*/createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
@@ -3692,7 +3692,7 @@ const _hoisted_6$7 = { class: "modal-body" };
 const _hoisted_7$6 = { class: "section" };
 
 
-var script$n = {
+var script$p = {
   __name: 'ShModal',
   props: {
     modalId: {
@@ -3750,10 +3750,10 @@ return (_ctx, _cache) => {
     createElementVNode("div", {
       class: normalizeClass(["modal-dialog", modalClasses.value])
     }, [
-      createElementVNode("div", _hoisted_2$c, [
-        createElementVNode("div", _hoisted_3$b, [
-          createElementVNode("h3", _hoisted_4$b, toDisplayString(__props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$8
+      createElementVNode("div", _hoisted_2$e, [
+        createElementVNode("div", _hoisted_3$c, [
+          createElementVNode("h3", _hoisted_4$c, toDisplayString(__props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$9
         ]),
         createElementVNode("div", _hoisted_6$7, [
           createElementVNode("div", _hoisted_7$6, [
@@ -3762,20 +3762,20 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$k))
+  ], 8 /* PROPS */, _hoisted_1$m))
 }
 }
 
 };
 
-script$n.__file = "src/lib/components/ShModal.vue";
+script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$j = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$b = { class: "dropdown" };
-const _hoisted_3$a = ["id"];
-const _hoisted_4$a = ["aria-labelledby"];
+const _hoisted_1$l = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_2$d = { class: "dropdown" };
+const _hoisted_3$b = ["id"];
+const _hoisted_4$b = ["aria-labelledby"];
 
-var script$m = {
+var script$o = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -3823,8 +3823,8 @@ const formError = (res)=>{
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$j,
-    createElementVNode("div", _hoisted_2$b, [
+    _hoisted_1$l,
+    createElementVNode("div", _hoisted_2$d, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3835,19 +3835,19 @@ return (_ctx, _cache) => {
         "aria-expanded": "false"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10 /* CLASS, PROPS */, _hoisted_3$a),
+      ], 10 /* CLASS, PROPS */, _hoisted_3$b),
       createElementVNode("div", {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": _ctx.dropdownId
       }, [
-        (openBlock(), createBlock(script$o, mergeProps({
+        (openBlock(), createBlock(script$q, mergeProps({
           onSuccess: success,
           onFieldChanged: fieldChanged,
           onFormSubmitted: formSubmitted,
           onFormError: formError,
           key: JSON.stringify(__props.currentData ?? {})
         }, props), null, 16 /* FULL_PROPS */))
-      ], 8 /* PROPS */, _hoisted_4$a)
+      ], 8 /* PROPS */, _hoisted_4$b)
     ])
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -3855,11 +3855,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$m.__file = "src/lib/components/ShDropDownForm.vue";
+script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$i = ["href"];
+const _hoisted_1$k = ["href"];
 
-var script$l = {
+var script$n = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -3919,14 +3919,14 @@ return (_ctx, _cache) => {
       onClick: emitClick
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
-    createVNode(script$n, {
+    ], 10 /* CLASS, PROPS */, _hoisted_1$k),
+    createVNode(script$p, {
       "modal-size": __props.modalSize,
       "modal-id": unref(realModalId),
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        (openBlock(), createBlock(script$o, mergeProps({
+        (openBlock(), createBlock(script$q, mergeProps({
           onSuccess: success,
           onFieldChanged: fieldChanged,
           onFormSubmitted: formSubmitted,
@@ -3942,11 +3942,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$l.__file = "src/lib/components/ShModalForm.vue";
+script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$h = ["href"];
+const _hoisted_1$j = ["href"];
 
-var script$k = {
+var script$m = {
   __name: 'ShModalFormAuto',
   props: ['action',
   'classes',
@@ -3985,14 +3985,14 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$h),
-    createVNode(script$n, {
+    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+    createVNode(script$p, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle,
       "modal-size": __props.modalSize
     }, {
       default: withCtx(() => [
-        createVNode(script$o, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        createVNode(script$q, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title", "modal-size"])
@@ -4002,17 +4002,17 @@ return (_ctx, _cache) => {
 
 };
 
-script$k.__file = "src/lib/components/ShModalFormAuto.vue";
+script$m.__file = "src/lib/components/ShModalFormAuto.vue";
 
-const _hoisted_1$g = ["data-bs-scroll", "id"];
-const _hoisted_2$a = { class: "offcanvas-header" };
-const _hoisted_3$9 = {
+const _hoisted_1$i = ["data-bs-scroll", "id"];
+const _hoisted_2$c = { class: "offcanvas-header" };
+const _hoisted_3$a = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$9 = { class: "offcanvas-body" };
+const _hoisted_4$a = { class: "offcanvas-body" };
 
-var script$j = {
+var script$l = {
   __name: 'ShCanvas',
   props: {
   canvasId: {
@@ -4058,8 +4058,8 @@ return (_ctx, _cache) => {
     id: __props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$a, [
-      createElementVNode("h5", _hoisted_3$9, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$c, [
+      createElementVNode("h5", _hoisted_3$a, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -4069,32 +4069,32 @@ return (_ctx, _cache) => {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$9, [
+    createElementVNode("div", _hoisted_4$a, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$g))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
 }
 }
 
 };
 
-script$j.__file = "src/lib/components/ShCanvas.vue";
+script$l.__file = "src/lib/components/ShCanvas.vue";
 
-const _hoisted_1$f = { class: "callout callout-info" };
+const _hoisted_1$h = { class: "callout callout-info" };
 
 function render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(" No records found ")
     ])
   ]))
 }
 
-const script$i = {};
+const script$k = {};
 
-script$i.render = render$2;
-script$i.__scopeId = "data-v-55cf77fb";
-script$i.__file = "src/lib/components/others/NoRecords.vue";
+script$k.render = render$2;
+script$k.__scopeId = "data-v-55cf77fb";
+script$k.__file = "src/lib/components/others/NoRecords.vue";
 
 const useUserStore = defineStore('user-store', {
   state: () => ({
@@ -4193,7 +4193,410 @@ 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: {
+  data: Object,
+  title: String,
+  message: String,
+  url: {
+    type: String,
+    required: true
+  },
+  loadingMessage: {
+    type: String,
+    default: 'Processing...'
+  },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
+  }
+},
+  emits: ['actionSuccessful', 'actionFailed','success','failed','canceled','actionCanceled'],
+  setup(__props, { emit: __emit }) {
+
+const props = __props;
+
+const processing = ref(false);
+const emit = __emit;
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  emit('actionSuccessful',res);
+  emit('success',res);
+  shRepo.showToast(res.message ?? props.successMessage);
+};
+
+const actionFailed = reason =>{
+  console.log(reason);
+  processing.value = false;
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  emit('failed', reason);
+  shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
+};
+function runAction () {
+  processing.value = true;
+  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
+    if(res.isConfirmed){
+      const value = res.value;
+      if(value.success){
+        actionSuccessful(res.value.response);
+      } else {
+        actionFailed(res);
+      }
+    } else {
+      emit('actionCanceled');
+      emit('canceled');
+      processing.value = false;
+    }
+  }).catch(ex => {
+    actionFailed(ex);
+  });
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _hoisted_1$g,
+          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : createCommentVNode("v-if", true),
+    (!processing.value)
+      ? renderSlot(_ctx.$slots, "default", { key: 1 })
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+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: {
+  data: Object,
+  loadingMessage: {
+    type: String,
+    default: 'Processing'
+  },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
+  },
+  method: {
+    type: String,
+    default: 'POST'
+  },
+  url: {
+    type: String,
+    required: true
+  },
+  disableSuccessMessage: {
+    type: Boolean
+  }
+},
+  emits: ['actionSuccessful','actionFailed','success'],
+  setup(__props, { emit: __emit }) {
+
+const props = __props;
+const processing = ref(false);
+const emit = __emit;
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  console.log(res.data,props.successMessage);
+  emit('actionSuccessful',res);
+  emit('success',res);
+  if(!props.disableSuccessMessage) {
+    shRepo.showToast(res.data.message ?? props.successMessage);
+  }
+};
+
+const actionFailed = reason =>{
+  processing.value = false;
+  console.log(reason);
+  shRepo.showToast('Failed');
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  shRepo.showToast(reason.message ?? props.failMessage,'error');
+};
+function runAction(){
+  processing.value = true;
+  if(props.method === 'POST'){
+    shApis.doPost(props.url,props.data).then(res=>{
+      actionSuccessful(res);
+    }).catch(reason=>{
+      actionFailed(reason);
+    });
+  }
+  if(props.method === 'GET'){
+    shApis.doGet(props.url,props.data).then(res=>{
+      actionSuccessful(res);
+    }).catch(reason=>{
+      actionFailed(reason);
+    });
+  }
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _hoisted_1$f,
+          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : createCommentVNode("v-if", true),
+    (!processing.value)
+      ? renderSlot(_ctx.$slots, "default", { key: 1 })
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+script$i.__file = "src/lib/components/ShSilentAction.vue";
+
+const _hoisted_1$e = ["href"];
+const _hoisted_2$b = ["title"];
+
+
 var script$h = {
+  __name: 'SingleAction',
+  props: ['action','record'],
+  emits: ['actionSuccessful','actionFailed','actionCanceled'],
+  setup(__props, { emit: __emit }) {
+
+const props = __props;
+
+const doEmitAction = __emit;
+
+const url = ref(props.action.path || props.action.url || props.action.link);
+
+onMounted(()=>{
+  if(!url.value) {
+    url.value = '';
+  }
+  // replace params in url with record key e.g {id} replaced with record.id
+  url.value = url.value.replace(/{(\w+)}/g, (match, key) => {
+    return props.record[key]
+  });
+
+  // replace params e.g :id replaced with record.id
+  url.value = url.value.replace(/:(\w+)/g, (match, key) => {
+    return props.record[key]
+  });
+});
+
+const {user} = storeToRefs(useUserStore());
+
+return (_ctx, _cache) => {
+  const _component_router_link = resolveComponent("router-link");
+
+  return (!__props.action.permission || unref(user).isAllowedTo(__props.action.permission))
+    ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        (!__props.action.validator || __props.action.validator(__props.record))
+          ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              (['confirmAction','confirmaction','confirm-action','confirm'].includes(__props.action.type))
+                ? (openBlock(), createBlock(script$j, {
+                    key: 0,
+                    onActionSuccessful: _cache[0] || (_cache[0] = $event => (doEmitAction('actionSuccessful',__props.record))),
+                    onActionFailed: _cache[1] || (_cache[1] = $event => (doEmitAction('actionFailed',__props.record))),
+                    onActionCanceled: _cache[2] || (_cache[2] = $event => (doEmitAction('actionCanceled',__props.record))),
+                    "loading-message": __props.action.label,
+                    class: normalizeClass(__props.action.class),
+                    url: url.value
+                  }, {
+                    default: withCtx(() => [
+                      (__props.action.icon)
+                        ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            class: normalizeClass(__props.action.icon)
+                          }, null, 2 /* CLASS */))
+                        : createCommentVNode("v-if", true),
+                      createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
+                    ]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["loading-message", "class", "url"]))
+                : (['silentAction','silentaction','silent-action','silent'].includes(__props.action.type))
+                  ? (openBlock(), createBlock(script$i, {
+                      key: 1,
+                      onActionSuccessful: _cache[3] || (_cache[3] = $event => (doEmitAction('actionSuccessful',__props.record))),
+                      onActionFailed: _cache[4] || (_cache[4] = $event => (doEmitAction('actionFailed',__props.record))),
+                      onActionCanceled: _cache[5] || (_cache[5] = $event => (doEmitAction('actionCanceled',__props.record))),
+                      "loading-message": __props.action.label,
+                      class: normalizeClass(__props.action.class),
+                      url: url.value
+                    }, {
+                      default: withCtx(() => [
+                        (__props.action.icon)
+                          ? (openBlock(), createElementBlock("span", {
+                              key: 0,
+                              class: normalizeClass(__props.action.icon)
+                            }, null, 2 /* CLASS */))
+                          : createCommentVNode("v-if", true),
+                        createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["loading-message", "class", "url"]))
+                  : (__props.action.canvasId || __props.action.type === 'offcanvas')
+                    ? (openBlock(), createElementBlock("a", {
+                        key: 2,
+                        href: '#' + __props.action.canvasId,
+                        "data-bs-toggle": "offcanvas",
+                        class: normalizeClass(__props.action.class)
+                      }, [
+                        (__props.action.icon)
+                          ? (openBlock(), createElementBlock("span", {
+                              key: 0,
+                              class: normalizeClass(__props.action.icon)
+                            }, null, 2 /* CLASS */))
+                          : createCommentVNode("v-if", true),
+                        createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
+                      ], 10 /* CLASS, PROPS */, _hoisted_1$e))
+                    : (__props.action.emits)
+                      ? (openBlock(), createElementBlock("button", {
+                          key: 3,
+                          title: __props.action.title,
+                          class: normalizeClass(__props.action.class ? __props.action.class:'btn btn-default'),
+                          onClick: _cache[6] || (_cache[6] = $event => (doEmitAction(__props.action.emits,__props.record)))
+                        }, [
+                          (__props.action.icon)
+                            ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: normalizeClass(__props.action.icon)
+                              }, null, 2 /* CLASS */))
+                            : createCommentVNode("v-if", true),
+                          createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
+                        ], 10 /* CLASS, PROPS */, _hoisted_2$b))
+                      : (!__props.action.emits)
+                        ? (openBlock(), createBlock(_component_router_link, {
+                            key: 4,
+                            title: __props.action.title,
+                            to: url.value,
+                            class: normalizeClass(__props.action.class)
+                          }, {
+                            default: withCtx(() => [
+                              (__props.action.icon)
+                                ? (openBlock(), createElementBlock("span", {
+                                    key: 0,
+                                    class: normalizeClass(__props.action.icon)
+                                  }, null, 2 /* CLASS */))
+                                : createCommentVNode("v-if", true),
+                              createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
+                            ]),
+                            _: 1 /* STABLE */
+                          }, 8 /* PROPS */, ["title", "to", "class"]))
+                        : createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */))
+          : createCommentVNode("v-if", true)
+      ], 64 /* STABLE_FRAGMENT */))
+    : createCommentVNode("v-if", true)
+}
+}
+
+};
+
+script$h.__file = "src/lib/components/table/SingleAction.vue";
+
+const _hoisted_1$d = {
+  key: 0,
+  class: "dropdown"
+};
+const _hoisted_2$a = {
+  class: "sh-table-dropdown",
+  type: "button",
+  "data-bs-toggle": "dropdown",
+  "aria-expanded": "false"
+};
+const _hoisted_3$9 = {
+  key: 0,
+  class: "bi bi-three-dots"
+};
+const _hoisted_4$9 = {
+  key: 1,
+  class: "bi bi-three-dots-vertical"
+};
+const _hoisted_5$8 = { class: "dropdown-menu" };
+
+
+var script$g = {
+  __name: 'TableActions',
+  props: ['actions','record'],
+  setup(__props) {
+
+const props = __props;
+
+const actionItems = props.actions.actions;
+const type = props.actions.type; // dropdown, button
+
+return (_ctx, _cache) => {
+  return (unref(type).includes('dropdown'))
+    ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createElementVNode("strong", _hoisted_2$a, [
+          (unref(type) === 'dropdown-horizontal')
+            ? (openBlock(), createElementBlock("i", _hoisted_3$9))
+            : (openBlock(), createElementBlock("i", _hoisted_4$9))
+        ]),
+        createElementVNode("ul", _hoisted_5$8, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionItems), (act) => {
+            return (openBlock(), createElementBlock("li", {
+              key: act.label
+            }, [
+              createVNode(script$h, {
+                class: normalizeClass(act.class),
+                action: act,
+                record: __props.record
+              }, null, 8 /* PROPS */, ["class", "action", "record"])
+            ]))
+          }), 128 /* KEYED_FRAGMENT */))
+        ])
+      ]))
+    : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(actionItems), (act) => {
+        return (openBlock(), createBlock(script$h, {
+          key: act.label,
+          action: act,
+          record: __props.record
+        }, null, 8 /* PROPS */, ["action", "record"]))
+      }), 128 /* KEYED_FRAGMENT */))
+}
+}
+
+};
+
+script$g.__file = "src/lib/components/table/TableActions.vue";
+
+var script$f = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore', 'paginationStyle','perPage'],
   data () {
@@ -4272,7 +4675,7 @@ var script$h = {
   }
 };
 
-const _hoisted_1$e = { key: 0 };
+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"];
@@ -4319,7 +4722,7 @@ const _hoisted_18$2 = {
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return ($props.paginationStyle !== 'loadMore')
-    ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", _hoisted_2$9, [
           _hoisted_3$8,
           createTextVNode("  "),
@@ -4398,202 +4801,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$h.render = render$1;
-script$h.__file = "src/lib/components/list_templates/Pagination.vue";
-
-const _hoisted_1$d = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-
-var script$g = {
-  __name: 'ShConfirmAction',
-  props: {
-  data: Object,
-  title: String,
-  message: String,
-  url: {
-    type: String,
-    required: true
-  },
-  loadingMessage: {
-    type: String,
-    default: 'Processing...'
-  },
-  successMessage: {
-    type: String,
-    default: 'Action Successful'
-  },
-  failMessage: {
-    type: String,
-    default: 'Action failed'
-  }
-},
-  emits: ['actionSuccessful', 'actionFailed','success','failed','canceled','actionCanceled'],
-  setup(__props, { emit: __emit }) {
-
-const props = __props;
-
-const processing = ref(false);
-const emit = __emit;
-const actionSuccessful = (res)=>{
-  processing.value = false;
-  res.actionType = 'silentAction';
-  emit('actionSuccessful',res);
-  emit('success',res);
-  shRepo.showToast(res.message ?? props.successMessage);
-};
-
-const actionFailed = reason =>{
-  console.log(reason);
-  processing.value = false;
-  reason.actionType = 'silentAction';
-  emit('actionFailed', reason);
-  emit('failed', reason);
-  shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
-};
-function runAction () {
-  processing.value = true;
-  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
-    if(res.isConfirmed){
-      const value = res.value;
-      if(value.success){
-        actionSuccessful(res.value.response);
-      } else {
-        actionFailed(res);
-      }
-    } else {
-      emit('actionCanceled');
-      emit('canceled');
-      processing.value = false;
-    }
-  }).catch(ex => {
-    actionFailed(ex);
-  });
-}
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("a", {
-    class: normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$d,
-          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : createCommentVNode("v-if", true),
-    (!processing.value)
-      ? renderSlot(_ctx.$slots, "default", { key: 1 })
-      : createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$g.__file = "src/lib/components/ShConfirmAction.vue";
-
-const _hoisted_1$c = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-var script$f = {
-  __name: 'ShSilentAction',
-  props: {
-  data: Object,
-  loadingMessage: {
-    type: String,
-    default: 'Processing'
-  },
-  successMessage: {
-    type: String,
-    default: 'Action Successful'
-  },
-  failMessage: {
-    type: String,
-    default: 'Action failed'
-  },
-  method: {
-    type: String,
-    default: 'POST'
-  },
-  url: {
-    type: String,
-    required: true
-  },
-  disableSuccessMessage: {
-    type: Boolean
-  }
-},
-  emits: ['actionSuccessful','actionFailed','success'],
-  setup(__props, { emit: __emit }) {
-
-const props = __props;
-const processing = ref(false);
-const emit = __emit;
-const actionSuccessful = (res)=>{
-  processing.value = false;
-  res.actionType = 'silentAction';
-  console.log(res.data,props.successMessage);
-  emit('actionSuccessful',res);
-  emit('success',res);
-  if(!props.disableSuccessMessage) {
-    shRepo.showToast(res.data.message ?? props.successMessage);
-  }
-};
-
-const actionFailed = reason =>{
-  processing.value = false;
-  console.log(reason);
-  shRepo.showToast('Failed');
-  reason.actionType = 'silentAction';
-  emit('actionFailed', reason);
-  shRepo.showToast(reason.message ?? props.failMessage,'error');
-};
-function runAction(){
-  processing.value = true;
-  if(props.method === 'POST'){
-    shApis.doPost(props.url,props.data).then(res=>{
-      actionSuccessful(res);
-    }).catch(reason=>{
-      actionFailed(reason);
-    });
-  }
-  if(props.method === 'GET'){
-    shApis.doGet(props.url,props.data).then(res=>{
-      actionSuccessful(res);
-    }).catch(reason=>{
-      actionFailed(reason);
-    });
-  }
-}
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("a", {
-    class: normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$c,
-          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : createCommentVNode("v-if", true),
-    (!processing.value)
-      ? renderSlot(_ctx.$slots, "default", { key: 1 })
-      : createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$f.__file = "src/lib/components/ShSilentAction.vue";
+script$f.render = render$1;
+script$f.__file = "src/lib/components/list_templates/Pagination.vue";
 
 const _hoisted_1$b = { class: "sh-range" };
 const _hoisted_2$8 = { class: "dropdown" };
@@ -4902,14 +5111,12 @@ const _hoisted_46 = {
   key: 0,
   style: {"white-space":"nowrap"}
 };
-const _hoisted_47 = ["href"];
-const _hoisted_48 = ["title", "onClick"];
-const _hoisted_49 = { key: 5 };
-const _hoisted_50 = {
+const _hoisted_47 = { key: 5 };
+const _hoisted_48 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
+const _hoisted_49 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
   /*#__PURE__*/createElementVNode("div", {
     class: "spinner-border",
     role: "status"
@@ -4917,45 +5124,43 @@ const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center
     /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
   ])
 ], -1 /* HOISTED */);
-const _hoisted_52 = [
-  _hoisted_51
+const _hoisted_50 = [
+  _hoisted_49
 ];
-const _hoisted_53 = { key: 1 };
-const _hoisted_54 = {
+const _hoisted_51 = { key: 1 };
+const _hoisted_52 = {
   key: 2,
   class: "mobile-list-items"
 };
-const _hoisted_55 = ["onClick"];
-const _hoisted_56 = {
+const _hoisted_53 = ["onClick"];
+const _hoisted_54 = {
   key: 0,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_57 = {
+const _hoisted_55 = {
   key: 1,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_58 = {
+const _hoisted_56 = {
   key: 2,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_59 = {
+const _hoisted_57 = {
   key: 3,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_60 = { key: 1 };
-const _hoisted_61 = {
+const _hoisted_58 = { key: 1 };
+const _hoisted_59 = {
   key: 2,
   class: "text-primary fw-bold"
 };
-const _hoisted_62 = { key: 3 };
+const _hoisted_60 = { key: 3 };
+const _hoisted_61 = ["innerHTML"];
+const _hoisted_62 = ["innerHTML"];
 const _hoisted_63 = ["innerHTML"];
 const _hoisted_64 = ["innerHTML"];
-const _hoisted_65 = ["innerHTML"];
-const _hoisted_66 = ["innerHTML"];
-const _hoisted_67 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
-const _hoisted_68 = { key: 0 };
-const _hoisted_69 = ["href"];
-const _hoisted_70 = ["title", "onClick"];
+const _hoisted_65 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
+const _hoisted_66 = { key: 0 };
 
 const __default__ = {
   name: 'sh-table',
@@ -5249,10 +5454,10 @@ const __default__ = {
   },
   components: {
     ShRange: script$e,
-    ShSilentAction: script$f,
-    ShConfirmAction: script$g,
-    ShCanvas: script$j,
-    pagination: script$h
+    ShSilentAction: script$i,
+    ShConfirmAction: script$j,
+    ShCanvas: script$l,
+    pagination: script$f
   },
   computed: {
     windowWidth: function (){
@@ -5274,9 +5479,9 @@ const __default__ = {
 var script$d = /*#__PURE__*/Object.assign(__default__, {
   setup(__props) {
 
-const noRecordsComponent = inject('noRecordsComponent', script$i);
+const noRecordsComponent = inject('noRecordsComponent', script$k);
 
-const {user} = storeToRefs(useUserStore());
+storeToRefs(useUserStore());
 
 
 return (_ctx, _cache) => {
@@ -5500,111 +5705,10 @@ return (_ctx, _cache) => {
                               }), 128 /* KEYED_FRAGMENT */)),
                               (__props.actions)
                                 ? (openBlock(), createElementBlock("td", _hoisted_46, [
-                                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions.actions, (act) => {
-                                      return (openBlock(), createElementBlock(Fragment, {
-                                        key: act.path
-                                      }, [
-                                        (!act.permission || unref(user).isAllowedTo(act.permission))
-                                          ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                              (!act.validator || act.validator(record))
-                                                ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                                    (['confirmAction','confirmaction','confirm-action','confirm'].includes(act.type))
-                                                      ? (openBlock(), createBlock(script$g, {
-                                                          key: 0,
-                                                          onActionSuccessful: $event => (_ctx.doEmitAction('actionSuccessful',record)),
-                                                          onActionFailed: $event => (_ctx.doEmitAction('actionFailed',record)),
-                                                          onActionCanceled: $event => (_ctx.doEmitAction('actionCanceled',record)),
-                                                          "loading-message": act.label,
-                                                          class: normalizeClass(act.class),
-                                                          url: _ctx.replaceActionUrl(act.url,record)
-                                                        }, {
-                                                          default: withCtx(() => [
-                                                            (act.icon)
-                                                              ? (openBlock(), createElementBlock("span", {
-                                                                  key: 0,
-                                                                  class: normalizeClass(act.icon)
-                                                                }, null, 2 /* CLASS */))
-                                                              : createCommentVNode("v-if", true),
-                                                            createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                          ]),
-                                                          _: 2 /* DYNAMIC */
-                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onActionSuccessful", "onActionFailed", "onActionCanceled", "loading-message", "class", "url"]))
-                                                      : (['silentAction','silentaction','silent-action','silent'].includes(act.type))
-                                                        ? (openBlock(), createBlock(script$f, {
-                                                            key: 1,
-                                                            onActionSuccessful: $event => (_ctx.doEmitAction('actionSuccessful',record)),
-                                                            onActionFailed: $event => (_ctx.doEmitAction('actionFailed',record)),
-                                                            onActionCanceled: $event => (_ctx.doEmitAction('actionCanceled',record)),
-                                                            "loading-message": act.label,
-                                                            class: normalizeClass(act.class),
-                                                            url: _ctx.replaceActionUrl(act.url,record)
-                                                          }, {
-                                                            default: withCtx(() => [
-                                                              (act.icon)
-                                                                ? (openBlock(), createElementBlock("span", {
-                                                                    key: 0,
-                                                                    class: normalizeClass(act.icon)
-                                                                  }, null, 2 /* CLASS */))
-                                                                : createCommentVNode("v-if", true),
-                                                              createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                            ]),
-                                                            _: 2 /* DYNAMIC */
-                                                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onActionSuccessful", "onActionFailed", "onActionCanceled", "loading-message", "class", "url"]))
-                                                        : (act.canvasId || act.type === 'offcanvas')
-                                                          ? (openBlock(), createElementBlock("a", {
-                                                              key: 2,
-                                                              href: '#' + act.canvasId,
-                                                              "data-bs-toggle": "offcanvas",
-                                                              class: normalizeClass(act.class)
-                                                            }, [
-                                                              (act.icon)
-                                                                ? (openBlock(), createElementBlock("span", {
-                                                                    key: 0,
-                                                                    class: normalizeClass(act.icon)
-                                                                  }, null, 2 /* CLASS */))
-                                                                : createCommentVNode("v-if", true),
-                                                              createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                            ], 10 /* CLASS, PROPS */, _hoisted_47))
-                                                          : (act.emits)
-                                                            ? (openBlock(), createElementBlock("button", {
-                                                                key: 3,
-                                                                title: act.title,
-                                                                class: normalizeClass(act.class ? act.class:'btn btn-default'),
-                                                                onClick: $event => (_ctx.doEmitAction(act.emits,record))
-                                                              }, [
-                                                                (act.icon)
-                                                                  ? (openBlock(), createElementBlock("span", {
-                                                                      key: 0,
-                                                                      class: normalizeClass(act.icon)
-                                                                    }, null, 2 /* CLASS */))
-                                                                  : createCommentVNode("v-if", true),
-                                                                createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                              ], 10 /* CLASS, PROPS */, _hoisted_48))
-                                                            : (!act.emits)
-                                                              ? (openBlock(), createBlock(_component_router_link, {
-                                                                  key: 4,
-                                                                  title: act.title,
-                                                                  to: _ctx.replaceActionUrl(act.path,record),
-                                                                  class: normalizeClass(act.class)
-                                                                }, {
-                                                                  default: withCtx(() => [
-                                                                    (act.icon)
-                                                                      ? (openBlock(), createElementBlock("span", {
-                                                                          key: 0,
-                                                                          class: normalizeClass(act.icon)
-                                                                        }, null, 2 /* CLASS */))
-                                                                      : createCommentVNode("v-if", true),
-                                                                    createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                                  ]),
-                                                                  _: 2 /* DYNAMIC */
-                                                                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "to", "class"]))
-                                                              : createCommentVNode("v-if", true)
-                                                  ], 64 /* STABLE_FRAGMENT */))
-                                                : createCommentVNode("v-if", true)
-                                            ], 64 /* STABLE_FRAGMENT */))
-                                          : createCommentVNode("v-if", true)
-                                      ], 64 /* STABLE_FRAGMENT */))
-                                    }), 128 /* KEYED_FRAGMENT */))
+                                    createVNode(script$g, {
+                                      actions: __props.actions,
+                                      record: record
+                                    }, null, 8 /* PROPS */, ["actions", "record"])
                                   ]))
                                 : createCommentVNode("v-if", true)
                             ], 10 /* CLASS, PROPS */, _hoisted_38))
@@ -5612,15 +5716,15 @@ return (_ctx, _cache) => {
                         : createCommentVNode("v-if", true)
               ])
             ], 2 /* CLASS */))
-          : (openBlock(), createElementBlock("div", _hoisted_49, [
+          : (openBlock(), createElementBlock("div", _hoisted_47, [
               (_ctx.loading === 'loading')
-                ? (openBlock(), createElementBlock("div", _hoisted_50, [..._hoisted_52]))
+                ? (openBlock(), createElementBlock("div", _hoisted_48, [..._hoisted_50]))
                 : (_ctx.loading === 'error')
-                  ? (openBlock(), createElementBlock("div", _hoisted_53, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_51, [
                       createElementVNode("span", null, toDisplayString(_ctx.loading_error), 1 /* TEXT */)
                     ]))
                   : (_ctx.loading === 'done')
-                    ? (openBlock(), createElementBlock("div", _hoisted_54, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_52, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.records, (record, index) => {
                           return (openBlock(), createElementBlock("div", {
                             key: record.id,
@@ -5632,12 +5736,12 @@ return (_ctx, _cache) => {
                                 key: key[0]
                               }, [
                                 (typeof key === 'string' )
-                                  ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("p", _hoisted_54, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
                                   : (typeof key === 'function')
-                                    ? (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
+                                    ? (openBlock(), createElementBlock("p", _hoisted_55, 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 */)),
+                                      ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key.label ?? key.key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                      : (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
                                 createElementVNode("span", null, [
                                   (typeof key === 'string' && __props.links && __props.links[key])
                                     ? (openBlock(), createBlock(_component_router_link, {
@@ -5647,16 +5751,16 @@ return (_ctx, _cache) => {
                                         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 */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_58, 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 */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_59, "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 */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString(_ctx.formatDate(record[key])), 1 /* TEXT */))
                                           : (typeof key    === 'string')
                                             ? (openBlock(), createElementBlock("span", {
                                                 key: 4,
                                                 innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_63))
+                                              }, null, 8 /* PROPS */, _hoisted_61))
                                             : (typeof key === 'object' && key.component)
                                               ? (openBlock(), createBlock(resolveDynamicComponent(key.component), {
                                                   key: 5,
@@ -5666,94 +5770,35 @@ return (_ctx, _cache) => {
                                                 ? (openBlock(), createElementBlock("span", {
                                                     key: 6,
                                                     innerHTML: record[key.key ?? key.field]
-                                                  }, null, 8 /* PROPS */, _hoisted_64))
+                                                  }, null, 8 /* PROPS */, _hoisted_62))
                                                 : (typeof key === 'function')
                                                   ? (openBlock(), createElementBlock("span", {
                                                       key: 7,
                                                       innerHTML: key(record, index )
-                                                    }, null, 8 /* PROPS */, _hoisted_65))
+                                                    }, null, 8 /* PROPS */, _hoisted_63))
                                                   : (openBlock(), createElementBlock("span", {
                                                       key: 8,
                                                       innerHTML: record[key[0]]
-                                                    }, null, 8 /* PROPS */, _hoisted_66))
+                                                    }, null, 8 /* PROPS */, _hoisted_64))
                                 ]),
-                                _hoisted_67
+                                _hoisted_65
                               ], 64 /* STABLE_FRAGMENT */))
                             }), 128 /* KEYED_FRAGMENT */)),
                             (__props.actions)
-                              ? (openBlock(), createElementBlock("div", _hoisted_68, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions.actions, (act) => {
-                                    return (openBlock(), createElementBlock(Fragment, {
-                                      key: act.path
-                                    }, [
-                                      (!act.permission || unref(user).isAllowedTo(act.permission))
-                                        ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                            (!act.validator || act.validator(record))
-                                              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                                  (act.canvasId)
-                                                    ? (openBlock(), createElementBlock("a", {
-                                                        key: 0,
-                                                        href: '#' + act.canvasId,
-                                                        "data-bs-toggle": "offcanvas",
-                                                        class: normalizeClass(act.class)
-                                                      }, [
-                                                        (act.icon)
-                                                          ? (openBlock(), createElementBlock("span", {
-                                                              key: 0,
-                                                              class: normalizeClass(act.icon)
-                                                            }, null, 2 /* CLASS */))
-                                                          : createCommentVNode("v-if", true),
-                                                        createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                      ], 10 /* CLASS, PROPS */, _hoisted_69))
-                                                    : (act.emits)
-                                                      ? (openBlock(), createElementBlock("button", {
-                                                          key: 1,
-                                                          title: act.title,
-                                                          class: normalizeClass(act.class ? act.class:'btn btn-default'),
-                                                          onClick: $event => (_ctx.doEmitAction(act.emits,record))
-                                                        }, [
-                                                          (act.icon)
-                                                            ? (openBlock(), createElementBlock("span", {
-                                                                key: 0,
-                                                                class: normalizeClass(act.icon)
-                                                              }, null, 2 /* CLASS */))
-                                                            : createCommentVNode("v-if", true),
-                                                          createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                        ], 10 /* CLASS, PROPS */, _hoisted_70))
-                                                      : (!act.emits)
-                                                        ? (openBlock(), createBlock(_component_router_link, {
-                                                            key: 2,
-                                                            title: act.title,
-                                                            to: _ctx.replaceActionUrl(act.path,record),
-                                                            class: normalizeClass(act.class)
-                                                          }, {
-                                                            default: withCtx(() => [
-                                                              (act.icon)
-                                                                ? (openBlock(), createElementBlock("span", {
-                                                                    key: 0,
-                                                                    class: normalizeClass(act.icon)
-                                                                  }, null, 2 /* CLASS */))
-                                                                : createCommentVNode("v-if", true),
-                                                              createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                            ]),
-                                                            _: 2 /* DYNAMIC */
-                                                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "to", "class"]))
-                                                        : createCommentVNode("v-if", true)
-                                                ], 64 /* STABLE_FRAGMENT */))
-                                              : createCommentVNode("v-if", true)
-                                          ], 64 /* STABLE_FRAGMENT */))
-                                        : createCommentVNode("v-if", true)
-                                    ], 64 /* STABLE_FRAGMENT */))
-                                  }), 128 /* KEYED_FRAGMENT */))
+                              ? (openBlock(), createElementBlock("div", _hoisted_66, [
+                                  createVNode(script$g, {
+                                    actions: __props.actions,
+                                    record: record
+                                  }, null, 8 /* PROPS */, ["actions", "record"])
                                 ]))
                               : createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_55))
+                          ], 8 /* PROPS */, _hoisted_53))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : createCommentVNode("v-if", true)
             ])),
     (_ctx.pagination_data)
-      ? (openBlock(), createBlock(script$h, {
+      ? (openBlock(), createBlock(script$f, {
           key: 6,
           onLoadMoreRecords: _ctx.loadMoreRecords,
           "hide-load-more": __props.hideLoadMore,
@@ -5770,7 +5815,7 @@ return (_ctx, _cache) => {
             key: action.label
           }, [
             (action.canvasId)
-              ? (openBlock(), createBlock(script$j, {
+              ? (openBlock(), createBlock(script$l, {
                   key: 0,
                   onOffcanvasClosed: _ctx.canvasClosed,
                   position: action.canvasPosition,
@@ -5782,7 +5827,8 @@ return (_ctx, _cache) => {
                     (_ctx.selectedRecord)
                       ? (openBlock(), createBlock(resolveDynamicComponent(action.canvasComponent), mergeProps({
                           key: 0,
-                          onRecordUpdated: _ctx.reloadData
+                          onRecordUpdated: _ctx.reloadData,
+                          ref_for: true
                         }, _ctx.cleanCanvasProps(action), { record: _ctx.selectedRecord }), null, 16 /* FULL_PROPS */, ["onRecordUpdated", "record"]))
                       : createCommentVNode("v-if", true)
                   ]),
@@ -6270,7 +6316,7 @@ return (_ctx, _cache) => {
               (permissionsChanged.value)
                 ? (openBlock(), createElementBlock("div", _hoisted_16, [
                     createElementVNode("div", _hoisted_17, [
-                      createVNode(script$f, {
+                      createVNode(script$i, {
                         onSuccess: permissionsUpdated,
                         url: `sh-departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
@@ -6414,7 +6460,7 @@ return (_ctx, _cache) => {
       class: "d-none"
     }, "Open Modal", 8 /* PROPS */, _hoisted_1$5),
     (popUp.value === 'modal')
-      ? (openBlock(), createBlock(script$n, {
+      ? (openBlock(), createBlock(script$p, {
           key: 0,
           "modal-title": title.value,
           "modal-id": unref(modalId),
@@ -6429,7 +6475,7 @@ return (_ctx, _cache) => {
         }, 8 /* PROPS */, ["modal-title", "modal-id", "modal-size"]))
       : createCommentVNode("v-if", true),
     (['offcanvas','canvas','offCanvas'].includes(popUp.value))
-      ? (openBlock(), createBlock(script$j, {
+      ? (openBlock(), createBlock(script$l, {
           key: 1,
           "canvas-id": unref(canvasId),
           "canvas-title": title.value,
@@ -6460,7 +6506,7 @@ const fields = route.query.fields.split(',');
 const action = route.query.action;
 
 return (_ctx, _cache) => {
-  return (openBlock(), createBlock(script$o, {
+  return (openBlock(), createBlock(script$q, {
     fields: unref(fields),
     action: unref(action)
   }, null, 8 /* PROPS */, ["fields", "action"]))
@@ -6563,7 +6609,7 @@ const goBack = () => {
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     (popUp.value === 'modal')
-      ? (openBlock(), createBlock(script$n, {
+      ? (openBlock(), createBlock(script$p, {
           key: 0,
           "modal-title": title.value,
           "data-bs-backdrop": "static",
@@ -6578,7 +6624,7 @@ return (_ctx, _cache) => {
         }, 8 /* PROPS */, ["modal-title", "modal-id", "modal-size"]))
       : createCommentVNode("v-if", true),
     (['offcanvas','canvas','offCanvas'].includes(popUp.value))
-      ? (openBlock(), createBlock(script$j, {
+      ? (openBlock(), createBlock(script$l, {
           "canvas-title": title.value,
           key: size.value + position.value,
           "canvas-id": unref(canvasId),
@@ -6685,7 +6731,7 @@ return (_ctx, _cache) => {
                     ]),
                     createElementVNode("div", _hoisted_6$2, [
                       (unref(user))
-                        ? (openBlock(), createBlock(script$l, {
+                        ? (openBlock(), createBlock(script$n, {
                             key: 0,
                             "current-data": unref(user),
                             "modal-title": "Edit Details",
@@ -6702,7 +6748,7 @@ return (_ctx, _cache) => {
                           }, 8 /* PROPS */, ["current-data"]))
                         : createCommentVNode("v-if", true),
                       (unref(user))
-                        ? (openBlock(), createBlock(script$l, {
+                        ? (openBlock(), createBlock(script$n, {
                             key: 1,
                             "modal-title": "Update Password",
                             class: "btn btn-info ms-2 my-2",
@@ -6739,7 +6785,7 @@ return (_ctx, _cache) => {
           createElementVNode("div", _hoisted_9$1, [
             createVNode(script$4, null, {
               default: withCtx(() => [
-                createVNode(script$l, {
+                createVNode(script$n, {
                   "modal-title": "Edit Profile Image",
                   class: "btn btn-info btn-sm float-end my-2",
                   action: 'auth/profile-picture',
@@ -6841,12 +6887,12 @@ return (_ctx, _cache) => {
       ]
     }
         }, null, 8 /* PROPS */, ["reload", "actions"]),
-        createVNode(script$n, {
+        createVNode(script$p, {
           "modal-id": "sh_department_modal",
           "modal-title": "Department Form"
         }, {
           default: withCtx(() => [
-            createVNode(script$w, {
+            createVNode(script$y, {
               "success-callback": "departmentAdded",
               "current-data": department.value,
               onDepartmentAdded: departmentAdded,
@@ -7001,12 +7047,12 @@ return (_ctx, _cache) => {
             headers: ['id',showModule,'created_at'],
             "end-point": 'admin/departments/department/list-modules/' + id.value
           }, null, 8 /* PROPS */, ["actions", "reload", "headers", "end-point"]),
-          createVNode(script$n, {
+          createVNode(script$p, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: withCtx(() => [
-              createVNode(script$w, {
+              createVNode(script$y, {
                 "reload-select-items": unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -7028,7 +7074,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          createVNode(script$j, {
+          createVNode(script$l, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -7164,7 +7210,7 @@ return (_ctx, _cache) => {
     : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         (section.value === 'forgot')
           ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(script$w, {
+              createVNode(script$y, {
                 class: "sh-login-form",
                 fields: ['email'],
                 "action-label": "Send Reset Link",
@@ -7187,7 +7233,7 @@ return (_ctx, _cache) => {
               (unref(loginTitle))
                 ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(unref(loginTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
-              createVNode(script$w, {
+              createVNode(script$y, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -7215,7 +7261,7 @@ return (_ctx, _cache) => {
               (unref(registerSubTitle))
                 ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
-              createVNode(script$w, {
+              createVNode(script$y, {
                 class: "sh-login-form",
                 fields: unref(registrationFields),
                 "action-label": "Sign Up",
@@ -7311,11 +7357,11 @@ const ShFrontend = {
     const registerSubTitle = options.registerSubTitle ?? `It's quick and easy`;
     const loginTitle = options.loginTitle ?? `Login to your account`;
     const logoutApiEndpoint = options.logoutApiEndpoint ?? `auth/logout`;
-    options.formTextInput ?? script$t;
+    options.formTextInput ?? script$v;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
-    const noRecordsComponent = options.noRecordsComponent ?? script$i;
+    const noRecordsComponent = options.noRecordsComponent ?? script$k;
     const registrationFields = options.registrationFields ?? ['name','email','phone','password','password_confirmation'];
     const AuthComponent = options.authComponent ?? script;
     app.provide('loginEndpoint',loginEndpoint);
@@ -7437,4 +7483,4 @@ const useShFetch = (url, path, cacheKey) => {
     }
 };
 
-export { countries as Countries, script$8 as ManagePermissions, script$o as ShAutoForm, script$j as ShCanvas, script$9 as ShCanvasBtn, script$4 as ShCardLayout, script$g as ShConfirmAction, script$m as ShDropDownForm, script$b as ShDynamicTabs, script$w as ShForm, ShFrontend, script$n as ShModal, script$a as ShModalBtn, script$l as ShModalForm, script$k as ShModalFormAuto, script$y as ShPhone, script$5 as ShQueryPopups, script$e as ShRange, script$7 as ShRoutePopups, script$f as ShSilentAction, script$x as ShSuggest, script$d as ShTable, script$c as ShTabs, shApis, shGql, shRepo, shStorage, useAppStore, useShFetch, useUserStore };
+export { countries as Countries, script$8 as ManagePermissions, script$q as ShAutoForm, script$l as ShCanvas, script$9 as ShCanvasBtn, script$4 as ShCardLayout, script$j as ShConfirmAction, script$o as ShDropDownForm, script$b as ShDynamicTabs, script$y as ShForm, ShFrontend, script$p as ShModal, script$a as ShModalBtn, script$n as ShModalForm, script$m as ShModalFormAuto, script$A as ShPhone, script$5 as ShQueryPopups, script$e as ShRange, script$7 as ShRoutePopups, script$i as ShSilentAction, script$z as ShSuggest, script$d as ShTable, script$c as ShTabs, shApis, shGql, shRepo, shStorage, useAppStore, useShFetch, useUserStore };