@bagelink/vue 0.0.93 → 0.0.98

package/dist/index.cjs

@@ -1,9 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Modal = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return _sfc_main$F;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return ModalForm;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
 const FormSchema = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get default() {
-    return _sfc_main$v;
+    return _sfc_main$u;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 function makeMap(str, expectsLowerCase) {
@@ -6793,6 +6805,136 @@ const BagelVue = {
     app.provide(bagelInjectionKey, bagel);
   }
 };
+const ModalSymbol = Symbol("modal");
+const useModal = () => {
+  const modalApi = inject(ModalSymbol);
+  if (!modalApi)
+    throw new Error("Modal API not provided");
+  return modalApi;
+};
+const ModalPlugin = {
+  install: (app) => {
+    const modalStack = ref([]);
+    const showModal = (isForm, options, slots = {}) => {
+      modalStack.value.push({
+        modalOptions: options,
+        isModalForm: isForm,
+        componentSlots: slots
+      });
+    };
+    const hideModal = (index2) => {
+      modalStack.value.splice(index2, 1);
+    };
+    app.provide(ModalSymbol, {
+      modalForm: (options, slots) => showModal(true, options, slots),
+      showModal: (options, slots) => showModal(false, options, slots),
+      hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
+      // modalOptions,
+    });
+    const ModalComponent = /* @__PURE__ */ defineComponent({
+      data() {
+        return {
+          modalStack
+        };
+      },
+      render() {
+        return modalStack.value.map((modal, index2) => {
+          const renderComponent = modal.isModalForm ? ModalForm$1 : Modal;
+          return h(
+            renderComponent,
+            {
+              ...modal.modalOptions,
+              "onUpdate:isModalVisible": () => hideModal(index2)
+            },
+            modal.componentSlots
+          );
+        });
+      }
+    });
+    app.component("ModalContainer", ModalComponent);
+  }
+};
+function formatString(str, format) {
+  if (format === "titleCase") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
+  }
+  if (format === "pascal") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
+  }
+  if (format === "camel") {
+    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
+  }
+  if (format === "snake") {
+    return str.split("").map((letter) => {
+      if (letter === letter.toUpperCase()) {
+        return `_${letter.toLowerCase()}`;
+      }
+      return letter;
+    }).join("");
+  }
+  return str;
+}
+let timeout;
+const debounce = (fn, delay = 500) => {
+  clearTimeout(timeout);
+  timeout = setTimeout(fn, delay);
+};
+const keyToLabel = (key) => key.split("_").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ");
+function computeFields(modelValue) {
+  const fields = [];
+  for (const key of Object.keys(modelValue)) {
+    const field = {
+      label: keyToLabel(key),
+      id: key,
+      inputType: "PlainText"
+    };
+    if (typeof modelValue[key] === "string")
+      field.inputType = "PlainText";
+    if (typeof modelValue[key] === "number")
+      field.inputType = "NumberInput";
+    if (modelValue[key] === true || modelValue[key] === false)
+      field.inputType = "CheckInput";
+    if (modelValue[key] instanceof Date || !Number.isNaN(Date.parse(modelValue[key])))
+      field.inputType = "DateInput";
+    fields.push(field);
+  }
+  return fields;
+}
+const copyText = async (text2, cb) => {
+  await navigator.clipboard.writeText(text2);
+  if (cb)
+    cb("Copied to clipboard");
+};
+const useFormkit = () => {
+  const formkit = inject("FormKitConfig");
+  return formkit;
+};
+const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
+const parseLocale = (str, $t = (_str) => _str) => {
+  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
+  if (!w)
+    return str;
+  return $t(w);
+};
+const _hoisted_1$F = { ref: "el" };
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "LangText",
+  props: {
+    input: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment$1, null, [
+        createBaseVNode("span", _hoisted_1$F, null, 512),
+        createTextVNode(" " + toDisplayString(_ctx.input) + " ", 1)
+      ], 64);
+    };
+  }
+});
+const LangText = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _sfc_main$K
+}, Symbol.toStringTag, { value: "Module" }));
 function OrderedMap(content) {
   this.content = content;
 }
@@ -18903,8 +19045,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$F = ["id"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _hoisted_1$E = ["id"];
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -18981,15 +19123,15 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$F);
+      }, null, 40, _hoisted_1$E);
     };
   }
 });
 const RTXEditor = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$K
+  default: _sfc_main$J
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -19006,11 +19148,11 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const MaterialIcon = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$J
+  default: _sfc_main$I
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$E = /* @__PURE__ */ createBaseVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
+const _hoisted_1$D = /* @__PURE__ */ createBaseVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
 const _hoisted_2$z = [
-  _hoisted_1$E
+  _hoisted_1$D
 ];
 const _hoisted_3$v = { class: "full-nav" };
 const _hoisted_4$i = { class: "nav-scroll" };
@@ -19018,7 +19160,7 @@ const _hoisted_5$e = { class: "nav-links-wrapper" };
 const _hoisted_6$b = { class: "icon-font" };
 const _hoisted_7$9 = { class: "tooltip" };
 const _hoisted_8$6 = { class: "bot-buttons-wrapper" };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -19070,9 +19212,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 });
 const NavBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$I
+  default: _sfc_main$H
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$D = {
+const _hoisted_1$C = {
   key: 0,
   class: "loading"
 };
@@ -19080,7 +19222,7 @@ const _hoisted_2$y = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -19116,7 +19258,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$D)) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$C)) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
             _ctx.icon ? (openBlock(), createBlock(unref(MaterialIcon), {
               key: 0,
               icon: _ctx.icon
@@ -19143,16 +19285,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-4e57112f"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-b94d75fb"]]);
 const Btn$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Btn
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$C = ["onKeydown"];
+const _hoisted_1$B = ["onKeydown"];
 const _hoisted_2$x = { class: "tool-bar" };
 const _hoisted_3$u = { class: "modal-title" };
 const _hoisted_4$h = { class: "modal-footer mt-3" };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -19202,16 +19344,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "footer")
           ])
         ])
-      ], 42, _hoisted_1$C);
+      ], 42, _hoisted_1$B);
     };
   }
 });
-const Modal = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$G
-}, Symbol.toStringTag, { value: "Module" }));
 const _withScopeId$2 = (n) => (pushScopeId("data-v-f7af54ed"), n = n(), popScopeId(), n);
-const _hoisted_1$B = { class: "bar-chart" };
+const _hoisted_1$A = { class: "bar-chart" };
 const _hoisted_2$w = {
   key: 0,
   class: "group-wrap"
@@ -19225,7 +19363,7 @@ const _hoisted_5$d = { class: "bar-txt" };
 const _hoisted_6$a = { class: "factor" };
 const _hoisted_7$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createBaseVNode("div", { class: "red-bar" }, null, -1));
 const _hoisted_8$5 = { class: "bar-lines" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "BarChart",
   props: {
     title: {},
@@ -19275,7 +19413,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const percent = (val) => val / maxValue.value * 100;
     const floodPercent = computed(() => `${props2.flood}%`);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(dataArray.value, (item, i) => {
           return openBlock(), createElementBlock("div", {
             class: "graph-wrap",
@@ -19326,15 +19464,15 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-f7af54ed"]]);
+const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-f7af54ed"]]);
 const BarChart$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: BarChart
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$A = { class: "dropdown-title" };
+const _hoisted_1$z = { class: "dropdown-title" };
 const _hoisted_2$v = { class: "dropdown-body" };
 const _hoisted_3$s = ["onClick"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -19360,7 +19498,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        createBaseVNode("div", _hoisted_1$A, [
+        createBaseVNode("div", _hoisted_1$z, [
           createTextVNode(toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
           createVNode(unref(MaterialIcon), { icon: "keyboard_arrow_down" })
         ]),
@@ -19378,51 +19516,9 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 const DropDown = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$E
+  default: _sfc_main$D
 }, Symbol.toStringTag, { value: "Module" }));
-let timeout;
-const debounce = (fn, delay = 500) => {
-  clearTimeout(timeout);
-  timeout = setTimeout(fn, delay);
-};
-const keyToLabel = (key) => key.split("_").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ");
-function computeFields(modelValue) {
-  const fields = [];
-  for (const key of Object.keys(modelValue)) {
-    const field = {
-      label: keyToLabel(key),
-      id: key,
-      inputType: "PlainText"
-    };
-    if (typeof modelValue[key] === "string")
-      field.inputType = "PlainText";
-    if (typeof modelValue[key] === "number")
-      field.inputType = "NumberInput";
-    if (modelValue[key] === true || modelValue[key] === false)
-      field.inputType = "CheckInput";
-    if (modelValue[key] instanceof Date || !Number.isNaN(Date.parse(modelValue[key])))
-      field.inputType = "DateInput";
-    fields.push(field);
-  }
-  return fields;
-}
-const copyText = async (text2, cb) => {
-  await navigator.clipboard.writeText(text2);
-  if (cb)
-    cb("Copied to clipboard");
-};
-const useFormkit = () => {
-  const formkit = inject("FormKitConfig");
-  return formkit;
-};
-const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
-const parseLocale = (str, $t = (_str) => _str) => {
-  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
-  if (!w)
-    return str;
-  return $t(w);
-};
-const _hoisted_1$z = { class: "card list-view grid thin" };
+const _hoisted_1$y = { class: "card list-view grid thin" };
 const _hoisted_2$u = { class: "list-header flex gap-3 align-items-top" };
 const _hoisted_3$r = {
   key: 0,
@@ -19430,7 +19526,7 @@ const _hoisted_3$r = {
 };
 const _hoisted_4$f = ["placeholder"];
 const _hoisted_5$c = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -19447,7 +19543,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createBaseVNode("div", _hoisted_2$u, [
           _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
             withDirectives(createBaseVNode("input", {
@@ -19478,11 +19574,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 const ListView = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$D
+  default: _sfc_main$C
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$y = { class: "txt16 no-margin" };
+const _hoisted_1$x = { class: "txt16 no-margin" };
 const _hoisted_2$t = { class: "txt14 no-margin txtgray" };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -19494,7 +19590,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         class: "list-item ellipsis"
       }, {
         default: withCtx(() => [
-          createBaseVNode("p", _hoisted_1$y, [
+          createBaseVNode("p", _hoisted_1$x, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createBaseVNode("p", _hoisted_2$t, [
@@ -19508,13 +19604,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 const ListItem = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$C
+  default: _sfc_main$B
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$x = { class: "h-100 grid list-view gap-3" };
+const _hoisted_1$w = { class: "h-100 grid list-view gap-3" };
 const _hoisted_2$s = { class: "card tabs-top" };
 const _hoisted_3$q = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_4$e = ["onClick"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -19542,7 +19638,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       activeTab.value = firstTab;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createBaseVNode("div", _hoisted_2$s, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
           createBaseVNode("div", _hoisted_3$q, [
@@ -19569,12 +19665,12 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4ac29f1d"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-4ac29f1d"]]);
 const TabbedLayout$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TabbedLayout
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$w = { class: "comments-wrap" };
+const _hoisted_1$v = { class: "comments-wrap" };
 const _hoisted_2$r = { class: "comment-list" };
 const _hoisted_3$p = { class: "comment-top" };
 const _hoisted_4$d = { class: "comment-owner" };
@@ -19582,7 +19678,7 @@ const _hoisted_5$b = { class: "comment-time" };
 const _hoisted_6$9 = { class: "comment-actions" };
 const _hoisted_7$7 = ["innerHTML"];
 const _hoisted_8$4 = { class: "new-comment" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -19627,7 +19723,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createBaseVNode("div", _hoisted_2$r, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(comments), (comment) => {
             var _a, _b, _c;
@@ -19696,14 +19792,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-36ddbe63"]]);
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-10f58b91"]]);
 const Comments$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Comments
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$v = { class: "page-top" };
+const _hoisted_1$u = { class: "page-top" };
 const _hoisted_2$q = { class: "top-title" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -19713,7 +19809,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createBaseVNode("h1", _hoisted_2$q, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -19724,12 +19820,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 });
 const PageTitle = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$z
+  default: _sfc_main$y
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$u = ["onKeydown"];
+const _hoisted_1$t = ["onKeydown"];
 const _hoisted_2$p = { class: "tool-bar" };
 const _hoisted_3$o = { class: "modal-title" };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -19809,19 +19905,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             schema: computedFormSchema.value
           }, null, 8, ["onDelete", "modelValue", "schema"])
         ])
-      ], 42, _hoisted_1$u);
+      ], 42, _hoisted_1$t);
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-25f14815"]]);
-const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ModalForm
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$t = ["title"];
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d04a51e8"]]);
+const _hoisted_1$s = ["title"];
 const _hoisted_2$o = ["for"];
 const _hoisted_3$n = ["id", "placeholder", "required", "pattern"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -19874,15 +19966,15 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             [vModelText, unref(inputVal)]
           ])
         ], 8, _hoisted_2$o)
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$s);
     };
   }
 });
 const TextInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$x
+  default: _sfc_main$w
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$s = {
+const _hoisted_1$r = {
   key: 0,
   class: "data"
 };
@@ -19894,7 +19986,7 @@ const _hoisted_3$m = { class: "key" };
 const _hoisted_4$c = { key: 1 };
 const _hoisted_5$a = { class: "key" };
 const _hoisted_6$8 = { class: "vlue" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: {
     data: {},
@@ -19906,7 +19998,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
     return (_ctx, _cache) => {
       var _a;
-      return _ctx.data ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return _ctx.data ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
         _ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_2$n, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema || [], (field) => {
           return openBlock(), createElementBlock("div", {
@@ -19940,12 +20032,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-eadd1885"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f006fc35"]]);
 const DataPreview$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DataPreview
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
@@ -20018,14 +20110,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = { class: "table-list-wrap h-100" };
+const _hoisted_1$q = { class: "table-list-wrap h-100" };
 const _hoisted_2$m = { class: "infinite-wrapper" };
 const _hoisted_3$l = { class: "row first-row" };
 const _hoisted_4$b = ["onClick"];
 const _hoisted_5$9 = { class: "flex" };
 const _hoisted_6$7 = ["onClick"];
 const _hoisted_7$6 = { key: 1 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -20072,7 +20164,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createBaseVNode("table", _hoisted_2$m, [
           createBaseVNode("thead", _hoisted_3$l, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(columns.value, (field) => {
@@ -20138,24 +20230,24 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-31ab7183"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-5c5ba615"]]);
 const TableSchema$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TableSchema
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$t = {};
-const _hoisted_1$q = { class: "flex space-between" };
+const _sfc_main$s = {};
+const _hoisted_1$p = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$q, [
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$1]]);
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$1]]);
 const TopBar$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TopBar
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$s = {};
+const _sfc_main$r = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -20177,13 +20269,13 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render]]);
 const RouterWrapper$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: RouterWrapper
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$p = { class: "card h-100 thin" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$o = { class: "card h-100 thin" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -20213,7 +20305,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createVNode(unref(TableSchema$1), {
           schema: schema2,
           data: unref(data)
@@ -20224,57 +20316,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 });
 const ContactSubmissions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$r
+  default: _sfc_main$q
 }, Symbol.toStringTag, { value: "Module" }));
-const ModalSymbol = Symbol("modal");
-const useModal = () => {
-  const modalApi = inject(ModalSymbol);
-  if (!modalApi)
-    throw new Error("Modal API not provided");
-  return modalApi;
-};
-const ModalPlugin = {
-  install: (app) => {
-    const modalStack = ref([]);
-    const showModal = (isForm, options, slots = {}) => {
-      modalStack.value.push({
-        modalOptions: options,
-        isModalForm: isForm,
-        componentSlots: slots
-      });
-    };
-    const hideModal = (index2) => {
-      modalStack.value.splice(index2, 1);
-    };
-    app.provide(ModalSymbol, {
-      modalForm: (options, slots) => showModal(true, options, slots),
-      showModal: (options, slots) => showModal(false, options, slots),
-      hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
-      // modalOptions,
-    });
-    const ModalComponent = /* @__PURE__ */ defineComponent({
-      data() {
-        return {
-          modalStack
-        };
-      },
-      render() {
-        return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm$1 : Modal;
-          return h(
-            renderComponent,
-            {
-              ...modal.modalOptions,
-              "onUpdate:isModalVisible": () => hideModal(index2)
-            },
-            modal.componentSlots
-          );
-        });
-      }
-    });
-    app.component("ModalContainer", ModalComponent);
-  }
-};
 const explicitKeys = [
   "__key",
   "__init",
@@ -21530,8 +21573,8 @@ function createInput(schemaOrComponent, definitionOptions = {}) {
   }
   return definition;
 }
-const _hoisted_1$o = { class: "primary-checkbox" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = { class: "primary-checkbox" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     modelValue: Boolean
@@ -21555,7 +21598,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       (v) => emits("update:modelValue", v)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$o, [
+      return openBlock(), createElementBlock("label", _hoisted_1$n, [
         withDirectives(createBaseVNode("input", {
           type: "checkbox",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(val) ? val.value = $event : val = $event)
@@ -21569,8 +21612,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-b85dbec6"]]);
-const _hoisted_1$n = { class: "bagel-input" };
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-5f3ff6ea"]]);
+const _hoisted_1$m = { class: "bagel-input" };
 const _hoisted_2$l = { class: "mt-1" };
 const _hoisted_3$k = {
   key: 0,
@@ -21580,7 +21623,7 @@ const _hoisted_4$a = { class: "txt14" };
 const _hoisted_5$8 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$6 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_7$5 = ["onUpdate:modelValue", "placeholder"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "ContactArrayFormKit",
   props: {
     context: {},
@@ -21628,7 +21671,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         createBaseVNode("div", _hoisted_2$l, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (contact, i) => {
             var _a, _b;
@@ -21715,8 +21758,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3ab41ef8"]]);
-const _hoisted_1$m = { class: "bagel-input" };
+const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-438c5b36"]]);
+const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$k = { class: "mt-1" };
 const _hoisted_3$j = {
   key: 0,
@@ -21731,7 +21774,7 @@ const _hoisted_9$3 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_10$2 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_11$1 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_12$1 = { class: "bglform-address-del" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "AddressArray",
   props: {
     context: {},
@@ -21785,7 +21828,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createBaseVNode("div", _hoisted_2$k, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (address, i) => {
             return openBlock(), createElementBlock("div", {
@@ -21888,8 +21931,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-c08347ee"]]);
-const _hoisted_1$l = { class: "bagel-input" };
+const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0ec6633e"]]);
+const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$j = { class: "mt-1" };
 const _hoisted_3$i = {
   key: 0,
@@ -21909,7 +21952,7 @@ const _hoisted_14 = ["onUpdate:modelValue"];
 const _hoisted_15 = ["onUpdate:modelValue"];
 const _hoisted_16 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_17 = { class: "bglform-address-del" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BankDetailsArray",
   props: {
     context: {},
@@ -21957,7 +22000,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createBaseVNode("div", _hoisted_2$j, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (bank_account, i) => {
             return openBlock(), createElementBlock("div", {
@@ -22094,9 +22137,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-4602df64"]]);
-const _hoisted_1$k = { class: "misc-wrap" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const BankDetailsArray$1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-277091e1"]]);
+const B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: BankDetailsArray$1
+}, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$j = { class: "misc-wrap" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "MiscFields",
   props: {
     context: {},
@@ -22113,7 +22160,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       console.log(fields.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(fields.value.filter(
           (field) => {
             var _a;
@@ -22141,13 +22188,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-6bad8515"]]);
+const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-bac6c2ee"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d12598ff"), n = n(), popScopeId(), n);
-const _hoisted_1$j = ["title"];
+const _hoisted_1$i = ["title"];
 const _hoisted_2$i = { class: "switch" };
 const _hoisted_3$h = ["id"];
 const _hoisted_4$7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createBaseVNode("span", { class: "slider round" }, null, -1));
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     context: Object
@@ -22185,12 +22232,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           ]),
           _hoisted_4$7
         ])
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-d12598ff"]]);
-const _hoisted_1$i = { class: "files-wrapper flex" };
+const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-d12598ff"]]);
+const _hoisted_1$h = { class: "files-wrapper flex" };
 const _hoisted_2$h = ["onDrop"];
 const _hoisted_3$g = {
   key: 0,
@@ -22205,7 +22252,7 @@ const _hoisted_8$1 = {
   class: "progress"
 };
 const _hoisted_9$1 = ["multiple"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FileUploader",
   props: {
     context: {},
@@ -22330,7 +22377,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createBaseVNode("div", {
           ref_key: "dropZoneEl",
           ref: dropZoneEl,
@@ -22407,7 +22454,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$g = {
   key: 0,
   class: "person-card-edit flex gap-2"
 };
@@ -22429,7 +22476,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = { key: 0 };
 const _hoisted_10 = { key: 1 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "PersonPreviewFormkit",
   props: {
     context: {},
@@ -22460,7 +22507,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
           !_ctx.$route.path.match("/search") ? (openBlock(), createBlock(unref(Btn$1), {
             key: 0,
             onClick: unref(hideModal),
@@ -22509,7 +22556,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "TextVariableExamples",
   props: {
     context: Object
@@ -22598,19 +22645,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const ContactArray = createInput(ContactArrayFormKit);
 const Address = createInput(AddressArray);
-const BankDetails = createInput(BankDetailsArray);
+const BankDetailsArray = createInput(B);
 const MiscFields = createInput(MiscFieldsBtns);
 const ToggleSwitch = createInput(Toggle);
-const FileUpload = createInput(_sfc_main$k);
-const TextVariables = createInput(_sfc_main$i);
-const PersonPreview = createInput(_sfc_main$j);
-const _withScopeId = (n) => (pushScopeId("data-v-6a5478c3"), n = n(), popScopeId(), n);
-const _hoisted_1$g = ["title"];
+const FileUpload = createInput(_sfc_main$j);
+const TextVariables = createInput(_sfc_main$h);
+const PersonPreview = createInput(_sfc_main$i);
+const _withScopeId = (n) => (pushScopeId("data-v-69f0d857"), n = n(), popScopeId(), n);
+const _hoisted_1$f = ["title"];
 const _hoisted_2$f = ["for"];
 const _hoisted_3$e = { class: "switch" };
 const _hoisted_4$4 = ["id"];
 const _hoisted_5$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("span", { class: "slider round" }, null, -1));
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: {
     field: {},
@@ -22655,21 +22702,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ]),
           _hoisted_5$3
         ])
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6a5478c3"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-69f0d857"]]);
 const CheckInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: CheckInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$f = ["title"];
+const _hoisted_1$e = ["title"];
 const _hoisted_2$e = { key: 0 };
 const _hoisted_3$d = { class: "flex gap-3" };
 const _hoisted_4$3 = ["value", "placeholder"];
 const _hoisted_5$2 = { class: "currency" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CurrencyInput",
   props: {
     field: {},
@@ -22781,19 +22828,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           }, null, 42, _hoisted_4$3),
           createBaseVNode("p", _hoisted_5$2, toDisplayString(((_a = currencies.find((c) => c.symbol === _ctx.field.currency)) == null ? void 0 : _a.character) || _ctx.field.currency), 1)
         ])
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$e);
     };
   }
 });
-const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4cb01bfc"]]);
+const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-17a56a3f"]]);
 const CurrencyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: CurrencyInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$e = ["title"];
+const _hoisted_1$d = ["title"];
 const _hoisted_2$d = { key: 0 };
 const _hoisted_3$c = ["placeholder", "disabled"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     field: {},
@@ -22827,19 +22874,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }, null, 40, _hoisted_3$c), [
           [vModelText, date.value]
         ])
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d725a376"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-782aee7f"]]);
 const DateInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DateInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$d = ["title"];
+const _hoisted_1$c = ["title"];
 const _hoisted_2$c = { key: 0 };
 const _hoisted_3$b = ["value", "placeholder"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "DatetimeInput",
   props: {
     description: { default: "" },
@@ -22875,18 +22922,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           class: normalizeClass({ "no-edit": !_ctx.editMode })
         }, null, 42, _hoisted_3$b)
-      ], 10, _hoisted_1$d);
+      ], 10, _hoisted_1$c);
     };
   }
 });
 const DatetimeInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$e
+  default: _sfc_main$d
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$c = ["title"];
+const _hoisted_1$b = ["title"];
 const _hoisted_2$b = { key: 0 };
 const _hoisted_3$a = ["value", "placeholder"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "EmailInput",
   props: {
     description: { default: "" },
@@ -22920,19 +22967,19 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
         }, null, 42, _hoisted_3$a)
-      ], 10, _hoisted_1$c);
+      ], 10, _hoisted_1$b);
     };
   }
 });
-const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ed81a514"]]);
+const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ed81a514"]]);
 const EmailInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: EmailInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$b = ["title"];
+const _hoisted_1$a = ["title"];
 const _hoisted_2$a = { key: 0 };
 const _hoisted_3$9 = ["value", "placeholder"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FloatInput",
   props: {
     description: { default: "" },
@@ -22969,18 +23016,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
         }, null, 42, _hoisted_3$9)
-      ], 10, _hoisted_1$b);
+      ], 10, _hoisted_1$a);
     };
   }
 });
 const FloatInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$c
+  default: _sfc_main$b
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$a = ["title"];
+const _hoisted_1$9 = ["title"];
 const _hoisted_2$9 = { key: 0 };
 const _hoisted_3$8 = ["value", "placeholder"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "IntInput",
   props: {
     description: { default: "" },
@@ -23017,18 +23064,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
         }, null, 42, _hoisted_3$8)
-      ], 10, _hoisted_1$a);
+      ], 10, _hoisted_1$9);
     };
   }
 });
 const IntInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$b
+  default: _sfc_main$a
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$9 = ["title"];
+const _hoisted_1$8 = ["title"];
 const _hoisted_2$8 = { key: 0 };
 const _hoisted_3$7 = ["value", "placeholder"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -23060,36 +23107,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
         }, null, 42, _hoisted_3$7)
-      ], 10, _hoisted_1$9);
+      ], 10, _hoisted_1$8);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1fc4f739"]]);
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1fc4f739"]]);
 const JSONInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JSONInput
 }, Symbol.toStringTag, { value: "Module" }));
-function formatString(str, format) {
-  if (format === "titleCase") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
-  }
-  if (format === "pascal") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
-  }
-  if (format === "camel") {
-    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
-  }
-  if (format === "snake") {
-    return str.split("").map((letter) => {
-      if (letter === letter.toUpperCase()) {
-        return `_${letter.toLowerCase()}`;
-      }
-      return letter;
-    }).join("");
-  }
-  return str;
-}
-const _hoisted_1$8 = ["title"];
+const _hoisted_1$7 = ["title"];
 const _hoisted_2$7 = { key: 0 };
 const _hoisted_3$6 = ["onKeydown", "disabled"];
 const _hoisted_4$2 = ["onClick"];
@@ -23102,7 +23129,7 @@ const _hoisted_6$1 = {
   class: "option-label"
 };
 const _hoisted_7 = { class: "option-description" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "LinkField",
   props: {
     description: { default: "" },
@@ -23118,9 +23145,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "selected"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "6a2190dd": left.value,
-      "2c26b862": `${top.value}px`,
-      "4aa550a0": width.value
+      "db4af1b6": left.value,
+      "25d5c417": `${top.value}px`,
+      "8cd9ab30": width.value
     }));
     const props2 = __props;
     const showList = ref(false);
@@ -23268,20 +23295,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ], 2)
           ]))
         ], 2)
-      ], 10, _hoisted_1$8);
+      ], 10, _hoisted_1$7);
     };
   }
 });
-const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-81840a60"]]);
+const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-947beb38"]]);
 const LinkField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: LinkField
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$7 = ["title"];
+const _hoisted_1$6 = ["title"];
 const _hoisted_2$6 = { key: 0 };
 const _hoisted_3$5 = { class: "password-input-wrap" };
 const _hoisted_4$1 = ["value", "type", "placeholder"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PasswordInput",
   props: {
     description: { default: "" },
@@ -23331,19 +23358,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             onMousedown: toggleInputType
           }, " visibility ", 32)
         ])
-      ], 10, _hoisted_1$7);
+      ], 10, _hoisted_1$6);
     };
   }
 });
-const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-eec3e237"]]);
+const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-eec3e237"]]);
 const PasswordInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: PasswordInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$6 = ["title"];
+const _hoisted_1$5 = ["title"];
 const _hoisted_2$5 = ["for"];
 const _hoisted_3$4 = ["id", "type", "placeholder", "required", "pattern"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Password",
   props: {
     field: {},
@@ -23388,21 +23415,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ])
         ], 8, _hoisted_2$5),
         createVNode(unref(MaterialIcon), {
-          onClick: _cache[1] || (_cache[1] = ($event) => showPassword()),
+          onClick: showPassword,
           icon: unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
-      ], 10, _hoisted_1$6)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$5)) : createCommentVNode("", true);
     };
   }
 });
-const Password = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c0d14aa1"]]);
+const Password = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-800f4000"]]);
 const Password$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Password
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$5 = ["title"];
+const _hoisted_1$4 = ["title"];
 const _hoisted_2$4 = { key: 0 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ReadOnlyInput",
   props: {
     field: {},
@@ -23417,30 +23444,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.field.label ? (openBlock(), createElementBlock("label", _hoisted_2$4, toDisplayString(_ctx.field.label), 1)) : createCommentVNode("", true),
         createTextVNode(" " + toDisplayString(_ctx.modelValue), 1)
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1$4);
     };
   }
 });
-const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-92851182"]]);
+const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b3b5a368"]]);
 const ReadOnlyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ReadOnlyInput
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$4 = { ref: "el" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "LangText",
-  props: {
-    input: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment$1, null, [
-        createBaseVNode("span", _hoisted_1$4, null, 512),
-        createTextVNode(" " + toDisplayString(_ctx.input) + " ", 1)
-      ], 64);
-    };
-  }
-});
 const _hoisted_1$3 = ["title"];
 const _hoisted_2$3 = ["onClick"];
 const _hoisted_3$3 = ["onClick"];
@@ -23475,9 +23487,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "selected"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "81cee438": left.value,
-      "293d7f96": `${top.value}px`,
-      "2495fb89": width.value
+      "1c3856b2": left.value,
+      "62aaf5e4": `${top.value}px`,
+      "6b6f4c7b": width.value
     }));
     const selectEl = ref();
     const dropdown = ref();
@@ -23576,7 +23588,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           for: "label",
           class: normalizeClass({ active: showList.value })
         }, [
-          createVNode(_sfc_main$5, { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(LangText), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : createCommentVNode("", true),
         createBaseVNode("div", {
           class: normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -23588,7 +23600,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            createVNode(_sfc_main$5, { input: displayValue.value }, null, 8, ["input"])
+            createVNode(unref(LangText), { input: displayValue.value }, null, 8, ["input"])
           ], 10, _hoisted_2$3),
           (openBlock(), createBlock(Teleport, { to: "#app" }, [
             createBaseVNode("div", {
@@ -23601,7 +23613,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  createVNode(_sfc_main$5, {
+                  createVNode(unref(LangText), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_3$3);
@@ -23613,7 +23625,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0b2eccce"]]);
+const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-028ea61b"]]);
 const SelectField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: SelectField
@@ -26349,7 +26361,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c5cacca2"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b01223bc"]]);
 const TableField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TableField
@@ -26405,7 +26417,7 @@ const DurationInput = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
 }, Symbol.toStringTag, { value: "Module" }));
 exports.Address = Address;
 exports.BagelVue = BagelVue;
-exports.BankDetails = BankDetails;
+exports.BankDetailsArray = BankDetailsArray;
 exports.BarChart = BarChart$1;
 exports.Btn = Btn$1;
 exports.CheckInput = CheckInput$1;
@@ -26424,6 +26436,7 @@ exports.FloatInput = FloatInput;
 exports.FormSchema = FormSchema;
 exports.IntInput = IntInput;
 exports.JSONInput = JSONInput$1;
+exports.LangText = LangText;
 exports.LinkField = LinkField$1;
 exports.ListItem = ListItem;
 exports.ListView = ListView;
@@ -26453,6 +26466,7 @@ exports.bagelInjectionKey = bagelInjectionKey;
 exports.computeFields = computeFields;
 exports.copyText = copyText;
 exports.debounce = debounce;
+exports.formatString = formatString;
 exports.initials = initials;
 exports.keyToLabel = keyToLabel;
 exports.parseLocale = parseLocale;