@bagelink/vue 0.0.93 → 0.0.95

package/dist/index.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, 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) {
@@ -29,7 +29,7 @@ const remove = (arr, el) => {
 };
 const hasOwnProperty$2 = Object.prototype.hasOwnProperty;
 const hasOwn = (val, key) => hasOwnProperty$2.call(val, key);
-const isArray$1 = Array.isArray;
+const isArray$2 = Array.isArray;
 const isMap = (val) => toTypeString(val) === "[object Map]";
 const isSet = (val) => toTypeString(val) === "[object Set]";
 const isDate$1 = (val) => toTypeString(val) === "[object Date]";
@@ -95,7 +95,7 @@ const getGlobalThis = () => {
   return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
 };
 function normalizeStyle(value) {
-  if (isArray$1(value)) {
+  if (isArray$2(value)) {
     const res = {};
     for (let i = 0; i < value.length; i++) {
       const item = value[i];
@@ -128,7 +128,7 @@ function normalizeClass(value) {
   let res = "";
   if (isString$1(value)) {
     res = value;
-  } else if (isArray$1(value)) {
+  } else if (isArray$2(value)) {
     for (let i = 0; i < value.length; i++) {
       const normalized = normalizeClass(value[i]);
       if (normalized) {
@@ -166,8 +166,8 @@ function looseEqual(a, b) {
   if (aValidType || bValidType) {
     return a === b;
   }
-  aValidType = isArray$1(a);
-  bValidType = isArray$1(b);
+  aValidType = isArray$2(a);
+  bValidType = isArray$2(b);
   if (aValidType || bValidType) {
     return aValidType && bValidType ? looseCompareArrays(a, b) : false;
   }
@@ -196,7 +196,7 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 const toDisplayString = (val) => {
-  return isString$1(val) ? val : val == null ? "" : isArray$1(val) || isObject$2(val) && (val.toString === objectToString || !isFunction$1(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString$1(val) ? val : val == null ? "" : isArray$2(val) || isObject$2(val) && (val.toString === objectToString || !isFunction$1(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
   if (val && val.__v_isRef) {
@@ -212,7 +212,7 @@ const replacer = (_key, val) => {
     return {
       [`Set(${val.size})`]: [...val.values()]
     };
-  } else if (isObject$2(val) && !isArray$1(val) && !isPlainObject$1(val)) {
+  } else if (isObject$2(val) && !isArray$2(val) && !isPlainObject$1(val)) {
     return String(val);
   }
   return val;
@@ -391,7 +391,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
   let deps = [];
   if (type === "clear") {
     deps = [...depsMap.values()];
-  } else if (key === "length" && isArray$1(target)) {
+  } else if (key === "length" && isArray$2(target)) {
     const newLength = Number(newValue);
     depsMap.forEach((dep, key2) => {
       if (key2 === "length" || !isSymbol(key2) && key2 >= newLength) {
@@ -404,7 +404,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     }
     switch (type) {
       case "add":
-        if (!isArray$1(target)) {
+        if (!isArray$2(target)) {
           deps.push(depsMap.get(ITERATE_KEY));
           if (isMap(target)) {
             deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
@@ -414,7 +414,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         }
         break;
       case "delete":
-        if (!isArray$1(target)) {
+        if (!isArray$2(target)) {
           deps.push(depsMap.get(ITERATE_KEY));
           if (isMap(target)) {
             deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
@@ -452,7 +452,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
   }
 }
 function triggerEffects(dep, debuggerEventExtraInfo) {
-  const effects = isArray$1(dep) ? dep : [...dep];
+  const effects = isArray$2(dep) ? dep : [...dep];
   for (const effect2 of effects) {
     if (effect2.computed) {
       triggerEffect(effect2, debuggerEventExtraInfo);
@@ -528,7 +528,7 @@ class BaseReactiveHandler {
     } else if (key === "__v_raw" && receiver === (isReadonly2 ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) {
       return target;
     }
-    const targetIsArray = isArray$1(target);
+    const targetIsArray = isArray$2(target);
     if (!isReadonly2) {
       if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
         return Reflect.get(arrayInstrumentations, key, receiver);
@@ -570,12 +570,12 @@ class MutableReactiveHandler extends BaseReactiveHandler {
         oldValue = toRaw(oldValue);
         value = toRaw(value);
       }
-      if (!isArray$1(target) && isRef(oldValue) && !isRef(value)) {
+      if (!isArray$2(target) && isRef(oldValue) && !isRef(value)) {
         oldValue.value = value;
         return true;
       }
     }
-    const hadKey = isArray$1(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
+    const hadKey = isArray$2(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
     const result = Reflect.set(target, key, value, receiver);
     if (target === toRaw(receiver)) {
       if (!hadKey) {
@@ -606,7 +606,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
     track(
       target,
       "iterate",
-      isArray$1(target) ? "length" : ITERATE_KEY
+      isArray$2(target) ? "length" : ITERATE_KEY
     );
     return Reflect.ownKeys(target);
   }
@@ -1424,7 +1424,7 @@ function queueFlush() {
   }
 }
 function queuePostFlushCb(cb) {
-  if (!isArray$1(cb)) {
+  if (!isArray$2(cb)) {
     if (!activePostFlushCbs || !activePostFlushCbs.includes(
       cb,
       cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex
@@ -1734,7 +1734,7 @@ function resolve(registry2, name) {
 const isSuspense = (type) => type.__isSuspense;
 function queueEffectWithSuspense(fn, suspense) {
   if (suspense && suspense.pendingBranch) {
-    if (isArray$1(fn)) {
+    if (isArray$2(fn)) {
       suspense.effects.push(...fn);
     } else {
       suspense.effects.push(fn);
@@ -1743,6 +1743,9 @@ function queueEffectWithSuspense(fn, suspense) {
     queuePostFlushCb(fn);
   }
 }
+function watchEffect(effect2, options) {
+  return doWatch(effect2, null, options);
+}
 function watchPostEffect(effect2, options) {
   return doWatch(
     effect2,
@@ -1790,7 +1793,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
   } else if (isReactive(source)) {
     getter = () => source;
     deep = true;
-  } else if (isArray$1(source)) {
+  } else if (isArray$2(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
     getter = () => source.map((s) => {
@@ -1961,7 +1964,7 @@ function traverse(value, seen) {
   seen.add(value);
   if (isRef(value)) {
     traverse(value.value, seen);
-  } else if (isArray$1(value)) {
+  } else if (isArray$2(value)) {
     for (let i = 0; i < value.length; i++) {
       traverse(value[i], seen);
     }
@@ -2186,7 +2189,7 @@ function resolveTransitionHooks(vnode, props2, state, instance) {
   const callAsyncHook = (hook, args) => {
     const done = args[1];
     callHook2(hook, args);
-    if (isArray$1(hook)) {
+    if (isArray$2(hook)) {
       if (hook.every((hook2) => hook2.length <= 1))
         done();
     } else if (hook.length <= 1) {
@@ -2384,7 +2387,7 @@ const onUnmounted = createHook("um");
 function renderList(source, renderItem, cache, index2) {
   let ret;
   const cached2 = cache && cache[index2];
-  if (isArray$1(source) || isString$1(source)) {
+  if (isArray$2(source) || isString$1(source)) {
     ret = new Array(source.length);
     for (let i = 0, l = source.length; i < l; i++) {
       ret[i] = renderItem(source[i], i, void 0, cached2 && cached2[i]);
@@ -2643,7 +2646,7 @@ function getContext$1() {
   return i.setupContext || (i.setupContext = createSetupContext(i));
 }
 function normalizePropsOrEmits(props2) {
-  return isArray$1(props2) ? props2.reduce(
+  return isArray$2(props2) ? props2.reduce(
     (normalized, p) => (normalized[p] = null, normalized),
     {}
   ) : props2;
@@ -2749,7 +2752,7 @@ function mergeInject(to, from2) {
   return mergeObjectOptions(normalizeInject(to), normalizeInject(from2));
 }
 function normalizeInject(raw) {
-  if (isArray$1(raw)) {
+  if (isArray$2(raw)) {
     const res = {};
     for (let i = 0; i < raw.length; i++) {
       res[raw[i]] = raw[i];
@@ -2766,7 +2769,7 @@ function mergeObjectOptions(to, from2) {
 }
 function mergeEmitsOrPropsOptions(to, from2) {
   if (to) {
-    if (isArray$1(to) && isArray$1(from2)) {
+    if (isArray$2(to) && isArray$2(from2)) {
       return [.../* @__PURE__ */ new Set([...to, ...from2])];
     }
     return extend$4(
@@ -2809,7 +2812,7 @@ const queuePostRenderEffect = queueEffectWithSuspense;
 function traverseStaticChildren(n1, n2, shallow = false) {
   const ch1 = n1.children;
   const ch2 = n2.children;
-  if (isArray$1(ch1) && isArray$1(ch2)) {
+  if (isArray$2(ch1) && isArray$2(ch2)) {
     for (let i = 0; i < ch1.length; i++) {
       const c1 = ch1[i];
       let c2 = ch2[i];
@@ -3264,7 +3267,7 @@ function _createVNode(type, props2 = null, children = null, patchFlag = 0, dynam
       props2.class = normalizeClass(klass);
     }
     if (isObject$2(style)) {
-      if (isProxy(style) && !isArray$1(style)) {
+      if (isProxy(style) && !isArray$2(style)) {
         style = extend$4({}, style);
       }
       props2.style = normalizeStyle(style);
@@ -3309,11 +3312,11 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      mergeRef && ref3 ? isArray$1(ref3) ? ref3.concat(normalizeRef(extraProps)) : [ref3, normalizeRef(extraProps)] : normalizeRef(extraProps)
+      mergeRef && ref3 ? isArray$2(ref3) ? ref3.concat(normalizeRef(extraProps)) : [ref3, normalizeRef(extraProps)] : normalizeRef(extraProps)
     ) : ref3,
     scopeId: vnode.scopeId,
     slotScopeIds: vnode.slotScopeIds,
-    children: !!(process.env.NODE_ENV !== "production") && patchFlag === -1 && isArray$1(children) ? children.map(deepCloneVNode) : children,
+    children: !!(process.env.NODE_ENV !== "production") && patchFlag === -1 && isArray$2(children) ? children.map(deepCloneVNode) : children,
     target: vnode.target,
     targetAnchor: vnode.targetAnchor,
     staticCount: vnode.staticCount,
@@ -3345,7 +3348,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
 }
 function deepCloneVNode(vnode) {
   const cloned = cloneVNode(vnode);
-  if (isArray$1(vnode.children)) {
+  if (isArray$2(vnode.children)) {
     cloned.children = vnode.children.map(deepCloneVNode);
   }
   return cloned;
@@ -3364,7 +3367,7 @@ function normalizeChildren(vnode, children) {
   const { shapeFlag } = vnode;
   if (children == null) {
     children = null;
-  } else if (isArray$1(children)) {
+  } else if (isArray$2(children)) {
     type = 16;
   } else if (typeof children === "object") {
     if (shapeFlag & (1 | 64)) {
@@ -3418,7 +3421,7 @@ function mergeProps(...args) {
       } else if (isOn(key)) {
         const existing = ret[key];
         const incoming = toMerge[key];
-        if (incoming && existing !== incoming && !(isArray$1(existing) && existing.includes(incoming))) {
+        if (incoming && existing !== incoming && !(isArray$2(existing) && existing.includes(incoming))) {
           ret[key] = existing ? [].concat(existing, incoming) : incoming;
         }
       } else if (key !== "") {
@@ -3499,7 +3502,7 @@ function createSetupContext(instance) {
       if (exposed != null) {
         let exposedType = typeof exposed;
         if (exposedType === "object") {
-          if (isArray$1(exposed)) {
+          if (isArray$2(exposed)) {
             exposedType = "array";
           } else if (isRef(exposed)) {
             exposedType = "ref";
@@ -3590,7 +3593,7 @@ const computed = (getterOrOptions, debugOptions) => {
 function h(type, propsOrChildren, children) {
   const l = arguments.length;
   if (l === 2) {
-    if (isObject$2(propsOrChildren) && !isArray$1(propsOrChildren)) {
+    if (isObject$2(propsOrChildren) && !isArray$2(propsOrChildren)) {
       if (isVNode(propsOrChildren)) {
         return createVNode(type, null, [propsOrChildren]);
       }
@@ -3772,7 +3775,7 @@ function initCustomFormatter() {
   }
   function isKeyOfType(Comp, key, type) {
     const opts = Comp[type];
-    if (isArray$1(opts) && opts.includes(key) || isObject$2(opts) && key in opts) {
+    if (isArray$2(opts) && opts.includes(key) || isObject$2(opts) && key in opts) {
       return true;
     }
     if (Comp.extends && isKeyOfType(Comp.extends, key, type)) {
@@ -3826,14 +3829,14 @@ const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend$4(
   DOMTransitionPropsValidators
 );
 const callHook = (hook, args = []) => {
-  if (isArray$1(hook)) {
+  if (isArray$2(hook)) {
     hook.forEach((h2) => h2(...args));
   } else if (hook) {
     hook(...args);
   }
 };
 const hasExplicitCallback = (hook) => {
-  return hook ? isArray$1(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
+  return hook ? isArray$2(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
 };
 function resolveTransitionProps(rawProps) {
   const baseProps = {};
@@ -4251,7 +4254,7 @@ function hasCSSTransform(el, root, moveClass) {
 }
 const getModelAssigner = (vnode) => {
   const fn = vnode.props["onUpdate:modelValue"] || false;
-  return isArray$1(fn) ? (value) => invokeArrayFns(fn, value) : fn;
+  return isArray$2(fn) ? (value) => invokeArrayFns(fn, value) : fn;
 };
 function onCompositionStart(e) {
   e.target.composing = true;
@@ -4326,7 +4329,7 @@ const vModelCheckbox = {
       const elementValue = getValue(el);
       const checked = el.checked;
       const assign = el[assignKey];
-      if (isArray$1(modelValue)) {
+      if (isArray$2(modelValue)) {
         const index2 = looseIndexOf(modelValue, elementValue);
         const found2 = index2 !== -1;
         if (checked && !found2) {
@@ -4358,7 +4361,7 @@ const vModelCheckbox = {
 };
 function setChecked(el, { value, oldValue }, vnode) {
   el._modelValue = value;
-  if (isArray$1(value)) {
+  if (isArray$2(value)) {
     el.checked = looseIndexOf(value, vnode.props.value) > -1;
   } else if (isSet(value)) {
     el.checked = value.has(vnode.props.value);
@@ -4410,7 +4413,7 @@ const vModelSelect = {
 };
 function setSelected(el, value) {
   const isMultiple = el.multiple;
-  if (isMultiple && !isArray$1(value) && !isSet(value)) {
+  if (isMultiple && !isArray$2(value) && !isSet(value)) {
     !!(process.env.NODE_ENV !== "production") && warn$1(
       `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
     );
@@ -4420,7 +4423,7 @@ function setSelected(el, value) {
     const option2 = el.options[i];
     const optionValue = getValue(option2);
     if (isMultiple) {
-      if (isArray$1(value)) {
+      if (isArray$2(value)) {
         option2.selected = looseIndexOf(value, optionValue) > -1;
       } else {
         option2.selected = value.has(optionValue);
@@ -4551,7 +4554,7 @@ const kindOfTest = (type) => {
   return (thing) => kindOf(thing) === type;
 };
 const typeOfTest = (type) => (thing) => typeof thing === type;
-const { isArray } = Array;
+const { isArray: isArray$1 } = Array;
 const isUndefined = typeOfTest("undefined");
 function isBuffer(val) {
   return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && isFunction(val.constructor.isBuffer) && val.constructor.isBuffer(val);
@@ -4599,7 +4602,7 @@ function forEach(obj, fn, { allOwnKeys = false } = {}) {
   if (typeof obj !== "object") {
     obj = [obj];
   }
-  if (isArray(obj)) {
+  if (isArray$1(obj)) {
     for (i = 0, l = obj.length; i < l; i++) {
       fn.call(null, obj[i], i, obj);
     }
@@ -4641,7 +4644,7 @@ function merge() {
       result[targetKey] = merge(result[targetKey], val);
     } else if (isPlainObject(val)) {
       result[targetKey] = merge({}, val);
-    } else if (isArray(val)) {
+    } else if (isArray$1(val)) {
       result[targetKey] = val.slice();
     } else {
       result[targetKey] = val;
@@ -4710,7 +4713,7 @@ const endsWith = (str, searchString, position) => {
 const toArray = (thing) => {
   if (!thing)
     return null;
-  if (isArray(thing))
+  if (isArray$1(thing))
     return thing;
   let i = thing.length;
   if (!isNumber(i))
@@ -4792,10 +4795,10 @@ const toObjectSet = (arrayOrString, delimiter) => {
       obj[value] = true;
     });
   };
-  isArray(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
+  isArray$1(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
   return obj;
 };
-const noop = () => {
+const noop$1 = () => {
 };
 const toFiniteNumber = (value, defaultValue) => {
   value = +value;
@@ -4828,7 +4831,7 @@ const toJSONObject = (obj) => {
       }
       if (!("toJSON" in source)) {
         stack2[i] = source;
-        const target = isArray(source) ? [] : {};
+        const target = isArray$1(source) ? [] : {};
         forEach(source, (value, key) => {
           const reducedValue = visit(value, i + 1);
           !isUndefined(reducedValue) && (target[key] = reducedValue);
@@ -4844,7 +4847,7 @@ const toJSONObject = (obj) => {
 const isAsyncFn = kindOfTest("AsyncFunction");
 const isThenable = (thing) => thing && (isObject$1(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
 const utils$1 = {
-  isArray,
+  isArray: isArray$1,
   isArrayBuffer,
   isBuffer,
   isFormData,
@@ -4885,7 +4888,7 @@ const utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -6793,6 +6796,25 @@ const BagelVue = {
     app.provide(bagelInjectionKey, bagel);
   }
 };
+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 +18925,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 +19003,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 +19028,200 @@ 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);
+/*!
+  * vue-router v4.2.5
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+const isBrowser = typeof window !== "undefined";
+const noop = () => {
+};
+const isArray = Array.isArray;
+function isSameRouteRecord(a, b) {
+  return (a.aliasOf || a) === (b.aliasOf || b);
+}
+function isSameRouteLocationParams(a, b) {
+  if (Object.keys(a).length !== Object.keys(b).length)
+    return false;
+  for (const key in a) {
+    if (!isSameRouteLocationParamsValue(a[key], b[key]))
+      return false;
+  }
+  return true;
+}
+function isSameRouteLocationParamsValue(a, b) {
+  return isArray(a) ? isEquivalentArray(a, b) : isArray(b) ? isEquivalentArray(b, a) : a === b;
+}
+function isEquivalentArray(a, b) {
+  return isArray(b) ? a.length === b.length && a.every((value, i) => value === b[i]) : a.length === 1 && a[0] === b;
+}
+var NavigationType;
+(function(NavigationType2) {
+  NavigationType2["pop"] = "pop";
+  NavigationType2["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function(NavigationDirection2) {
+  NavigationDirection2["back"] = "back";
+  NavigationDirection2["forward"] = "forward";
+  NavigationDirection2["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var NavigationFailureType;
+(function(NavigationFailureType2) {
+  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const routerKey = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function useLink(props2) {
+  const router = inject(routerKey);
+  const currentRoute = inject(routeLocationKey);
+  const route = computed(() => router.resolve(unref(props2.to)));
+  const activeRecordIndex = computed(() => {
+    const { matched } = route.value;
+    const { length } = matched;
+    const routeMatched = matched[length - 1];
+    const currentMatched = currentRoute.matched;
+    if (!routeMatched || !currentMatched.length)
+      return -1;
+    const index2 = currentMatched.findIndex(isSameRouteRecord.bind(null, routeMatched));
+    if (index2 > -1)
+      return index2;
+    const parentRecordPath = getOriginalPath(matched[length - 2]);
+    return (
+      // we are dealing with nested routes
+      length > 1 && // if the parent and matched route have the same path, this link is
+      // referring to the empty child. Or we currently are on a different
+      // child of the same parent
+      getOriginalPath(routeMatched) === parentRecordPath && // avoid comparing the child with its parent
+      currentMatched[currentMatched.length - 1].path !== parentRecordPath ? currentMatched.findIndex(isSameRouteRecord.bind(null, matched[length - 2])) : index2
+    );
+  });
+  const isActive = computed(() => activeRecordIndex.value > -1 && includesParams(currentRoute.params, route.value.params));
+  const isExactActive = computed(() => activeRecordIndex.value > -1 && activeRecordIndex.value === currentRoute.matched.length - 1 && isSameRouteLocationParams(currentRoute.params, route.value.params));
+  function navigate(e = {}) {
+    if (guardEvent(e)) {
+      return router[unref(props2.replace) ? "replace" : "push"](
+        unref(props2.to)
+        // avoid uncaught errors are they are logged anyway
+      ).catch(noop);
+    }
+    return Promise.resolve();
+  }
+  if ((process.env.NODE_ENV !== "production" || false) && isBrowser) {
+    const instance = getCurrentInstance();
+    if (instance) {
+      const linkContextDevtools = {
+        route: route.value,
+        isActive: isActive.value,
+        isExactActive: isExactActive.value
+      };
+      instance.__vrl_devtools = instance.__vrl_devtools || [];
+      instance.__vrl_devtools.push(linkContextDevtools);
+      watchEffect(() => {
+        linkContextDevtools.route = route.value;
+        linkContextDevtools.isActive = isActive.value;
+        linkContextDevtools.isExactActive = isExactActive.value;
+      }, { flush: "post" });
+    }
+  }
+  return {
+    route,
+    href: computed(() => route.value.href),
+    isActive,
+    isExactActive,
+    navigate
+  };
+}
+const RouterLinkImpl = /* @__PURE__ */ defineComponent({
+  name: "RouterLink",
+  compatConfig: { MODE: 3 },
+  props: {
+    to: {
+      type: [String, Object],
+      required: true
+    },
+    replace: Boolean,
+    activeClass: String,
+    // inactiveClass: String,
+    exactActiveClass: String,
+    custom: Boolean,
+    ariaCurrentValue: {
+      type: String,
+      default: "page"
+    }
+  },
+  useLink,
+  setup(props2, { slots }) {
+    const link = reactive(useLink(props2));
+    const { options } = inject(routerKey);
+    const elClass = computed(() => ({
+      [getLinkClass(props2.activeClass, options.linkActiveClass, "router-link-active")]: link.isActive,
+      // [getLinkClass(
+      //   props.inactiveClass,
+      //   options.linkInactiveClass,
+      //   'router-link-inactive'
+      // )]: !link.isExactActive,
+      [getLinkClass(props2.exactActiveClass, options.linkExactActiveClass, "router-link-exact-active")]: link.isExactActive
+    }));
+    return () => {
+      const children = slots.default && slots.default(link);
+      return props2.custom ? children : h("a", {
+        "aria-current": link.isExactActive ? props2.ariaCurrentValue : null,
+        href: link.href,
+        // this would override user added attrs but Vue will still add
+        // the listener, so we end up triggering both
+        onClick: link.navigate,
+        class: elClass.value
+      }, children);
+    };
+  }
+});
+const RouterLink = RouterLinkImpl;
+function guardEvent(e) {
+  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)
+    return;
+  if (e.defaultPrevented)
+    return;
+  if (e.button !== void 0 && e.button !== 0)
+    return;
+  if (e.currentTarget && e.currentTarget.getAttribute) {
+    const target = e.currentTarget.getAttribute("target");
+    if (/\b_blank\b/i.test(target))
+      return;
+  }
+  if (e.preventDefault)
+    e.preventDefault();
+  return true;
+}
+function includesParams(outer2, inner2) {
+  for (const key in inner2) {
+    const innerValue = inner2[key];
+    const outerValue = outer2[key];
+    if (typeof innerValue === "string") {
+      if (innerValue !== outerValue)
+        return false;
+    } else {
+      if (!isArray(outerValue) || outerValue.length !== innerValue.length || innerValue.some((value, i) => value !== outerValue[i]))
+        return false;
+    }
+  }
+  return true;
+}
+function getOriginalPath(record) {
+  return record ? record.aliasOf ? record.aliasOf.path : record.path : "";
+}
+const getLinkClass = (propClass, globalClass, defaultClass) => propClass != null ? propClass : globalClass != null ? globalClass : defaultClass;
+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 +19229,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: {},
@@ -19029,7 +19240,6 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isOpen = ref(true);
     return (_ctx, _cache) => {
-      const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
       }, [
@@ -19046,7 +19256,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", _hoisted_4$i, [
             createBaseVNode("div", _hoisted_5$e, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
-                return openBlock(), createBlock(_component_RouterLink, {
+                return openBlock(), createBlock(unref(RouterLink), {
                   class: "nav-button",
                   to: link.to,
                   key: link.label
@@ -19070,9 +19280,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 +19290,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 +19326,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 +19353,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-aec5db19"]]);
 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 +19412,16 @@ 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
+  default: _sfc_main$F
 }, 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 +19435,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 +19485,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 +19536,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 +19570,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,8 +19588,28 @@ 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" }));
+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);
@@ -19422,7 +19652,7 @@ const parseLocale = (str, $t = (_str) => _str) => {
     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 +19660,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 +19677,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 +19708,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 +19724,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 +19738,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 +19772,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 +19799,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 +19812,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 +19857,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 +19926,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-7736e5b9"]]);
 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 +19943,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 +19954,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 +20039,19 @@ 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 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-58e23976"]]);
 const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ModalForm
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$t = ["title"];
+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 +20104,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 +20124,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 +20136,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 +20170,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-db194f6c"]]);
 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 +20248,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 +20302,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 +20368,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-cb4dabf7"]]);
 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 +20407,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 +20443,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,7 +20454,7 @@ 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 = () => {
@@ -21530,8 +21760,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 +21785,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 +21799,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-19e44daf"]]);
+const _hoisted_1$m = { class: "bagel-input" };
 const _hoisted_2$l = { class: "mt-1" };
 const _hoisted_3$k = {
   key: 0,
@@ -21580,7 +21810,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 +21858,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 +21945,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-c078d5ac"]]);
+const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$k = { class: "mt-1" };
 const _hoisted_3$j = {
   key: 0,
@@ -21731,7 +21961,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 +22015,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 +22118,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-f3464e6e"]]);
+const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$j = { class: "mt-1" };
 const _hoisted_3$i = {
   key: 0,
@@ -21909,7 +22139,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 +22187,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 +22324,9 @@ 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 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-962f5ddb"]]);
+const _hoisted_1$j = { class: "misc-wrap" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "MiscFields",
   props: {
     context: {},
@@ -22113,7 +22343,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 +22371,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-6f2d6ed0"]]);
 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 +22415,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 +22435,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 +22560,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 +22637,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 +22659,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 +22690,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 +22739,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "TextVariableExamples",
   props: {
     context: Object
@@ -22601,16 +22831,16 @@ const Address = createInput(AddressArray);
 const BankDetails = createInput(BankDetailsArray);
 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-590e33ed"), 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 +22885,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-590e33ed"]]);
 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 +23011,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-fb02d200"]]);
 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 +23057,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-e7f1b3f2"]]);
 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 +23105,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 +23150,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 +23199,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 +23247,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 +23290,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 +23312,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 +23328,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
+      "389c1e7f": left.value,
+      "858a201e": `${top.value}px`,
+      "48f70364": width.value
     }));
     const props2 = __props;
     const showList = ref(false);
@@ -23268,20 +23478,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-9ea2d30f"]]);
 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 +23541,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 +23598,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-ba45b5bf"]]);
 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 +23627,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-1f87e7f9"]]);
 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 +23670,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
+      "1a04bb0f": left.value,
+      "03803efe": `${top.value}px`,
+      "272f73be": width.value
     }));
     const selectEl = ref();
     const dropdown = ref();
@@ -23576,7 +23771,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 +23783,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 +23796,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 +23808,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-6e9ccd80"]]);
 const SelectField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: SelectField
@@ -26349,7 +26544,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-570a76ab"]]);
 const TableField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TableField
@@ -26424,6 +26619,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 +26649,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;