@iankibetsh/shframework 0.8.1 → 0.8.3

package/dist/library.mjs

@@ -1,6 +1,6 @@
 import Axios from 'axios';
 import moment from 'moment';
-import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, createStaticVNode, withCtx, shallowRef, Teleport, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
+import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, Teleport, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import Swal from 'sweetalert2';
@@ -1562,7 +1562,7 @@ const countries = [
   }
 ];
 
-var script$c = {
+var script$e = {
   name: 'ShPhone',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1624,8 +1624,8 @@ var script$c = {
   }
 };
 
-const _hoisted_1$c = { class: "sh-phone mb-3" };
-const _hoisted_2$b = {
+const _hoisted_1$e = { class: "sh-phone mb-3" };
+const _hoisted_2$c = {
   key: 0,
   style: {"display":"contents"}
 };
@@ -1633,9 +1633,9 @@ const _hoisted_3$b = ["src"];
 const _hoisted_4$b = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$c, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$e, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$b),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
@@ -1667,10 +1667,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$c.render = render$7;
-script$c.__file = "src/lib/components/ShPhone.vue";
+script$e.render = render$7;
+script$e.__file = "src/lib/components/ShPhone.vue";
 
-var script$b = {
+var script$d = {
   name: 'ShEditor',
   props: ['modelValue'],
   components: {
@@ -1709,7 +1709,7 @@ var script$b = {
   }
 };
 
-const _hoisted_1$b = /*#__PURE__*/createElementVNode("textarea", {
+const _hoisted_1$d = /*#__PURE__*/createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -1719,7 +1719,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = resolveComponent("editor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$b,
+    _hoisted_1$d,
     createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -1744,14 +1744,14 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$b.render = render$6;
-script$b.__file = "src/lib/components/FormComponent/ShEditor.vue";
+script$d.render = render$6;
+script$d.__file = "src/lib/components/FormComponent/ShEditor.vue";
 
-const _hoisted_1$a = {
+const _hoisted_1$c = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$a = ["id"];
+const _hoisted_2$b = ["id"];
 const _hoisted_3$a = { class: "badge bg-secondary m-1 sh-selected-item" };
 const _hoisted_4$a = ["onClick"];
 const _hoisted_5$6 = ["id"];
@@ -1768,7 +1768,7 @@ const _hoisted_10$3 = {
 };
 
 
-var script$a = {
+var script$c = {
   __name: 'ShSuggest',
   props: ['fillSelects','modelValue'],
   emits: ['update:modelValue'],
@@ -1849,7 +1849,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -1876,7 +1876,7 @@ return (_ctx, _cache) => {
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
           }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
-        ], 8 /* PROPS */, _hoisted_2$a),
+        ], 8 /* PROPS */, _hoisted_2$b),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -1909,15 +1909,15 @@ return (_ctx, _cache) => {
 
 };
 
-script$a.__scopeId = "data-v-5b767123";
-script$a.__file = "src/lib/components/FormComponent/ShSuggest.vue";
+script$c.__scopeId = "data-v-5b767123";
+script$c.__file = "src/lib/components/FormComponent/ShSuggest.vue";
 
-var script$9 = {
+var script$b = {
   name: 'ShForm',
   components: {
-    ShSuggest: script$a,
-    ShEditor: script$b,
-    ShPhone: script$c
+    ShSuggest: script$c,
+    ShEditor: script$d,
+    ShPhone: script$e
   },
   props: [
       'action',
@@ -2158,6 +2158,7 @@ var script$9 = {
       console.log(reason,message);
       if (reason.status === 422) { // change this to 422 validation error response as received from laravel
         this.form_errors = reason.data.errors;
+        this.errorText = 'Fill all the details correctly';
       } else {
         this.errorText = message;
       }
@@ -2228,40 +2229,41 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = {
+const _hoisted_1$b = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_2$a = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_2$9 = {
+const _hoisted_3$9 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_3$9 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_4$9 = { key: 0 };
-const _hoisted_5$5 = { key: 1 };
-const _hoisted_6$4 = { class: "row" };
-const _hoisted_7$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_8$2 = { class: "col-md-12" };
-const _hoisted_9$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_10$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_4$9 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_5$5 = { key: 0 };
+const _hoisted_6$4 = { key: 1 };
+const _hoisted_7$3 = { class: "row" };
+const _hoisted_8$2 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_9$3 = { class: "col-md-12" };
+const _hoisted_10$2 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
 const _hoisted_11$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_12$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$2 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_14$2 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_15$2 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_14$2 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_15$2 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_17$2 = ["value"];
-const _hoisted_18$2 = {
+const _hoisted_17$2 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_18$2 = ["value"];
+const _hoisted_19$2 = {
   key: 12,
   class: "invalid-feedback"
 };
-const _hoisted_19$2 = {
+const _hoisted_20$2 = {
   key: 1,
   class: "row"
 };
-const _hoisted_20$2 = /*#__PURE__*/createElementVNode("h5", null, "Confirm and Submit", -1 /* HOISTED */);
-const _hoisted_21$2 = /*#__PURE__*/createElementVNode("p", null, [
+const _hoisted_21$2 = /*#__PURE__*/createElementVNode("h5", null, "Confirm and Submit", -1 /* HOISTED */);
+const _hoisted_22$2 = /*#__PURE__*/createElementVNode("p", null, [
   /*#__PURE__*/createTextVNode("By clicking submit, you agree to our "),
   /*#__PURE__*/createElementVNode("a", {
     target: "_blank",
@@ -2273,11 +2275,11 @@ const _hoisted_21$2 = /*#__PURE__*/createElementVNode("p", null, [
     href: "https://hauzisha.co.ke/privacy-policy"
   }, "privacy policy")
 ], -1 /* HOISTED */);
-const _hoisted_22$2 = [
-  _hoisted_20$2,
-  _hoisted_21$2
+const _hoisted_23$1 = [
+  _hoisted_21$2,
+  _hoisted_22$2
 ];
-const _hoisted_23$1 = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_24$1 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
@@ -2288,225 +2290,391 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShSuggest = resolveComponent("ShSuggest");
   const _component_ShEditor = resolveComponent("ShEditor");
 
-  return (openBlock(), createElementBlock("form", _hoisted_1$9, [
-    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>"),
-    (_ctx.form_status == 3)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-          _hoisted_3$9,
-          (_ctx.errorText)
-            ? (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(_ctx.errorText), 1 /* TEXT */))
-            : (openBlock(), createElementBlock("span", _hoisted_5$5, "Unexpected Error Occurred")),
-          createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
-        ]))
-      : createCommentVNode("v-if", true),
-    withDirectives(createElementVNode("input", {
-      type: "hidden",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.form_elements['id']) = $event))
-    }, null, 512 /* NEED_PATCH */), [
-      [vModelText, _ctx.form_elements['id']]
-    ]),
-    createElementVNode("div", _hoisted_6$4, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
-        return (openBlock(), createElementBlock("div", {
-          class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
-          key: field
-        }, [
-          createElementVNode("label", _hoisted_7$3, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-          createElementVNode("div", _hoisted_8$2, [
-            ($options.getFieldType(field) === 'component')
-              ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
-                  key: 0,
-                  "data-cy": field,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  modelValue: _ctx.form_elements[field],
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data-cy", "placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'file')
-              ? (openBlock(), createElementBlock("input", {
-                  key: 1,
-                  "data-cy": field,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  ref_for: true,
-                  ref: 'file_'+field,
-                  onChange: $event => ($options.handleFileUpload(field)),
-                  type: "file"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$3))
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'numeric')
-              ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 2,
-                  "data-cy": field,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
-                  type: "number"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'password')
-              ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 3,
-                  "data-cy": field,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
-                  type: "password"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'email')
-              ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 4,
-                  "data-cy": field,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
-                  type: "email",
-                  required: ""
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'datepicker' && $options.isDisabled(field) === false)
-              ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 5,
-                  "data-cy": field,
-                  type: "datetime-local",
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'phone')
-              ? (openBlock(), createBlock(_component_ShPhone, {
-                  key: 6,
-                  country_code: $props.country_code,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  modelValue: _ctx.form_elements[field],
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
-                  required: ""
-                }, null, 8 /* PROPS */, ["country_code", "placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'suggest')
-              ? (openBlock(), createBlock(_component_ShSuggest, {
-                  key: 7,
-                  "select-data": _ctx.selectData[field],
-                  "fill-selects": $props.fillSelects[field],
-                  class: normalizeClass(_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field),
-                  modelValue: _ctx.form_elements[field],
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'editor')
-              ? (openBlock(), createBlock(_component_ShEditor, {
-                  key: 8,
-                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  modelValue: _ctx.form_elements[field],
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'text')
-              ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 9,
-                  disabled: $options.isDisabled(field),
-                  placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
-                  type: "text"
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'textarea')
-              ? withDirectives((openBlock(), createElementBlock("textarea", {
-                  key: 10,
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_15$2)), [
-                  [vModelText, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            ($options.getFieldType(field) === 'select' && _ctx.selectData[field] != null)
-              ? withDirectives((openBlock(), createElementBlock("select", {
-                  key: 11,
-                  name: field,
-                  onFocus: $event => ($options.removeErrors(field)),
-                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectData[field], (item) => {
-                    return (openBlock(), createElementBlock("option", {
-                      key: item.id,
-                      value: item.id
-                    }, toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_17$2))
-                  }), 128 /* KEYED_FRAGMENT */))
-                ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$2)), [
-                  [vModelSelect, _ctx.form_elements[field]]
-                ])
-              : createCommentVNode("v-if", true),
-            (_ctx.form_errors[field] != null )
-              ? (openBlock(), createElementBlock("div", _hoisted_18$2, toDisplayString(_ctx.form_errors[field][0]), 1 /* TEXT */))
-              : createCommentVNode("v-if", true)
+  return (openBlock(), createElementBlock(Fragment, null, [
+    _hoisted_1$b,
+    createElementVNode("form", _hoisted_2$a, [
+      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>"),
+      (_ctx.form_status == 3)
+        ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+            _hoisted_4$9,
+            (_ctx.errorText)
+              ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              : (openBlock(), createElementBlock("span", _hoisted_6$4, "Unexpected Error Occurred")),
+            createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
+          ]))
+        : createCommentVNode("v-if", true),
+      withDirectives(createElementVNode("input", {
+        type: "hidden",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.form_elements['id']) = $event))
+      }, null, 512 /* NEED_PATCH */), [
+        [vModelText, _ctx.form_elements['id']]
+      ]),
+      createElementVNode("div", _hoisted_7$3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
+          return (openBlock(), createElementBlock("div", {
+            class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
+            key: field
+          }, [
+            createElementVNode("label", _hoisted_8$2, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            createElementVNode("div", _hoisted_9$3, [
+              ($options.getFieldType(field) === 'component')
+                ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
+                    key: 0,
+                    "data-cy": field,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    modelValue: _ctx.form_elements[field],
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data-cy", "placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'file')
+                ? (openBlock(), createElementBlock("input", {
+                    key: 1,
+                    "data-cy": field,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    ref_for: true,
+                    ref: 'file_'+field,
+                    onChange: $event => ($options.handleFileUpload(field)),
+                    type: "file"
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2))
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'numeric')
+                ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 2,
+                    "data-cy": field,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    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$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'password')
+                ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 3,
+                    "data-cy": field,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    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$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'email')
+                ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 4,
+                    "data-cy": field,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                    type: "email",
+                    required: ""
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'datepicker' && $options.isDisabled(field) === false)
+                ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 5,
+                    "data-cy": field,
+                    type: "datetime-local",
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'phone')
+                ? (openBlock(), createBlock(_component_ShPhone, {
+                    key: 6,
+                    country_code: $props.country_code,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    modelValue: _ctx.form_elements[field],
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                    required: ""
+                  }, null, 8 /* PROPS */, ["country_code", "placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'suggest')
+                ? (openBlock(), createBlock(_component_ShSuggest, {
+                    key: 7,
+                    "select-data": _ctx.selectData[field],
+                    "fill-selects": $props.fillSelects[field],
+                    class: normalizeClass(_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field),
+                    modelValue: _ctx.form_elements[field],
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'editor')
+                ? (openBlock(), createBlock(_component_ShEditor, {
+                    key: 8,
+                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    modelValue: _ctx.form_elements[field],
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'text')
+                ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 9,
+                    disabled: $options.isDisabled(field),
+                    placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                    type: "text"
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_15$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'textarea')
+                ? withDirectives((openBlock(), createElementBlock("textarea", {
+                    key: 10,
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$2)), [
+                    [vModelText, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              ($options.getFieldType(field) === 'select' && _ctx.selectData[field] != null)
+                ? withDirectives((openBlock(), createElementBlock("select", {
+                    key: 11,
+                    name: field,
+                    onFocus: $event => ($options.removeErrors(field)),
+                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectData[field], (item) => {
+                      return (openBlock(), createElementBlock("option", {
+                        key: item.id,
+                        value: item.id
+                      }, toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_18$2))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_17$2)), [
+                    [vModelSelect, _ctx.form_elements[field]]
+                  ])
+                : createCommentVNode("v-if", true),
+              (_ctx.form_errors[field] != null )
+                ? (openBlock(), createElementBlock("div", _hoisted_19$2, toDisplayString(_ctx.form_errors[field][0]), 1 /* TEXT */))
+                : createCommentVNode("v-if", true)
+            ])
+          ], 2 /* CLASS */))
+        }), 128 /* KEYED_FRAGMENT */))
+      ]),
+      ($props.hasTerms)
+        ? (openBlock(), createElementBlock("div", _hoisted_20$2, _hoisted_23$1))
+        : createCommentVNode("v-if", true),
+      (_ctx.form_status == 1)
+        ? (openBlock(), createElementBlock("button", {
+            key: 2,
+            class: normalizeClass(["btn btn-primary", $options.getSubmitBtnClass()]),
+            type: "button",
+            disabled: ""
+          }, [
+            _hoisted_24$1,
+            createTextVNode(" Processing... ")
+          ], 2 /* CLASS */))
+        : (openBlock(), createElementBlock("button", {
+            key: 3,
+            "data-cy": "sh_form_submit",
+            class: normalizeClass(["mb-2 form-submit-btn", $options.getSubmitBtnClass()]),
+            type: "button",
+            onClick: _cache[1] || (_cache[1] = (...args) => ($options.submitForm && $options.submitForm(...args)))
+          }, toDisplayString($props.actionLabel ? $props.actionLabel:'Submit'), 3 /* TEXT, CLASS */))
+    ], 512 /* NEED_PATCH */)
+  ], 64 /* STABLE_FRAGMENT */))
+}
+
+script$b.render = render$5;
+script$b.__file = "src/lib/components/ShForm.vue";
+
+const _hoisted_1$a = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_2$9 = { class: "dropdown" };
+
+var script$a = {
+  __name: 'ShDropDownForm',
+  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'],
+  setup(__props) {
+
+const props = __props;
+
+
+
+ref(props);
+let btnClass=props.class;
+const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
+
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock(Fragment, null, [
+    _hoisted_1$a,
+    createElementVNode("div", _hoisted_2$9, [
+      createElementVNode("a", {
+        class: normalizeClass(unref(btnClass)),
+        href: "#",
+        role: "button",
+        id: dropdownId,
+        "data-bs-toggle": "dropdown",
+        "data-bs-auto-close": "outside",
+        "aria-expanded": "false"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2 /* CLASS */),
+      createElementVNode("div", {
+        class: "dropdown-menu px-2 py-1",
+        "aria-labelledby": dropdownId
+      }, [
+        createVNode(script$b, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+      ])
+    ])
+  ], 64 /* STABLE_FRAGMENT */))
+}
+}
+
+};
+
+script$a.__file = "src/lib/components/ShDropDownForm.vue";
+
+var script$9 = {
+  name: 'ShModal',
+  props: ['modalTitle', 'modalId', 'modalSize'],
+  components: {
+  }
+};
+
+const _hoisted_1$9 = ["id"];
+const _hoisted_2$8 = { class: "modal-content" };
+const _hoisted_3$8 = { class: "modal-header" };
+const _hoisted_4$8 = { class: "modal-title" };
+const _hoisted_5$4 = /*#__PURE__*/createElementVNode("button", {
+  class: "btn btn-danger btn-sm",
+  "data-bs-dismiss": "modal",
+  "data-dismiss": "modal"
+}, "×", -1 /* HOISTED */);
+const _hoisted_6$3 = { class: "modal-body" };
+const _hoisted_7$2 = { class: "section" };
+
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: "modal fade",
+    id: $props.modalId,
+    "aria-hidden": "true"
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
+    }, [
+      createElementVNode("div", _hoisted_2$8, [
+        createElementVNode("div", _hoisted_3$8, [
+          createElementVNode("h3", _hoisted_4$8, toDisplayString($props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$4
+        ]),
+        createElementVNode("div", _hoisted_6$3, [
+          createElementVNode("div", _hoisted_7$2, [
+            renderSlot(_ctx.$slots, "default")
           ])
-        ], 2 /* CLASS */))
-      }), 128 /* KEYED_FRAGMENT */))
-    ]),
-    ($props.hasTerms)
-      ? (openBlock(), createElementBlock("div", _hoisted_19$2, _hoisted_22$2))
-      : createCommentVNode("v-if", true),
-    (_ctx.form_status == 1)
-      ? (openBlock(), createElementBlock("button", {
-          key: 2,
-          class: normalizeClass(["btn btn-primary", $options.getSubmitBtnClass()]),
-          type: "button",
-          disabled: ""
-        }, [
-          _hoisted_23$1,
-          createTextVNode(" Processing... ")
-        ], 2 /* CLASS */))
-      : (openBlock(), createElementBlock("button", {
-          key: 3,
-          "data-cy": "sh_form_submit",
-          class: normalizeClass(["mb-2 form-submit-btn", $options.getSubmitBtnClass()]),
-          type: "button",
-          onClick: _cache[1] || (_cache[1] = (...args) => ($options.submitForm && $options.submitForm(...args)))
-        }, toDisplayString($props.actionLabel ? $props.actionLabel:'Submit'), 3 /* TEXT, CLASS */))
-  ], 512 /* NEED_PATCH */))
+        ])
+      ])
+    ], 2 /* CLASS */)
+  ], 8 /* PROPS */, _hoisted_1$9))
 }
 
-script$9.render = render$5;
-script$9.__file = "src/lib/components/ShForm.vue";
+script$9.render = render$4;
+script$9.__file = "src/lib/components/ShModal.vue";
+
+const _hoisted_1$8 = ["href"];
 
 var script$8 = {
+  __name: 'ShModalForm',
+  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'],
+  setup(__props) {
+
+const props = __props;
+
+
+
+ref(props);
+let btnClass=props.class;
+const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
+
+
+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$8),
+    createVNode(script$9, {
+      "modal-id": modalId,
+      "modal-title": __props.modalTitle
+    }, {
+      default: withCtx(() => [
+        createVNode(script$b, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modal-title"])
+  ], 64 /* STABLE_FRAGMENT */))
+}
+}
+
+};
+
+script$8.__file = "src/lib/components/ShModalForm.vue";
+
+var script$7 = {
   name: 'ShCanvas',
   props: ['canvasTitle', 'canvasId', 'position','canvasSize'],
   components: {
@@ -2523,15 +2691,15 @@ var script$8 = {
   }
 };
 
-const _hoisted_1$8 = ["id"];
-const _hoisted_2$8 = { class: "offcanvas-header" };
-const _hoisted_3$8 = {
+const _hoisted_1$7 = ["id"];
+const _hoisted_2$7 = { class: "offcanvas-header" };
+const _hoisted_3$7 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$8 = { class: "offcanvas-body" };
+const _hoisted_4$7 = { class: "offcanvas-body" };
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["offcanvas", $data.side +' '+ $props.canvasSize + '']),
     "data-bs-scroll": "true",
@@ -2539,8 +2707,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$8, [
-      createElementVNode("h5", _hoisted_3$8, toDisplayString($props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$7, [
+      createElementVNode("h5", _hoisted_3$7, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2550,60 +2718,14 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$8, [
+    createElementVNode("div", _hoisted_4$7, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$8))
-}
-
-script$8.render = render$4;
-script$8.__file = "src/lib/components/ShCanvas.vue";
-
-var script$7 = {
-  name: 'ShModal',
-  props: ['modalTitle', 'modalId', 'modalSize'],
-  components: {
-  }
-};
-
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$7 = { class: "modal-content" };
-const _hoisted_3$7 = { class: "modal-header" };
-const _hoisted_4$7 = { class: "modal-title" };
-const _hoisted_5$4 = /*#__PURE__*/createElementVNode("button", {
-  class: "btn btn-danger btn-sm",
-  "data-bs-dismiss": "modal",
-  "data-dismiss": "modal"
-}, "×", -1 /* HOISTED */);
-const _hoisted_6$3 = { class: "modal-body" };
-const _hoisted_7$2 = { class: "section" };
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: "modal fade",
-    id: $props.modalId,
-    "aria-hidden": "true"
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
-    }, [
-      createElementVNode("div", _hoisted_2$7, [
-        createElementVNode("div", _hoisted_3$7, [
-          createElementVNode("h3", _hoisted_4$7, toDisplayString($props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$4
-        ]),
-        createElementVNode("div", _hoisted_6$3, [
-          createElementVNode("div", _hoisted_7$2, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ])
-      ])
-    ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$7))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$7))
 }
 
 script$7.render = render$3;
-script$7.__file = "src/lib/components/ShModal.vue";
+script$7.__file = "src/lib/components/ShCanvas.vue";
 
 var script$6 = {
   name: 'Pagination',
@@ -3185,7 +3307,7 @@ var script$5 = {
     this.reloadData();
   },
   components: {
-    ShCanvas: script$8,
+    ShCanvas: script$7,
     pagination: script$6
   },
   computed: {
@@ -4135,12 +4257,12 @@ return (_ctx, _cache) => {
       ]
     }
         }),
-        createVNode(script$7, {
+        createVNode(script$9, {
           "modal-id": "sh-department_modal",
           "modal-title": "Department Form"
         }, {
           default: withCtx(() => [
-            createVNode(script$9, {
+            createVNode(script$b, {
               "success-callback": "departmentAdded",
               onDepartmentAdded: departmentAdded,
               action: "admin/departments/store",
@@ -4294,12 +4416,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$7, {
+          createVNode(script$9, {
             "modal-id": "addModule",
             "modal-title": "Add Module Department"
           }, {
             default: withCtx(() => [
-              createVNode(script$9, {
+              createVNode(script$b, {
                 "reload-select-items": unref(reload),
                 "success-callback": moduleAdded,
                 "fill-selects": {
@@ -4321,7 +4443,7 @@ return (_ctx, _cache) => {
             ref: permissionCanvasBtn,
             "data-bs-toggle": "offcanvas"
           }, null, 512 /* NEED_PATCH */),
-          createVNode(script$8, {
+          createVNode(script$7, {
             "canvas-id": "permissionsCanvas",
             position: "end enlarged",
             "canvas-title": "Module Permissions"
@@ -4436,7 +4558,7 @@ return (_ctx, _cache) => {
     : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         (section.value === 'login')
           ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(script$9, {
+              createVNode(script$b, {
                 class: "sh-login-form",
                 fields: ['email','password'],
                 "action-label": "Login",
@@ -4461,7 +4583,7 @@ return (_ctx, _cache) => {
               (unref(registerSubTitle))
                 ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(registerSubTitle)), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
-              createVNode(script$9, {
+              createVNode(script$b, {
                 class: "sh-login-form",
                 fields: unref(registrationFields),
                 "action-label": "Sign Up",
@@ -4525,4 +4647,4 @@ const ShFrontend = {
   }
 };
 
-export { script$8 as ShCanvas, script$3 as ShDynamicTabs, script$9 as ShForm, ShFrontend, script$7 as ShModal, script$c as ShPhone, script$5 as ShTable, script$4 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { script$7 as ShCanvas, script$a as ShDropDownForm, script$3 as ShDynamicTabs, script$b as ShForm, ShFrontend, script$9 as ShModal, script$8 as ShModalForm, script$e as ShPhone, script$5 as ShTable, script$4 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };