@iankibetsh/shframework 3.0.3 → 3.0.6

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
-}
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
-}
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
-}
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
-}
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
-}
-
 .colored-toast.swal2-icon-success {
     background-color: #a5dc86 !important;
 }
@@ -63,6 +31,38 @@
     color: white;
 }
 
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
+}
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
+}
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
+}
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
+}
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
+}
+
 .sh-selected-item{
   line-height: unset!important;
 }

package/dist/library.js

@@ -2019,11 +2019,11 @@ const _hoisted_5$9 = ["id"];
 const _hoisted_6$8 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
 const _hoisted_8$6 = ["onClick"];
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$5 = {
+const _hoisted_10$6 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2031,7 +2031,7 @@ const _hoisted_10$5 = {
 
 var script$t = {
   __name: 'ShSuggest',
-  props: ['data','url','fillSelects','modelValue'],
+  props: ['data','allowMultiple','url','modelValue'],
   emits: ['update:modelValue'],
   setup(__props, { emit }) {
 
@@ -2048,14 +2048,14 @@ vue.onMounted(() => {
   resetData();
 });
 function resetData(){
-  const data = props.data ?? props.fillSelects.data;
+  const data = props.data;
   if(data) {
     suggestions.value = data;
   }
 }
 function addSuggestion(sgn){
   let selected = selectedSuggestions.value;
-  if(selected.length > 0 && !props.fillSelects.allowMultiple){
+  if(selected.length > 0 && !props.allowMultiple){
     selected = [];
   }
   if(!selected.includes(sgn)){
@@ -2069,7 +2069,7 @@ function updateModelValue(){
   let selectedItems = selectedSuggestions.value;
   if(selectedItems.length === 0) {
     emit('update:modelValue', null);
-  }  else if (!props.fillSelects.allowMultiple) {
+  }  else if (!props.allowMultiple) {
     emit('update:modelValue', selectedItems[0].id);
   } else {
     const ids = selectedItems.map(item => {
@@ -2094,23 +2094,18 @@ function filterData(e){
   }
   let filterValue = e.target.innerText;
   searchText.value = filterValue;
-  const propsData = props.data ?? props.fillSelects.data;
-  if(propsData) {
-    suggestions.value = propsData.filter(item=>{
+  if(props.data) {
+    suggestions.value = props.data.filter(item=>{
       if(item.name.toLowerCase().includes(filterValue.toLowerCase())){
         return item
       }
     });
-  }
-   else {
-    const propsUrl = props.url ?? props.fillSelects.url;
-    if (propsUrl) {
-      shApis.doGet(propsUrl, { all: 1,filter_value: filterValue }).then(res => {
+  } else if (props.url) {
+      shApis.doGet(props.url, { all: 1,filter_value: filterValue }).then(res => {
         suggestions.value = res.data.data ?? res.data;
       }).catch(res => {
         console.log(res);
       });
-    }
   }
 }
 
@@ -2166,8 +2161,8 @@ return (_ctx, _cache) => {
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (vue.unref(searchText))
-              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$6, " No results found "))
-              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$5, " Type to search... "))
+              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$7, " No results found "))
+              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$6, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$8)
       ]))
     : vue.createCommentVNode("v-if", true)
@@ -2522,11 +2517,11 @@ const _hoisted_5$8 = { key: 0 };
 const _hoisted_6$7 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
 const _hoisted_8$5 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$5 = { class: "col-md-12" };
-const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_9$6 = { class: "col-md-12" };
+const _hoisted_10$5 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_11$5 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_14$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
@@ -2594,7 +2589,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             key: field
           }, [
             vue.createElementVNode("label", _hoisted_8$5, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            vue.createElementVNode("div", _hoisted_9$5, [
+            vue.createElementVNode("div", _hoisted_9$6, [
               ($options.getFieldType(field) === 'component')
                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2619,7 +2614,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$5))
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -2631,7 +2626,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$4)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$5)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -2645,7 +2640,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$4)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -2660,7 +2655,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$4)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -3064,15 +3059,27 @@ const _hoisted_1$i = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /
 const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$6 = ["disabled"];
-const _hoisted_7$5 = {
+const _hoisted_5$7 = {
+  key: 2,
+  class: "form-notch"
+};
+const _hoisted_6$6 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */);
+const _hoisted_7$5 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */);
+const _hoisted_8$4 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */);
+const _hoisted_9$5 = [
+  _hoisted_6$6,
+  _hoisted_7$5,
+  _hoisted_8$4
+];
+const _hoisted_10$4 = ["innerHTML"];
+const _hoisted_11$4 = ["disabled"];
+const _hoisted_12$3 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_8$4 = { key: 1 };
+const _hoisted_13$3 = { key: 1 };
 
 
 var script$l = {
@@ -3327,16 +3334,19 @@ return (_ctx, _cache) => {
                       innerHTML: field.label
                     }, null, 10 /* CLASS, PROPS */, _hoisted_4$a))
                   : vue.createCommentVNode("v-if", true),
+                (vue.unref(isFloating))
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, _hoisted_9$5))
+                  : vue.createCommentVNode("v-if", true),
                 (field.helper)
                   ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 2,
+                      key: 3,
                       class: vue.normalizeClass(getElementClass('helperText')),
                       innerHTML: field.helper
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$7))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_10$4))
                   : vue.createCommentVNode("v-if", true),
                 (validationErrors.value[field.field])
                   ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 3,
+                      key: 4,
                       class: vue.normalizeClass(getElementClass('invalidFeedback'))
                     }, vue.toDisplayString(validationErrors.value[field.field]), 3 /* TEXT, CLASS */))
                   : vue.createCommentVNode("v-if", true)
@@ -3354,12 +3364,12 @@ return (_ctx, _cache) => {
           class: vue.normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$3))
             : vue.createCommentVNode("v-if", true),
           (!loading.value)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$4, "Submit"))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$3, "Submit"))
             : vue.createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_6$6)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_11$4)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))

package/dist/library.mjs

@@ -2007,11 +2007,11 @@ const _hoisted_5$9 = ["id"];
 const _hoisted_6$8 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
 const _hoisted_8$6 = ["onClick"];
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$5 = {
+const _hoisted_10$6 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2019,7 +2019,7 @@ const _hoisted_10$5 = {
 
 var script$t = {
   __name: 'ShSuggest',
-  props: ['data','url','fillSelects','modelValue'],
+  props: ['data','allowMultiple','url','modelValue'],
   emits: ['update:modelValue'],
   setup(__props, { emit }) {
 
@@ -2036,14 +2036,14 @@ onMounted(() => {
   resetData();
 });
 function resetData(){
-  const data = props.data ?? props.fillSelects.data;
+  const data = props.data;
   if(data) {
     suggestions.value = data;
   }
 }
 function addSuggestion(sgn){
   let selected = selectedSuggestions.value;
-  if(selected.length > 0 && !props.fillSelects.allowMultiple){
+  if(selected.length > 0 && !props.allowMultiple){
     selected = [];
   }
   if(!selected.includes(sgn)){
@@ -2057,7 +2057,7 @@ function updateModelValue(){
   let selectedItems = selectedSuggestions.value;
   if(selectedItems.length === 0) {
     emit('update:modelValue', null);
-  }  else if (!props.fillSelects.allowMultiple) {
+  }  else if (!props.allowMultiple) {
     emit('update:modelValue', selectedItems[0].id);
   } else {
     const ids = selectedItems.map(item => {
@@ -2082,23 +2082,18 @@ function filterData(e){
   }
   let filterValue = e.target.innerText;
   searchText.value = filterValue;
-  const propsData = props.data ?? props.fillSelects.data;
-  if(propsData) {
-    suggestions.value = propsData.filter(item=>{
+  if(props.data) {
+    suggestions.value = props.data.filter(item=>{
       if(item.name.toLowerCase().includes(filterValue.toLowerCase())){
         return item
       }
     });
-  }
-   else {
-    const propsUrl = props.url ?? props.fillSelects.url;
-    if (propsUrl) {
-      shApis.doGet(propsUrl, { all: 1,filter_value: filterValue }).then(res => {
+  } else if (props.url) {
+      shApis.doGet(props.url, { all: 1,filter_value: filterValue }).then(res => {
         suggestions.value = res.data.data ?? res.data;
       }).catch(res => {
         console.log(res);
       });
-    }
   }
 }
 
@@ -2154,8 +2149,8 @@ return (_ctx, _cache) => {
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$6, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$5, " Type to search... "))
+              ? (openBlock(), createElementBlock("li", _hoisted_9$7, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$6, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$8)
       ]))
     : createCommentVNode("v-if", true)
@@ -2510,11 +2505,11 @@ const _hoisted_5$8 = { key: 0 };
 const _hoisted_6$7 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
 const _hoisted_8$5 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$5 = { class: "col-md-12" };
-const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_9$6 = { class: "col-md-12" };
+const _hoisted_10$5 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_11$5 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_14$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
@@ -2582,7 +2577,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             key: field
           }, [
             createElementVNode("label", _hoisted_8$5, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            createElementVNode("div", _hoisted_9$5, [
+            createElementVNode("div", _hoisted_9$6, [
               ($options.getFieldType(field) === 'component')
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2607,7 +2602,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$5))
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2619,7 +2614,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$4)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$5)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2633,7 +2628,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$4)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2648,7 +2643,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$4)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -3052,15 +3047,27 @@ const _hoisted_1$i = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HO
 const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$6 = ["disabled"];
-const _hoisted_7$5 = {
+const _hoisted_5$7 = {
+  key: 2,
+  class: "form-notch"
+};
+const _hoisted_6$6 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */);
+const _hoisted_7$5 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */);
+const _hoisted_8$4 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */);
+const _hoisted_9$5 = [
+  _hoisted_6$6,
+  _hoisted_7$5,
+  _hoisted_8$4
+];
+const _hoisted_10$4 = ["innerHTML"];
+const _hoisted_11$4 = ["disabled"];
+const _hoisted_12$3 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_8$4 = { key: 1 };
+const _hoisted_13$3 = { key: 1 };
 
 
 var script$l = {
@@ -3315,16 +3322,19 @@ return (_ctx, _cache) => {
                       innerHTML: field.label
                     }, null, 10 /* CLASS, PROPS */, _hoisted_4$a))
                   : createCommentVNode("v-if", true),
+                (unref(isFloating))
+                  ? (openBlock(), createElementBlock("div", _hoisted_5$7, _hoisted_9$5))
+                  : createCommentVNode("v-if", true),
                 (field.helper)
                   ? (openBlock(), createElementBlock("div", {
-                      key: 2,
+                      key: 3,
                       class: normalizeClass(getElementClass('helperText')),
                       innerHTML: field.helper
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$7))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_10$4))
                   : createCommentVNode("v-if", true),
                 (validationErrors.value[field.field])
                   ? (openBlock(), createElementBlock("div", {
-                      key: 3,
+                      key: 4,
                       class: normalizeClass(getElementClass('invalidFeedback'))
                     }, toDisplayString(validationErrors.value[field.field]), 3 /* TEXT, CLASS */))
                   : createCommentVNode("v-if", true)
@@ -3342,12 +3352,12 @@ return (_ctx, _cache) => {
           class: normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_7$5))
+            ? (openBlock(), createElementBlock("span", _hoisted_12$3))
             : createCommentVNode("v-if", true),
           (!loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_8$4, "Submit"))
+            ? (openBlock(), createElementBlock("span", _hoisted_13$3, "Submit"))
             : createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_6$6)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_11$4)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))

package/package.json

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