@iankibetsh/shframework 1.0.0 → 1.0.3

package/dist/library.js

@@ -1641,14 +1641,14 @@ const _hoisted_2$c = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$b = ["src"];
-const _hoisted_4$b = ["value"];
+const _hoisted_3$a = ["src"];
+const _hoisted_4$a = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
-          vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$b),
+          vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           vue.createTextVNode(" " + vue.toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -1661,7 +1661,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         return (vue.openBlock(), vue.createElementBlock("option", {
           value: country,
           key: country.dialCode
-        }, vue.toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$b))
+        }, vue.toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$a))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vue.vModelSelect, $data.selectedCountry]
@@ -1764,8 +1764,8 @@ const _hoisted_1$c = {
   class: "dropdown sh-suggest"
 };
 const _hoisted_2$b = ["id"];
-const _hoisted_3$a = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$a = ["onClick"];
+const _hoisted_3$9 = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$9 = ["onClick"];
 const _hoisted_5$6 = ["id"];
 const _hoisted_6$5 = ["id", "aria-labelledby"];
 const _hoisted_7$4 = { key: 0 };
@@ -1870,14 +1870,14 @@ return (_ctx, _cache) => {
         }, [
           vue.createElementVNode("div", null, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(selectedSuggestions), (sgt) => {
-              return (vue.openBlock(), vue.createElementBlock("h5", _hoisted_3$a, [
+              return (vue.openBlock(), vue.createElementBlock("h5", _hoisted_3$9, [
                 vue.createTextVNode(vue.toDisplayString(sgt.name) + " ", 1 /* TEXT */),
                 vue.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$a)
+                }, null, 8 /* PROPS */, _hoisted_4$9)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2246,12 +2246,12 @@ const _hoisted_2$a = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$9 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
 const _hoisted_5$5 = { key: 0 };
 const _hoisted_6$4 = { key: 1 };
 const _hoisted_7$3 = { class: "row" };
@@ -2308,8 +2308,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       vue.createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
-        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
-            _hoisted_4$9,
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+            _hoisted_4$8,
             (_ctx.errorText)
               ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, vue.toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, "Unexpected Error Occurred")),
@@ -2593,8 +2593,8 @@ var script$9 = {
 
 const _hoisted_1$9 = ["id"];
 const _hoisted_2$8 = { class: "modal-content" };
-const _hoisted_3$8 = { class: "modal-header" };
-const _hoisted_4$8 = { class: "modal-title" };
+const _hoisted_3$7 = { class: "modal-header" };
+const _hoisted_4$7 = { class: "modal-title" };
 const _hoisted_5$4 = /*#__PURE__*/vue.createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
@@ -2613,8 +2613,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       class: vue.normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
     }, [
       vue.createElementVNode("div", _hoisted_2$8, [
-        vue.createElementVNode("div", _hoisted_3$8, [
-          vue.createElementVNode("h3", _hoisted_4$8, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
+        vue.createElementVNode("div", _hoisted_3$7, [
+          vue.createElementVNode("h3", _hoisted_4$7, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$4
         ]),
         vue.createElementVNode("div", _hoisted_6$3, [
@@ -2705,11 +2705,11 @@ var script$7 = {
 
 const _hoisted_1$7 = ["id"];
 const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$7 = { class: "offcanvas-body" };
+const _hoisted_4$6 = { class: "offcanvas-body" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
@@ -2720,7 +2720,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
     vue.createElementVNode("div", _hoisted_2$7, [
-      vue.createElementVNode("h5", _hoisted_3$7, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
+      vue.createElementVNode("h5", _hoisted_3$6, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
       vue.createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2730,7 +2730,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    vue.createElementVNode("div", _hoisted_4$7, [
+    vue.createElementVNode("div", _hoisted_4$6, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ], 10 /* CLASS, PROPS */, _hoisted_1$7))
@@ -2812,10 +2812,10 @@ var script$6 = {
 
 const _hoisted_1$6 = { key: 0 };
 const _hoisted_2$6 = { class: "record_count_body mb-3" };
-const _hoisted_3$6 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$6 = /*#__PURE__*/vue.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_3$5 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$5 = /*#__PURE__*/vue.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$2 = [
-  _hoisted_4$6
+  _hoisted_4$5
 ];
 const _hoisted_10$1 = { class: "record_counts" };
 const _hoisted_11$1 = {
@@ -2858,7 +2858,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (!$props.loadMore)
     ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
         vue.createElementVNode("div", _hoisted_2$6, [
-          _hoisted_3$6,
+          _hoisted_3$5,
           vue.createTextVNode("  "),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "select_per_page",
@@ -2909,7 +2909,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           : vue.createCommentVNode("v-if", true)
       ]))
     : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, [
-        (this.pagination_data.loading === 1)
+        (this.pagination_data.loading === 1 && $props.loadMore)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
           : vue.createCommentVNode("v-if", true),
         (!$props.hideCount)
@@ -3348,8 +3348,8 @@ const _hoisted_2$5 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$5 = ["disabled"];
-const _hoisted_4$5 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$4 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
 const _hoisted_5$3 = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
@@ -3513,14 +3513,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  _hoisted_4$5,
+                  _hoisted_4$4,
                   vue.createTextVNode(" Export ")
                 ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   _hoisted_5$3,
                   _hoisted_6$2
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : vue.createCommentVNode("v-if", true),
     (!$props.hideSearch)
@@ -3946,13 +3946,13 @@ var script$4 = {
     }
   },
   mounted () {
-    this.generatedId =  'tab' + Math.random().toString(36).slice(2);
+    this.generatedId = 'tab' + Math.random().toString(36).slice(2);
     this.resetTabCounts();
     this.setTab(this.tabs[0]);
   },
   methods: {
-    setTab: function(tab){
-      if(tab){
+    setTab: function (tab) {
+      if (tab) {
         this.currentTab = tab.replace(/_/g, ' ');
       }
     },
@@ -4000,68 +4000,36 @@ var script$4 = {
   }
 };
 
-const _hoisted_1$4 = {
-  key: 0,
-  class: "navbar navbar-expand-lg sh-horizontal-tabs"
-};
-const _hoisted_2$4 = ["data-bs-target"];
-const _hoisted_3$4 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
-const _hoisted_4$4 = ["id"];
-const _hoisted_5$2 = { class: "tab-content" };
+const _hoisted_1$4 = { class: "nav nav-tabs sh-tabs" };
+const _hoisted_2$4 = { class: "tab-content" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _component_router_view = vue.resolveComponent("router-view");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    ($data.generatedId)
-      ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$4, [
-          ($data.isResponsive)
-            ? (vue.openBlock(), vue.createElementBlock("a", {
-                key: 0,
-                href: "#",
-                class: "form-control navbar-toggler text-capitalize",
-                "data-bs-toggle": "collapse",
-                "data-bs-target": '#' + $data.generatedId,
-                "aria-controls": "navbarNav",
-                "aria-expanded": "false",
-                "aria-label": "Toggle navigation"
-              }, [
-                vue.createTextVNode(vue.toDisplayString($data.currentTab) + " ", 1 /* TEXT */),
-                _hoisted_3$4
-              ], 8 /* PROPS */, _hoisted_2$4))
-            : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass($data.isResponsive ? 'collapse navbar-collapse':''),
-            id: $data.generatedId
-          }, [
-            vue.createElementVNode("ul", {
-              class: vue.normalizeClass($data.isResponsive ? 'navbar-nav nav':'nav')
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.tabs, (tab) => {
-                return (vue.openBlock(), vue.createElementBlock("li", {
-                  class: "nav-item",
-                  key: tab
-                }, [
-                  vue.createVNode(_component_router_link, {
-                    onClick: $event => ($options.setTab(tab)),
-                    "active-class": 'active',
-                    class: vue.normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
-                    to: $props.baseUrl+'/tab/'+tab,
-                    role: "tab"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
-                    ]),
-                    _: 2 /* DYNAMIC */
-                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
-                ]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ], 2 /* CLASS */)
-          ], 10 /* CLASS, PROPS */, _hoisted_4$4)
+    vue.createElementVNode("ul", _hoisted_1$4, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.tabs, (tab) => {
+        return (vue.openBlock(), vue.createElementBlock("li", {
+          class: "nav-item",
+          key: tab
+        }, [
+          vue.createVNode(_component_router_link, {
+            onClick: $event => ($options.setTab(tab)),
+            "active-class": 'active',
+            class: vue.normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
+            to: $props.baseUrl+'/tab/'+tab,
+            role: "tab"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
         ]))
-      : vue.createCommentVNode("v-if", true),
-    vue.createElementVNode("div", _hoisted_5$2, [
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    vue.createElementVNode("div", _hoisted_2$4, [
       vue.createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,
@@ -4217,15 +4185,16 @@ const useUserStore = pinia.defineStore('user-store', {
   }
 });
 
-const _hoisted_1$2 = { class: "card sh-departments-card shadow" };
-const _hoisted_2$2 = { class: "card-body" };
-const _hoisted_3$2 = {
+const _hoisted_1$2 = /*#__PURE__*/vue.createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
+const _hoisted_2$2 = { class: "card sh-departments-card shadow" };
+const _hoisted_3$2 = { class: "card-body" };
+const _hoisted_4$2 = {
   "data-bs-toggle": "modal",
   ref: "addDeptBtn",
   href: "#sh-department_modal",
   class: "btn btn-info btn-sm"
 };
-const _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_5$2 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 
 
 var script$2 = {
@@ -4251,13 +4220,11 @@ function departmentAdded (response) {
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    (vue.openBlock(), vue.createBlock(vue.Teleport, { to: ".system-title" }, [
-      vue.createTextVNode("Departments")
-    ])),
-    vue.createElementVNode("div", _hoisted_1$2, [
-      vue.createElementVNode("div", _hoisted_2$2, [
-        vue.createElementVNode("a", _hoisted_3$2, [
-          _hoisted_4$2,
+    _hoisted_1$2,
+    vue.createElementVNode("div", _hoisted_2$2, [
+      vue.createElementVNode("div", _hoisted_3$2, [
+        vue.createElementVNode("a", _hoisted_4$2, [
+          _hoisted_5$2,
           vue.createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
         vue.createVNode(script$5, {
@@ -4410,9 +4377,7 @@ return (_ctx, _cache) => {
     ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
         vue.createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
-          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: ".system-title" }, [
-            vue.createTextVNode("Department #" + vue.toDisplayString(vue.unref(department).id) + " - " + vue.toDisplayString(vue.unref(department).name) + " Allowed Modules", 1 /* TEXT */)
-          ])),
+          vue.createElementVNode("h5", null, "Department #" + vue.toDisplayString(vue.unref(department).id) + " - " + vue.toDisplayString(vue.unref(department).name) + " Allowed Modules", 1 /* TEXT */),
           vue.createVNode(script$5, {
             actions: {
       label: 'Actions',

package/dist/library.mjs

@@ -1,6 +1,6 @@
 import Axios from 'axios';
 import moment from 'moment';
-import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, mergeProps, Teleport, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
+import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, mergeProps, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import Swal from 'sweetalert2';
@@ -1629,14 +1629,14 @@ const _hoisted_2$c = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$b = ["src"];
-const _hoisted_4$b = ["value"];
+const _hoisted_3$a = ["src"];
+const _hoisted_4$a = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1$e, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$b),
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -1649,7 +1649,7 @@ function render$7(_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$b))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$a))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -1752,8 +1752,8 @@ const _hoisted_1$c = {
   class: "dropdown sh-suggest"
 };
 const _hoisted_2$b = ["id"];
-const _hoisted_3$a = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$a = ["onClick"];
+const _hoisted_3$9 = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$9 = ["onClick"];
 const _hoisted_5$6 = ["id"];
 const _hoisted_6$5 = ["id", "aria-labelledby"];
 const _hoisted_7$4 = { key: 0 };
@@ -1858,14 +1858,14 @@ return (_ctx, _cache) => {
         }, [
           createElementVNode("div", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_3$a, [
+              return (openBlock(), createElementBlock("h5", _hoisted_3$9, [
                 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$a)
+                }, null, 8 /* PROPS */, _hoisted_4$9)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2234,12 +2234,12 @@ const _hoisted_2$a = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$9 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_4$8 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
 const _hoisted_5$5 = { key: 0 };
 const _hoisted_6$4 = { key: 1 };
 const _hoisted_7$3 = { class: "row" };
@@ -2296,8 +2296,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       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$9, [
-            _hoisted_4$9,
+        ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+            _hoisted_4$8,
             (_ctx.errorText)
               ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (openBlock(), createElementBlock("span", _hoisted_6$4, "Unexpected Error Occurred")),
@@ -2581,8 +2581,8 @@ var script$9 = {
 
 const _hoisted_1$9 = ["id"];
 const _hoisted_2$8 = { class: "modal-content" };
-const _hoisted_3$8 = { class: "modal-header" };
-const _hoisted_4$8 = { class: "modal-title" };
+const _hoisted_3$7 = { class: "modal-header" };
+const _hoisted_4$7 = { class: "modal-title" };
 const _hoisted_5$4 = /*#__PURE__*/createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
@@ -2601,8 +2601,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       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 */),
+        createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("h3", _hoisted_4$7, toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$4
         ]),
         createElementVNode("div", _hoisted_6$3, [
@@ -2693,11 +2693,11 @@ var script$7 = {
 
 const _hoisted_1$7 = ["id"];
 const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$7 = { class: "offcanvas-body" };
+const _hoisted_4$6 = { class: "offcanvas-body" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -2708,7 +2708,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
     createElementVNode("div", _hoisted_2$7, [
-      createElementVNode("h5", _hoisted_3$7, toDisplayString($props.canvasTitle), 1 /* TEXT */),
+      createElementVNode("h5", _hoisted_3$6, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2718,7 +2718,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$7, [
+    createElementVNode("div", _hoisted_4$6, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 10 /* CLASS, PROPS */, _hoisted_1$7))
@@ -2800,10 +2800,10 @@ var script$6 = {
 
 const _hoisted_1$6 = { 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_3$5 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$5 = /*#__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$2 = [
-  _hoisted_4$6
+  _hoisted_4$5
 ];
 const _hoisted_10$1 = { class: "record_counts" };
 const _hoisted_11$1 = {
@@ -2846,7 +2846,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (!$props.loadMore)
     ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", _hoisted_2$6, [
-          _hoisted_3$6,
+          _hoisted_3$5,
           createTextVNode("  "),
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
@@ -2897,7 +2897,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true)
       ]))
     : (openBlock(), createElementBlock("div", _hoisted_16$1, [
-        (this.pagination_data.loading === 1)
+        (this.pagination_data.loading === 1 && $props.loadMore)
           ? (openBlock(), createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
           : createCommentVNode("v-if", true),
         (!$props.hideCount)
@@ -3336,8 +3336,8 @@ const _hoisted_2$5 = {
   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_3$4 = ["disabled"];
+const _hoisted_4$4 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
 const _hoisted_5$3 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
@@ -3501,14 +3501,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$5,
+                  _hoisted_4$4,
                   createTextVNode(" Export ")
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   _hoisted_5$3,
                   _hoisted_6$2
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
@@ -3934,13 +3934,13 @@ var script$4 = {
     }
   },
   mounted () {
-    this.generatedId =  'tab' + Math.random().toString(36).slice(2);
+    this.generatedId = 'tab' + Math.random().toString(36).slice(2);
     this.resetTabCounts();
     this.setTab(this.tabs[0]);
   },
   methods: {
-    setTab: function(tab){
-      if(tab){
+    setTab: function (tab) {
+      if (tab) {
         this.currentTab = tab.replace(/_/g, ' ');
       }
     },
@@ -3988,68 +3988,36 @@ var script$4 = {
   }
 };
 
-const _hoisted_1$4 = {
-  key: 0,
-  class: "navbar navbar-expand-lg sh-horizontal-tabs"
-};
-const _hoisted_2$4 = ["data-bs-target"];
-const _hoisted_3$4 = /*#__PURE__*/createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
-const _hoisted_4$4 = ["id"];
-const _hoisted_5$2 = { class: "tab-content" };
+const _hoisted_1$4 = { class: "nav nav-tabs sh-tabs" };
+const _hoisted_2$4 = { class: "tab-content" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _component_router_view = resolveComponent("router-view");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    ($data.generatedId)
-      ? (openBlock(), createElementBlock("nav", _hoisted_1$4, [
-          ($data.isResponsive)
-            ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                href: "#",
-                class: "form-control navbar-toggler text-capitalize",
-                "data-bs-toggle": "collapse",
-                "data-bs-target": '#' + $data.generatedId,
-                "aria-controls": "navbarNav",
-                "aria-expanded": "false",
-                "aria-label": "Toggle navigation"
-              }, [
-                createTextVNode(toDisplayString($data.currentTab) + " ", 1 /* TEXT */),
-                _hoisted_3$4
-              ], 8 /* PROPS */, _hoisted_2$4))
-            : createCommentVNode("v-if", true),
-          createElementVNode("div", {
-            class: normalizeClass($data.isResponsive ? 'collapse navbar-collapse':''),
-            id: $data.generatedId
-          }, [
-            createElementVNode("ul", {
-              class: normalizeClass($data.isResponsive ? 'navbar-nav nav':'nav')
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($props.tabs, (tab) => {
-                return (openBlock(), createElementBlock("li", {
-                  class: "nav-item",
-                  key: tab
-                }, [
-                  createVNode(_component_router_link, {
-                    onClick: $event => ($options.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 */)
-          ], 10 /* CLASS, PROPS */, _hoisted_4$4)
+    createElementVNode("ul", _hoisted_1$4, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.tabs, (tab) => {
+        return (openBlock(), createElementBlock("li", {
+          class: "nav-item",
+          key: tab
+        }, [
+          createVNode(_component_router_link, {
+            onClick: $event => ($options.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"])
         ]))
-      : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_5$2, [
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    createElementVNode("div", _hoisted_2$4, [
       createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,
@@ -4205,15 +4173,16 @@ const useUserStore = defineStore('user-store', {
   }
 });
 
-const _hoisted_1$2 = { class: "card sh-departments-card shadow" };
-const _hoisted_2$2 = { class: "card-body" };
-const _hoisted_3$2 = {
+const _hoisted_1$2 = /*#__PURE__*/createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
+const _hoisted_2$2 = { class: "card sh-departments-card shadow" };
+const _hoisted_3$2 = { class: "card-body" };
+const _hoisted_4$2 = {
   "data-bs-toggle": "modal",
   ref: "addDeptBtn",
   href: "#sh-department_modal",
   class: "btn btn-info btn-sm"
 };
-const _hoisted_4$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_5$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 
 
 var script$2 = {
@@ -4239,13 +4208,11 @@ function departmentAdded (response) {
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    (openBlock(), createBlock(Teleport, { to: ".system-title" }, [
-      createTextVNode("Departments")
-    ])),
-    createElementVNode("div", _hoisted_1$2, [
-      createElementVNode("div", _hoisted_2$2, [
-        createElementVNode("a", _hoisted_3$2, [
-          _hoisted_4$2,
+    _hoisted_1$2,
+    createElementVNode("div", _hoisted_2$2, [
+      createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("a", _hoisted_4$2, [
+          _hoisted_5$2,
           createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
         createVNode(script$5, {
@@ -4398,9 +4365,7 @@ return (_ctx, _cache) => {
     ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
-          (openBlock(), createBlock(Teleport, { to: ".system-title" }, [
-            createTextVNode("Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */)
-          ])),
+          createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
           createVNode(script$5, {
             actions: {
       label: 'Actions',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",