@iankibetsh/shframework 5.3.9 → 5.4.0

package/dist/library.mjs

@@ -3,7 +3,7 @@ import moment from 'moment';
 import Swal from 'sweetalert2';
 import { Modal, Offcanvas } from 'bootstrap';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, Teleport, createVNode, withCtx, vModelCheckbox, shallowRef, normalizeProps, markRaw, isRef } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, Teleport, createVNode, withCtx, vModelCheckbox, resolveDirective, shallowRef, normalizeProps, markRaw, isRef } from 'vue';
 import _ from 'lodash';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
@@ -2090,23 +2090,23 @@ var script$A = {
   }
 };
 
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
-const _hoisted_2$i = {
+const _hoisted_2$j = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$f = ["src"];
+const _hoisted_3$g = ["src"];
 const _hoisted_4$e = ["value"];
 const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$r, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
+      ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$g),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -2141,12 +2141,12 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$h = ["id"];
-const _hoisted_3$e = { class: "sh-suggestions-holder" };
+const _hoisted_2$i = ["id"];
+const _hoisted_3$f = { class: "sh-suggestions-holder" };
 const _hoisted_4$d = { class: "badge bg-secondary m-1 sh-selected-item" };
 const _hoisted_5$b = ["onClick"];
 const _hoisted_6$9 = ["id"];
@@ -2307,14 +2307,14 @@ watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
         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$d, [
                 createTextVNode(toDisplayString(sgt.name) + " ", 1 /* TEXT */),
@@ -2334,7 +2334,7 @@ return (_ctx, _cache) => {
             onChange: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
           }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$9)
-        ], 8 /* PROPS */, _hoisted_2$h),
+        ], 8 /* PROPS */, _hoisted_2$i),
         createElementVNode("ul", {
           class: normalizeClass([(!unref(suggestions) || unref(suggestions).length === 0) ? 'no-sh-suggestions':'sh-found-suggestions', "dropdown-menu w-100"]),
           id: 'dropwdown_section' + unref(id),
@@ -2733,16 +2733,16 @@ var script$y = {
   }
 };
 
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_2$g = {
+const _hoisted_2$h = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_3$d = { key: 0 };
+const _hoisted_3$e = { key: 0 };
 const _hoisted_4$c = { key: 1 };
 const _hoisted_5$a = { class: "row" };
 const _hoisted_6$8 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
@@ -2777,14 +2777,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[5] || (_cache[5] = createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */)),
-    createElementVNode("form", _hoisted_1$o, [
+    createElementVNode("form", _hoisted_1$p, [
       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_2$g, [
+        ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
             _cache[2] || (_cache[2] = createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */)),
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (openBlock(), createElementBlock("span", _hoisted_4$c, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -3076,7 +3076,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$n = ["min", "max"];
+const _hoisted_1$o = ["min", "max"];
 
 
 var script$w = {
@@ -3111,7 +3111,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$o)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -3203,7 +3203,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$m = ["value"];
+const _hoisted_1$n = ["value"];
 
 
 var script$t = {
@@ -3260,7 +3260,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$n))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3350,9 +3350,9 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$l = ["name", "onUpdate:modelValue"];
-const _hoisted_2$f = ["innerHTML"];
-const _hoisted_3$c = {
+const _hoisted_1$m = ["name", "onUpdate:modelValue"];
+const _hoisted_2$g = ["innerHTML"];
+const _hoisted_3$d = {
   key: 0,
   class: "text-danger sh-required"
 };
@@ -3633,7 +3633,7 @@ return (_ctx, _cache) => {
                 type: "hidden",
                 name: field.field,
                 "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-              }, null, 8 /* PROPS */, _hoisted_1$l)), [
+              }, null, 8 /* PROPS */, _hoisted_1$m)), [
                 [vModelText, formFields.value[index].value]
               ])
             : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3645,9 +3645,9 @@ return (_ctx, _cache) => {
                       createElementVNode("span", {
                         innerHTML: field.label,
                         class: "sh-label"
-                      }, null, 8 /* PROPS */, _hoisted_2$f),
+                      }, null, 8 /* PROPS */, _hoisted_2$g),
                       (field.required)
-                        ? (openBlock(), createElementBlock("span", _hoisted_3$c, "*"))
+                        ? (openBlock(), createElementBlock("span", _hoisted_3$d, "*"))
                         : createCommentVNode("v-if", true)
                     ], 2 /* CLASS */))
                   : createCommentVNode("v-if", true),
@@ -3716,9 +3716,9 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$k = ["id", "data-bs-backdrop"];
-const _hoisted_2$e = { class: "modal-content" };
-const _hoisted_3$b = { class: "modal-header" };
+const _hoisted_1$l = ["id", "data-bs-backdrop"];
+const _hoisted_2$f = { class: "modal-content" };
+const _hoisted_3$c = { class: "modal-header" };
 const _hoisted_4$a = { class: "modal-title flex-fill" };
 const _hoisted_5$8 = { class: "modal-body" };
 const _hoisted_6$6 = { class: "section" };
@@ -3782,8 +3782,8 @@ return (_ctx, _cache) => {
     createElementVNode("div", {
       class: normalizeClass(["modal-dialog", modalClasses.value])
     }, [
-      createElementVNode("div", _hoisted_2$e, [
-        createElementVNode("div", _hoisted_3$b, [
+      createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_3$c, [
           createElementVNode("h3", _hoisted_4$a, toDisplayString(__props.modalTitle), 1 /* TEXT */),
           _cache[0] || (_cache[0] = createElementVNode("button", {
             type: "button",
@@ -3799,7 +3799,7 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$k))
+  ], 8 /* PROPS */, _hoisted_1$l))
 }
 }
 
@@ -3807,9 +3807,9 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
-const _hoisted_2$d = ["id"];
-const _hoisted_3$a = ["aria-labelledby"];
+const _hoisted_1$k = { class: "dropdown sh-dropdown-form" };
+const _hoisted_2$e = ["id"];
+const _hoisted_3$b = ["aria-labelledby"];
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3860,7 +3860,7 @@ const formError = (res)=>{
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[0] || (_cache[0] = createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */)),
-    createElementVNode("div", _hoisted_1$j, [
+    createElementVNode("div", _hoisted_1$k, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3871,7 +3871,7 @@ return (_ctx, _cache) => {
         "aria-expanded": "false"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10 /* CLASS, PROPS */, _hoisted_2$d),
+      ], 10 /* CLASS, PROPS */, _hoisted_2$e),
       createElementVNode("div", {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": _ctx.dropdownId
@@ -3883,7 +3883,7 @@ return (_ctx, _cache) => {
           onFormError: formError,
           key: JSON.stringify(__props.currentData ?? {})
         }, props), null, 16 /* FULL_PROPS */))
-      ], 8 /* PROPS */, _hoisted_3$a)
+      ], 8 /* PROPS */, _hoisted_3$b)
     ])
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -3893,7 +3893,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$i = ["href"];
+const _hoisted_1$j = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3955,7 +3955,7 @@ return (_ctx, _cache) => {
       onClick: emitClick
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
     (openBlock(), createBlock(Teleport, { to: "body" }, [
       createVNode(script$p, {
         "modal-size": __props.modalSize,
@@ -3982,7 +3982,7 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$h = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$m = {
   __name: 'ShModalFormAuto',
@@ -4023,7 +4023,7 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$h),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
     createVNode(script$p, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle,
@@ -4042,9 +4042,9 @@ return (_ctx, _cache) => {
 
 script$m.__file = "src/lib/components/ShModalFormAuto.vue";
 
-const _hoisted_1$g = ["data-bs-scroll", "id"];
-const _hoisted_2$c = { class: "offcanvas-header" };
-const _hoisted_3$9 = {
+const _hoisted_1$h = ["data-bs-scroll", "id"];
+const _hoisted_2$d = { class: "offcanvas-header" };
+const _hoisted_3$a = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
@@ -4103,14 +4103,14 @@ return (_ctx, _cache) => {
     id: __props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$c, [
-      createElementVNode("h5", _hoisted_3$9, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$d, [
+      createElementVNode("h5", _hoisted_3$a, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", _hoisted_4$9, null, 512 /* NEED_PATCH */)
     ]),
     createElementVNode("div", _hoisted_5$7, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$g))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$h))
 }
 }
 
@@ -4118,10 +4118,10 @@ return (_ctx, _cache) => {
 
 script$l.__file = "src/lib/components/ShCanvas.vue";
 
-const _hoisted_1$f = { class: "callout callout-info" };
+const _hoisted_1$g = { class: "callout callout-info" };
 
 function render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$g, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       _cache[0] || (_cache[0] = createTextVNode(" No records found "))
     ])
@@ -4426,8 +4426,8 @@ return (_ctx, _cache) => {
 
 script$i.__file = "src/lib/components/ShSilentAction.vue";
 
-const _hoisted_1$e = ["href"];
-const _hoisted_2$b = ["title"];
+const _hoisted_1$f = ["href"];
+const _hoisted_2$c = ["title"];
 
 
 var script$h = {
@@ -4533,7 +4533,7 @@ return (_ctx, _cache) => {
                             }, null, 2 /* CLASS */))
                           : createCommentVNode("v-if", true),
                         createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
-                      ], 10 /* CLASS, PROPS */, _hoisted_1$e))
+                      ], 10 /* CLASS, PROPS */, _hoisted_1$f))
                     : (__props.action.emits)
                       ? (openBlock(), createElementBlock("button", {
                           key: 3,
@@ -4548,7 +4548,7 @@ return (_ctx, _cache) => {
                               }, null, 2 /* CLASS */))
                             : createCommentVNode("v-if", true),
                           createTextVNode(" " + toDisplayString(__props.action.label), 1 /* TEXT */)
-                        ], 10 /* CLASS, PROPS */, _hoisted_2$b))
+                        ], 10 /* CLASS, PROPS */, _hoisted_2$c))
                       : (!__props.action.emits)
                         ? (openBlock(), createBlock(_component_router_link, {
                             key: 4,
@@ -4579,17 +4579,17 @@ return (_ctx, _cache) => {
 
 script$h.__file = "src/lib/components/table/SingleAction.vue";
 
-const _hoisted_1$d = {
+const _hoisted_1$e = {
   key: 0,
   class: "dropdown sh-table-dropdown"
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   class: "sh-table-dropdown-btn",
   type: "button",
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 1,
   class: "bi bi-three-dots"
 };
@@ -4613,15 +4613,15 @@ const icon = props.actions.icon;
 
 return (_ctx, _cache) => {
   return (unref(type) && unref(type).includes('dropdown'))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("strong", _hoisted_2$a, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("strong", _hoisted_2$b, [
           (unref(icon))
             ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(unref(icon))
               }, null, 2 /* CLASS */))
             : (unref(type) === 'dropdown-horizontal')
-              ? (openBlock(), createElementBlock("i", _hoisted_3$8))
+              ? (openBlock(), createElementBlock("i", _hoisted_3$9))
               : (openBlock(), createElementBlock("i", _hoisted_4$8))
         ]),
         createElementVNode("ul", _hoisted_5$6, [
@@ -4735,9 +4735,9 @@ var script$f = {
   }
 };
 
-const _hoisted_1$c = { key: 0 };
-const _hoisted_2$9 = { class: "record_count_body mb-3" };
-const _hoisted_3$7 = ["value"];
+const _hoisted_1$d = { key: 0 };
+const _hoisted_2$a = { class: "record_count_body mb-3" };
+const _hoisted_3$8 = ["value"];
 const _hoisted_4$7 = { class: "record_counts" };
 const _hoisted_5$5 = {
   key: 0,
@@ -4774,8 +4774,8 @@ const _hoisted_15$2 = {
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return ($props.paginationStyle !== 'loadMore')
-    ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createElementVNode("div", _hoisted_2$9, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_2$a, [
           _cache[5] || (_cache[5] = createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */)),
           _cache[6] || (_cache[6] = createTextVNode("  ")),
           withDirectives(createElementVNode("select", {
@@ -4784,7 +4784,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.pageOptions, (option) => {
-              return (openBlock(), createElementBlock("option", { value: option }, toDisplayString(option), 9 /* TEXT, PROPS */, _hoisted_3$7))
+              return (openBlock(), createElementBlock("option", { value: option }, toDisplayString(option), 9 /* TEXT, PROPS */, _hoisted_3$8))
             }), 256 /* UNKEYED_FRAGMENT */))
           ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
@@ -4861,9 +4861,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 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" };
-const _hoisted_3$6 = {
+const _hoisted_1$c = { class: "sh-range" };
+const _hoisted_2$9 = { class: "dropdown" };
+const _hoisted_3$7 = {
   class: "form-control dropdown-toggle",
   href: "#",
   role: "button",
@@ -4992,9 +4992,9 @@ onMounted(() => {
 });
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", _hoisted_1$b, [
-    createElementVNode("div", _hoisted_2$8, [
-      createElementVNode("div", _hoisted_3$6, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createElementVNode("div", _hoisted_2$9, [
+      createElementVNode("div", _hoisted_3$7, [
         _cache[2] || (_cache[2] = createElementVNode("i", { class: "bi-calendar text-dark" }, null, -1 /* HOISTED */)),
         _cache[3] || (_cache[3] = createTextVNode()),
         createElementVNode("span", { innerHTML: rangeLabel.value }, null, 8 /* PROPS */, _hoisted_4$6)
@@ -5051,12 +5051,12 @@ return (_ctx, _cache) => {
 
 script$e.__file = "src/lib/components/ShRange.vue";
 
-const _hoisted_1$a = { class: "auto-table mt-2" };
-const _hoisted_2$7 = {
+const _hoisted_1$b = { class: "auto-table mt-2" };
+const _hoisted_2$8 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$5 = ["disabled"];
+const _hoisted_3$6 = ["disabled"];
 const _hoisted_4$5 = {
   key: 1,
   class: "row"
@@ -5534,9 +5534,9 @@ const showColumn = header=>{
 return (_ctx, _cache) => {
   const _component_router_link = resolveComponent("router-link");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$b, [
     (__props.hasDownload)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
           createElementVNode("button", {
             disabled: _ctx.downloading,
             class: "btn btn-warning btn-sm",
@@ -5555,7 +5555,7 @@ return (_ctx, _cache) => {
                   }, null, -1 /* HOISTED */)),
                   _cache[10] || (_cache[10] = createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */))
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$6)
         ]))
       : createCommentVNode("v-if", true),
     (!__props.hideSearch)
@@ -5967,6 +5967,14 @@ return (_ctx, _cache) => {
 
 script$d.__file = "src/lib/components/ShTable.vue";
 
+const _hoisted_1$a = {
+  key: 1,
+  class: "alert alert-warning"
+};
+const _hoisted_2$7 = { key: 0 };
+const _hoisted_3$5 = { key: 1 };
+
+
 var script$c = {
   __name: 'ShTabs',
   props: {
@@ -6007,10 +6015,25 @@ const route = useRoute();
 const router = useRouter();
 const currentTab = ref('');
 const path = ref(route.path);
-
+const allowedTabs = ref([]);
+const {user} = storeToRefs(useUserStore());
 onMounted(()=>{
-  resetTabCounts();
-  setTab(props.tabs[0]);
+  if(props.tabs.length === 0){
+    return;
+  }
+  allowedTabs.value = props.tabs.filter(tab=>{
+    if(typeof tab === 'object' && tab.permission){
+      if(user.value && user.value.isAllowedTo(tab.permission)){
+        return tab
+      }
+      return false
+    }
+    return tab
+  });
+  if(allowedTabs.value.length > 0){
+    resetTabCounts();
+    setTab(allowedTabs.value[0]);
+  }
 });
 
 watch(()=>props.tabCounts, () => {
@@ -6030,8 +6053,10 @@ watch(()=>route.path,(newPath)=>{
 });
 
 const setTab = (tab) => {
+
   if (tab) {
-    currentTab.value = tab.replace(/_/g, ' ');
+    const label = getTabLabel(tab);
+    currentTab.value = label.replace(/_/g, ' ');
   }
 };
 const setTabCounts = (tabCounts) => {
@@ -6046,9 +6071,9 @@ const setTabCounts = (tabCounts) => {
 const resetTabCounts = () => {
   const arr = route.fullPath.split('/');
   if (!tabExistsInUrl()) {
-    router.replace(route.fullPath + '/tab/' + props.tabs[0]);
+    router.replace(route.fullPath + '/tab/' + getTabKey(allowedTabs.value[0]));
   } else {
-    currentTab.value = arr[arr.length - 1];
+    setTab(arr[arr.length - 1]);
   }
   if (props.tabCounts) {
     setTabCounts(props.tabCounts);
@@ -6057,7 +6082,8 @@ const resetTabCounts = () => {
 const tabExistsInUrl = () => {
   let exists = false;
   props.tabs.forEach(tab => {
-    if (route.fullPath.includes(`/${tab}`)) {
+    const tabKey = getTabKey(tab);
+    if (route.fullPath.includes(`/${tabKey}`)) {
       exists = true;
     }
   });
@@ -6077,45 +6103,78 @@ const setCounts = (res) => {
   });
 };
 
+const getTabKey = (tab)=>{
+  if(typeof tab === 'string') {
+    return tab
+  }
+  return tab.name || tab.key
+};
+
+const getTabPermission = tab=>{
+  if (typeof tab === 'string') {
+    return ''
+  }
+  return tab.permission
+};
+
+const getTabLabel = tab=>{
+  let label = '';
+  if (typeof tab === 'string') {
+    label = tab;
+  } else {
+    label = tab.label || tab.name || tab.key;
+  }
+  return label.replace(/_/g, ' ')
+};
+
 return (_ctx, _cache) => {
   const _component_router_link = resolveComponent("router-link");
   const _component_router_view = resolveComponent("router-view");
+  const _directive_if_user_can = resolveDirective("if-user-can");
 
-  return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("ul", {
-      class: normalizeClass(["nav nav-tabs sh-tabs", __props.classes ?? unref(shRepo).getShConfig('tabsClass','sh-tabs nav-tabs-bordered')])
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
-        return (openBlock(), createElementBlock("li", {
-          class: "nav-item",
-          key: tab
+  return (allowedTabs.value.length > 0)
+    ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("ul", {
+          class: normalizeClass(["nav nav-tabs sh-tabs", __props.classes ?? unref(shRepo).getShConfig('tabsClass','sh-tabs nav-tabs-bordered')])
         }, [
-          createVNode(_component_router_link, {
-            onClick: $event => (setTab(tab)),
-            "active-class": 'active',
-            class: normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
-            to: __props.baseUrl+'/tab/'+tab,
-            role: "tab"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
-        ]))
-      }), 128 /* KEYED_FRAGMENT */))
-    ], 2 /* CLASS */),
-    createElementVNode("div", {
-      class: normalizeClass(["tab-content", __props.classTwo])
-    }, [
-      (openBlock(), createBlock(_component_router_view, mergeProps(_ctx.$attrs, {
-        currentTab: currentTab.value,
-        key: path.value,
-        sharedData: __props.sharedData,
-        tabCounts: __props.tabCounts
-      }), null, 16 /* FULL_PROPS */, ["currentTab", "sharedData", "tabCounts"]))
-    ], 2 /* CLASS */)
-  ], 64 /* STABLE_FRAGMENT */))
+          (openBlock(true), createElementBlock(Fragment, null, renderList(allowedTabs.value, (tab) => {
+            return withDirectives((openBlock(), createElementBlock("li", {
+              class: "nav-item",
+              key: getTabKey(tab)
+            }, [
+              createVNode(_component_router_link, {
+                onClick: $event => (setTab(tab)),
+                "active-class": 'active',
+                class: normalizeClass(["nav-link text-capitalize", 'sh_tab_' + getTabKey(tab)]),
+                to: __props.baseUrl+'/tab/'+getTabKey(tab),
+                role: "tab"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getTabLabel(tab)), 1 /* TEXT */)
+                ]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
+            ])), [
+              [_directive_if_user_can, getTabPermission(tab)]
+            ])
+          }), 128 /* KEYED_FRAGMENT */))
+        ], 2 /* CLASS */),
+        createElementVNode("div", {
+          class: normalizeClass(["tab-content", __props.classTwo])
+        }, [
+          (openBlock(), createBlock(_component_router_view, mergeProps(_ctx.$attrs, {
+            currentTab: currentTab.value,
+            key: path.value,
+            sharedData: __props.sharedData,
+            tabCounts: __props.tabCounts
+          }), null, 16 /* FULL_PROPS */, ["currentTab", "sharedData", "tabCounts"]))
+        ], 2 /* CLASS */)
+      ], 64 /* STABLE_FRAGMENT */))
+    : (openBlock(), createElementBlock("div", _hoisted_1$a, [
+        (__props.tabs.length)
+          ? (openBlock(), createElementBlock("div", _hoisted_2$7, " 403 Not Allowed "))
+          : (openBlock(), createElementBlock("div", _hoisted_3$5, " No tabs found "))
+      ]))
 }
 }