@iankibetsh/shframework 1.7.0 → 1.7.2

package/dist/library.mjs

@@ -1862,7 +1862,7 @@ const countries = [
   }
 ];
 
-var script$s = {
+var script$t = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1924,19 +1924,19 @@ var script$s = {
   }
 };
 
-const _hoisted_1$n = { class: "sh-phone mb-3" };
-const _hoisted_2$d = {
+const _hoisted_1$o = { class: "sh-phone mb-3" };
+const _hoisted_2$e = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$c = ["src"];
-const _hoisted_4$c = ["value"];
+const _hoisted_3$d = ["src"];
+const _hoisted_4$d = ["value"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$c),
+      ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$d),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -1949,7 +1949,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$c))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$d))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -1967,10 +1967,10 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$s.render = render$4;
-script$s.__file = "src/lib/components/form-components/PhoneInput.vue";
+script$t.render = render$4;
+script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-var script$r = {
+var script$s = {
   name: 'ShEditor',
   props: ['modelValue'],
   components: {
@@ -2009,7 +2009,7 @@ var script$r = {
   }
 };
 
-const _hoisted_1$m = /*#__PURE__*/createElementVNode("textarea", {
+const _hoisted_1$n = /*#__PURE__*/createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -2019,7 +2019,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = resolveComponent("editor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$m,
+    _hoisted_1$n,
     createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -2044,19 +2044,19 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$r.render = render$3;
-script$r.__file = "src/lib/components/form-components/ShEditor.vue";
+script$s.render = render$3;
+script$s.__file = "src/lib/components/form-components/ShEditor.vue";
 
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$c = ["id"];
-const _hoisted_3$b = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$b = ["onClick"];
-const _hoisted_5$9 = ["id"];
-const _hoisted_6$8 = ["id", "aria-labelledby"];
-const _hoisted_7$6 = { key: 0 };
+const _hoisted_2$d = ["id"];
+const _hoisted_3$c = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$c = ["onClick"];
+const _hoisted_5$a = ["id"];
+const _hoisted_6$9 = ["id", "aria-labelledby"];
+const _hoisted_7$7 = { key: 0 };
 const _hoisted_8$4 = ["onClick"];
 const _hoisted_9$5 = {
   key: 1,
@@ -2068,7 +2068,7 @@ const _hoisted_10$4 = {
 };
 
 
-var script$q = {
+var script$r = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -2149,7 +2149,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -2158,14 +2158,14 @@ return (_ctx, _cache) => {
         }, [
           createElementVNode("div", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_3$b, [
+              return (openBlock(), createElementBlock("h5", _hoisted_3$c, [
                 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_4$b)
+                }, null, 8 /* PROPS */, _hoisted_4$c)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2175,8 +2175,8 @@ return (_ctx, _cache) => {
             onClick: filterData,
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$9)
-        ], 8 /* PROPS */, _hoisted_2$c),
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$a)
+        ], 8 /* PROPS */, _hoisted_2$d),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -2188,7 +2188,7 @@ return (_ctx, _cache) => {
                   key: suggestion.id
                 }, [
                   (suggestion.name)
-                    ? (openBlock(), createElementBlock("li", _hoisted_7$6, [
+                    ? (openBlock(), createElementBlock("li", _hoisted_7$7, [
                         createElementVNode("a", {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: normalizeClass(["dropdown-item", unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
@@ -2201,7 +2201,7 @@ return (_ctx, _cache) => {
             : (unref(searchText))
               ? (openBlock(), createElementBlock("li", _hoisted_9$5, " No results found "))
               : (openBlock(), createElementBlock("li", _hoisted_10$4, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_6$8)
+        ], 8 /* PROPS */, _hoisted_6$9)
       ]))
     : createCommentVNode("v-if", true)
 }
@@ -2209,16 +2209,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$q.__scopeId = "data-v-71cc9569";
-script$q.__file = "src/lib/components/form-components/ShSuggest.vue";
+script$r.__scopeId = "data-v-71cc9569";
+script$r.__file = "src/lib/components/form-components/ShSuggest.vue";
 
-var script$p = {
+var script$q = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$s,
-    ShSuggest: script$q,
-    ShEditor: script$r,
-    ShPhone: script$s
+    PhoneInput: script$t,
+    ShSuggest: script$r,
+    ShEditor: script$s,
+    ShPhone: script$t
   },
   props: [
       'action',
@@ -2540,20 +2540,20 @@ var script$p = {
   }
 };
 
-const _hoisted_1$k = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_2$b = {
+const _hoisted_1$l = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_2$c = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$a = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$8 = { key: 0 };
-const _hoisted_6$7 = { key: 1 };
-const _hoisted_7$5 = { class: "row" };
+const _hoisted_4$b = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_5$9 = { key: 0 };
+const _hoisted_6$8 = { key: 1 };
+const _hoisted_7$6 = { class: "row" };
 const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
 const _hoisted_9$4 = { class: "col-md-12" };
 const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
@@ -2602,16 +2602,16 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShEditor = resolveComponent("ShEditor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$k,
-    createElementVNode("form", _hoisted_2$b, [
+    _hoisted_1$l,
+    createElementVNode("form", _hoisted_2$c, [
       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$a, [
-            _hoisted_4$a,
+        ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+            _hoisted_4$b,
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString(_ctx.errorText), 1 /* TEXT */))
-              : (openBlock(), createElementBlock("span", _hoisted_6$7, "Unexpected Error Occurred")),
+              ? (openBlock(), createElementBlock("span", _hoisted_5$9, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              : (openBlock(), createElementBlock("span", _hoisted_6$8, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
         : createCommentVNode("v-if", true),
@@ -2621,7 +2621,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 512 /* NEED_PATCH */), [
         [vModelText, _ctx.form_elements['id']]
       ]),
-      createElementVNode("div", _hoisted_7$5, [
+      createElementVNode("div", _hoisted_7$6, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
           return (openBlock(), createElementBlock("div", {
             class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
@@ -2819,10 +2819,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$p.render = render$2;
-script$p.__file = "src/lib/components/ShForm.vue";
+script$q.render = render$2;
+script$q.__file = "src/lib/components/ShForm.vue";
 
-var script$o = {
+var script$p = {
   __name: 'EmailInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2858,12 +2858,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$o.__file = "src/lib/components/form-components/EmailInput.vue";
+script$p.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$j = ["min", "max"];
+const _hoisted_1$k = ["min", "max"];
 
 
-var script$n = {
+var script$o = {
   __name: 'NumberInput',
   props: ['modelValue','label','min','max'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2893,7 +2893,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$j)), [
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$k)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -2901,9 +2901,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$n.__file = "src/lib/components/form-components/NumberInput.vue";
+script$o.__file = "src/lib/components/form-components/NumberInput.vue";
 
-var script$m = {
+var script$n = {
   __name: 'TextInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2939,9 +2939,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$m.__file = "src/lib/components/form-components/TextInput.vue";
+script$n.__file = "src/lib/components/form-components/TextInput.vue";
 
-var script$l = {
+var script$m = {
   __name: 'TextAreaInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2977,12 +2977,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$l.__file = "src/lib/components/form-components/TextAreaInput.vue";
+script$m.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$i = ["value"];
+const _hoisted_1$j = ["value"];
 
 
-var script$k = {
+var script$l = {
   __name: 'SelectInput',
   props: ['modelValue','label','data','dataUrl'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3033,7 +3033,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$i))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$j))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3043,9 +3043,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$k.__file = "src/lib/components/form-components/SelectInput.vue";
+script$l.__file = "src/lib/components/form-components/SelectInput.vue";
 
-var script$j = {
+var script$k = {
   __name: 'PasswordInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3081,23 +3081,23 @@ return (_ctx, _cache) => {
 
 };
 
-script$j.__file = "src/lib/components/form-components/PasswordInput.vue";
+script$k.__file = "src/lib/components/form-components/PasswordInput.vue";
 
-const _hoisted_1$h = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
-const _hoisted_2$a = ["innerHTML"];
-const _hoisted_3$9 = ["innerHTML"];
-const _hoisted_4$9 = ["innerHTML"];
-const _hoisted_5$7 = ["disabled"];
-const _hoisted_6$6 = {
+const _hoisted_1$i = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
+const _hoisted_2$b = ["innerHTML"];
+const _hoisted_3$a = ["innerHTML"];
+const _hoisted_4$a = ["innerHTML"];
+const _hoisted_5$8 = ["disabled"];
+const _hoisted_6$7 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_7$4 = { key: 1 };
+const _hoisted_7$5 = { key: 1 };
 
 
-var script$i = {
+var script$j = {
   __name: 'ShAutoForm',
   props: [
     'action','successCallback','retainDataAfterSubmission',
@@ -3130,13 +3130,13 @@ const getFieldComponent = (fieldObj)=>{
   const defaultPhones = ['phone'];
   const defaultEmails = ['email'];
   const formComponents = inject('formComponents');
-  const TextComponent = formComponents.text ?? script$m;
-  const TextAreaComponent = formComponents.textArea ?? script$l;
-  const EmailComponent = formComponents.email ?? script$o;
-  const PhoneComponent = formComponents.phone ?? script$s;
-  const NumberComponent = formComponents.number ?? script$n;
-  const SelectComponent = formComponents.select ?? script$k;
-  const PasswordComponent = formComponents.password ?? script$j;
+  const TextComponent = formComponents.text ?? script$n;
+  const TextAreaComponent = formComponents.textArea ?? script$m;
+  const EmailComponent = formComponents.email ?? script$p;
+  const PhoneComponent = formComponents.phone ?? script$t;
+  const NumberComponent = formComponents.number ?? script$o;
+  const SelectComponent = formComponents.select ?? script$l;
+  const PasswordComponent = formComponents.password ?? script$k;
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
@@ -3148,16 +3148,16 @@ const getFieldComponent = (fieldObj)=>{
   }
   else
   if((props.textAreas && props.textAreas.includes(field)) || defaultTextareas.includes(field)){
-    return formComponents.textArea ?? script$l
+    return formComponents.textArea ?? script$m
   } else
   if((props.emails && props.emails.includes(field)) || defaultEmails.includes(field)){
-    return formComponents.email ?? script$o
+    return formComponents.email ?? script$p
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$s
+    return formComponents.phone ?? script$t
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
-    return formComponents.number ?? script$n
+    return formComponents.number ?? script$o
   }
   // else
   // if((props.selects && props.selects.includes(field)) || defaultSelects.includes(field)){
@@ -3166,14 +3166,14 @@ const getFieldComponent = (fieldObj)=>{
   // if((props.dates && props.dates.includes(field)) || defaultDates.includes(field)){
   //   return formComponents.date ?? DateInput
   // }
-  return formComponents.text ?? script$m
+  return formComponents.text ?? script$n
 };
 const shFormElementClasses = ref(null);
 shFormElementClasses.value = inject('shFormElementClasses');
 const shAutoForm = ref(null);
 const closeModal = e => {
   setTimeout(() => {
-    const modal = script$i.value.closest('.modal-dialog');
+    const modal = script$j.value.closest('.modal-dialog');
     if(modal){
       const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
       closeBtn && closeBtn.click();
@@ -3269,7 +3269,7 @@ onMounted((ev)=>{
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$h,
+    _hoisted_1$i,
     createElementVNode("form", {
       class: normalizeClass([__props.formClass, "sh-form"]),
       ref_key: "shAutoForm",
@@ -3286,7 +3286,7 @@ return (_ctx, _cache) => {
                 key: 0,
                 class: normalizeClass(getElementClass('formLabel')),
                 innerHTML: field.label
-              }, null, 10 /* CLASS, PROPS */, _hoisted_2$a))
+              }, null, 10 /* CLASS, PROPS */, _hoisted_2$b))
             : createCommentVNode("v-if", true),
           (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps(getComponentProps(field), {
             isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
@@ -3300,14 +3300,14 @@ return (_ctx, _cache) => {
                 key: 1,
                 class: normalizeClass(getElementClass('formLabel')),
                 innerHTML: field.label
-              }, null, 10 /* CLASS, PROPS */, _hoisted_3$9))
+              }, null, 10 /* CLASS, PROPS */, _hoisted_3$a))
             : createCommentVNode("v-if", true),
           (field.helper)
             ? (openBlock(), createElementBlock("div", {
                 key: 2,
                 class: normalizeClass(getElementClass('helperText')),
                 innerHTML: field.helper
-              }, null, 10 /* CLASS, PROPS */, _hoisted_4$9))
+              }, null, 10 /* CLASS, PROPS */, _hoisted_4$a))
             : createCommentVNode("v-if", true),
           (validationErrors.value[field.field])
             ? (openBlock(), createElementBlock("div", {
@@ -3330,12 +3330,12 @@ return (_ctx, _cache) => {
           class: normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_6$6))
+            ? (openBlock(), createElementBlock("span", _hoisted_6$7))
             : createCommentVNode("v-if", true),
           (!loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_7$4, "Submit"))
+            ? (openBlock(), createElementBlock("span", _hoisted_7$5, "Submit"))
             : createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_5$7)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_5$8)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))
@@ -3344,12 +3344,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$i.__file = "src/lib/components/ShAutoForm.vue";
+script$j.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$g = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$9 = { class: "dropdown" };
+const _hoisted_1$h = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_2$a = { class: "dropdown" };
 
-var script$h = {
+var script$i = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -3379,8 +3379,8 @@ const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$g,
-    createElementVNode("div", _hoisted_2$9, [
+    _hoisted_1$h,
+    createElementVNode("div", _hoisted_2$a, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3396,7 +3396,7 @@ return (_ctx, _cache) => {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": dropdownId
       }, [
-        createVNode(script$p, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        createVNode(script$q, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
       ])
     ])
   ], 64 /* STABLE_FRAGMENT */))
@@ -3405,21 +3405,21 @@ return (_ctx, _cache) => {
 
 };
 
-script$h.__file = "src/lib/components/ShDropDownForm.vue";
+script$i.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$f = ["id"];
-const _hoisted_2$8 = { class: "modal-content" };
-const _hoisted_3$8 = { class: "modal-header" };
-const _hoisted_4$8 = { class: "modal-title" };
-const _hoisted_5$6 = /*#__PURE__*/createElementVNode("button", {
+const _hoisted_1$g = ["id"];
+const _hoisted_2$9 = { class: "modal-content" };
+const _hoisted_3$9 = { class: "modal-header" };
+const _hoisted_4$9 = { class: "modal-title" };
+const _hoisted_5$7 = /*#__PURE__*/createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
 }, "×", -1 /* HOISTED */);
-const _hoisted_6$5 = { class: "modal-body" };
-const _hoisted_7$3 = { class: "section" };
+const _hoisted_6$6 = { class: "modal-body" };
+const _hoisted_7$4 = { class: "section" };
 
-var script$g = {
+var script$h = {
   __name: 'ShModal',
   props: {
   modalId: {
@@ -3456,29 +3456,29 @@ return (_ctx, _cache) => {
     createElementVNode("div", {
       class: normalizeClass(["modal-dialog", `modal-${__props.modalSize}`])
     }, [
-      createElementVNode("div", _hoisted_2$8, [
-        createElementVNode("div", _hoisted_3$8, [
-          createElementVNode("h3", _hoisted_4$8, toDisplayString(__props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$6
+      createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_3$9, [
+          createElementVNode("h3", _hoisted_4$9, toDisplayString(__props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$7
         ]),
-        createElementVNode("div", _hoisted_6$5, [
-          createElementVNode("div", _hoisted_7$3, [
+        createElementVNode("div", _hoisted_6$6, [
+          createElementVNode("div", _hoisted_7$4, [
             renderSlot(_ctx.$slots, "default")
           ])
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$f))
+  ], 8 /* PROPS */, _hoisted_1$g))
 }
 }
 
 };
 
-script$g.__file = "src/lib/components/ShModal.vue";
+script$h.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$e = ["href"];
+const _hoisted_1$f = ["href"];
 
-var script$f = {
+var script$g = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -3517,13 +3517,13 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$e),
-    createVNode(script$g, {
+    ], 10 /* CLASS, PROPS */, _hoisted_1$f),
+    createVNode(script$h, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        createVNode(script$p, 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"])
@@ -3533,11 +3533,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$f.__file = "src/lib/components/ShModalForm.vue";
+script$g.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$d = ["href"];
+const _hoisted_1$e = ["href"];
 
-var script$e = {
+var script$f = {
   __name: 'ShModalFormAuto',
   props: ['action',
   'classes',
@@ -3577,13 +3577,13 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$d),
-    createVNode(script$g, {
+    ], 10 /* CLASS, PROPS */, _hoisted_1$e),
+    createVNode(script$h, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        createVNode(script$i, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        createVNode(script$j, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3593,17 +3593,17 @@ return (_ctx, _cache) => {
 
 };
 
-script$e.__file = "src/lib/components/ShModalFormAuto.vue";
+script$f.__file = "src/lib/components/ShModalFormAuto.vue";
 
-const _hoisted_1$c = ["id"];
-const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+const _hoisted_1$d = ["id"];
+const _hoisted_2$8 = { class: "offcanvas-header" };
+const _hoisted_3$8 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$7 = { class: "offcanvas-body" };
+const _hoisted_4$8 = { class: "offcanvas-body" };
 
-var script$d = {
+var script$e = {
   __name: 'ShCanvas',
   props: {
   canvasId: {
@@ -3648,8 +3648,8 @@ return (_ctx, _cache) => {
     id: __props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$7, [
-      createElementVNode("h5", _hoisted_3$7, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$8, [
+      createElementVNode("h5", _hoisted_3$8, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -3659,18 +3659,18 @@ return (_ctx, _cache) => {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$7, [
+    createElementVNode("div", _hoisted_4$8, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$c))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$d))
 }
 }
 
 };
 
-script$d.__file = "src/lib/components/ShCanvas.vue";
+script$e.__file = "src/lib/components/ShCanvas.vue";
 
-var script$c = {
+var script$d = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore', 'paginationStyle'],
   data () {
@@ -3741,12 +3741,12 @@ var script$c = {
   }
 };
 
-const _hoisted_1$b = { key: 0 };
-const _hoisted_2$6 = { class: "record_count_body mb-3" };
-const _hoisted_3$6 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$6 = /*#__PURE__*/createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
+const _hoisted_1$c = { key: 0 };
+const _hoisted_2$7 = { class: "record_count_body mb-3" };
+const _hoisted_3$7 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$7 = /*#__PURE__*/createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
 const _hoisted_9$3 = [
-  _hoisted_4$6
+  _hoisted_4$7
 ];
 const _hoisted_10$2 = { class: "record_counts" };
 const _hoisted_11$2 = {
@@ -3787,9 +3787,9 @@ const _hoisted_22$1 = {
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return ($props.paginationStyle !== 'loadMore')
-    ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$6, [
-          _hoisted_3$6,
+    ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$7, [
+          _hoisted_3$7,
           createTextVNode("  "),
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
@@ -3859,17 +3859,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$c.render = render$1;
-script$c.__file = "src/lib/components/list_templates/Pagination.vue";
+script$d.render = render$1;
+script$d.__file = "src/lib/components/list_templates/Pagination.vue";
 
-const _hoisted_1$a = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_1$b = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
   role: "status",
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
 
 
-var script$b = {
+var script$c = {
   __name: 'ShConfirmAction',
   props: {
   data: Object,
@@ -3942,7 +3942,7 @@ return (_ctx, _cache) => {
   }, [
     (processing.value)
       ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$a,
+          _hoisted_1$b,
           createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
         ], 64 /* STABLE_FRAGMENT */))
       : createCommentVNode("v-if", true),
@@ -3955,15 +3955,15 @@ return (_ctx, _cache) => {
 
 };
 
-script$b.__file = "src/lib/components/ShConfirmAction.vue";
+script$c.__file = "src/lib/components/ShConfirmAction.vue";
 
-const _hoisted_1$9 = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_1$a = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
   role: "status",
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
 
-var script$a = {
+var script$b = {
   __name: 'ShSilentAction',
   props: {
   data: Object,
@@ -4038,7 +4038,7 @@ return (_ctx, _cache) => {
   }, [
     (processing.value)
       ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$9,
+          _hoisted_1$a,
           createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
         ], 64 /* STABLE_FRAGMENT */))
       : createCommentVNode("v-if", true),
@@ -4051,9 +4051,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$a.__file = "src/lib/components/ShSilentAction.vue";
+script$b.__file = "src/lib/components/ShSilentAction.vue";
 
-var script$9 = {
+var script$a = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle'],
   inject: ['channel'],
@@ -4285,16 +4285,19 @@ var script$9 = {
     },
     reload () {
       this.reloadData();
+    },
+    endPoint() {
+      this.reloadData();
     }
   },
   created () {
     this.reloadData();
   },
   components: {
-    ShSilentAction: script$a,
-    ShConfirmAction: script$b,
-    ShCanvas: script$d,
-    pagination: script$c
+    ShSilentAction: script$b,
+    ShConfirmAction: script$c,
+    ShCanvas: script$e,
+    pagination: script$d
   },
   computed: {
     windowWidth: function () {
@@ -4312,20 +4315,20 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$8 = { class: "auto-table mt-2" };
-const _hoisted_2$5 = {
+const _hoisted_1$9 = { class: "auto-table mt-2" };
+const _hoisted_2$6 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$5 = ["disabled"];
-const _hoisted_4$5 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
-const _hoisted_5$5 = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_3$6 = ["disabled"];
+const _hoisted_4$6 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
+const _hoisted_5$6 = /*#__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$2 = {
+const _hoisted_6$5 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
+const _hoisted_7$3 = {
   key: 1,
   class: "row"
 };
@@ -4475,9 +4478,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_pagination = resolveComponent("pagination");
   const _component_sh_canvas = resolveComponent("sh-canvas");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$8, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$9, [
     ($props.hasDownload)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           createElementVNode("button", {
             disabled: $data.downloading,
             class: "btn btn-warning btn-sm",
@@ -4485,18 +4488,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$5,
+                  _hoisted_4$6,
                   createTextVNode(" Export ")
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_5$5,
-                  _hoisted_6$4
+                  _hoisted_5$6,
+                  _hoisted_6$5
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$6)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
-      ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+      ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
           createElementVNode("div", _hoisted_8$2, [
             createElementVNode("div", _hoisted_9$2, [
               withDirectives(createElementVNode("input", {
@@ -4617,10 +4620,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   (typeof key === 'string' && $props.links && $props.links[key])
                                     ? (openBlock(), createBlock(_component_router_link, {
                                         key: 0,
+                                        target: $props.links[key].target ? '_blank':'',
                                         to: $options.replaceLinkUrl($props.links[key],record),
                                         class: normalizeClass($options.getLinkClass($props.links[key])),
                                         innerHTML: record[key]
-                                      }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
+                                      }, null, 8 /* PROPS */, ["target", "to", "class", "innerHTML"]))
                                     : ($options.getFieldType(key) === 'numeric')
                                       ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                       : ($options.getFieldType(key) === 'money')
@@ -4927,10 +4931,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$9.render = render;
-script$9.__file = "src/lib/components/ShTable.vue";
+script$a.render = render;
+script$a.__file = "src/lib/components/ShTable.vue";
 
-var script$8 = {
+var script$9 = {
   __name: 'ShTabs',
   props: {
   tabs: {
@@ -5074,22 +5078,22 @@ return (_ctx, _cache) => {
 
 };
 
-script$8.__file = "src/lib/components/ShTabs.vue";
+script$9.__file = "src/lib/components/ShTabs.vue";
 
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   class: "nav nav-tabs",
   role: "tablist"
 };
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   class: "nav-item",
   role: "presentation"
 };
-const _hoisted_3$4 = ["onClick"];
-const _hoisted_4$4 = /*#__PURE__*/createElementVNode("i", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_5$4 = { class: "sh_tab_count" };
-const _hoisted_6$3 = { class: "tab-content" };
+const _hoisted_3$5 = ["onClick"];
+const _hoisted_4$5 = /*#__PURE__*/createElementVNode("i", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_5$5 = { class: "sh_tab_count" };
+const _hoisted_6$4 = { class: "tab-content" };
 
-var script$7 = {
+var script$8 = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -5114,9 +5118,9 @@ function setTab(tab){
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("ul", _hoisted_1$7, [
+    createElementVNode("ul", _hoisted_1$8, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab) => {
-        return (openBlock(), createElementBlock("li", _hoisted_2$4, [
+        return (openBlock(), createElementBlock("li", _hoisted_2$5, [
           createElementVNode("button", {
             onClick: $event => (setTab(tab)),
             class: normalizeClass(["nav-link", unref(currentTab) === tab ? 'active':''])
@@ -5124,15 +5128,15 @@ return (_ctx, _cache) => {
             createTextVNode(toDisplayString(tab.label) + " ", 1 /* TEXT */),
             (tab.count || tab.tabCount)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$4,
-                  createElementVNode("sup", _hoisted_5$4, toDisplayString(tab.count ?? tab.tabCount), 1 /* TEXT */)
+                  _hoisted_4$5,
+                  createElementVNode("sup", _hoisted_5$5, toDisplayString(tab.count ?? tab.tabCount), 1 /* TEXT */)
                 ], 64 /* STABLE_FRAGMENT */))
               : createCommentVNode("v-if", true)
-          ], 10 /* CLASS, PROPS */, _hoisted_3$4)
+          ], 10 /* CLASS, PROPS */, _hoisted_3$5)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]),
-    createElementVNode("div", _hoisted_6$3, [
+    createElementVNode("div", _hoisted_6$4, [
       (unref(currentTab))
         ? (openBlock(), createBlock(resolveDynamicComponent(unref(currentTab).component), normalizeProps(mergeProps({ key: 0 }, unref(currentTab))), null, 16 /* FULL_PROPS */))
         : createCommentVNode("v-if", true)
@@ -5143,12 +5147,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$7.__file = "src/lib/components/ShDynamicTabs.vue";
+script$8.__file = "src/lib/components/ShDynamicTabs.vue";
 
-const _hoisted_1$6 = ["href"];
+const _hoisted_1$7 = ["href"];
 
 
-var script$6 = {
+var script$7 = {
   __name: 'ShModalBtn',
   props: {
   modalId: {
@@ -5165,18 +5169,18 @@ return (_ctx, _cache) => {
     "data-bs-toggle": "modal"
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8 /* PROPS */, _hoisted_1$6))
+  ], 8 /* PROPS */, _hoisted_1$7))
 }
 }
 
 };
 
-script$6.__file = "src/lib/components/ShModalBtn.vue";
+script$7.__file = "src/lib/components/ShModalBtn.vue";
 
-const _hoisted_1$5 = ["href"];
+const _hoisted_1$6 = ["href"];
 
 
-var script$5 = {
+var script$6 = {
   __name: 'ShCanvasBtn',
   props: {
   canvasId: {
@@ -5194,13 +5198,13 @@ return (_ctx, _cache) => {
     "data-bs-toggle": "offcanvas"
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8 /* PROPS */, _hoisted_1$5))
+  ], 8 /* PROPS */, _hoisted_1$6))
 }
 }
 
 };
 
-script$5.__file = "src/lib/components/ShCanvasBtn.vue";
+script$6.__file = "src/lib/components/ShCanvasBtn.vue";
 
 const useUserStore = defineStore('user-store', {
   state: () => ({
@@ -5299,24 +5303,24 @@ const useUserStore = defineStore('user-store', {
 });
 
 const _withScopeId$1 = n => (pushScopeId("data-v-0d4fa0ac"),n=n(),popScopeId(),n);
-const _hoisted_1$4 = { class: "row permissions-main d-flex" };
-const _hoisted_2$3 = {
+const _hoisted_1$5 = { class: "row permissions-main d-flex" };
+const _hoisted_2$4 = {
   id: "permissions-nav",
   class: "col-md-3 d-flex align-items-center py-4"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$4 = {
   key: 0,
   class: "mx-auto"
 };
-const _hoisted_4$3 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */));
-const _hoisted_5$3 = [
-  _hoisted_4$3
+const _hoisted_4$4 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */));
+const _hoisted_5$4 = [
+  _hoisted_4$4
 ];
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "d-flex flex-column w-100 px-2"
 };
-const _hoisted_7$1 = ["checked", "disabled"];
+const _hoisted_7$2 = ["checked", "disabled"];
 const _hoisted_8$1 = ["onClick"];
 const _hoisted_9$1 = {
   id: "permissions-content",
@@ -5339,7 +5343,7 @@ const _hoisted_17 = { class: "col-md-3" };
 const _hoisted_18 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
 
 
-var script$4 = {
+var script$5 = {
   __name: 'ManagePermissions',
   emits: ['success'],
   setup(__props, { emit }) {
@@ -5442,11 +5446,11 @@ const getPermissionStyle = permission => {
 };
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
-    createElementVNode("div", _hoisted_2$3, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$5, [
+    createElementVNode("div", _hoisted_2$4, [
       (loadingModules.value)
-        ? (openBlock(), createElementBlock("div", _hoisted_3$3, _hoisted_5$3))
-        : (openBlock(), createElementBlock("ul", _hoisted_6$2, [
+        ? (openBlock(), createElementBlock("div", _hoisted_3$4, _hoisted_5$4))
+        : (openBlock(), createElementBlock("ul", _hoisted_6$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(modules.value, (module) => {
               return (openBlock(), createElementBlock("li", {
                 class: normalizeClass(selectedModule.value === module && 'active'),
@@ -5457,7 +5461,7 @@ return (_ctx, _cache) => {
                   onClick: checkAllPermissions,
                   disabled: selectedModule.value !== module,
                   type: "checkbox"
-                }, null, 8 /* PROPS */, _hoisted_7$1),
+                }, null, 8 /* PROPS */, _hoisted_7$2),
                 createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
@@ -5496,7 +5500,7 @@ return (_ctx, _cache) => {
               (permissionsChanged.value)
                 ? (openBlock(), createElementBlock("div", _hoisted_16, [
                     createElementVNode("div", _hoisted_17, [
-                      createVNode(script$a, {
+                      createVNode(script$b, {
                         onSuccess: permissionsUpdated,
                         url: `sh-departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
@@ -5520,13 +5524,13 @@ return (_ctx, _cache) => {
 
 };
 
-script$4.__scopeId = "data-v-0d4fa0ac";
-script$4.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
+script$5.__scopeId = "data-v-0d4fa0ac";
+script$5.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
 
-const _hoisted_1$3 = ["href"];
+const _hoisted_1$4 = ["href"];
 
 
-var script$3 = {
+var script$4 = {
   __name: 'ShPopups',
   setup(__props) {
 
@@ -5607,9 +5611,9 @@ return (_ctx, _cache) => {
       href: '#' + unref(canvasId),
       shallowRef: "canvasButton",
       class: "d-none"
-    }, "Open Modal", 8 /* PROPS */, _hoisted_1$3),
+    }, "Open Modal", 8 /* PROPS */, _hoisted_1$4),
     (popUp.value === 'modal')
-      ? (openBlock(), createBlock(script$g, {
+      ? (openBlock(), createBlock(script$h, {
           key: 0,
           "modal-id": unref(modalId),
           "modal-size": size.value
@@ -5621,7 +5625,7 @@ return (_ctx, _cache) => {
         }, 8 /* PROPS */, ["modal-id", "modal-size"]))
       : createCommentVNode("v-if", true),
     (['offcanvas','canvas','offCanvas'].includes(popUp.value))
-      ? (openBlock(), createBlock(script$d, {
+      ? (openBlock(), createBlock(script$e, {
           key: 1,
           "canvas-id": unref(canvasId),
           "canvas-size": size.value,
@@ -5639,7 +5643,153 @@ return (_ctx, _cache) => {
 
 };
 
-script$3.__file = "src/lib/components/ShPopups.vue";
+script$4.__file = "src/lib/components/ShPopups.vue";
+
+const _hoisted_1$3 = { class: "sh-range" };
+const _hoisted_2$3 = { class: "dropdown" };
+const _hoisted_3$3 = {
+  class: "form-control dropdown-toggle",
+  href: "#",
+  role: "button",
+  id: "dropdownMenuLink",
+  "data-bs-toggle": "dropdown",
+  "aria-expanded": "false"
+};
+const _hoisted_4$3 = /*#__PURE__*/createElementVNode("i", { class: "bi-calendar text-dark" }, null, -1 /* HOISTED */);
+const _hoisted_5$3 = ["innerHTML"];
+const _hoisted_6$2 = {
+  class: "dropdown-menu",
+  "aria-labelledby": "dropdownMenuLink"
+};
+const _hoisted_7$1 = ["onClick"];
+
+
+
+var script$3 = {
+  __name: 'ShRange',
+  props: {
+  start: {
+    type: Number,
+    default: 2021
+  },
+  selected: {
+    type: String,
+    default: shRepo.getShConfig('defaultRange', 'This Month')
+  }
+},
+  emits: ['rangeSelected'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+
+
+
+const selectedDate = ref(null);
+const rangeLabel = ref(null);
+ref(false);
+
+const dates = ref([
+  {
+    label: 'Today',
+    value: [moment(), moment()]
+  },
+  {
+    label: '7 Days',
+    value: [moment().subtract(7, 'days'), moment()]
+  },
+  {
+    label: 'This week',
+    value: [moment().subtract(1, 'week').startOf('week'), moment().subtract(1, 'week').endOf('week')]
+  },
+  {
+    label: 'This Month',
+    value: [moment().startOf('month'), moment()]
+  },
+  {
+    label: 'Last Month',
+    value: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+  },
+  {
+    label: '1 Month',
+    value: [moment().subtract(29, 'days'), moment()]
+  },
+  {
+    label: '1 Year',
+    value: [moment().subtract(12, 'months'), moment()]
+  },
+  {
+    label: 'All Time',
+    value: [moment('@/2021').startOf('year'), moment()]
+  }
+]);
+const  setDate =  (date, label) => {
+  selectedDate.value = date;
+  rangeLabel.value = '<strong>' + label + '</strong><small>(' + date[0].format('MMMM D, YYYY') + ' - ' + date[1].format('MMMM D, YYYY') + ')</small>';
+  const from = date[0].format('L');
+  const to = date[1].format('L');
+  const period = label.toString().toLowerCase().replaceAll(' ','_');
+  emit('rangeSelected', {
+    from: from,
+    to: to,
+    period: period,
+    query: `from=${from}&to=${to}&period=${period}`
+  });
+};
+onMounted(() => {
+  let end = parseInt(moment().format('Y'));
+  while (end >= props.start) {
+    dates.value.push({
+      label: end,
+      value: [moment('@/' + end).startOf('year'), moment('@/' + end).endOf('year')]
+    });
+    end--;
+  }
+
+  dates.value.map(date=>{
+    (`${date.label}`.toLowerCase() === props.selected.toLowerCase()) && setDate(date.value, date.label);
+  });
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", _hoisted_1$3, [
+    createElementVNode("div", _hoisted_2$3, [
+      createElementVNode("div", _hoisted_3$3, [
+        _hoisted_4$3,
+        createTextVNode(),
+        createElementVNode("span", { innerHTML: rangeLabel.value }, null, 8 /* PROPS */, _hoisted_5$3)
+      ]),
+      createElementVNode("ul", _hoisted_6$2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(dates.value, (date) => {
+          return (openBlock(), createElementBlock("li", {
+            key: date.label,
+            onClick: $event => (setDate(date.value, date.label))
+          }, [
+            createElementVNode("a", {
+              class: normalizeClass(["dropdown-item", date.value === selectedDate.value ? 'active' : '']),
+              href: "#"
+            }, toDisplayString(date.label), 3 /* TEXT, CLASS */)
+          ], 8 /* PROPS */, _hoisted_7$1))
+        }), 128 /* KEYED_FRAGMENT */)),
+        createCommentVNode("        <li>"),
+        createCommentVNode("          <div class=\"dropdown-item\">"),
+        createCommentVNode("            <div @clik=\"showCustom = true\">Custom</div>"),
+        createCommentVNode("            <div v-if=\"showCustom\">"),
+        createCommentVNode("              <input type=\"date\">"),
+        createCommentVNode("              <input type=\"date\">"),
+        createCommentVNode("            </div>"),
+        createCommentVNode("          </div>"),
+        createCommentVNode("        </li>")
+      ])
+    ])
+  ]))
+}
+}
+
+};
+
+script$3.__file = "src/lib/components/ShRange.vue";
 
 const _hoisted_1$2 = /*#__PURE__*/createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
 const _hoisted_2$2 = { class: "card sh-departments-card shadow" };
@@ -5683,7 +5833,7 @@ return (_ctx, _cache) => {
           _hoisted_5$2,
           createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        createVNode(script$9, {
+        createVNode(script$a, {
           headers: ['id','name','description', 'created_at'],
           "end-point": "sh-departments/list",
           actions: {
@@ -5697,12 +5847,12 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        createVNode(script$g, {
+        createVNode(script$h, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
           default: withCtx(() => [
-            createVNode(script$p, {
+            createVNode(script$q, {
               "success-callback": "departmentAdded",
               onDepartmentAdded: departmentAdded,
               action: "admin/departments/store",
@@ -5836,7 +5986,7 @@ return (_ctx, _cache) => {
         createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
           createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
-          createVNode(script$9, {
+          createVNode(script$a, {
             actions: {
       label: 'Actions',
       actions: [
@@ -5856,12 +6006,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$g, {
+          createVNode(script$h, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: withCtx(() => [
-              createVNode(script$p, {
+              createVNode(script$q, {
                 "reload-select-items": unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -5883,7 +6033,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          createVNode(script$d, {
+          createVNode(script$e, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -5998,7 +6148,7 @@ return (_ctx, _cache) => {
     : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         (section.value === 'login')
           ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(script$p, {
+              createVNode(script$q, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -6023,7 +6173,7 @@ return (_ctx, _cache) => {
               (unref(registerSubTitle))
                 ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
-              createVNode(script$p, {
+              createVNode(script$q, {
                 class: "sh-login-form",
                 fields: unref(registrationFields),
                 "action-label": "Sign Up",
@@ -6070,7 +6220,7 @@ const ShFrontend = {
     const registerTitle = options.registerTitle ?? 'Create a new account';
     const registerSubTitle = options.registerSubTitle ?? `It's quick and easy`;
     const logoutApiEndpoint = options.logoutApiEndpoint ?? `auth/logout`;
-    options.formTextInput ?? script$m;
+    options.formTextInput ?? script$n;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
@@ -6103,7 +6253,7 @@ const ShFrontend = {
       });
       options.router.addRoute({
         path: '/sh-departments/manage-permissions/:id',
-        component: script$4
+        component: script$5
       });
     }
     //filter unwanted config items from options to be put in local storage
@@ -6115,4 +6265,4 @@ const ShFrontend = {
   }
 };
 
-export { countries as Countries, script$4 as ManagePermissions, script$i as ShAutoForm, script$d as ShCanvas, script$5 as ShCanvasBtn, script$b as ShConfirmAction, script$h as ShDropDownForm, script$7 as ShDynamicTabs, script$p as ShForm, ShFrontend, script$g as ShModal, script$6 as ShModalBtn, script$f as ShModalForm, script$e as ShModalFormAuto, script$s as ShPhone, script$3 as ShPopups, script$a as ShSilentAction, script$9 as ShTable, script$8 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { countries as Countries, script$5 as ManagePermissions, script$j as ShAutoForm, script$e as ShCanvas, script$6 as ShCanvasBtn, script$c as ShConfirmAction, script$i as ShDropDownForm, script$8 as ShDynamicTabs, script$q as ShForm, ShFrontend, script$h as ShModal, script$7 as ShModalBtn, script$g as ShModalForm, script$f as ShModalFormAuto, script$t as ShPhone, script$4 as ShPopups, script$3 as ShRange, script$b as ShSilentAction, script$a as ShTable, script$9 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };