@iankibetsh/shframework 0.5.8 → 0.6.0

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, isRef, vModelCheckbox, computed } 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,31 +1748,31 @@ 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_7$3 = { key: 0 };
-const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$2 = {
+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$5 = ["id", "aria-labelledby"];
+const _hoisted_7$4 = { key: 0 };
+const _hoisted_8$3 = ["onClick"];
+const _hoisted_9$3 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$3 = {
+const _hoisted_10$4 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
 
 
-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),
@@ -1890,20 +1891,20 @@ return (_ctx, _cache) => {
                   key: suggestion.id
                 }, [
                   (suggestion.name)
-                    ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
+                    ? (openBlock(), createElementBlock("li", _hoisted_7$4, [
                         createElementVNode("a", {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: normalizeClass(["dropdown-item", unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$2)
+                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$3)
                       ]))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (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)
+              ? (openBlock(), createElementBlock("li", _hoisted_9$3, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$4, " Type to search... "))
+        ], 8 /* PROPS */, _hoisted_6$5)
       ]))
     : 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',
@@ -2001,7 +2002,6 @@ var script$6 = {
       const datePickers = ['free_tier_days', 'recurring_date', 'date', 'paid_at'];
       let realEditors = ['html_content', 'listing_description', 'mail', 'comment'];
       const mapLocations = ['building_location'];
-      const files = ['file', 'logo'];
       const phones = ['phone'];
       if (this.selectData[field]) {
         return 'select'
@@ -2012,9 +2012,6 @@ var script$6 = {
       if (field.includes('password')) {
         return 'password'
       }
-      if (field.includes('file')) {
-        return 'file'
-      }
       if (textareas.includes(field)) {
         return 'textarea'
       }
@@ -2037,7 +2034,7 @@ var script$6 = {
       if (selects.includes(field)) {
         return 'select'
       }
-      if (files.includes(field)) {
+      if (typeof this.files === 'array' && this.files.includes(field)) {
         return 'file'
       }
       return 'text'
@@ -2113,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 => {
@@ -2201,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;
@@ -2230,27 +2227,27 @@ 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_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"];
-const _hoisted_10$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_11$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$2 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_14$2 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+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$4 = { class: "row" };
+const _hoisted_7$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_8$2 = { class: "col-md-12" };
+const _hoisted_9$2 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_11$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_14$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_15$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$2 = ["value"];
@@ -2295,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",
@@ -2318,14 +2315,14 @@ 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$4, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
         return (openBlock(), createElementBlock("div", {
           class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
           key: field
         }, [
-          createElementVNode("label", _hoisted_7$2, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-          createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("label", _hoisted_7$3, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+          createElementVNode("div", _hoisted_8$2, [
             ($options.getFieldType(field) === 'file')
               ? (openBlock(), createElementBlock("input", {
                   key: 0,
@@ -2338,7 +2335,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: 'file_'+field,
                   onChange: $event => ($options.handleFileUpload(field)),
                   type: "file"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$1))
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$2))
               : createCommentVNode("v-if", true),
             ($options.getFieldType(field) === 'numeric')
               ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2350,7 +2347,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                   "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                   type: "number"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$3)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2364,7 +2361,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                   "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                   type: "password"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$3)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2379,7 +2376,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                   type: "email",
                   required: ""
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2392,7 +2389,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   onFocus: $event => ($options.removeErrors(field)),
                   class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
                   "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2440,7 +2437,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                   "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                   type: "text"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$3)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2500,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: {
@@ -2520,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", {
@@ -2536,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",
@@ -2547,33 +2544,33 @@ 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_7$1 = { class: "section" };
+const _hoisted_6$3 = { class: "modal-body" };
+const _hoisted_7$2 = { class: "section" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -2586,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_7$1, [
+        createElementVNode("div", _hoisted_6$3, [
+          createElementVNode("div", _hoisted_7$2, [
             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 () {
@@ -2675,21 +2672,21 @@ 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_10$1 = [
-  _hoisted_5$2
+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$2 = [
+  _hoisted_5$4
 ];
-const _hoisted_11$1 = { class: "record_counts" };
-const _hoisted_12$1 = {
+const _hoisted_11$2 = { class: "record_counts" };
+const _hoisted_12$2 = {
   key: 0,
   "aria-label": "Page navigation"
 };
-const _hoisted_13$1 = { class: "pagination" };
-const _hoisted_14$1 = {
+const _hoisted_13$2 = { class: "pagination" };
+const _hoisted_14$2 = {
   key: 0,
   class: "page-link"
 };
@@ -2722,22 +2719,22 @@ 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))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
-          }, _hoisted_10$1, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_10$2, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
           ]),
-          createElementVNode("span", _hoisted_11$1, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          createElementVNode("span", _hoisted_11$2, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
-          ? (openBlock(), createElementBlock("nav", _hoisted_12$1, [
-              createElementVNode("ul", _hoisted_13$1, [
+          ? (openBlock(), createElementBlock("nav", _hoisted_12$2, [
+              createElementVNode("ul", _hoisted_13$2, [
                 createElementVNode("li", {
                   class: normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
                 }, [
@@ -2752,7 +2749,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     key: page
                   }, [
                     ($options.getActivePage === page)
-                      ? (openBlock(), createElementBlock("a", _hoisted_14$1, toDisplayString(page), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("a", _hoisted_14$2, toDisplayString(page), 1 /* TEXT */))
                       : (['..','...'].includes(page))
                         ? (openBlock(), createElementBlock("a", _hoisted_15$1, toDisplayString(page), 1 /* TEXT */))
                         : (openBlock(), createElementBlock("a", {
@@ -2794,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');
@@ -2833,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) {
@@ -2884,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);
   });
 }
@@ -2927,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,
@@ -2969,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'],
@@ -3095,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;
@@ -3125,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 = {
@@ -3168,7 +3165,7 @@ var script$2 = {
     this.reloadData();
   },
   components: {
-    pagination: script$3
+    pagination: script$5
   },
   computed: {
     windowWidth: function () {
@@ -3186,39 +3183,39 @@ 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$2 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
-const _hoisted_7 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
-const _hoisted_8 = {
+const _hoisted_7$1 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
+const _hoisted_8$1 = {
   key: 1,
   class: "row"
 };
-const _hoisted_9 = { class: "col-12 mb-3" };
-const _hoisted_10 = { class: "sh-search-bar" };
-const _hoisted_11 = ["placeholder"];
-const _hoisted_12 = {
+const _hoisted_9$1 = { class: "col-12 mb-3" };
+const _hoisted_10$1 = { class: "sh-search-bar" };
+const _hoisted_11$1 = ["placeholder"];
+const _hoisted_12$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_13 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_13$1 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_14 = [
-  _hoisted_13
+const _hoisted_14$1 = [
+  _hoisted_13$1
 ];
 const _hoisted_15 = {
   key: 1,
@@ -3349,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",
@@ -3359,27 +3356,27 @@ 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_7
+                  _hoisted_6$2,
+                  _hoisted_7$1
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$2)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
-      ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          createElementVNode("div", _hoisted_9, [
-            createElementVNode("div", _hoisted_10, [
+      ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, [
+            createElementVNode("div", _hoisted_10$1, [
               withDirectives(createElementVNode("input", {
                 type: "search",
                 onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11$1), [
                 [vModelText, $data.filter_value]
               ])
             ])
@@ -3389,7 +3386,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_14))
+            ? (openBlock(), createElementBlock("div", _hoisted_12$1, _hoisted_14$1))
             : ($data.loading === 'error')
               ? (openBlock(), createElementBlock("div", _hoisted_15, [
                   createElementVNode("span", _hoisted_16, toDisplayString($data.loading_error), 1 /* TEXT */)
@@ -3675,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 () {
@@ -3719,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);
         });
       }
@@ -3759,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");
@@ -3774,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,
@@ -3787,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':''),
@@ -3817,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,
@@ -3830,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) {
@@ -3869,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)
@@ -3890,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: () => ({
@@ -3918,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) {
@@ -3972,13 +3969,384 @@ 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"
+};
+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
+];
+const _hoisted_6$1 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_7 = /*#__PURE__*/createTextVNode(" ADD DEPARTMENT");
+const _hoisted_8 = [
+  _hoisted_6$1,
+  _hoisted_7
+];
+const _hoisted_9 = /*#__PURE__*/createTextVNode("Permissions for ");
+const _hoisted_10 = { class: "text-primary" };
+const _hoisted_11 = ["value"];
+const _hoisted_12 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
+const _hoisted_13 = /*#__PURE__*/createTextVNode(" Submit");
+const _hoisted_14 = [
+  _hoisted_12,
+  _hoisted_13
+];
+
+
+var script$1 = {
+  __name: 'Departments',
+  setup(__props) {
+
+let editingDepartment = ref(null);
+let allPermissions = ref([]);
+let permissions = ref([]);
+let reload = ref(0);
+let permissionsModalBtn = ref(null);
+
+onMounted(() => {
+  shApis$1.doGet('admin/departments/all-permissions').then(res => {
+    allPermissions.value = res.data;
+  });
+});
+
+
+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 departmentAdded (response) {
+  this.reload += 1;
+}
+
+function rowSelected(department) {
+  editingDepartment.value = department;
+  if (department.permissions) {
+    this.permissions = JSON.parse(department.permissions);
+  }
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock(Fragment, null, [
+    _hoisted_1$1,
+    createElementVNode("a", _hoisted_2$1, _hoisted_5$1, 512 /* NEED_PATCH */),
+    createElementVNode("a", {
+      "data-bs-toggle": "modal",
+      ref_key: "permissionsModalBtn",
+      ref: permissionsModalBtn,
+      href: "#permissions_modal",
+      class: "btn btn-info d-none"
+    }, _hoisted_8, 512 /* NEED_PATCH */),
+    createVNode(script$4, {
+      reload: unref(reload),
+      onRowSelected: 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'
+        }
+      ]
+    }
+    }, null, 8 /* PROPS */, ["reload"]),
+    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 */
+    }),
+    createVNode(script$6, {
+      modal_id: "permissions_modal",
+      modal_title: "Edit Department Permissions"
+    }, {
+      default: withCtx(() => [
+        (unref(allPermissions) && unref(editingDepartment))
+          ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("h3", null, [
+                _hoisted_9,
+                createElementVNode("span", _hoisted_10, toDisplayString(unref(editingDepartment).name), 1 /* TEXT */)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(allPermissions), (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(permissions) ? (permissions).value = $event : permissions = $event)),
+                      value: permission
+                    }, null, 8 /* PROPS */, _hoisted_11), [
+                      [vModelCheckbox, unref(permissions)]
+                    ]),
+                    createTextVNode(" " + toDisplayString(getPermissionLabel(permission)), 1 /* TEXT */)
+                  ], 2 /* CLASS */)
+                ]))
+              }), 128 /* KEYED_FRAGMENT */)),
+              createElementVNode("button", {
+                onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.submitPermissions && _ctx.submitPermissions(...args))),
+                class: "btn btn-info"
+              }, _hoisted_14)
+            ], 64 /* STABLE_FRAGMENT */))
+          : createCommentVNode("v-if", true)
+      ]),
+      _: 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, helpers as shRepo, ShStorage as shStorage, useUserStore };