@iankibetsh/shframework 1.6.0 → 1.6.3

package/dist/dist/library.mjs.css

@@ -95,21 +95,6 @@
   flex-grow: 1;
 }
 
-.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;
@@ -131,6 +116,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

@@ -1874,7 +1874,7 @@ const countries = [
   }
 ];
 
-var script$o = {
+var script$p = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1936,7 +1936,7 @@ var script$o = {
   }
 };
 
-const _hoisted_1$j = { class: "sh-phone mb-3" };
+const _hoisted_1$k = { class: "sh-phone mb-3" };
 const _hoisted_2$d = {
   key: 0,
   style: {"display":"contents"}
@@ -1945,7 +1945,7 @@ const _hoisted_3$c = ["src"];
 const _hoisted_4$c = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
           vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$c),
@@ -1979,10 +1979,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$o.render = render$7;
-script$o.__file = "src/lib/components/form-components/PhoneInput.vue";
+script$p.render = render$7;
+script$p.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-var script$n = {
+var script$o = {
   name: 'ShEditor',
   props: ['modelValue'],
   components: {
@@ -2021,7 +2021,7 @@ var script$n = {
   }
 };
 
-const _hoisted_1$i = /*#__PURE__*/vue.createElementVNode("textarea", {
+const _hoisted_1$j = /*#__PURE__*/vue.createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -2031,7 +2031,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = vue.resolveComponent("editor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$i,
+    _hoisted_1$j,
     vue.createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = vue.withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -2056,10 +2056,10 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$n.render = render$6;
-script$n.__file = "src/lib/components/form-components/ShEditor.vue";
+script$o.render = render$6;
+script$o.__file = "src/lib/components/form-components/ShEditor.vue";
 
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2080,7 +2080,7 @@ const _hoisted_10$4 = {
 };
 
 
-var script$m = {
+var script$n = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -2161,7 +2161,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (vue.unref(id))
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
         vue.createElementVNode("div", {
           id: vue.unref(id),
           "data-bs-toggle": "dropdown",
@@ -2221,16 +2221,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$m.__scopeId = "data-v-71cc9569";
-script$m.__file = "src/lib/components/form-components/ShSuggest.vue";
+script$n.__scopeId = "data-v-71cc9569";
+script$n.__file = "src/lib/components/form-components/ShSuggest.vue";
 
-var script$l = {
+var script$m = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$o,
-    ShSuggest: script$m,
-    ShEditor: script$n,
-    ShPhone: script$o
+    PhoneInput: script$p,
+    ShSuggest: script$n,
+    ShEditor: script$o,
+    ShPhone: script$p
   },
   props: [
       'action',
@@ -2291,6 +2291,9 @@ var script$l = {
       }
     },
     getFieldType: function (field) {
+      if(this.fillSelects && this.fillSelects[field]){
+        return 'select';
+      }
       if(this.customComponent && this.customComponent[field]){
         return 'component'
       }
@@ -2509,14 +2512,10 @@ var script$l = {
           }
           this.suggests.push(key);
         } else if (this.fillSelects[key].data) {
-          selectData[key] = this.fillSelects[key].data;
-          this.selectData = selectData;
-          console.log(this.selectData);
+          this.selectData[key] = this.fillSelects[key].data;
         } else {
           shApis.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
-            // selectData[key] = res.data
-            // console.log(res)
-            this.selectData[key] = res.data.data;
+            this.selectData[key] = res.data;
           }).catch(res => {
             console.log(res);
           });
@@ -2542,7 +2541,7 @@ var script$l = {
   }
 };
 
-const _hoisted_1$g = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_1$h = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
 const _hoisted_2$b = {
   ref: "ShAutoForm",
   class: "sh-form"
@@ -2604,7 +2603,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShEditor = vue.resolveComponent("ShEditor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$g,
+    _hoisted_1$h,
     vue.createElementVNode("form", _hoisted_2$b, [
       vue.createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       vue.createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
@@ -2772,7 +2771,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'select' && _ctx.selectData[field] != null)
+              ($options.getFieldType(field) === 'select')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
                     key: 11,
                     name: field,
@@ -2821,10 +2820,10 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$l.render = render$5;
-script$l.__file = "src/lib/components/ShForm.vue";
+script$m.render = render$5;
+script$m.__file = "src/lib/components/ShForm.vue";
 
-var script$k = {
+var script$l = {
   __name: 'EmailInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2860,12 +2859,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$k.__file = "src/lib/components/form-components/EmailInput.vue";
+script$l.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$f = ["min", "max"];
+const _hoisted_1$g = ["min", "max"];
 
 
-var script$j = {
+var script$k = {
   __name: 'NumberInput',
   props: ['modelValue','label','min','max'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2895,7 +2894,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$f)), [
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$g)), [
     [vue.vModelText, inputModel.value]
   ])
 }
@@ -2903,9 +2902,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$j.__file = "src/lib/components/form-components/NumberInput.vue";
+script$k.__file = "src/lib/components/form-components/NumberInput.vue";
 
-var script$i = {
+var script$j = {
   __name: 'TextInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2941,9 +2940,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$i.__file = "src/lib/components/form-components/TextInput.vue";
+script$j.__file = "src/lib/components/form-components/TextInput.vue";
 
-var script$h = {
+var script$i = {
   __name: 'TextAreaInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2979,12 +2978,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$h.__file = "src/lib/components/form-components/TextAreaInput.vue";
+script$i.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$e = ["value"];
+const _hoisted_1$f = ["value"];
 
 
-var script$g = {
+var script$h = {
   __name: 'SelectInput',
   props: ['modelValue','label','data','dataUrl'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3035,7 +3034,7 @@ return (_ctx, _cache) => {
       return (vue.openBlock(), vue.createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$e))
+      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$f))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
     [vue.vModelSelect, inputModel.value]
@@ -3045,9 +3044,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$g.__file = "src/lib/components/form-components/SelectInput.vue";
+script$h.__file = "src/lib/components/form-components/SelectInput.vue";
 
-var script$f = {
+var script$g = {
   __name: 'PasswordInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3083,9 +3082,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$f.__file = "src/lib/components/form-components/PasswordInput.vue";
+script$g.__file = "src/lib/components/form-components/PasswordInput.vue";
 
-const _hoisted_1$d = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */);
+const _hoisted_1$e = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */);
 const _hoisted_2$a = ["innerHTML"];
 const _hoisted_3$9 = ["innerHTML"];
 const _hoisted_4$9 = ["innerHTML"];
@@ -3099,13 +3098,14 @@ const _hoisted_6$6 = {
 const _hoisted_7$4 = { key: 1 };
 
 
-var script$e = {
+var script$f = {
   __name: 'ShAutoForm',
   props: [
     'action','successCallback','retainDataAfterSubmission',
   'successMessage','fields','customComponents','placeHolders',
   'formClasses',
   'helperTexts','labels','data',
+  'formClass',
   'actionLabel',
     'textAreas',
     'currentData',
@@ -3131,13 +3131,13 @@ const getFieldComponent = (fieldObj)=>{
   const defaultPhones = ['phone'];
   const defaultEmails = ['email'];
   const formComponents = vue.inject('formComponents');
-  const TextComponent = formComponents.text ?? script$i;
-  const TextAreaComponent = formComponents.textArea ?? script$h;
-  const EmailComponent = formComponents.email ?? script$k;
-  const PhoneComponent = formComponents.phone ?? script$o;
-  const NumberComponent = formComponents.number ?? script$j;
-  const SelectComponent = formComponents.select ?? script$g;
-  const PasswordComponent = formComponents.password ?? script$f;
+  const TextComponent = formComponents.text ?? script$j;
+  const TextAreaComponent = formComponents.textArea ?? script$i;
+  const EmailComponent = formComponents.email ?? script$l;
+  const PhoneComponent = formComponents.phone ?? script$p;
+  const NumberComponent = formComponents.number ?? script$k;
+  const SelectComponent = formComponents.select ?? script$h;
+  const PasswordComponent = formComponents.password ?? script$g;
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
@@ -3149,16 +3149,16 @@ const getFieldComponent = (fieldObj)=>{
   }
   else
   if((props.textAreas && props.textAreas.includes(field)) || defaultTextareas.includes(field)){
-    return formComponents.textArea ?? script$h
+    return formComponents.textArea ?? script$i
   } else
   if((props.emails && props.emails.includes(field)) || defaultEmails.includes(field)){
-    return formComponents.email ?? script$k
+    return formComponents.email ?? script$l
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$o
+    return formComponents.phone ?? script$p
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
-    return formComponents.number ?? script$j
+    return formComponents.number ?? script$k
   }
   // else
   // if((props.selects && props.selects.includes(field)) || defaultSelects.includes(field)){
@@ -3167,14 +3167,14 @@ const getFieldComponent = (fieldObj)=>{
   // if((props.dates && props.dates.includes(field)) || defaultDates.includes(field)){
   //   return formComponents.date ?? DateInput
   // }
-  return formComponents.text ?? script$i
+  return formComponents.text ?? script$j
 };
 const shFormElementClasses = vue.ref(null);
 shFormElementClasses.value = vue.inject('shFormElementClasses');
 const shAutoForm = vue.ref(null);
 const closeModal = e => {
   setTimeout(() => {
-    const modal = script$e.value.closest('.modal-dialog');
+    const modal = script$f.value.closest('.modal-dialog');
     if(modal){
       const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
       closeBtn && closeBtn.click();
@@ -3270,11 +3270,11 @@ vue.onMounted((ev)=>{
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$d,
+    _hoisted_1$e,
     vue.createElementVNode("form", {
+      class: vue.normalizeClass([__props.formClass, "sh-form"]),
       ref_key: "shAutoForm",
       ref: shAutoForm,
-      class: "sh-form",
       onSubmit: _cache[0] || (_cache[0] = e => submitForm(e))
     }, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formFields.value, (field, index) => {
@@ -3338,19 +3338,19 @@ return (_ctx, _cache) => {
             : vue.createCommentVNode("v-if", true)
         ], 14 /* CLASS, STYLE, PROPS */, _hoisted_5$7)
       ], 2 /* CLASS */)
-    ], 544 /* HYDRATE_EVENTS, NEED_PATCH */)
+    ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
 
 };
 
-script$e.__file = "src/lib/components/ShAutoForm.vue";
+script$f.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$c = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_1$d = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
 const _hoisted_2$9 = { class: "dropdown" };
 
-var script$d = {
+var script$e = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -3380,7 +3380,7 @@ const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$c,
+    _hoisted_1$d,
     vue.createElementVNode("div", _hoisted_2$9, [
       vue.createElementVNode("a", {
         class: vue.normalizeClass(vue.unref(btnClass)),
@@ -3397,7 +3397,7 @@ return (_ctx, _cache) => {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": dropdownId
       }, [
-        vue.createVNode(script$l, vue.normalizeProps(vue.guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$m, vue.normalizeProps(vue.guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
       ])
     ])
   ], 64 /* STABLE_FRAGMENT */))
@@ -3406,16 +3406,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$d.__file = "src/lib/components/ShDropDownForm.vue";
+script$e.__file = "src/lib/components/ShDropDownForm.vue";
 
-var script$c = {
+var script$d = {
   name: 'ShModal',
   props: ['modalTitle', 'modalId', 'modalSize'],
   components: {
   }
 };
 
-const _hoisted_1$b = ["id"];
+const _hoisted_1$c = ["id"];
 const _hoisted_2$8 = { class: "modal-content" };
 const _hoisted_3$8 = { class: "modal-header" };
 const _hoisted_4$8 = { class: "modal-title" };
@@ -3448,15 +3448,15 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$b))
+  ], 8 /* PROPS */, _hoisted_1$c))
 }
 
-script$c.render = render$4;
-script$c.__file = "src/lib/components/ShModal.vue";
+script$d.render = render$4;
+script$d.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$a = ["href"];
+const _hoisted_1$b = ["href"];
 
-var script$b = {
+var script$c = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -3487,6 +3487,66 @@ const success = (res)=>{
   emit('success',res);
 };
 
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("a", {
+      class: vue.normalizeClass(vue.unref(btnClass)),
+      href: '#' + modalId,
+      "data-bs-toggle": "modal"
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 10 /* CLASS, PROPS */, _hoisted_1$b),
+    vue.createVNode(script$d, {
+      "modal-id": modalId,
+      "modal-title": __props.modalTitle
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(script$m, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modal-title"])
+  ], 64 /* STABLE_FRAGMENT */))
+}
+}
+
+};
+
+script$c.__file = "src/lib/components/ShModalForm.vue";
+
+const _hoisted_1$a = ["href"];
+
+var script$b = {
+  __name: 'ShModalFormAuto',
+  props: ['action',
+  'classes',
+  'hasTerms',
+  'country_code',
+  'submitBtnClass',
+  'fields',
+  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
+  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
+  'failedCallback', 'labels', 'editors',
+  'datePickers',
+  'textAreas',
+  'files',
+  'phones',
+  'numbers',
+  'customComponent','modalTitle','class','successMessage'],
+  emits: ['success'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+
+const formProps = vue.ref(props);
+let btnClass=props.class;
+const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
+const success = (res)=>{
+  emit('success',res);
+};
+delete formProps.class;
+
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     vue.createElementVNode("a", {
@@ -3496,12 +3556,12 @@ return (_ctx, _cache) => {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$a),
-    vue.createVNode(script$c, {
+    vue.createVNode(script$d, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(script$l, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$f, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3511,7 +3571,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$b.__file = "src/lib/components/ShModalForm.vue";
+script$b.__file = "src/lib/components/ShModalFormAuto.vue";
 
 var script$a = {
   name: 'ShCanvas',
@@ -5405,12 +5465,12 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        vue.createVNode(script$c, {
+        vue.createVNode(script$d, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(script$l, {
+            vue.createVNode(script$m, {
               "success-callback": "departmentAdded",
               onDepartmentAdded: departmentAdded,
               action: "admin/departments/store",
@@ -5564,12 +5624,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$c, {
+          vue.createVNode(script$d, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(script$l, {
+              vue.createVNode(script$m, {
                 "reload-select-items": vue.unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -5706,7 +5766,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$l, {
+              vue.createVNode(script$m, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -5731,7 +5791,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$l, {
+              vue.createVNode(script$m, {
                 class: "sh-login-form",
                 fields: vue.unref(registrationFields),
                 "action-label": "Sign Up",
@@ -5778,7 +5838,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$i;
+    options.formTextInput ?? script$j;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
@@ -5825,16 +5885,17 @@ const ShFrontend = {
 
 exports.Countries = countries;
 exports.ManagePermissions = script$3;
-exports.ShAutoForm = script$e;
+exports.ShAutoForm = script$f;
 exports.ShCanvas = script$a;
 exports.ShConfirmAction = script$8;
-exports.ShDropDownForm = script$d;
+exports.ShDropDownForm = script$e;
 exports.ShDynamicTabs = script$4;
-exports.ShForm = script$l;
+exports.ShForm = script$m;
 exports.ShFrontend = ShFrontend;
-exports.ShModal = script$c;
-exports.ShModalForm = script$b;
-exports.ShPhone = script$o;
+exports.ShModal = script$d;
+exports.ShModalForm = script$c;
+exports.ShModalFormAuto = script$b;
+exports.ShPhone = script$p;
 exports.ShSilentAction = script$7;
 exports.ShTable = script$6;
 exports.ShTabs = script$5;

package/dist/library.mjs

@@ -1861,7 +1861,7 @@ const countries = [
   }
 ];
 
-var script$o = {
+var script$p = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1923,7 +1923,7 @@ var script$o = {
   }
 };
 
-const _hoisted_1$j = { class: "sh-phone mb-3" };
+const _hoisted_1$k = { class: "sh-phone mb-3" };
 const _hoisted_2$d = {
   key: 0,
   style: {"display":"contents"}
@@ -1932,7 +1932,7 @@ const _hoisted_3$c = ["src"];
 const _hoisted_4$c = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$j, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$k, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$c),
@@ -1966,10 +1966,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$o.render = render$7;
-script$o.__file = "src/lib/components/form-components/PhoneInput.vue";
+script$p.render = render$7;
+script$p.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-var script$n = {
+var script$o = {
   name: 'ShEditor',
   props: ['modelValue'],
   components: {
@@ -2008,7 +2008,7 @@ var script$n = {
   }
 };
 
-const _hoisted_1$i = /*#__PURE__*/createElementVNode("textarea", {
+const _hoisted_1$j = /*#__PURE__*/createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -2018,7 +2018,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = resolveComponent("editor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$i,
+    _hoisted_1$j,
     createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -2043,10 +2043,10 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$n.render = render$6;
-script$n.__file = "src/lib/components/form-components/ShEditor.vue";
+script$o.render = render$6;
+script$o.__file = "src/lib/components/form-components/ShEditor.vue";
 
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2067,7 +2067,7 @@ const _hoisted_10$4 = {
 };
 
 
-var script$m = {
+var script$n = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -2148,7 +2148,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -2208,16 +2208,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$m.__scopeId = "data-v-71cc9569";
-script$m.__file = "src/lib/components/form-components/ShSuggest.vue";
+script$n.__scopeId = "data-v-71cc9569";
+script$n.__file = "src/lib/components/form-components/ShSuggest.vue";
 
-var script$l = {
+var script$m = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$o,
-    ShSuggest: script$m,
-    ShEditor: script$n,
-    ShPhone: script$o
+    PhoneInput: script$p,
+    ShSuggest: script$n,
+    ShEditor: script$o,
+    ShPhone: script$p
   },
   props: [
       'action',
@@ -2278,6 +2278,9 @@ var script$l = {
       }
     },
     getFieldType: function (field) {
+      if(this.fillSelects && this.fillSelects[field]){
+        return 'select';
+      }
       if(this.customComponent && this.customComponent[field]){
         return 'component'
       }
@@ -2496,14 +2499,10 @@ var script$l = {
           }
           this.suggests.push(key);
         } else if (this.fillSelects[key].data) {
-          selectData[key] = this.fillSelects[key].data;
-          this.selectData = selectData;
-          console.log(this.selectData);
+          this.selectData[key] = this.fillSelects[key].data;
         } else {
           shApis.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
-            // selectData[key] = res.data
-            // console.log(res)
-            this.selectData[key] = res.data.data;
+            this.selectData[key] = res.data;
           }).catch(res => {
             console.log(res);
           });
@@ -2529,7 +2528,7 @@ var script$l = {
   }
 };
 
-const _hoisted_1$g = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_1$h = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
 const _hoisted_2$b = {
   ref: "ShAutoForm",
   class: "sh-form"
@@ -2591,7 +2590,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShEditor = resolveComponent("ShEditor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$g,
+    _hoisted_1$h,
     createElementVNode("form", _hoisted_2$b, [
       createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
@@ -2759,7 +2758,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'select' && _ctx.selectData[field] != null)
+              ($options.getFieldType(field) === 'select')
                 ? withDirectives((openBlock(), createElementBlock("select", {
                     key: 11,
                     name: field,
@@ -2808,10 +2807,10 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$l.render = render$5;
-script$l.__file = "src/lib/components/ShForm.vue";
+script$m.render = render$5;
+script$m.__file = "src/lib/components/ShForm.vue";
 
-var script$k = {
+var script$l = {
   __name: 'EmailInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2847,12 +2846,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$k.__file = "src/lib/components/form-components/EmailInput.vue";
+script$l.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$f = ["min", "max"];
+const _hoisted_1$g = ["min", "max"];
 
 
-var script$j = {
+var script$k = {
   __name: 'NumberInput',
   props: ['modelValue','label','min','max'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2882,7 +2881,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$f)), [
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$g)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -2890,9 +2889,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$j.__file = "src/lib/components/form-components/NumberInput.vue";
+script$k.__file = "src/lib/components/form-components/NumberInput.vue";
 
-var script$i = {
+var script$j = {
   __name: 'TextInput',
   props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2928,9 +2927,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$i.__file = "src/lib/components/form-components/TextInput.vue";
+script$j.__file = "src/lib/components/form-components/TextInput.vue";
 
-var script$h = {
+var script$i = {
   __name: 'TextAreaInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -2966,12 +2965,12 @@ return (_ctx, _cache) => {
 
 };
 
-script$h.__file = "src/lib/components/form-components/TextAreaInput.vue";
+script$i.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$e = ["value"];
+const _hoisted_1$f = ["value"];
 
 
-var script$g = {
+var script$h = {
   __name: 'SelectInput',
   props: ['modelValue','label','data','dataUrl'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3022,7 +3021,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$e))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$f))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* HYDRATE_EVENTS, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3032,9 +3031,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$g.__file = "src/lib/components/form-components/SelectInput.vue";
+script$h.__file = "src/lib/components/form-components/SelectInput.vue";
 
-var script$f = {
+var script$g = {
   __name: 'PasswordInput',
   props: ['modelValue','label'],
   emits: ['update:modelValue','clearValidationErrors'],
@@ -3070,9 +3069,9 @@ return (_ctx, _cache) => {
 
 };
 
-script$f.__file = "src/lib/components/form-components/PasswordInput.vue";
+script$g.__file = "src/lib/components/form-components/PasswordInput.vue";
 
-const _hoisted_1$d = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
+const _hoisted_1$e = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HOISTED */);
 const _hoisted_2$a = ["innerHTML"];
 const _hoisted_3$9 = ["innerHTML"];
 const _hoisted_4$9 = ["innerHTML"];
@@ -3086,13 +3085,14 @@ const _hoisted_6$6 = {
 const _hoisted_7$4 = { key: 1 };
 
 
-var script$e = {
+var script$f = {
   __name: 'ShAutoForm',
   props: [
     'action','successCallback','retainDataAfterSubmission',
   'successMessage','fields','customComponents','placeHolders',
   'formClasses',
   'helperTexts','labels','data',
+  'formClass',
   'actionLabel',
     'textAreas',
     'currentData',
@@ -3118,13 +3118,13 @@ const getFieldComponent = (fieldObj)=>{
   const defaultPhones = ['phone'];
   const defaultEmails = ['email'];
   const formComponents = inject('formComponents');
-  const TextComponent = formComponents.text ?? script$i;
-  const TextAreaComponent = formComponents.textArea ?? script$h;
-  const EmailComponent = formComponents.email ?? script$k;
-  const PhoneComponent = formComponents.phone ?? script$o;
-  const NumberComponent = formComponents.number ?? script$j;
-  const SelectComponent = formComponents.select ?? script$g;
-  const PasswordComponent = formComponents.password ?? script$f;
+  const TextComponent = formComponents.text ?? script$j;
+  const TextAreaComponent = formComponents.textArea ?? script$i;
+  const EmailComponent = formComponents.email ?? script$l;
+  const PhoneComponent = formComponents.phone ?? script$p;
+  const NumberComponent = formComponents.number ?? script$k;
+  const SelectComponent = formComponents.select ?? script$h;
+  const PasswordComponent = formComponents.password ?? script$g;
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
@@ -3136,16 +3136,16 @@ const getFieldComponent = (fieldObj)=>{
   }
   else
   if((props.textAreas && props.textAreas.includes(field)) || defaultTextareas.includes(field)){
-    return formComponents.textArea ?? script$h
+    return formComponents.textArea ?? script$i
   } else
   if((props.emails && props.emails.includes(field)) || defaultEmails.includes(field)){
-    return formComponents.email ?? script$k
+    return formComponents.email ?? script$l
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$o
+    return formComponents.phone ?? script$p
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
-    return formComponents.number ?? script$j
+    return formComponents.number ?? script$k
   }
   // else
   // if((props.selects && props.selects.includes(field)) || defaultSelects.includes(field)){
@@ -3154,14 +3154,14 @@ const getFieldComponent = (fieldObj)=>{
   // if((props.dates && props.dates.includes(field)) || defaultDates.includes(field)){
   //   return formComponents.date ?? DateInput
   // }
-  return formComponents.text ?? script$i
+  return formComponents.text ?? script$j
 };
 const shFormElementClasses = ref(null);
 shFormElementClasses.value = inject('shFormElementClasses');
 const shAutoForm = ref(null);
 const closeModal = e => {
   setTimeout(() => {
-    const modal = script$e.value.closest('.modal-dialog');
+    const modal = script$f.value.closest('.modal-dialog');
     if(modal){
       const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
       closeBtn && closeBtn.click();
@@ -3257,11 +3257,11 @@ onMounted((ev)=>{
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$d,
+    _hoisted_1$e,
     createElementVNode("form", {
+      class: normalizeClass([__props.formClass, "sh-form"]),
       ref_key: "shAutoForm",
       ref: shAutoForm,
-      class: "sh-form",
       onSubmit: _cache[0] || (_cache[0] = e => submitForm(e))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(formFields.value, (field, index) => {
@@ -3325,19 +3325,19 @@ return (_ctx, _cache) => {
             : createCommentVNode("v-if", true)
         ], 14 /* CLASS, STYLE, PROPS */, _hoisted_5$7)
       ], 2 /* CLASS */)
-    ], 544 /* HYDRATE_EVENTS, NEED_PATCH */)
+    ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
 
 };
 
-script$e.__file = "src/lib/components/ShAutoForm.vue";
+script$f.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$c = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_1$d = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
 const _hoisted_2$9 = { class: "dropdown" };
 
-var script$d = {
+var script$e = {
   __name: 'ShDropDownForm',
   props: ['action',
   'classes',
@@ -3367,7 +3367,7 @@ const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$c,
+    _hoisted_1$d,
     createElementVNode("div", _hoisted_2$9, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
@@ -3384,7 +3384,7 @@ return (_ctx, _cache) => {
         class: "dropdown-menu px-2 py-1",
         "aria-labelledby": dropdownId
       }, [
-        createVNode(script$l, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        createVNode(script$m, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
       ])
     ])
   ], 64 /* STABLE_FRAGMENT */))
@@ -3393,16 +3393,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$d.__file = "src/lib/components/ShDropDownForm.vue";
+script$e.__file = "src/lib/components/ShDropDownForm.vue";
 
-var script$c = {
+var script$d = {
   name: 'ShModal',
   props: ['modalTitle', 'modalId', 'modalSize'],
   components: {
   }
 };
 
-const _hoisted_1$b = ["id"];
+const _hoisted_1$c = ["id"];
 const _hoisted_2$8 = { class: "modal-content" };
 const _hoisted_3$8 = { class: "modal-header" };
 const _hoisted_4$8 = { class: "modal-title" };
@@ -3435,15 +3435,15 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$b))
+  ], 8 /* PROPS */, _hoisted_1$c))
 }
 
-script$c.render = render$4;
-script$c.__file = "src/lib/components/ShModal.vue";
+script$d.render = render$4;
+script$d.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$a = ["href"];
+const _hoisted_1$b = ["href"];
 
-var script$b = {
+var script$c = {
   __name: 'ShModalForm',
   props: ['action',
   'classes',
@@ -3474,6 +3474,66 @@ const success = (res)=>{
   emit('success',res);
 };
 
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("a", {
+      class: normalizeClass(unref(btnClass)),
+      href: '#' + modalId,
+      "data-bs-toggle": "modal"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 10 /* CLASS, PROPS */, _hoisted_1$b),
+    createVNode(script$d, {
+      "modal-id": modalId,
+      "modal-title": __props.modalTitle
+    }, {
+      default: withCtx(() => [
+        createVNode(script$m, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modal-title"])
+  ], 64 /* STABLE_FRAGMENT */))
+}
+}
+
+};
+
+script$c.__file = "src/lib/components/ShModalForm.vue";
+
+const _hoisted_1$a = ["href"];
+
+var script$b = {
+  __name: 'ShModalFormAuto',
+  props: ['action',
+  'classes',
+  'hasTerms',
+  'country_code',
+  'submitBtnClass',
+  'fields',
+  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
+  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
+  'failedCallback', 'labels', 'editors',
+  'datePickers',
+  'textAreas',
+  'files',
+  'phones',
+  'numbers',
+  'customComponent','modalTitle','class','successMessage'],
+  emits: ['success'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+
+const formProps = ref(props);
+let btnClass=props.class;
+const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
+const success = (res)=>{
+  emit('success',res);
+};
+delete formProps.class;
+
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     createElementVNode("a", {
@@ -3483,12 +3543,12 @@ return (_ctx, _cache) => {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$a),
-    createVNode(script$c, {
+    createVNode(script$d, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        createVNode(script$l, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        createVNode(script$f, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3498,7 +3558,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$b.__file = "src/lib/components/ShModalForm.vue";
+script$b.__file = "src/lib/components/ShModalFormAuto.vue";
 
 var script$a = {
   name: 'ShCanvas',
@@ -5392,12 +5452,12 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        createVNode(script$c, {
+        createVNode(script$d, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
           default: withCtx(() => [
-            createVNode(script$l, {
+            createVNode(script$m, {
               "success-callback": "departmentAdded",
               onDepartmentAdded: departmentAdded,
               action: "admin/departments/store",
@@ -5551,12 +5611,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"]),
-          createVNode(script$c, {
+          createVNode(script$d, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: withCtx(() => [
-              createVNode(script$l, {
+              createVNode(script$m, {
                 "reload-select-items": unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -5693,7 +5753,7 @@ return (_ctx, _cache) => {
     : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         (section.value === 'login')
           ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(script$l, {
+              createVNode(script$m, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -5718,7 +5778,7 @@ return (_ctx, _cache) => {
               (unref(registerSubTitle))
                 ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
-              createVNode(script$l, {
+              createVNode(script$m, {
                 class: "sh-login-form",
                 fields: unref(registrationFields),
                 "action-label": "Sign Up",
@@ -5765,7 +5825,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$i;
+    options.formTextInput ?? script$j;
     const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
@@ -5810,4 +5870,4 @@ const ShFrontend = {
   }
 };
 
-export { countries as Countries, script$3 as ManagePermissions, script$e as ShAutoForm, script$a as ShCanvas, script$8 as ShConfirmAction, script$d as ShDropDownForm, script$4 as ShDynamicTabs, script$l as ShForm, ShFrontend, script$c as ShModal, script$b as ShModalForm, script$o as ShPhone, script$7 as ShSilentAction, script$6 as ShTable, script$5 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { countries as Countries, script$3 as ManagePermissions, script$f as ShAutoForm, script$a as ShCanvas, script$8 as ShConfirmAction, script$e as ShDropDownForm, script$4 as ShDynamicTabs, script$m as ShForm, ShFrontend, script$d as ShModal, script$c as ShModalForm, script$b as ShModalFormAuto, script$p as ShPhone, script$7 as ShSilentAction, script$6 as ShTable, script$5 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

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