@iankibetsh/shframework 2.0.0 → 2.0.2

package/dist/library.js

@@ -1892,7 +1892,7 @@ const countries = [
   }
 ];
 
-var script$t = {
+var script$u = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -2005,8 +2005,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$t.render = render$3;
-script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
+script$u.render = render$3;
+script$u.__file = "src/lib/components/form-components/PhoneInput.vue";
 
 const _hoisted_1$m = {
   key: 0,
@@ -2029,7 +2029,7 @@ const _hoisted_10$5 = {
 };
 
 
-var script$s = {
+var script$t = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -2170,15 +2170,15 @@ return (_ctx, _cache) => {
 
 };
 
-script$s.__scopeId = "data-v-71cc9569";
-script$s.__file = "src/lib/components/form-components/ShSuggest.vue";
+script$t.__scopeId = "data-v-71cc9569";
+script$t.__file = "src/lib/components/form-components/ShSuggest.vue";
 
-var script$r = {
+var script$s = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$t,
-    ShSuggest: script$s,
-    ShPhone: script$t
+    PhoneInput: script$u,
+    ShSuggest: script$t,
+    ShPhone: script$u
   },
   props: [
       'action',
@@ -2767,10 +2767,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$r.render = render$2;
-script$r.__file = "src/lib/components/ShForm.vue";
+script$s.render = render$2;
+script$s.__file = "src/lib/components/ShForm.vue";
 
-var script$q = {
+var script$r = {
   __name: 'EmailInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2810,12 +2810,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$q.__file = "src/lib/components/form-components/EmailInput.vue";
+script$r.__file = "src/lib/components/form-components/EmailInput.vue";
 
 const _hoisted_1$k = ["min", "max"];
 
 
-var script$p = {
+var script$q = {
   __name: 'NumberInput',
   props: ['modelValue','label','min','max'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2857,9 +2857,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$p.__file = "src/lib/components/form-components/NumberInput.vue";
+script$q.__file = "src/lib/components/form-components/NumberInput.vue";
 
-var script$o = {
+var script$p = {
   __name: 'TextInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2901,9 +2901,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$o.__file = "src/lib/components/form-components/TextInput.vue";
+script$p.__file = "src/lib/components/form-components/TextInput.vue";
 
-var script$n = {
+var script$o = {
   __name: 'TextAreaInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2943,12 +2943,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$n.__file = "src/lib/components/form-components/TextAreaInput.vue";
+script$o.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
 const _hoisted_1$j = ["value"];
 
 
-var script$m = {
+var script$n = {
   __name: 'SelectInput',
   props: ['modelValue','label','data','dataUrl'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3013,9 +3013,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$m.__file = "src/lib/components/form-components/SelectInput.vue";
+script$n.__file = "src/lib/components/form-components/SelectInput.vue";
 
-var script$l = {
+var script$m = {
   __name: 'PasswordInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3051,7 +3051,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$l.__file = "src/lib/components/form-components/PasswordInput.vue";
+script$m.__file = "src/lib/components/form-components/PasswordInput.vue";
 
 const _hoisted_1$i = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */);
 const _hoisted_2$b = ["onUpdate:modelValue"];
@@ -3068,7 +3068,7 @@ const _hoisted_7$5 = {
 const _hoisted_8$4 = { key: 1 };
 
 
-var script$k = {
+var script$l = {
   __name: 'ShAutoForm',
   props: [
     'action','successCallback','retainDataAfterSubmission',
@@ -3101,13 +3101,13 @@ const getFieldComponent = (fieldObj)=>{
   const defaultPhones = ['phone'];
   const defaultEmails = ['email'];
   const formComponents = vue.inject('formComponents');
-  const TextComponent = formComponents.text ?? script$o;
-  const TextAreaComponent = formComponents.textArea ?? script$n;
-  const EmailComponent = formComponents.email ?? script$q;
-  const PhoneComponent = formComponents.phone ?? script$t;
-  const NumberComponent = formComponents.number ?? script$p;
-  const SelectComponent = formComponents.select ?? script$m;
-  const PasswordComponent = formComponents.password ?? script$l;
+  const TextComponent = formComponents.text ?? script$p;
+  const TextAreaComponent = formComponents.textArea ?? script$o;
+  const EmailComponent = formComponents.email ?? script$r;
+  const PhoneComponent = formComponents.phone ?? script$u;
+  const NumberComponent = formComponents.number ?? script$q;
+  const SelectComponent = formComponents.select ?? script$n;
+  const PasswordComponent = formComponents.password ?? script$m;
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
@@ -3119,16 +3119,16 @@ const getFieldComponent = (fieldObj)=>{
   }
   else
   if((props.textAreas && props.textAreas.includes(field)) || defaultTextareas.includes(field)){
-    return formComponents.textArea ?? script$n
+    return formComponents.textArea ?? script$o
   } else
   if((props.emails && props.emails.includes(field)) || defaultEmails.includes(field)){
-    return formComponents.email ?? script$q
+    return formComponents.email ?? script$r
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$t
+    return formComponents.phone ?? script$u
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
-    return formComponents.number ?? script$p
+    return formComponents.number ?? script$q
   }
   // else
   // if((props.selects && props.selects.includes(field)) || defaultSelects.includes(field)){
@@ -3137,7 +3137,7 @@ const getFieldComponent = (fieldObj)=>{
   // if((props.dates && props.dates.includes(field)) || defaultDates.includes(field)){
   //   return formComponents.date ?? DateInput
   // }
-  return formComponents.text ?? script$o
+  return formComponents.text ?? script$p
 };
 const shFormElementClasses = vue.ref(null);
 shFormElementClasses.value = vue.inject('shFormElementClasses');
@@ -3358,12 +3358,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$k.__file = "src/lib/components/ShAutoForm.vue";
+script$l.__file = "src/lib/components/ShAutoForm.vue";
 
 const _hoisted_1$h = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
 const _hoisted_2$a = { class: "dropdown" };
 
-var script$j = {
+var script$k = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -3410,7 +3410,7 @@ return (_ctx, _cache) => {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": dropdownId
       }, [
-        vue.createVNode(script$r, vue.normalizeProps(vue.guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$s, vue.normalizeProps(vue.guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
       ])
     ])
   ], 64 /* STABLE_FRAGMENT */))
@@ -3419,7 +3419,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$j.__file = "src/lib/components/ShDropDownForm.vue";
+script$k.__file = "src/lib/components/ShDropDownForm.vue";
 
 const _hoisted_1$g = ["id"];
 const _hoisted_2$9 = { class: "modal-content" };
@@ -3433,7 +3433,7 @@ const _hoisted_5$6 = /*#__PURE__*/vue.createElementVNode("button", {
 const _hoisted_6$5 = { class: "modal-body" };
 const _hoisted_7$4 = { class: "section" };
 
-var script$i = {
+var script$j = {
   __name: 'ShModal',
   props: {
   modalId: {
@@ -3488,11 +3488,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$i.__file = "src/lib/components/ShModal.vue";
+script$j.__file = "src/lib/components/ShModal.vue";
 
 const _hoisted_1$f = ["href"];
 
-var script$h = {
+var script$i = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -3532,12 +3532,12 @@ return (_ctx, _cache) => {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$f),
-    vue.createVNode(script$i, {
+    vue.createVNode(script$j, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(script$r, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$s, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3547,11 +3547,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$h.__file = "src/lib/components/ShModalForm.vue";
+script$i.__file = "src/lib/components/ShModalForm.vue";
 
 const _hoisted_1$e = ["href"];
 
-var script$g = {
+var script$h = {
   __name: 'ShModalFormAuto',
   props: ['action',
   'classes',
@@ -3592,12 +3592,12 @@ return (_ctx, _cache) => {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$e),
-    vue.createVNode(script$i, {
+    vue.createVNode(script$j, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(script$k, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$l, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3607,7 +3607,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$g.__file = "src/lib/components/ShModalFormAuto.vue";
+script$h.__file = "src/lib/components/ShModalFormAuto.vue";
 
 const _hoisted_1$d = ["id"];
 const _hoisted_2$8 = { class: "offcanvas-header" };
@@ -3617,7 +3617,7 @@ const _hoisted_3$8 = {
 };
 const _hoisted_4$8 = { class: "offcanvas-body" };
 
-var script$f = {
+var script$g = {
   __name: 'ShCanvas',
   props: {
   canvasId: {
@@ -3682,9 +3682,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$f.__file = "src/lib/components/ShCanvas.vue";
+script$g.__file = "src/lib/components/ShCanvas.vue";
 
-var script$e = {
+var script$f = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore', 'paginationStyle'],
   data () {
@@ -3880,8 +3880,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$e.render = render$1;
-script$e.__file = "src/lib/components/list_templates/Pagination.vue";
+script$f.render = render$1;
+script$f.__file = "src/lib/components/list_templates/Pagination.vue";
 
 const _hoisted_1$b = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3890,7 +3890,7 @@ const _hoisted_1$b = /*#__PURE__*/vue.createElementVNode("span", {
 }, null, -1 /* HOISTED */);
 
 
-var script$d = {
+var script$e = {
   __name: 'ShConfirmAction',
   props: {
   data: Object,
@@ -3976,7 +3976,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$d.__file = "src/lib/components/ShConfirmAction.vue";
+script$e.__file = "src/lib/components/ShConfirmAction.vue";
 
 const _hoisted_1$a = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3984,7 +3984,7 @@ const _hoisted_1$a = /*#__PURE__*/vue.createElementVNode("span", {
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
 
-var script$c = {
+var script$d = {
   __name: 'ShSilentAction',
   props: {
   data: Object,
@@ -4072,9 +4072,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$c.__file = "src/lib/components/ShSilentAction.vue";
+script$d.__file = "src/lib/components/ShSilentAction.vue";
 
-var script$b = {
+var script$c = {
   name: 'sh-table',
   props: ['endPoint', 'headers','query', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle'],
   inject: ['channel'],
@@ -4329,10 +4329,10 @@ var script$b = {
     this.reloadData();
   },
   components: {
-    ShSilentAction: script$c,
-    ShConfirmAction: script$d,
-    ShCanvas: script$f,
-    pagination: script$e
+    ShSilentAction: script$d,
+    ShConfirmAction: script$e,
+    ShCanvas: script$g,
+    pagination: script$f
   },
   computed: {
     windowWidth: function () {
@@ -4966,10 +4966,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$b.render = render;
-script$b.__file = "src/lib/components/ShTable.vue";
+script$c.render = render;
+script$c.__file = "src/lib/components/ShTable.vue";
 
-var script$a = {
+var script$b = {
   __name: 'ShTabs',
   props: {
   tabs: {
@@ -5114,7 +5114,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$a.__file = "src/lib/components/ShTabs.vue";
+script$b.__file = "src/lib/components/ShTabs.vue";
 
 const _hoisted_1$8 = {
   class: "nav-item",
@@ -5125,7 +5125,7 @@ const _hoisted_3$5 = /*#__PURE__*/vue.createElementVNode("i", { class: "d-none"
 const _hoisted_4$5 = { class: "sh_tab_count" };
 const _hoisted_5$4 = { class: "tab-content" };
 
-var script$9 = {
+var script$a = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -5182,12 +5182,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$9.__file = "src/lib/components/ShDynamicTabs.vue";
+script$a.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const _hoisted_1$7 = ["href"];
 
 
-var script$8 = {
+var script$9 = {
   __name: 'ShModalBtn',
   props: {
   modalId: {
@@ -5210,12 +5210,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$8.__file = "src/lib/components/ShModalBtn.vue";
+script$9.__file = "src/lib/components/ShModalBtn.vue";
 
 const _hoisted_1$6 = ["href"];
 
 
-var script$7 = {
+var script$8 = {
   __name: 'ShCanvasBtn',
   props: {
   canvasId: {
@@ -5239,7 +5239,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$7.__file = "src/lib/components/ShCanvasBtn.vue";
+script$8.__file = "src/lib/components/ShCanvasBtn.vue";
 
 const useUserStore = pinia.defineStore('user-store', {
   state: () => ({
@@ -5378,7 +5378,7 @@ const _hoisted_17 = { class: "col-md-3" };
 const _hoisted_18 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/vue.createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
 
 
-var script$6 = {
+var script$7 = {
   __name: 'ManagePermissions',
   emits: ['success'],
   setup(__props, { emit }) {
@@ -5536,7 +5536,7 @@ return (_ctx, _cache) => {
               (permissionsChanged.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
                     vue.createElementVNode("div", _hoisted_17, [
-                      vue.createVNode(script$c, {
+                      vue.createVNode(script$d, {
                         onSuccess: permissionsUpdated,
                         url: `sh-departments/department/permissions/${vue.unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
@@ -5560,13 +5560,13 @@ return (_ctx, _cache) => {
 
 };
 
-script$6.__scopeId = "data-v-0d4fa0ac";
-script$6.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
+script$7.__scopeId = "data-v-0d4fa0ac";
+script$7.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
 
 const _hoisted_1$4 = ["href"];
 
 
-var script$5 = {
+var script$6 = {
   __name: 'ShRoutePopups',
   setup(__props) {
 
@@ -5579,6 +5579,7 @@ vue.ref(null);
 const router = vueRouter.useRouter();
 const position = vue.ref(null);
 const size = vue.ref(null);
+const title = vue.ref(null);
 vue.watch(() => route.meta, meta => {
   popUp.value = meta.popUp ?? meta.popup;
   if (popUp.value) {
@@ -5586,6 +5587,7 @@ vue.watch(() => route.meta, meta => {
     // !popupPaths.includes(route.path) && popupPaths.push(route.path) && popups.push(meta)
     position.value = meta.position ?? meta.side;
     size.value = meta.size;
+    title.value = meta.title;
     componentView.value = vue.markRaw(route.matched[route.matched.length - 1].components.default);
     setTimeout(() => {
       initPopup();
@@ -5647,8 +5649,9 @@ return (_ctx, _cache) => {
       class: "d-none"
     }, "Open Modal", 8 /* PROPS */, _hoisted_1$4),
     (popUp.value === 'modal')
-      ? (vue.openBlock(), vue.createBlock(script$i, {
+      ? (vue.openBlock(), vue.createBlock(script$j, {
           key: 0,
+          "modal-title": title.value,
           "modal-id": vue.unref(modalId),
           "modal-size": size.value
         }, {
@@ -5656,12 +5659,13 @@ return (_ctx, _cache) => {
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentView.value)))
           ]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["modal-id", "modal-size"]))
+        }, 8 /* PROPS */, ["modal-title", "modal-id", "modal-size"]))
       : vue.createCommentVNode("v-if", true),
     (['offcanvas','canvas','offCanvas'].includes(popUp.value))
-      ? (vue.openBlock(), vue.createBlock(script$f, {
+      ? (vue.openBlock(), vue.createBlock(script$g, {
           key: 1,
           "canvas-id": vue.unref(canvasId),
+          "canvas-title": title.value,
           "canvas-size": size.value,
           position: position.value
         }, {
@@ -5669,7 +5673,7 @@ return (_ctx, _cache) => {
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentView.value)))
           ]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["canvas-id", "canvas-size", "position"]))
+        }, 8 /* PROPS */, ["canvas-id", "canvas-title", "canvas-size", "position"]))
       : vue.createCommentVNode("v-if", true)
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -5677,7 +5681,28 @@ return (_ctx, _cache) => {
 
 };
 
-script$5.__file = "src/lib/components/popups/ShRoutePopups.vue";
+script$6.__file = "src/lib/components/popups/ShRoutePopups.vue";
+
+var script$5 = {
+  __name: 'ShQueryForm',
+  setup(__props) {
+
+const route = vueRouter.useRoute();
+
+const fields = route.query.fields.split(',');
+const action = route.query.action;
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createBlock(script$l, {
+    fields: vue.unref(fields),
+    action: vue.unref(action)
+  }, null, 8 /* PROPS */, ["fields", "action"]))
+}
+}
+
+};
+
+script$5.__file = "src/lib/components/ShQueryForm.vue";
 
 var script$4 = {
   __name: 'ShQueryPopups',
@@ -5692,12 +5717,19 @@ vue.ref(null);
 const router = vueRouter.useRouter();
 const position = vue.ref(null);
 const size = vue.ref(null);
+const title = vue.ref(null);
 vue.ref(null);
+
 vue.watch(() => route.query.popup, pop => {
   popUp.value = pop;
   position.value = route.query.position ?? route.query.side;
   size.value = route.query.size;
-  popupComponent.value = route.query.comp ?? route.query.component;
+  title.value = route.query.title;
+  let queryComponent = route.query.comp ?? route.query.component;
+  if(queryComponent && ['shqueryform','queryform'].includes(queryComponent.toLowerCase())) {
+    queryComponent = script$5;
+  }
+  popupComponent.value = queryComponent;
   if (popUp.value) {
     setTimeout(() => {
       initPopup();
@@ -5754,8 +5786,9 @@ const goBack = () => {
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     (popUp.value === 'modal')
-      ? (vue.openBlock(), vue.createBlock(script$i, {
+      ? (vue.openBlock(), vue.createBlock(script$j, {
           key: 0,
+          "modal-title": title.value,
           "modal-id": vue.unref(modalId),
           "modal-size": size.value
         }, {
@@ -5763,10 +5796,11 @@ return (_ctx, _cache) => {
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(popupComponent))))
           ]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["modal-id", "modal-size"]))
+        }, 8 /* PROPS */, ["modal-title", "modal-id", "modal-size"]))
       : vue.createCommentVNode("v-if", true),
     (['offcanvas','canvas','offCanvas'].includes(popUp.value))
-      ? (vue.openBlock(), vue.createBlock(script$f, {
+      ? (vue.openBlock(), vue.createBlock(script$g, {
+          "canvas-title": title.value,
           key: size.value + position.value,
           "canvas-id": vue.unref(canvasId),
           "canvas-size": size.value,
@@ -5776,7 +5810,7 @@ return (_ctx, _cache) => {
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(popupComponent))))
           ]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["canvas-id", "canvas-size", "position"]))
+        }, 8 /* PROPS */, ["canvas-title", "canvas-id", "canvas-size", "position"]))
       : vue.createCommentVNode("v-if", true)
   ], 64 /* STABLE_FRAGMENT */))
 }
@@ -6004,7 +6038,7 @@ vue.ref([]);
 let reload = vue.ref(0);
 
 function departmentAdded (response) {
-  shRepo.showToast('Department added');
+  shRepo.showToast('Department saved');
   reload.value += 1;
 }
 
@@ -6031,7 +6065,8 @@ return (_ctx, _cache) => {
           _hoisted_4$2,
           vue.createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        vue.createVNode(script$b, {
+        vue.createVNode(script$c, {
+          reload: vue.unref(reload),
           headers: ['id','name','description', 'created_at'],
           "end-point": "sh-departments/list",
           actions: {
@@ -6049,13 +6084,13 @@ return (_ctx, _cache) => {
         }
       ]
     }
-        }, null, 8 /* PROPS */, ["actions"]),
-        vue.createVNode(script$i, {
+        }, null, 8 /* PROPS */, ["reload", "actions"]),
+        vue.createVNode(script$j, {
           "modal-id": "sh_department_modal",
           "modal-title": "Department Form"
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(script$r, {
+            vue.createVNode(script$s, {
               "success-callback": "departmentAdded",
               "current-data": department.value,
               onDepartmentAdded: departmentAdded,
@@ -6190,7 +6225,7 @@ return (_ctx, _cache) => {
         vue.createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
           vue.createElementVNode("h5", null, "Department #" + vue.toDisplayString(vue.unref(department).id) + " - " + vue.toDisplayString(vue.unref(department).name) + " Allowed Modules", 1 /* TEXT */),
-          vue.createVNode(script$b, {
+          vue.createVNode(script$c, {
             actions: {
       label: 'Actions',
       actions: [
@@ -6210,12 +6245,12 @@ return (_ctx, _cache) => {
             headers: ['id',showModule,'created_at'],
             "end-point": 'admin/departments/department/list-modules/' + id.value
           }, null, 8 /* PROPS */, ["actions", "reload", "headers", "end-point"]),
-          vue.createVNode(script$i, {
+          vue.createVNode(script$j, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(script$r, {
+              vue.createVNode(script$s, {
                 "reload-select-items": vue.unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -6237,7 +6272,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          vue.createVNode(script$f, {
+          vue.createVNode(script$g, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -6352,7 +6387,7 @@ return (_ctx, _cache) => {
     : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
         (section.value === 'login')
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-              vue.createVNode(script$r, {
+              vue.createVNode(script$s, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -6377,7 +6412,7 @@ return (_ctx, _cache) => {
               (vue.unref(registerSubTitle))
                 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(vue.unref(registerSubTitle)), 1 /* TEXT */))
                 : vue.createCommentVNode("v-if", true),
-              vue.createVNode(script$r, {
+              vue.createVNode(script$s, {
                 class: "sh-login-form",
                 fields: vue.unref(registrationFields),
                 "action-label": "Sign Up",
@@ -6424,7 +6459,7 @@ const ShFrontend = {
     const registerTitle = options.registerTitle ?? 'Create a new account';
     const registerSubTitle = options.registerSubTitle ?? `It's quick and easy`;
     const logoutApiEndpoint = options.logoutApiEndpoint ?? `auth/logout`;
-    options.formTextInput ?? script$o;
+    options.formTextInput ?? script$p;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
@@ -6457,7 +6492,7 @@ const ShFrontend = {
       });
       options.router.addRoute({
         path: '/sh-departments/manage-permissions/:id',
-        component: script$6
+        component: script$7
       });
     }
     //filter unwanted config items from options to be put in local storage
@@ -6483,26 +6518,26 @@ var shGql = {
 };
 
 exports.Countries = countries;
-exports.ManagePermissions = script$6;
-exports.ShAutoForm = script$k;
-exports.ShCanvas = script$f;
-exports.ShCanvasBtn = script$7;
-exports.ShConfirmAction = script$d;
-exports.ShDropDownForm = script$j;
-exports.ShDynamicTabs = script$9;
-exports.ShForm = script$r;
+exports.ManagePermissions = script$7;
+exports.ShAutoForm = script$l;
+exports.ShCanvas = script$g;
+exports.ShCanvasBtn = script$8;
+exports.ShConfirmAction = script$e;
+exports.ShDropDownForm = script$k;
+exports.ShDynamicTabs = script$a;
+exports.ShForm = script$s;
 exports.ShFrontend = ShFrontend;
-exports.ShModal = script$i;
-exports.ShModalBtn = script$8;
-exports.ShModalForm = script$h;
-exports.ShModalFormAuto = script$g;
-exports.ShPhone = script$t;
+exports.ShModal = script$j;
+exports.ShModalBtn = script$9;
+exports.ShModalForm = script$i;
+exports.ShModalFormAuto = script$h;
+exports.ShPhone = script$u;
 exports.ShQueryPopups = script$4;
 exports.ShRange = script$3;
-exports.ShRoutePopups = script$5;
-exports.ShSilentAction = script$c;
-exports.ShTable = script$b;
-exports.ShTabs = script$a;
+exports.ShRoutePopups = script$6;
+exports.ShSilentAction = script$d;
+exports.ShTable = script$c;
+exports.ShTabs = script$b;
 exports.shApis = shApis;
 exports.shGql = shGql;
 exports.shRepo = shRepo;