@iankibetsh/shframework 1.2.8 → 1.2.9

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.colored-toast.swal2-icon-success {
-  background-color: #a5dc86 !important;
-}
-
-.colored-toast.swal2-icon-error {
-  background-color: #f27474 !important;
-}
-
-.colored-toast.swal2-icon-warning {
-  background-color: #f8bb86 !important;
-}
-
-.colored-toast.swal2-icon-info {
-  background-color: #3fc3ee !important;
-}
-
-.colored-toast.swal2-icon-question {
-  background-color: #87adbd !important;
-}
-
-.colored-toast .swal2-title {
-  color: white;
-}
-
-.colored-toast .swal2-close {
-  color: white;
-}
-
-.colored-toast .swal2-html-container {
-  color: white;
-}
-
 .sh-phone{
   display: flex;
   width: 100%;
@@ -63,19 +31,36 @@
   opacity: 0.5;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
+.colored-toast.swal2-icon-success {
+  background-color: #a5dc86 !important;
 }
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
+
+.colored-toast.swal2-icon-error {
+  background-color: #f27474 !important;
 }
-.sh-suggest{
-  margin-bottom: 1rem;
+
+.colored-toast.swal2-icon-warning {
+  background-color: #f8bb86 !important;
 }
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
+
+.colored-toast.swal2-icon-info {
+  background-color: #3fc3ee !important;
+}
+
+.colored-toast.swal2-icon-question {
+  background-color: #87adbd !important;
+}
+
+.colored-toast .swal2-title {
+  color: white;
+}
+
+.colored-toast .swal2-close {
+  color: white;
+}
+
+.colored-toast .swal2-html-container {
+  color: white;
 }
 
 :root {
@@ -99,6 +84,21 @@
   }
 }
 
+.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;
+}
+
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -8,6 +8,7 @@ var Swal = require('sweetalert2');
 var NProgress = require('nprogress');
 var vue = require('vue');
 var Editor = require('@tinymce/tinymce-vue');
+require('lodash');
 var pinia = require('pinia');
 var vueRouter = require('vue-router');
 
@@ -2827,10 +2828,48 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
 script$e.render = render$5;
 script$e.__file = "src/lib/components/ShForm.vue";
 
+var script$d = {
+  __name: 'TextInput',
+  props: ['modelValue','label'],
+  emits: ['update:modelValue','clearValidationErrors'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+
+const inputModel = vue.ref(null);
+
+const modelValueUpdated = (e) => {
+  emit('clearValidationErrors');
+  emit('update:modelValue',inputModel);
+};
+vue.onMounted(()=>{
+  props.modelValue && (inputModel.value = props.modelValue);
+});
+
+
+return (_ctx, _cache) => {
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+    type: "text",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((inputModel).value = $event)),
+    onChange: modelValueUpdated,
+    onKeydown: modelValueUpdated,
+    onUpdated: modelValueUpdated
+  }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
+    [vue.vModelText, inputModel.value]
+  ])
+}
+}
+
+};
+
+script$d.__file = "src/lib/components/form-components/TextInput.vue";
+
 const _hoisted_1$b = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
 const _hoisted_2$8 = { class: "dropdown" };
 
-var script$d = {
+var script$c = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -2886,9 +2925,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$d.__file = "src/lib/components/ShDropDownForm.vue";
+script$c.__file = "src/lib/components/ShDropDownForm.vue";
 
-var script$c = {
+var script$b = {
   name: 'ShModal',
   props: ['modalTitle', 'modalId', 'modalSize'],
   components: {
@@ -2931,12 +2970,12 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ], 8 /* PROPS */, _hoisted_1$a))
 }
 
-script$c.render = render$4;
-script$c.__file = "src/lib/components/ShModal.vue";
+script$b.render = render$4;
+script$b.__file = "src/lib/components/ShModal.vue";
 
 const _hoisted_1$9 = ["href"];
 
-var script$b = {
+var script$a = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -2976,7 +3015,7 @@ return (_ctx, _cache) => {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$9),
-    vue.createVNode(script$c, {
+    vue.createVNode(script$b, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
@@ -2991,9 +3030,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$b.__file = "src/lib/components/ShModalForm.vue";
+script$a.__file = "src/lib/components/ShModalForm.vue";
 
-var script$a = {
+var script$9 = {
   name: 'ShCanvas',
   props: ['canvasTitle', 'canvasId', 'position','canvasSize'],
   components: {
@@ -3043,10 +3082,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 10 /* CLASS, PROPS */, _hoisted_1$8))
 }
 
-script$a.render = render$3;
-script$a.__file = "src/lib/components/ShCanvas.vue";
+script$9.render = render$3;
+script$9.__file = "src/lib/components/ShCanvas.vue";
 
-var script$9 = {
+var script$8 = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore'],
   data () {
@@ -3235,8 +3274,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$9.render = render$2;
-script$9.__file = "src/lib/components/list_templates/Pagination.vue";
+script$8.render = render$2;
+script$8.__file = "src/lib/components/list_templates/Pagination.vue";
 
 const _hoisted_1$6 = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3245,7 +3284,7 @@ const _hoisted_1$6 = /*#__PURE__*/vue.createElementVNode("span", {
 }, null, -1 /* HOISTED */);
 
 
-var script$8 = {
+var script$7 = {
   __name: 'ShConfirmAction',
   props: {
   data: Object,
@@ -3331,7 +3370,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$8.__file = "src/lib/components/ShConfirmAction.vue";
+script$7.__file = "src/lib/components/ShConfirmAction.vue";
 
 const _hoisted_1$5 = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3339,7 +3378,7 @@ const _hoisted_1$5 = /*#__PURE__*/vue.createElementVNode("span", {
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
 
-var script$7 = {
+var script$6 = {
   __name: 'ShSilentAction',
   props: {
   data: Object,
@@ -3427,9 +3466,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$7.__file = "src/lib/components/ShSilentAction.vue";
+script$6.__file = "src/lib/components/ShSilentAction.vue";
 
-var script$6 = {
+var script$5 = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds'],
   inject: ['channel'],
@@ -3661,10 +3700,10 @@ var script$6 = {
     this.reloadData();
   },
   components: {
-    ShSilentAction: script$7,
-    ShConfirmAction: script$8,
-    ShCanvas: script$a,
-    pagination: script$9
+    ShSilentAction: script$6,
+    ShConfirmAction: script$7,
+    ShCanvas: script$9,
+    pagination: script$8
   },
   computed: {
     windowWidth: function () {
@@ -4294,10 +4333,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$6.render = render$1;
-script$6.__file = "src/lib/components/ShTable.vue";
+script$5.render = render$1;
+script$5.__file = "src/lib/components/ShTable.vue";
 
-var script$5 = {
+var script$4 = {
   name: 'ShTabs',
   props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
@@ -4418,8 +4457,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$5.render = render;
-script$5.__file = "src/lib/components/ShTabs.vue";
+script$4.render = render;
+script$4.__file = "src/lib/components/ShTabs.vue";
 
 const _hoisted_1$3 = {
   class: "nav nav-tabs",
@@ -4434,7 +4473,7 @@ const _hoisted_4$3 = /*#__PURE__*/vue.createElementVNode("i", { class: "d-none"
 const _hoisted_5$3 = { class: "sh_tab_count" };
 const _hoisted_6$2 = { class: "tab-content" };
 
-var script$4 = {
+var script$3 = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -4488,7 +4527,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$4.__file = "src/lib/components/ShDynamicTabs.vue";
+script$3.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const useUserStore = pinia.defineStore('user-store', {
   state: () => ({
@@ -4598,7 +4637,7 @@ const _hoisted_4$2 = {
 const _hoisted_5$2 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 
 
-var script$3 = {
+var script$2 = {
   __name: 'Departments',
   setup(__props) {
 
@@ -4628,7 +4667,7 @@ return (_ctx, _cache) => {
           _hoisted_5$2,
           vue.createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        vue.createVNode(script$6, {
+        vue.createVNode(script$5, {
           headers: ['id','name','description', 'created_at'],
           "end-point": "admin/departments/list",
           actions: {
@@ -4642,7 +4681,7 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        vue.createVNode(script$c, {
+        vue.createVNode(script$b, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
@@ -4664,7 +4703,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$3.__file = "src/lib/components/core/Departments/Departments.vue";
+script$2.__file = "src/lib/components/core/Departments/Departments.vue";
 
 const _hoisted_1$1 = {
   key: 0,
@@ -4683,7 +4722,7 @@ const _hoisted_4$1 = { class: "text-primary text-capitalize" };
 const _hoisted_5$1 = ["value"];
 const _hoisted_6$1 = /*#__PURE__*/vue.createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
 
-var script$2 = {
+var script$1 = {
   __name: 'Department',
   setup(__props) {
 
@@ -4781,7 +4820,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$6, {
+          vue.createVNode(script$5, {
             actions: {
       label: 'Actions',
       actions: [
@@ -4801,7 +4840,7 @@ 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$c, {
+          vue.createVNode(script$b, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
@@ -4828,7 +4867,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          vue.createVNode(script$a, {
+          vue.createVNode(script$9, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -4876,7 +4915,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$2.__file = "src/lib/components/core/Departments/department/Department.vue";
+script$1.__file = "src/lib/components/core/Departments/department/Department.vue";
 
 const _withScopeId = n => (vue.pushScopeId("data-v-2911509a"),n=n(),vue.popScopeId(),n);
 const _hoisted_1 = {
@@ -4904,7 +4943,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = { class: "sh-auth-footer" };
 
-var script$1 = {
+var script = {
   __name: 'ShAuth',
   setup(__props) {
 
@@ -4989,46 +5028,8 @@ return (_ctx, _cache) => {
 
 };
 
-script$1.__scopeId = "data-v-2911509a";
-script$1.__file = "src/lib/components/core/auth/ShAuth.vue";
-
-var script = {
-  __name: 'TextInput',
-  props: ['modelValue','label'],
-  emits: ['update:modelValue','clearValidationErrors'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-
-const inputModel = vue.ref(null);
-
-const modelValueUpdated = (e) => {
-  emit('clearValidationErrors');
-  emit('update:modelValue',inputModel);
-};
-vue.onMounted(()=>{
-  props.modelValue && (inputModel.value = props.modelValue);
-});
-
-
-return (_ctx, _cache) => {
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-    type: "text",
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((inputModel).value = $event)),
-    onChange: modelValueUpdated,
-    onKeydown: modelValueUpdated,
-    onUpdated: modelValueUpdated
-  }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
-    [vue.vModelText, inputModel.value]
-  ])
-}
-}
-
-};
-
-script.__file = "src/lib/components/form-components/TextInput.vue";
+script.__scopeId = "data-v-2911509a";
+script.__file = "src/lib/components/core/auth/ShAuth.vue";
 
 const ShFrontend = {
   install: (app, options) => {
@@ -5052,12 +5053,12 @@ 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;
+    options.formTextInput ?? script$d;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
     const registrationFields = options.registrationFields ?? ['name','email','phone','password','password_confirmation'];
-    const AuthComponent = options.authComponent ?? script$1;
+    const AuthComponent = options.authComponent ?? script;
     app.provide('loginEndpoint',loginEndpoint);
     app.provide('registerEndpoint', registerEndpoint);
     app.provide('registrationFields', registrationFields);
@@ -5077,11 +5078,11 @@ const ShFrontend = {
       });
       options.router.addRoute({
         path: '/sh-departments',
-        component: script$3
+        component: script$2
       });
       options.router.addRoute({
         path: '/sh-departments/permissions/:id',
-        component: script$2
+        component: script$1
       });
     }
     //filter unwanted config items from options to be put in local storage
@@ -5093,18 +5094,18 @@ const ShFrontend = {
   }
 };
 
-exports.ShCanvas = script$a;
-exports.ShConfirmAction = script$8;
-exports.ShDropDownForm = script$d;
-exports.ShDynamicTabs = script$4;
+exports.ShCanvas = script$9;
+exports.ShConfirmAction = script$7;
+exports.ShDropDownForm = script$c;
+exports.ShDynamicTabs = script$3;
 exports.ShForm = script$e;
 exports.ShFrontend = ShFrontend;
-exports.ShModal = script$c;
-exports.ShModalForm = script$b;
+exports.ShModal = script$b;
+exports.ShModalForm = script$a;
 exports.ShPhone = script$h;
-exports.ShSilentAction = script$7;
-exports.ShTable = script$6;
-exports.ShTabs = script$5;
+exports.ShSilentAction = script$6;
+exports.ShTable = script$5;
+exports.ShTabs = script$4;
 exports.shApis = shApis;
 exports.shRepo = shRepo;
 exports.shStorage = ShStorage;

package/dist/library.mjs

@@ -4,6 +4,7 @@ import Swal from 'sweetalert2';
 import NProgress from 'nprogress';
 import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, mergeProps, createStaticVNode, shallowRef, computed, isRef, vModelCheckbox, inject, watch, pushScopeId, popScopeId } from 'vue';
 import Editor from '@tinymce/tinymce-vue';
+import 'lodash';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -2815,10 +2816,48 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
 script$e.render = render$5;
 script$e.__file = "src/lib/components/ShForm.vue";
 
+var script$d = {
+  __name: 'TextInput',
+  props: ['modelValue','label'],
+  emits: ['update:modelValue','clearValidationErrors'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+
+const inputModel = ref(null);
+
+const modelValueUpdated = (e) => {
+  emit('clearValidationErrors');
+  emit('update:modelValue',inputModel);
+};
+onMounted(()=>{
+  props.modelValue && (inputModel.value = props.modelValue);
+});
+
+
+return (_ctx, _cache) => {
+  return withDirectives((openBlock(), createElementBlock("input", {
+    type: "text",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((inputModel).value = $event)),
+    onChange: modelValueUpdated,
+    onKeydown: modelValueUpdated,
+    onUpdated: modelValueUpdated
+  }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
+    [vModelText, inputModel.value]
+  ])
+}
+}
+
+};
+
+script$d.__file = "src/lib/components/form-components/TextInput.vue";
+
 const _hoisted_1$b = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
 const _hoisted_2$8 = { class: "dropdown" };
 
-var script$d = {
+var script$c = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -2874,9 +2913,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$d.__file = "src/lib/components/ShDropDownForm.vue";
+script$c.__file = "src/lib/components/ShDropDownForm.vue";
 
-var script$c = {
+var script$b = {
   name: 'ShModal',
   props: ['modalTitle', 'modalId', 'modalSize'],
   components: {
@@ -2919,12 +2958,12 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ], 8 /* PROPS */, _hoisted_1$a))
 }
 
-script$c.render = render$4;
-script$c.__file = "src/lib/components/ShModal.vue";
+script$b.render = render$4;
+script$b.__file = "src/lib/components/ShModal.vue";
 
 const _hoisted_1$9 = ["href"];
 
-var script$b = {
+var script$a = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -2964,7 +3003,7 @@ return (_ctx, _cache) => {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$9),
-    createVNode(script$c, {
+    createVNode(script$b, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
@@ -2979,9 +3018,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$b.__file = "src/lib/components/ShModalForm.vue";
+script$a.__file = "src/lib/components/ShModalForm.vue";
 
-var script$a = {
+var script$9 = {
   name: 'ShCanvas',
   props: ['canvasTitle', 'canvasId', 'position','canvasSize'],
   components: {
@@ -3031,10 +3070,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 10 /* CLASS, PROPS */, _hoisted_1$8))
 }
 
-script$a.render = render$3;
-script$a.__file = "src/lib/components/ShCanvas.vue";
+script$9.render = render$3;
+script$9.__file = "src/lib/components/ShCanvas.vue";
 
-var script$9 = {
+var script$8 = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore'],
   data () {
@@ -3223,8 +3262,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ]))
 }
 
-script$9.render = render$2;
-script$9.__file = "src/lib/components/list_templates/Pagination.vue";
+script$8.render = render$2;
+script$8.__file = "src/lib/components/list_templates/Pagination.vue";
 
 const _hoisted_1$6 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3233,7 +3272,7 @@ const _hoisted_1$6 = /*#__PURE__*/createElementVNode("span", {
 }, null, -1 /* HOISTED */);
 
 
-var script$8 = {
+var script$7 = {
   __name: 'ShConfirmAction',
   props: {
   data: Object,
@@ -3319,7 +3358,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$8.__file = "src/lib/components/ShConfirmAction.vue";
+script$7.__file = "src/lib/components/ShConfirmAction.vue";
 
 const _hoisted_1$5 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm me-1",
@@ -3327,7 +3366,7 @@ const _hoisted_1$5 = /*#__PURE__*/createElementVNode("span", {
   "aria-hidden": "true"
 }, null, -1 /* HOISTED */);
 
-var script$7 = {
+var script$6 = {
   __name: 'ShSilentAction',
   props: {
   data: Object,
@@ -3415,9 +3454,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$7.__file = "src/lib/components/ShSilentAction.vue";
+script$6.__file = "src/lib/components/ShSilentAction.vue";
 
-var script$6 = {
+var script$5 = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds'],
   inject: ['channel'],
@@ -3649,10 +3688,10 @@ var script$6 = {
     this.reloadData();
   },
   components: {
-    ShSilentAction: script$7,
-    ShConfirmAction: script$8,
-    ShCanvas: script$a,
-    pagination: script$9
+    ShSilentAction: script$6,
+    ShConfirmAction: script$7,
+    ShCanvas: script$9,
+    pagination: script$8
   },
   computed: {
     windowWidth: function () {
@@ -4282,10 +4321,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$6.render = render$1;
-script$6.__file = "src/lib/components/ShTable.vue";
+script$5.render = render$1;
+script$5.__file = "src/lib/components/ShTable.vue";
 
-var script$5 = {
+var script$4 = {
   name: 'ShTabs',
   props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
@@ -4406,8 +4445,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$5.render = render;
-script$5.__file = "src/lib/components/ShTabs.vue";
+script$4.render = render;
+script$4.__file = "src/lib/components/ShTabs.vue";
 
 const _hoisted_1$3 = {
   class: "nav nav-tabs",
@@ -4422,7 +4461,7 @@ const _hoisted_4$3 = /*#__PURE__*/createElementVNode("i", { class: "d-none" }, n
 const _hoisted_5$3 = { class: "sh_tab_count" };
 const _hoisted_6$2 = { class: "tab-content" };
 
-var script$4 = {
+var script$3 = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -4476,7 +4515,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$4.__file = "src/lib/components/ShDynamicTabs.vue";
+script$3.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const useUserStore = defineStore('user-store', {
   state: () => ({
@@ -4586,7 +4625,7 @@ const _hoisted_4$2 = {
 const _hoisted_5$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 
 
-var script$3 = {
+var script$2 = {
   __name: 'Departments',
   setup(__props) {
 
@@ -4616,7 +4655,7 @@ return (_ctx, _cache) => {
           _hoisted_5$2,
           createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        createVNode(script$6, {
+        createVNode(script$5, {
           headers: ['id','name','description', 'created_at'],
           "end-point": "admin/departments/list",
           actions: {
@@ -4630,7 +4669,7 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        createVNode(script$c, {
+        createVNode(script$b, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
@@ -4652,7 +4691,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$3.__file = "src/lib/components/core/Departments/Departments.vue";
+script$2.__file = "src/lib/components/core/Departments/Departments.vue";
 
 const _hoisted_1$1 = {
   key: 0,
@@ -4671,7 +4710,7 @@ const _hoisted_4$1 = { class: "text-primary text-capitalize" };
 const _hoisted_5$1 = ["value"];
 const _hoisted_6$1 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
 
-var script$2 = {
+var script$1 = {
   __name: 'Department',
   setup(__props) {
 
@@ -4769,7 +4808,7 @@ return (_ctx, _cache) => {
         createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
           createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
-          createVNode(script$6, {
+          createVNode(script$5, {
             actions: {
       label: 'Actions',
       actions: [
@@ -4789,7 +4828,7 @@ 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"]),
-          createVNode(script$c, {
+          createVNode(script$b, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
@@ -4816,7 +4855,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          createVNode(script$a, {
+          createVNode(script$9, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -4864,7 +4903,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$2.__file = "src/lib/components/core/Departments/department/Department.vue";
+script$1.__file = "src/lib/components/core/Departments/department/Department.vue";
 
 const _withScopeId = n => (pushScopeId("data-v-2911509a"),n=n(),popScopeId(),n);
 const _hoisted_1 = {
@@ -4892,7 +4931,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = { class: "sh-auth-footer" };
 
-var script$1 = {
+var script = {
   __name: 'ShAuth',
   setup(__props) {
 
@@ -4977,46 +5016,8 @@ return (_ctx, _cache) => {
 
 };
 
-script$1.__scopeId = "data-v-2911509a";
-script$1.__file = "src/lib/components/core/auth/ShAuth.vue";
-
-var script = {
-  __name: 'TextInput',
-  props: ['modelValue','label'],
-  emits: ['update:modelValue','clearValidationErrors'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-
-const inputModel = ref(null);
-
-const modelValueUpdated = (e) => {
-  emit('clearValidationErrors');
-  emit('update:modelValue',inputModel);
-};
-onMounted(()=>{
-  props.modelValue && (inputModel.value = props.modelValue);
-});
-
-
-return (_ctx, _cache) => {
-  return withDirectives((openBlock(), createElementBlock("input", {
-    type: "text",
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((inputModel).value = $event)),
-    onChange: modelValueUpdated,
-    onKeydown: modelValueUpdated,
-    onUpdated: modelValueUpdated
-  }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
-    [vModelText, inputModel.value]
-  ])
-}
-}
-
-};
-
-script.__file = "src/lib/components/form-components/TextInput.vue";
+script.__scopeId = "data-v-2911509a";
+script.__file = "src/lib/components/core/auth/ShAuth.vue";
 
 const ShFrontend = {
   install: (app, options) => {
@@ -5040,12 +5041,12 @@ 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;
+    options.formTextInput ?? script$d;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
     const registrationFields = options.registrationFields ?? ['name','email','phone','password','password_confirmation'];
-    const AuthComponent = options.authComponent ?? script$1;
+    const AuthComponent = options.authComponent ?? script;
     app.provide('loginEndpoint',loginEndpoint);
     app.provide('registerEndpoint', registerEndpoint);
     app.provide('registrationFields', registrationFields);
@@ -5065,11 +5066,11 @@ const ShFrontend = {
       });
       options.router.addRoute({
         path: '/sh-departments',
-        component: script$3
+        component: script$2
       });
       options.router.addRoute({
         path: '/sh-departments/permissions/:id',
-        component: script$2
+        component: script$1
       });
     }
     //filter unwanted config items from options to be put in local storage
@@ -5081,4 +5082,4 @@ const ShFrontend = {
   }
 };
 
-export { script$a as ShCanvas, script$8 as ShConfirmAction, script$d as ShDropDownForm, script$4 as ShDynamicTabs, script$e as ShForm, ShFrontend, script$c as ShModal, script$b as ShModalForm, script$h as ShPhone, script$7 as ShSilentAction, script$6 as ShTable, script$5 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { script$9 as ShCanvas, script$7 as ShConfirmAction, script$c as ShDropDownForm, script$3 as ShDynamicTabs, script$e as ShForm, ShFrontend, script$b as ShModal, script$a as ShModalForm, script$h as ShPhone, script$6 as ShSilentAction, script$5 as ShTable, script$4 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

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