@iankibetsh/shframework 0.5.9 → 0.6.1

package/dist/library.mjs

@@ -1,10 +1,11 @@
 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, renderSlot, createStaticVNode, withCtx, shallowRef, resolveDynamicComponent } from 'vue';
+import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, renderSlot, createStaticVNode, withCtx, shallowRef, resolveDynamicComponent, computed, isRef, vModelCheckbox } from 'vue';
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import Swal from 'sweetalert2';
-import { defineStore } from 'pinia';
+import { defineStore, storeToRefs } from 'pinia';
+import { useRoute } from 'vue-router';
 
 function setItem (key, value) {
   let toStore = value;
@@ -87,7 +88,7 @@ function doPost (endPoint, data) {
   )
 }
 
-var apis = {
+var shApis$1 = {
   doGet,
   doPost
 };
@@ -1565,7 +1566,7 @@ const countries = [
   }
 ];
 
-var script$9 = {
+var script$b = {
   name: 'ShPhone',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1627,19 +1628,19 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = { class: "sh-phone mb-3" };
-const _hoisted_2$8 = {
+const _hoisted_1$b = { class: "sh-phone mb-3" };
+const _hoisted_2$a = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$8 = ["src"];
-const _hoisted_4$8 = ["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$9, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$b, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$8),
+      ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -1652,7 +1653,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$8))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$a))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -1670,10 +1671,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$9.render = render$7;
-script$9.__file = "src/lib/components/ShPhone.vue";
+script$b.render = render$7;
+script$b.__file = "src/lib/components/ShPhone.vue";
 
-var script$8 = {
+var script$a = {
   name: 'ShEditor',
   props: ['modelValue'],
   components: {
@@ -1712,7 +1713,7 @@ var script$8 = {
   }
 };
 
-const _hoisted_1$8 = /*#__PURE__*/createElementVNode("textarea", {
+const _hoisted_1$a = /*#__PURE__*/createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -1722,7 +1723,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = resolveComponent("editor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$8,
+    _hoisted_1$a,
     createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -1747,18 +1748,18 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$8.render = render$6;
-script$8.__file = "src/lib/components/FormComponent/ShEditor.vue";
+script$a.render = render$6;
+script$a.__file = "src/lib/components/FormComponent/ShEditor.vue";
 
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$7 = ["id"];
-const _hoisted_3$7 = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$7 = ["onClick"];
-const _hoisted_5$5 = ["id"];
-const _hoisted_6$3 = ["id", "aria-labelledby"];
+const _hoisted_2$9 = ["id"];
+const _hoisted_3$9 = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$9 = ["onClick"];
+const _hoisted_5$7 = ["id"];
+const _hoisted_6$4 = ["id", "aria-labelledby"];
 const _hoisted_7$3 = { key: 0 };
 const _hoisted_8$2 = ["onClick"];
 const _hoisted_9$2 = {
@@ -1771,7 +1772,7 @@ const _hoisted_10$3 = {
 };
 
 
-var script$7 = {
+var script$9 = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -1842,7 +1843,7 @@ function filterData(e){
       }
     });
   } else {
-    apis.doGet(props.fillSelects.url, { all: 1,filter_value: filterValue }).then(res => {
+    shApis$1.doGet(props.fillSelects.url, { all: 1,filter_value: filterValue }).then(res => {
       suggestions.value = res.data.data;
     }).catch(res => {
       console.log(res);
@@ -1852,7 +1853,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -1861,14 +1862,14 @@ return (_ctx, _cache) => {
         }, [
           createElementVNode("div", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_3$7, [
+              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$7)
+                }, null, 8 /* PROPS */, _hoisted_4$9)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -1877,8 +1878,8 @@ return (_ctx, _cache) => {
             contenteditable: "true",
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$5)
-        ], 8 /* PROPS */, _hoisted_2$7),
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$7)
+        ], 8 /* PROPS */, _hoisted_2$9),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -1903,7 +1904,7 @@ return (_ctx, _cache) => {
             : (unref(searchText))
               ? (openBlock(), createElementBlock("li", _hoisted_9$2, " No results found "))
               : (openBlock(), createElementBlock("li", _hoisted_10$3, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_6$3)
+        ], 8 /* PROPS */, _hoisted_6$4)
       ]))
     : createCommentVNode("v-if", true)
 }
@@ -1911,15 +1912,15 @@ return (_ctx, _cache) => {
 
 };
 
-script$7.__scopeId = "data-v-5b767123";
-script$7.__file = "src/lib/components/FormComponent/ShSuggest.vue";
+script$9.__scopeId = "data-v-5b767123";
+script$9.__file = "src/lib/components/FormComponent/ShSuggest.vue";
 
-var script$6 = {
+var script$8 = {
   name: 'ShForm',
   components: {
-    ShSuggest: script$7,
-    ShEditor: script$8,
-    ShPhone: script$9
+    ShSuggest: script$9,
+    ShEditor: script$a,
+    ShPhone: script$b
   },
   props: [
       'action',
@@ -2109,7 +2110,7 @@ var script$6 = {
       Object.keys(this.form_files).forEach(key => {
         data.append(key, this.form_files[key].value);
       });
-      apis.doPost(this.action, data).then(res => {
+      shApis$1.doPost(this.action, data).then(res => {
         // console.log(res)
         this.form_status = 2;
         Object.keys(this.form_elements).forEach(key => {
@@ -2197,7 +2198,7 @@ var script$6 = {
           this.selectData = selectData;
           console.log(this.selectData);
         } else {
-          apis.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
+          shApis$1.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
             // selectData[key] = res.data
             // console.log(res)
             this.selectData[key] = res.data.data;
@@ -2226,19 +2227,19 @@ var script$6 = {
   }
 };
 
-const _hoisted_1$6 = {
+const _hoisted_1$8 = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$8 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_3$6 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_4$6 = { key: 0 };
-const _hoisted_5$4 = { key: 1 };
-const _hoisted_6$2 = { class: "row" };
+const _hoisted_3$8 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_4$8 = { key: 0 };
+const _hoisted_5$6 = { key: 1 };
+const _hoisted_6$3 = { class: "row" };
 const _hoisted_7$2 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
 const _hoisted_8$1 = { class: "col-md-12" };
 const _hoisted_9$1 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
@@ -2291,15 +2292,15 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShSuggest = resolveComponent("ShSuggest");
   const _component_ShEditor = resolveComponent("ShEditor");
 
-  return (openBlock(), createElementBlock("form", _hoisted_1$6, [
+  return (openBlock(), createElementBlock("form", _hoisted_1$8, [
     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$6, [
-          _hoisted_3$6,
+      ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          _hoisted_3$8,
           (_ctx.errorText)
-            ? (openBlock(), createElementBlock("span", _hoisted_4$6, toDisplayString(_ctx.errorText), 1 /* TEXT */))
-            : (openBlock(), createElementBlock("span", _hoisted_5$4, "Unexpected Error Occurred")),
+            ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+            : (openBlock(), createElementBlock("span", _hoisted_5$6, "Unexpected Error Occurred")),
           createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = (...args) => ($options.hideError && $options.hideError(...args))),
             type: "button",
@@ -2314,7 +2315,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 512 /* NEED_PATCH */), [
       [vModelText, _ctx.form_elements['id']]
     ]),
-    createElementVNode("div", _hoisted_6$2, [
+    createElementVNode("div", _hoisted_6$3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
         return (openBlock(), createElementBlock("div", {
           class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
@@ -2496,10 +2497,10 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ], 512 /* NEED_PATCH */))
 }
 
-script$6.render = render$5;
-script$6.__file = "src/lib/components/ShForm.vue";
+script$8.render = render$5;
+script$8.__file = "src/lib/components/ShForm.vue";
 
-var script$5 = {
+var script$7 = {
   name: 'ShCanvas',
   props: ['canvasTitle', 'canvasId', 'position'],
   components: {
@@ -2516,13 +2517,13 @@ var script$5 = {
   }
 };
 
-const _hoisted_1$5 = ["id"];
-const _hoisted_2$5 = { class: "offcanvas-header" };
-const _hoisted_3$5 = {
+const _hoisted_1$7 = ["id"];
+const _hoisted_2$7 = { class: "offcanvas-header" };
+const _hoisted_3$7 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$5 = { class: "offcanvas-body" };
+const _hoisted_4$7 = { class: "offcanvas-body" };
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -2532,8 +2533,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$5, [
-      createElementVNode("h5", _hoisted_3$5, toDisplayString($props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$7, [
+      createElementVNode("h5", _hoisted_3$7, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2543,32 +2544,32 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$5, [
+    createElementVNode("div", _hoisted_4$7, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$5))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$7))
 }
 
-script$5.render = render$4;
-script$5.__file = "src/lib/components/ShCanvas.vue";
+script$7.render = render$4;
+script$7.__file = "src/lib/components/ShCanvas.vue";
 
-var script$4 = {
+var script$6 = {
   name: 'ShModal',
   props: ['modalTitle', 'modalId', 'modalSize'],
   components: {
   }
 };
 
-const _hoisted_1$4 = ["id"];
-const _hoisted_2$4 = { class: "modal-content" };
-const _hoisted_3$4 = { class: "modal-header" };
-const _hoisted_4$4 = { class: "modal-title" };
-const _hoisted_5$3 = /*#__PURE__*/createElementVNode("button", {
+const _hoisted_1$6 = ["id"];
+const _hoisted_2$6 = { class: "modal-content" };
+const _hoisted_3$6 = { class: "modal-header" };
+const _hoisted_4$6 = { class: "modal-title" };
+const _hoisted_5$5 = /*#__PURE__*/createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
 }, "×", -1 /* HOISTED */);
-const _hoisted_6$1 = { class: "modal-body" };
+const _hoisted_6$2 = { class: "modal-body" };
 const _hoisted_7$1 = { class: "section" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2582,25 +2583,25 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
     }, [
-      createElementVNode("div", _hoisted_2$4, [
-        createElementVNode("div", _hoisted_3$4, [
-          createElementVNode("h3", _hoisted_4$4, toDisplayString($props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$3
+      createElementVNode("div", _hoisted_2$6, [
+        createElementVNode("div", _hoisted_3$6, [
+          createElementVNode("h3", _hoisted_4$6, toDisplayString($props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$5
         ]),
-        createElementVNode("div", _hoisted_6$1, [
+        createElementVNode("div", _hoisted_6$2, [
           createElementVNode("div", _hoisted_7$1, [
             renderSlot(_ctx.$slots, "default")
           ])
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$4))
+  ], 8 /* PROPS */, _hoisted_1$6))
 }
 
-script$4.render = render$3;
-script$4.__file = "src/lib/components/ShModal.vue";
+script$6.render = render$3;
+script$6.__file = "src/lib/components/ShModal.vue";
 
-var script$3 = {
+var script$5 = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore'],
   data () {
@@ -2671,13 +2672,13 @@ var script$3 = {
   }
 };
 
-const _hoisted_1$3 = { key: 0 };
-const _hoisted_2$3 = { class: "record_count_body mb-3" };
-const _hoisted_3$3 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$3 = /*#__PURE__*/createTextVNode("  ");
-const _hoisted_5$2 = /*#__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$5 = { key: 0 };
+const _hoisted_2$5 = { class: "record_count_body mb-3" };
+const _hoisted_3$5 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$5 = /*#__PURE__*/createTextVNode("  ");
+const _hoisted_5$4 = /*#__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_10$1 = [
-  _hoisted_5$2
+  _hoisted_5$4
 ];
 const _hoisted_11$1 = { class: "record_counts" };
 const _hoisted_12$1 = {
@@ -2718,10 +2719,10 @@ const _hoisted_23$1 = {
 
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (!$props.loadMore)
-    ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", _hoisted_2$3, [
-          _hoisted_3$3,
-          _hoisted_4$3,
+    ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$5, [
+          _hoisted_3$5,
+          _hoisted_4$5,
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
@@ -2790,8 +2791,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$3.render = render$2;
-script$3.__file = "src/lib/components/list_templates/Pagination.vue";
+script$5.render = render$2;
+script$5.__file = "src/lib/components/list_templates/Pagination.vue";
 
 function swalSuccess (message) {
   Swal.fire('Success!', message, 'success');
@@ -2829,11 +2830,11 @@ function swalHttpError (reason) {
 }
 
 function runSilentRequest (url) {
-  return apis.doPost(url)
+  return shApis$1.doPost(url)
 }
 
 function setTabCounts (url) {
-  apis.doGet(url).then(res => {
+  shApis$1.doGet(url).then(res => {
     Object.keys(res.data).forEach(key => {
       const elem = document.getElementById(key);
       if (elem === null) {
@@ -2880,7 +2881,7 @@ function formatHttpCatchError (reason) {
   return error
 }
 function getMenuCount (url) {
-  apis.doGet(url).then(res => {
+  shApis$1.doGet(url).then(res => {
     console.log(res);
   });
 }
@@ -2923,7 +2924,7 @@ async function runPlainRequest (url, message, title, data) {
     reverseButtons: true,
     showLoaderOnConfirm: true,
     preConfirm: () => {
-      return apis.doPost(url, data).then(function (response) {
+      return shApis$1.doPost(url, data).then(function (response) {
         Swal.fire('Success!', 'Action completed successfully', 'success');
         return {
           response: response.data,
@@ -2952,7 +2953,7 @@ function formatDate(date, format) {
   return moment(date).format(format)
 }
 
-var helpers = {
+var shRepo$1 = {
   swalSuccess,
   swalError,
   runPlainRequest,
@@ -2965,7 +2966,7 @@ var helpers = {
   formatDate
 };
 
-var script$2 = {
+var script$4 = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover'],
   inject: ['channel', 'global'],
@@ -3091,7 +3092,7 @@ var script$2 = {
         titles: headers,
         export: 1
       };
-      apis.doPost(this.endPoint, data).then(res => {
+      shApis$1.doPost(this.endPoint, data).then(res => {
         this.downloading = false;
         if (res.data.file) {
           const url = this.appUrl + 'external-download?file=' + res.data.file + '&name=' + res.data.name;
@@ -3103,7 +3104,7 @@ var script$2 = {
         console.log(reason);
         this.downloading = false;
         const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText}`;
-        helpers.swalError('Error', error);
+        shRepo$1.swalError('Error', error);
       });
     },
     reloadData: function (page, append) {
@@ -3121,7 +3122,7 @@ var script$2 = {
       if (this.pagination_data) {
         this.pagination_data.loading = 1;
       }
-      apis.doGet(this.endPoint, data).then(req => {
+      shApis$1.doGet(this.endPoint, data).then(req => {
         this.loading = 'done';
         const response = req.data.data;
         this.pagination_data = {
@@ -3164,7 +3165,7 @@ var script$2 = {
     this.reloadData();
   },
   components: {
-    pagination: script$3
+    pagination: script$5
   },
   computed: {
     windowWidth: function () {
@@ -3182,15 +3183,15 @@ var script$2 = {
   }
 };
 
-const _hoisted_1$2 = { class: "auto-table" };
-const _hoisted_2$2 = {
+const _hoisted_1$4 = { class: "auto-table" };
+const _hoisted_2$4 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$2 = ["disabled"];
-const _hoisted_4$2 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
-const _hoisted_5$1 = /*#__PURE__*/createTextVNode(" Export ");
-const _hoisted_6 = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$4 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
+const _hoisted_5$3 = /*#__PURE__*/createTextVNode(" Export ");
+const _hoisted_6$1 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
@@ -3345,9 +3346,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _component_pagination = resolveComponent("pagination");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$2, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
     ($props.hasDownload)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           createElementVNode("button", {
             disabled: $data.downloading,
             class: "btn btn-warning btn-sm",
@@ -3355,14 +3356,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$2,
-                  _hoisted_5$1
+                  _hoisted_4$4,
+                  _hoisted_5$3
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_6,
+                  _hoisted_6$1,
                   _hoisted_7
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$2)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
@@ -3671,10 +3672,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$2.render = render$1;
-script$2.__file = "src/lib/components/ShTable.vue";
+script$4.render = render$1;
+script$4.__file = "src/lib/components/ShTable.vue";
 
-var script$1 = {
+var script$3 = {
   name: 'ShTabs',
   props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive'],
   data () {
@@ -3715,7 +3716,7 @@ var script$1 = {
       if (typeof tabCounts === 'object') {
         this.setCounts(tabCounts);
       } else {
-        apis.doGet(tabCounts).then(res => {
+        shApis$1.doGet(tabCounts).then(res => {
           this.setCounts(res.data);
         });
       }
@@ -3755,14 +3756,14 @@ var script$1 = {
   }
 };
 
-const _hoisted_1$1 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "navbar navbar-expand-lg sh-horizontal-tabs"
 };
-const _hoisted_2$1 = ["data-bs-target"];
-const _hoisted_3$1 = /*#__PURE__*/createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
-const _hoisted_4$1 = ["id"];
-const _hoisted_5 = { class: "tab-content" };
+const _hoisted_2$3 = ["data-bs-target"];
+const _hoisted_3$3 = /*#__PURE__*/createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
+const _hoisted_4$3 = ["id"];
+const _hoisted_5$2 = { class: "tab-content" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
@@ -3770,7 +3771,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock(Fragment, null, [
     ($data.generatedId)
-      ? (openBlock(), createElementBlock("nav", _hoisted_1$1, [
+      ? (openBlock(), createElementBlock("nav", _hoisted_1$3, [
           ($data.isResponsive)
             ? (openBlock(), createElementBlock("a", {
                 key: 0,
@@ -3783,8 +3784,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-label": "Toggle navigation"
               }, [
                 createTextVNode(toDisplayString($data.currentTab) + " ", 1 /* TEXT */),
-                _hoisted_3$1
-              ], 8 /* PROPS */, _hoisted_2$1))
+                _hoisted_3$3
+              ], 8 /* PROPS */, _hoisted_2$3))
             : createCommentVNode("v-if", true),
           createElementVNode("div", {
             class: normalizeClass($data.isResponsive ? 'collapse navbar-collapse':''),
@@ -3813,10 +3814,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               }), 128 /* KEYED_FRAGMENT */))
             ], 2 /* CLASS */)
-          ], 10 /* CLASS, PROPS */, _hoisted_4$1)
+          ], 10 /* CLASS, PROPS */, _hoisted_4$3)
         ]))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_5, [
+    createElementVNode("div", _hoisted_5$2, [
       createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,
@@ -3826,21 +3827,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$1.render = render;
-script$1.__file = "src/lib/components/ShTabs.vue";
+script$3.render = render;
+script$3.__file = "src/lib/components/ShTabs.vue";
 
-const _hoisted_1 = {
+const _hoisted_1$2 = {
   class: "nav nav-tabs",
   role: "tablist"
 };
-const _hoisted_2 = {
+const _hoisted_2$2 = {
   class: "nav-item",
   role: "presentation"
 };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "tab-content" };
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = { class: "tab-content" };
 
-var script = {
+var script$2 = {
   __name: 'ShDynamicTabs',
   props: ['tabs'],
   setup(__props) {
@@ -3865,17 +3866,17 @@ function setTab(tab){
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("ul", _hoisted_1, [
+    createElementVNode("ul", _hoisted_1$2, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab) => {
-        return (openBlock(), createElementBlock("li", _hoisted_2, [
+        return (openBlock(), createElementBlock("li", _hoisted_2$2, [
           createElementVNode("button", {
             onClick: $event => (setTab(tab)),
             class: normalizeClass(["nav-link", unref(currentTab) === tab ? 'active':''])
-          }, toDisplayString(tab.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_3)
+          }, toDisplayString(tab.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_3$2)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]),
-    createElementVNode("div", _hoisted_4, [
+    createElementVNode("div", _hoisted_4$2, [
       (unref(currentTab))
         ? (openBlock(), createBlock(resolveDynamicComponent(unref(currentTab).component), { key: 0 }))
         : createCommentVNode("v-if", true)
@@ -3886,7 +3887,7 @@ return (_ctx, _cache) => {
 
 };
 
-script.__file = "src/lib/components/ShDynamicTabs.vue";
+script$2.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const useUserStore = defineStore('user-store', {
   state: () => ({
@@ -3914,7 +3915,7 @@ const useUserStore = defineStore('user-store', {
         };
       }
       this.user = user;
-      apis.doGet('auth/user').then(res => {
+      shApis$1.doGet('auth/user').then(res => {
         const user = res.data;
         ShStorage.setItem('user',res.data);
         user.isAllowedTo = function (slug) {
@@ -3968,13 +3969,304 @@ const useUserStore = defineStore('user-store', {
   }
 });
 
-var ShFrontend = {
+const _hoisted_1$1 = /*#__PURE__*/createElementVNode("h5", null, "Departments (updated)", -1 /* HOISTED */);
+const _hoisted_2$1 = {
+  "data-bs-toggle": "modal",
+  ref: "addDeptBtn",
+  href: "#department_modal",
+  class: "btn btn-info btn-sm"
+};
+const _hoisted_3$1 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_4$1 = /*#__PURE__*/createTextVNode(" ADD DEPARTMENT");
+const _hoisted_5$1 = [
+  _hoisted_3$1,
+  _hoisted_4$1
+];
+
+
+var script$1 = {
+  __name: 'Departments',
+  setup(__props) {
+
+ref(null);
+let allPermissions = ref([]);
+ref([]);
+let reload = ref(0);
+ref(null);
+
+onMounted(() => {
+  shApis$1.doGet('admin/departments/all-permissions').then(res => {
+    allPermissions.value = res.data;
+  });
+});
+
+function departmentAdded (response) {
+  this.reload += 1;
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock(Fragment, null, [
+    _hoisted_1$1,
+    createElementVNode("a", _hoisted_2$1, _hoisted_5$1, 512 /* NEED_PATCH */),
+    createVNode(script$4, {
+      reload: unref(reload),
+      onRowSelected: _ctx.rowSelected,
+      headers: ['id','name','description', 'created_at'],
+      "end-point": "admin/departments/list",
+      actions: {
+      label: 'Action',
+      actions: [
+        {
+          label: 'Permissions',
+          path: '/admin/departments/permissions/{id}',
+          class: 'btn btn-info bi-lock btn-sm'
+        }
+      ]
+    }
+    }, null, 8 /* PROPS */, ["reload", "onRowSelected"]),
+    createVNode(script$6, {
+      "modal-id": "department_modal",
+      "modal-title": "Department Form"
+    }, {
+      default: withCtx(() => [
+        createVNode(script$8, {
+          "success-callback": "departmentAdded",
+          onDepartmentAdded: departmentAdded,
+          action: "admin/departments/store",
+          fields: ['name','description']
+        })
+      ]),
+      _: 1 /* STABLE */
+    })
+  ], 64 /* STABLE_FRAGMENT */))
+}
+}
+
+};
+
+script$1.__file = "src/lib/components/core/Departments/Departments.vue";
+
+const _hoisted_1 = /*#__PURE__*/createElementVNode("a", {
+  href: "#addModule",
+  class: "btn btn-info btn-sm",
+  "data-bs-toggle": "modal"
+}, [
+  /*#__PURE__*/createElementVNode("i", { class: "bi-plus" }),
+  /*#__PURE__*/createTextVNode(" ADD Module")
+], -1 /* HOISTED */);
+const _hoisted_2 = { class: "text-primary text-capitalize" };
+const _hoisted_3 = ["value"];
+const _hoisted_4 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/createTextVNode(" Submit");
+const _hoisted_6 = [
+  _hoisted_4,
+  _hoisted_5
+];
+
+var script = {
+  __name: 'Department',
+  setup(__props) {
+
+const route = useRoute();
+const id = ref(route.params.id);
+let department = ref(null);
+let permissionCanvasBtn = ref(null);
+let reload = ref(1);
+let module = ref(null);
+let modulePermissions = ref(null);
+let selectedPermissions = ref([]);
+const userStore = useUserStore();
+
+storeToRefs(userStore);
+
+onMounted(() => {
+getDepartment();
+});
+
+let getModule = computed(()=>{
+  return module.value
+});
+
+
+
+function moduleAdded () {
+  shRepo.showToast('module added successfully', 'success');
+  reload.value++;
+}
+function showModule (module) {
+  if (module) {
+    return '<span class="text-capitalize">' + module.module.replace('_', ' ') + '</span>'
+  }
+  return 'Module'
+}
+function deletePermission (module) {
+  shRepo.runPlainRequest('admin/departments/department/delete-department/' + module.id).then((res) => {
+    if (res.isConfirmed) {
+      reload.value++;
+      // shRepo.showToast('module removed successfully', 'success')
+    }
+  });
+}
+function viewPermissions(rModule) {
+  module.value = null;
+  permissionCanvasBtn.value.click();
+  modulePermissions.value = null;
+  selectedPermissions.value = [];
+  shApis.doGet('admin/departments/department/get-module-permissions/' + rModule.module).then(res => {
+    modulePermissions.value = res.data.permissions;
+    module.value = rModule;
+    if (rModule.permissions) {
+      selectedPermissions.value = JSON.parse(rModule.permissions);
+    }
+    console.log(module.value);
+  }).catch(ex => {
+    console.log(ex);
+    // helpers.showToast('An error occurred while fetching permissions')
+  });
+}
+function getDepartment() {
+  shApis.doGet('admin/departments/department/' + id.value).then(res => {
+    department.value = res.data.department;
+  }).catch(ex => {
+    console.log(ex);
+  });
+}
+function getPermissionLeft (menu) {
+  const len = menu.split('.').length * 2;
+  if (len > 5) {
+    return 5
+  }
+  return len
+}
+function getPermissionLabel(menu) {
+  const arr = menu.split('.');
+  return arr[arr.length - 1].replace(/_/g, ' ')
+}
+function submitPermissions() {
+  const data = {
+    permissions: selectedPermissions.value
+  };
+  shApis.doPost('admin/departments/department/permissions/' + getModule.value.id, data)
+      .then(res => {
+        reload.value++;
+        shRepo.showToast('Permissions updated', 'success');
+      });
+}
+
+return (_ctx, _cache) => {
+  return (unref(department))
+    ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _hoisted_1,
+        createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
+        createVNode(script$4, {
+          actions: {
+      label: 'Actions',
+      actions: [
+        {
+          label: 'Permissions',
+          emits: viewPermissions,
+          class: 'btn btn-success btn-sm'
+        },
+        {
+          label: 'Delete',
+          emits: deletePermission,
+          class: 'btn btn-danger mx-2 btn-sm'
+        }
+      ]
+    },
+          reload: unref(reload),
+          headers: ['id',showModule,'created_at'],
+          "end-point": 'admin/departments/department/list-modules/' + id.value
+        }, null, 8 /* PROPS */, ["actions", "reload", "headers", "end-point"]),
+        createVNode(script$6, {
+          "modal-id": "addModule",
+          "modal-title": "Add Module Department"
+        }, {
+          default: withCtx(() => [
+            createVNode(script$8, {
+              "reload-select-items": unref(reload),
+              "success-callback": moduleAdded,
+              "fill-selects": {
+        permission_module: {
+          url: 'admin/departments/department/list-pending-modules/' + id.value
+        }
+      },
+              fields: ['permission_module'],
+              action: 'admin/departments/department/add-module/' + id.value
+            }, null, 8 /* PROPS */, ["reload-select-items", "fill-selects", "action"])
+          ]),
+          _: 1 /* STABLE */
+        }),
+        createElementVNode("a", {
+          href: "#permissionsCanvas",
+          class: "d-none",
+          ref_key: "permissionCanvasBtn",
+          ref: permissionCanvasBtn,
+          "data-bs-toggle": "offcanvas"
+        }, null, 512 /* NEED_PATCH */),
+        createVNode(script$7, {
+          "canvas-id": "permissionsCanvas",
+          position: "end enlarged",
+          "canvas-title": "Module Permissions"
+        }, {
+          default: withCtx(() => [
+            (unref(getModule))
+              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("h5", _hoisted_2, "Permissions for " + toDisplayString(unref(getModule).module), 1 /* TEXT */),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modulePermissions), (permission) => {
+                    return (openBlock(), createElementBlock("div", {
+                      key: permission,
+                      class: "list-group p-0"
+                    }, [
+                      createElementVNode("label", {
+                        class: normalizeClass(["list-group-item pb-0 text-capitalize", 'ms-' + getPermissionLeft(permission)])
+                      }, [
+                        withDirectives(createElementVNode("input", {
+                          type: "checkbox",
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(selectedPermissions) ? (selectedPermissions).value = $event : selectedPermissions = $event)),
+                          value: permission
+                        }, null, 8 /* PROPS */, _hoisted_3), [
+                          [vModelCheckbox, unref(selectedPermissions)]
+                        ]),
+                        createTextVNode(" " + toDisplayString(getPermissionLabel(permission)), 1 /* TEXT */)
+                      ], 2 /* CLASS */)
+                    ]))
+                  }), 128 /* KEYED_FRAGMENT */)),
+                  createElementVNode("button", {
+                    onClick: submitPermissions,
+                    class: "btn btn-info"
+                  }, _hoisted_6)
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true)
+          ]),
+          _: 1 /* STABLE */
+        })
+      ], 64 /* STABLE_FRAGMENT */))
+    : createCommentVNode("v-if", true)
+}
+}
+
+};
+
+script.__file = "src/lib/components/core/Departments/department/Department.vue";
+
+const ShFrontend = {
   install: (app, options) => {
     if(options.sessionTimeout){
       app.provide('sessionTimeout',options.sessionTimeout);
       ShStorage.setItem('sessionTimeout',options.sessionTimeout);
     }
+    if(options.router) {
+      options.router.addRoute({
+        path: '/sh-departments',
+        component: script$1
+      });
+      options.router.addRoute({
+        path: '/sh-departments/permissions/:id',
+        component: script
+      });
+    }
   }
 };
 
-export { script$5 as ShCanvas, script as ShDynamicTabs, script$6 as ShForm, ShFrontend, script$4 as ShModal, script$9 as ShPhone, script$2 as ShTable, script$1 as ShTabs, apis as shApis, helpers as shRepo, ShStorage as shStorage, useUserStore };
+export { script$7 as ShCanvas, script$2 as ShDynamicTabs, script$8 as ShForm, ShFrontend, script$6 as ShModal, script$b as ShPhone, script$4 as ShTable, script$3 as ShTabs, shApis$1 as shApis, shRepo$1 as shRepo, ShStorage as shStorage, useUserStore };