@iankibetsh/shframework 0.6.0 → 0.6.2

package/dist/dist/library.mjs.css

@@ -31,21 +31,6 @@
   opacity: 0.5;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
@@ -66,3 +51,18 @@
     width: 100% !important;
   }
 }
+
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}

package/dist/library.js

@@ -1771,14 +1771,14 @@ 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 = {
+const _hoisted_6$4 = ["id", "aria-labelledby"];
+const _hoisted_7$3 = { key: 0 };
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$3 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -1903,20 +1903,20 @@ return (_ctx, _cache) => {
                   key: suggestion.id
                 }, [
                   (suggestion.name)
-                    ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$4, [
+                    ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$3, [
                         vue.createElementVNode("a", {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: vue.normalizeClass(["dropdown-item", vue.unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$3)
+                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$2)
                       ]))
                     : vue.createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (vue.unref(searchText))
-              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$3, " No results found "))
-              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$4, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_6$5)
+              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$2, " No results found "))
+              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$3, " Type to search... "))
+        ], 8 /* PROPS */, _hoisted_6$4)
       ]))
     : vue.createCommentVNode("v-if", true)
 }
@@ -2251,15 +2251,15 @@ const _hoisted_2$8 = {
 const _hoisted_3$8 = /*#__PURE__*/vue.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_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"];
+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_15$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$2 = ["value"];
@@ -2327,14 +2327,14 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 512 /* NEED_PATCH */), [
       [vue.vModelText, _ctx.form_elements['id']]
     ]),
-    vue.createElementVNode("div", _hoisted_6$4, [
+    vue.createElementVNode("div", _hoisted_6$3, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.fields, (field) => {
         return (vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
           key: field
         }, [
-          vue.createElementVNode("label", _hoisted_7$3, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-          vue.createElementVNode("div", _hoisted_8$2, [
+          vue.createElementVNode("label", _hoisted_7$2, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+          vue.createElementVNode("div", _hoisted_8$1, [
             ($options.getFieldType(field) === 'file')
               ? (vue.openBlock(), vue.createElementBlock("input", {
                   key: 0,
@@ -2347,7 +2347,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$2))
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$1))
               : vue.createCommentVNode("v-if", true),
             ($options.getFieldType(field) === 'numeric')
               ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -2359,7 +2359,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: vue.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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2)), [
                   [vue.vModelText, _ctx.form_elements[field]]
                 ])
               : vue.createCommentVNode("v-if", true),
@@ -2373,7 +2373,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: vue.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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
                   [vue.vModelText, _ctx.form_elements[field]]
                 ])
               : vue.createCommentVNode("v-if", true),
@@ -2388,7 +2388,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
                   [vue.vModelText, _ctx.form_elements[field]]
                 ])
               : vue.createCommentVNode("v-if", true),
@@ -2401,7 +2401,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   onFocus: $event => ($options.removeErrors(field)),
                   class: vue.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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
                   [vue.vModelText, _ctx.form_elements[field]]
                 ])
               : vue.createCommentVNode("v-if", true),
@@ -2449,7 +2449,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   class: vue.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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
                   [vue.vModelText, _ctx.form_elements[field]]
                 ])
               : vue.createCommentVNode("v-if", true),
@@ -2581,8 +2581,8 @@ const _hoisted_5$5 = /*#__PURE__*/vue.createElementVNode("button", {
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
 }, "×", -1 /* HOISTED */);
-const _hoisted_6$3 = { class: "modal-body" };
-const _hoisted_7$2 = { class: "section" };
+const _hoisted_6$2 = { class: "modal-body" };
+const _hoisted_7$1 = { class: "section" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
@@ -2600,8 +2600,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createElementVNode("h3", _hoisted_4$6, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$5
         ]),
-        vue.createElementVNode("div", _hoisted_6$3, [
-          vue.createElementVNode("div", _hoisted_7$2, [
+        vue.createElementVNode("div", _hoisted_6$2, [
+          vue.createElementVNode("div", _hoisted_7$1, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ])
@@ -2689,16 +2689,16 @@ const _hoisted_2$5 = { class: "record_count_body mb-3" };
 const _hoisted_3$5 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
 const _hoisted_4$5 = /*#__PURE__*/vue.createTextVNode("  ");
 const _hoisted_5$4 = /*#__PURE__*/vue.createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
-const _hoisted_10$2 = [
+const _hoisted_10$1 = [
   _hoisted_5$4
 ];
-const _hoisted_11$2 = { class: "record_counts" };
-const _hoisted_12$2 = {
+const _hoisted_11$1 = { class: "record_counts" };
+const _hoisted_12$1 = {
   key: 0,
   "aria-label": "Page navigation"
 };
-const _hoisted_13$2 = { class: "pagination" };
-const _hoisted_14$2 = {
+const _hoisted_13$1 = { class: "pagination" };
+const _hoisted_14$1 = {
   key: 0,
   class: "page-link"
 };
@@ -2739,14 +2739,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             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$2, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_10$1, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vue.vModelSelect, $data.per_page]
           ]),
-          vue.createElementVNode("span", _hoisted_11$2, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          vue.createElementVNode("span", _hoisted_11$1, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
-          ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_12$2, [
-              vue.createElementVNode("ul", _hoisted_13$2, [
+          ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_12$1, [
+              vue.createElementVNode("ul", _hoisted_13$1, [
                 vue.createElementVNode("li", {
                   class: vue.normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
                 }, [
@@ -2761,7 +2761,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     key: page
                   }, [
                     ($options.getActivePage === page)
-                      ? (vue.openBlock(), vue.createElementBlock("a", _hoisted_14$2, vue.toDisplayString(page), 1 /* TEXT */))
+                      ? (vue.openBlock(), vue.createElementBlock("a", _hoisted_14$1, vue.toDisplayString(page), 1 /* TEXT */))
                       : (['..','...'].includes(page))
                         ? (vue.openBlock(), vue.createElementBlock("a", _hoisted_15$1, vue.toDisplayString(page), 1 /* TEXT */))
                         : (vue.openBlock(), vue.createElementBlock("a", {
@@ -2965,7 +2965,7 @@ function formatDate(date, format) {
   return moment__default["default"](date).format(format)
 }
 
-var helpers = {
+var shRepo$1 = {
   swalSuccess,
   swalError,
   runPlainRequest,
@@ -3116,7 +3116,7 @@ var script$4 = {
         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) {
@@ -3203,31 +3203,31 @@ const _hoisted_2$4 = {
 const _hoisted_3$4 = ["disabled"];
 const _hoisted_4$4 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
 const _hoisted_5$3 = /*#__PURE__*/vue.createTextVNode(" Export ");
-const _hoisted_6$2 = /*#__PURE__*/vue.createElementVNode("span", {
+const _hoisted_6$1 = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
-const _hoisted_7$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
-const _hoisted_8$1 = {
+const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
+const _hoisted_8 = {
   key: 1,
   class: "row"
 };
-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 = {
+const _hoisted_9 = { class: "col-12 mb-3" };
+const _hoisted_10 = { class: "sh-search-bar" };
+const _hoisted_11 = ["placeholder"];
+const _hoisted_12 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_13$1 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_13 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_14$1 = [
-  _hoisted_13$1
+const _hoisted_14 = [
+  _hoisted_13
 ];
 const _hoisted_15 = {
   key: 1,
@@ -3372,23 +3372,23 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   _hoisted_5$3
                 ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  _hoisted_6$2,
-                  _hoisted_7$1
+                  _hoisted_6$1,
+                  _hoisted_7
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : vue.createCommentVNode("v-if", true),
     (!$props.hideSearch)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
-          vue.createElementVNode("div", _hoisted_9$1, [
-            vue.createElementVNode("div", _hoisted_10$1, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            vue.createElementVNode("div", _hoisted_10, [
               vue.withDirectives(vue.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$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
                 [vue.vModelText, $data.filter_value]
               ])
             ])
@@ -3398,7 +3398,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, _hoisted_14$1))
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, _hoisted_14))
             : ($data.loading === 'error')
               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
                   vue.createElementVNode("span", _hoisted_16, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
@@ -3986,7 +3986,7 @@ const _hoisted_2$1 = {
   "data-bs-toggle": "modal",
   ref: "addDeptBtn",
   href: "#department_modal",
-  class: "btn btn-info"
+  class: "btn btn-info btn-sm"
 };
 const _hoisted_3$1 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 const _hoisted_4$1 = /*#__PURE__*/vue.createTextVNode(" ADD DEPARTMENT");
@@ -3994,32 +3994,17 @@ const _hoisted_5$1 = [
   _hoisted_3$1,
   _hoisted_4$1
 ];
-const _hoisted_6$1 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
-const _hoisted_7 = /*#__PURE__*/vue.createTextVNode(" ADD DEPARTMENT");
-const _hoisted_8 = [
-  _hoisted_6$1,
-  _hoisted_7
-];
-const _hoisted_9 = /*#__PURE__*/vue.createTextVNode("Permissions for ");
-const _hoisted_10 = { class: "text-primary" };
-const _hoisted_11 = ["value"];
-const _hoisted_12 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
-const _hoisted_13 = /*#__PURE__*/vue.createTextVNode(" Submit");
-const _hoisted_14 = [
-  _hoisted_12,
-  _hoisted_13
-];
 
 
 var script$1 = {
   __name: 'Departments',
   setup(__props) {
 
-let editingDepartment = vue.ref(null);
+vue.ref(null);
 let allPermissions = vue.ref([]);
-let permissions = vue.ref([]);
+vue.ref([]);
 let reload = vue.ref(0);
-let permissionsModalBtn = vue.ref(null);
+vue.ref(null);
 
 vue.onMounted(() => {
   shApis$1.doGet('admin/departments/all-permissions').then(res => {
@@ -4027,43 +4012,17 @@ vue.onMounted(() => {
   });
 });
 
-
-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 (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _hoisted_1$1,
     vue.createElementVNode("a", _hoisted_2$1, _hoisted_5$1, 512 /* NEED_PATCH */),
-    vue.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 */),
     vue.createVNode(script$4, {
       reload: vue.unref(reload),
-      onRowSelected: rowSelected,
+      onRowSelected: _ctx.rowSelected,
       headers: ['id','name','description', 'created_at'],
       "end-point": "admin/departments/list",
       actions: {
@@ -4071,15 +4030,15 @@ return (_ctx, _cache) => {
       actions: [
         {
           label: 'Permissions',
-          path: '/admin/departments/permissions/{id}',
-          class: 'btn btn-info bi-lock'
+          path: '/sh-departments/permissions/{id}',
+          class: 'btn btn-info bi-lock btn-sm'
         }
       ]
     }
-    }, null, 8 /* PROPS */, ["reload"]),
+    }, null, 8 /* PROPS */, ["reload", "onRowSelected"]),
     vue.createVNode(script$6, {
-      modal_id: "department_modal",
-      modal_title: "Department Form"
+      "modal-id": "department_modal",
+      "modal-title": "Department Form"
     }, {
       default: vue.withCtx(() => [
         vue.createVNode(script$8, {
@@ -4090,45 +4049,6 @@ return (_ctx, _cache) => {
         })
       ]),
       _: 1 /* STABLE */
-    }),
-    vue.createVNode(script$6, {
-      modal_id: "permissions_modal",
-      modal_title: "Edit Department Permissions"
-    }, {
-      default: vue.withCtx(() => [
-        (vue.unref(allPermissions) && vue.unref(editingDepartment))
-          ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              vue.createElementVNode("h3", null, [
-                _hoisted_9,
-                vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(vue.unref(editingDepartment).name), 1 /* TEXT */)
-              ]),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(allPermissions), (permission) => {
-                return (vue.openBlock(), vue.createElementBlock("div", {
-                  key: permission,
-                  class: "list-group p-0"
-                }, [
-                  vue.createElementVNode("label", {
-                    class: vue.normalizeClass(["list-group-item pb-0 text-capitalize", 'ms-' + getPermissionLeft(permission)])
-                  }, [
-                    vue.withDirectives(vue.createElementVNode("input", {
-                      type: "checkbox",
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(permissions) ? (permissions).value = $event : permissions = $event)),
-                      value: permission
-                    }, null, 8 /* PROPS */, _hoisted_11), [
-                      [vue.vModelCheckbox, vue.unref(permissions)]
-                    ]),
-                    vue.createTextVNode(" " + vue.toDisplayString(getPermissionLabel(permission)), 1 /* TEXT */)
-                  ], 2 /* CLASS */)
-                ]))
-              }), 128 /* KEYED_FRAGMENT */)),
-              vue.createElementVNode("button", {
-                onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.submitPermissions && _ctx.submitPermissions(...args))),
-                class: "btn btn-info"
-              }, _hoisted_14)
-            ], 64 /* STABLE_FRAGMENT */))
-          : vue.createCommentVNode("v-if", true)
-      ]),
-      _: 1 /* STABLE */
     })
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -4280,7 +4200,9 @@ return (_ctx, _cache) => {
               "success-callback": moduleAdded,
               "fill-selects": {
         permission_module: {
-          url: 'admin/departments/department/list-pending-modules/' + id.value
+          url: 'admin/departments/department/list-pending-modules/' + id.value,
+          suggests: true,
+          allowMultiple: true
         }
       },
               fields: ['permission_module'],
@@ -4370,6 +4292,6 @@ exports.ShPhone = script$b;
 exports.ShTable = script$4;
 exports.ShTabs = script$3;
 exports.shApis = shApis$1;
-exports.shRepo = helpers;
+exports.shRepo = shRepo$1;
 exports.shStorage = ShStorage;
 exports.useUserStore = useUserStore;

package/dist/library.mjs

@@ -1,6 +1,6 @@
 import Axios from 'axios';
 import moment from 'moment';
-import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, renderSlot, createStaticVNode, withCtx, shallowRef, resolveDynamicComponent, isRef, vModelCheckbox, computed } 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';
@@ -1759,14 +1759,14 @@ 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 = {
+const _hoisted_6$4 = ["id", "aria-labelledby"];
+const _hoisted_7$3 = { key: 0 };
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$3 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -1891,20 +1891,20 @@ return (_ctx, _cache) => {
                   key: suggestion.id
                 }, [
                   (suggestion.name)
-                    ? (openBlock(), createElementBlock("li", _hoisted_7$4, [
+                    ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
                         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$3)
+                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$2)
                       ]))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$3, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$4, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_6$5)
+              ? (openBlock(), createElementBlock("li", _hoisted_9$2, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$3, " Type to search... "))
+        ], 8 /* PROPS */, _hoisted_6$4)
       ]))
     : createCommentVNode("v-if", true)
 }
@@ -2239,15 +2239,15 @@ const _hoisted_2$8 = {
 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_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"];
+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_15$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$2 = ["value"];
@@ -2315,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$4, [
+    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()]),
           key: field
         }, [
-          createElementVNode("label", _hoisted_7$3, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-          createElementVNode("div", _hoisted_8$2, [
+          createElementVNode("label", _hoisted_7$2, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+          createElementVNode("div", _hoisted_8$1, [
             ($options.getFieldType(field) === 'file')
               ? (openBlock(), createElementBlock("input", {
                   key: 0,
@@ -2335,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$2))
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$1))
               : createCommentVNode("v-if", true),
             ($options.getFieldType(field) === 'numeric')
               ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2347,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2361,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2376,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2389,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2437,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$3)), [
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
                   [vModelText, _ctx.form_elements[field]]
                 ])
               : createCommentVNode("v-if", true),
@@ -2569,8 +2569,8 @@ const _hoisted_5$5 = /*#__PURE__*/createElementVNode("button", {
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
 }, "×", -1 /* HOISTED */);
-const _hoisted_6$3 = { class: "modal-body" };
-const _hoisted_7$2 = { class: "section" };
+const _hoisted_6$2 = { class: "modal-body" };
+const _hoisted_7$1 = { class: "section" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -2588,8 +2588,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("h3", _hoisted_4$6, toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$5
         ]),
-        createElementVNode("div", _hoisted_6$3, [
-          createElementVNode("div", _hoisted_7$2, [
+        createElementVNode("div", _hoisted_6$2, [
+          createElementVNode("div", _hoisted_7$1, [
             renderSlot(_ctx.$slots, "default")
           ])
         ])
@@ -2677,16 +2677,16 @@ 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 = [
+const _hoisted_10$1 = [
   _hoisted_5$4
 ];
-const _hoisted_11$2 = { class: "record_counts" };
-const _hoisted_12$2 = {
+const _hoisted_11$1 = { class: "record_counts" };
+const _hoisted_12$1 = {
   key: 0,
   "aria-label": "Page navigation"
 };
-const _hoisted_13$2 = { class: "pagination" };
-const _hoisted_14$2 = {
+const _hoisted_13$1 = { class: "pagination" };
+const _hoisted_14$1 = {
   key: 0,
   class: "page-link"
 };
@@ -2727,14 +2727,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             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$2, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_10$1, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
           ]),
-          createElementVNode("span", _hoisted_11$2, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          createElementVNode("span", _hoisted_11$1, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
-          ? (openBlock(), createElementBlock("nav", _hoisted_12$2, [
-              createElementVNode("ul", _hoisted_13$2, [
+          ? (openBlock(), createElementBlock("nav", _hoisted_12$1, [
+              createElementVNode("ul", _hoisted_13$1, [
                 createElementVNode("li", {
                   class: normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
                 }, [
@@ -2749,7 +2749,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     key: page
                   }, [
                     ($options.getActivePage === page)
-                      ? (openBlock(), createElementBlock("a", _hoisted_14$2, toDisplayString(page), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("a", _hoisted_14$1, toDisplayString(page), 1 /* TEXT */))
                       : (['..','...'].includes(page))
                         ? (openBlock(), createElementBlock("a", _hoisted_15$1, toDisplayString(page), 1 /* TEXT */))
                         : (openBlock(), createElementBlock("a", {
@@ -2953,7 +2953,7 @@ function formatDate(date, format) {
   return moment(date).format(format)
 }
 
-var helpers = {
+var shRepo$1 = {
   swalSuccess,
   swalError,
   runPlainRequest,
@@ -3104,7 +3104,7 @@ var script$4 = {
         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) {
@@ -3191,31 +3191,31 @@ const _hoisted_2$4 = {
 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", {
+const _hoisted_6$1 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
-const _hoisted_7$1 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
-const _hoisted_8$1 = {
+const _hoisted_7 = /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */);
+const _hoisted_8 = {
   key: 1,
   class: "row"
 };
-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 = {
+const _hoisted_9 = { class: "col-12 mb-3" };
+const _hoisted_10 = { class: "sh-search-bar" };
+const _hoisted_11 = ["placeholder"];
+const _hoisted_12 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_13$1 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_13 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_14$1 = [
-  _hoisted_13$1
+const _hoisted_14 = [
+  _hoisted_13
 ];
 const _hoisted_15 = {
   key: 1,
@@ -3360,23 +3360,23 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   _hoisted_5$3
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_6$2,
-                  _hoisted_7$1
+                  _hoisted_6$1,
+                  _hoisted_7
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
-      ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-          createElementVNode("div", _hoisted_9$1, [
-            createElementVNode("div", _hoisted_10$1, [
+      ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
               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$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
                 [vModelText, $data.filter_value]
               ])
             ])
@@ -3386,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$1, _hoisted_14$1))
+            ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_14))
             : ($data.loading === 'error')
               ? (openBlock(), createElementBlock("div", _hoisted_15, [
                   createElementVNode("span", _hoisted_16, toDisplayString($data.loading_error), 1 /* TEXT */)
@@ -3974,7 +3974,7 @@ const _hoisted_2$1 = {
   "data-bs-toggle": "modal",
   ref: "addDeptBtn",
   href: "#department_modal",
-  class: "btn btn-info"
+  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");
@@ -3982,32 +3982,17 @@ 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);
+ref(null);
 let allPermissions = ref([]);
-let permissions = ref([]);
+ref([]);
 let reload = ref(0);
-let permissionsModalBtn = ref(null);
+ref(null);
 
 onMounted(() => {
   shApis$1.doGet('admin/departments/all-permissions').then(res => {
@@ -4015,43 +4000,17 @@ onMounted(() => {
   });
 });
 
-
-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,
+      onRowSelected: _ctx.rowSelected,
       headers: ['id','name','description', 'created_at'],
       "end-point": "admin/departments/list",
       actions: {
@@ -4059,15 +4018,15 @@ return (_ctx, _cache) => {
       actions: [
         {
           label: 'Permissions',
-          path: '/admin/departments/permissions/{id}',
-          class: 'btn btn-info bi-lock'
+          path: '/sh-departments/permissions/{id}',
+          class: 'btn btn-info bi-lock btn-sm'
         }
       ]
     }
-    }, null, 8 /* PROPS */, ["reload"]),
+    }, null, 8 /* PROPS */, ["reload", "onRowSelected"]),
     createVNode(script$6, {
-      modal_id: "department_modal",
-      modal_title: "Department Form"
+      "modal-id": "department_modal",
+      "modal-title": "Department Form"
     }, {
       default: withCtx(() => [
         createVNode(script$8, {
@@ -4078,45 +4037,6 @@ return (_ctx, _cache) => {
         })
       ]),
       _: 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 */))
 }
@@ -4268,7 +4188,9 @@ return (_ctx, _cache) => {
               "success-callback": moduleAdded,
               "fill-selects": {
         permission_module: {
-          url: 'admin/departments/department/list-pending-modules/' + id.value
+          url: 'admin/departments/department/list-pending-modules/' + id.value,
+          suggests: true,
+          allowMultiple: true
         }
       },
               fields: ['permission_module'],
@@ -4349,4 +4271,4 @@ const ShFrontend = {
   }
 };
 
-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 };
+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 };

package/package.json

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