@bagelink/vue 0.0.168 → 0.0.170

package/dist/index.mjs

@@ -2244,17 +2244,26 @@ class Bagel {
   }
 }
 const bagelInjectionKey = Symbol("bagel");
+const i18nTInjectionKey = Symbol("bagel");
 function useBagel() {
   const bagel = inject(bagelInjectionKey);
   if (!bagel)
     throw new Error("No bagel provided");
   return bagel;
 }
+function useI18nT() {
+  const i18nT = inject(i18nTInjectionKey);
+  if (!i18nT)
+    throw new Error("No i18nT provided");
+  return i18nT;
+}
 const BagelVue = {
   install: (app, options) => {
     const bagel = new Bagel({ host: options.host, onError: options.onError });
     app.config.globalProperties.$bagel = bagel;
     app.provide(bagelInjectionKey, bagel);
+    app.config.globalProperties.$i18T = (options == null ? void 0 : options.i18nT) || ((key) => key);
+    app.provide(i18nTInjectionKey, (options == null ? void 0 : options.i18nT) || ((key) => key));
   }
 };
 const ModalSymbol = Symbol("modal");
@@ -2291,7 +2300,7 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$P;
+          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$O;
           return h(
             renderComponent,
             {
@@ -2367,8 +2376,8 @@ function useEscape(event, closeModel) {
     closeModel();
   }
 }
-const _hoisted_1$_ = { ref: "el" };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Z = { ref: "el" };
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2376,7 +2385,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        createElementVNode("span", _hoisted_1$_, null, 512),
+        createElementVNode("span", _hoisted_1$Z, null, 512),
         createTextVNode(" " + toDisplayString(_ctx.input) + " ", 1)
       ], 64);
     };
@@ -14492,8 +14501,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$Z = ["id"];
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Y = ["id"];
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14570,11 +14579,11 @@ const _sfc_main$T = /* @__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$Z);
+      }, null, 40, _hoisted_1$Y);
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14589,17 +14598,17 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Y = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
-const _hoisted_2$Q = [
-  _hoisted_1$Y
+const _hoisted_1$X = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
+const _hoisted_2$P = [
+  _hoisted_1$X
 ];
-const _hoisted_3$I = { class: "full-nav" };
-const _hoisted_4$r = { class: "nav-scroll" };
-const _hoisted_5$m = { class: "nav-links-wrapper" };
+const _hoisted_3$H = { class: "full-nav" };
+const _hoisted_4$q = { class: "nav-scroll" };
+const _hoisted_5$l = { class: "nav-links-wrapper" };
 const _hoisted_6$h = { class: "icon-font" };
 const _hoisted_7$c = { class: "tooltip" };
 const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14623,10 +14632,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$Q, 32),
-        createElementVNode("div", _hoisted_3$I, [
-          createElementVNode("div", _hoisted_4$r, [
-            createElementVNode("div", _hoisted_5$m, [
+        }, _hoisted_2$P, 32),
+        createElementVNode("div", _hoisted_3$H, [
+          createElementVNode("div", _hoisted_4$q, [
+            createElementVNode("div", _hoisted_5$l, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a = _ctx.links) == null ? void 0 : _a.call(_ctx), (link) => {
                 return openBlock(), createBlock(_component_RouterLink, {
                   class: "nav-button",
@@ -14650,15 +14659,15 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$W = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$P = {
+const _hoisted_2$O = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14694,8 +14703,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$X)) : (openBlock(), createElementBlock("div", _hoisted_2$P, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$S), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$W)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -14703,7 +14712,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             !unref(slots)["default"] && _ctx.value ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.value), 1)
             ], 64)) : createCommentVNode("", true),
-            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$S), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$R), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -14721,11 +14730,11 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8fe48560"]]);
-const _hoisted_1$W = { class: "tool-bar" };
-const _hoisted_2$O = { class: "modal-title" };
-const _hoisted_3$H = { class: "modal-footer mt-3" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-8fe48560"]]);
+const _hoisted_1$V = { class: "tool-bar" };
+const _hoisted_2$N = { class: "modal-title" };
+const _hoisted_3$G = { class: "modal-footer mt-3" };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14771,7 +14780,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_1$W, [
+          createElementVNode("header", _hoisted_1$V, [
             renderSlot(_ctx.$slots, "toolbar"),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14779,10 +14788,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$O, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$N, toDisplayString(_ctx.title), 1)
           ]),
           renderSlot(_ctx.$slots, "default"),
-          createElementVNode("footer", _hoisted_3$H, [
+          createElementVNode("footer", _hoisted_3$G, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
               return openBlock(), createBlock(unref(Btn), mergeProps({
                 key: i2,
@@ -14797,10 +14806,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$V = { class: "dropdown-title" };
-const _hoisted_2$N = { class: "dropdown-body" };
-const _hoisted_3$G = ["onClick"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$U = { class: "dropdown-title" };
+const _hoisted_2$M = { class: "dropdown-body" };
+const _hoisted_3$F = ["onClick"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -14826,31 +14835,31 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        createElementVNode("div", _hoisted_1$V, [
+        createElementVNode("div", _hoisted_1$U, [
           createTextVNode(toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
-          createVNode(unref(_sfc_main$S), { icon: "keyboard_arrow_down" })
+          createVNode(unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
         ]),
-        createElementVNode("div", _hoisted_2$N, [
+        createElementVNode("div", _hoisted_2$M, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.options, (option2, index2) => {
             return openBlock(), createElementBlock("p", {
               key: index2,
               onClick: withModifiers(($event) => selectOption(option2, index2), ["stop"])
-            }, toDisplayString(option2), 9, _hoisted_3$G);
+            }, toDisplayString(option2), 9, _hoisted_3$F);
           }), 128))
         ])
       ], 2);
     };
   }
 });
-const _hoisted_1$U = { class: "card list-view grid thin" };
-const _hoisted_2$M = { class: "list-header flex gap-3 align-items-top" };
-const _hoisted_3$F = {
+const _hoisted_1$T = { class: "card list-view grid thin" };
+const _hoisted_2$L = { class: "list-header flex gap-3 align-items-top" };
+const _hoisted_3$E = {
   key: 0,
   class: "bagel-input search-wrap"
 };
-const _hoisted_4$q = ["placeholder"];
-const _hoisted_5$l = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _hoisted_4$p = ["placeholder"];
+const _hoisted_5$k = { class: "list-content grid auto-flow-rows align-items-start" };
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -14866,17 +14875,17 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$U, [
-        createElementVNode("div", _hoisted_2$M, [
-          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        createElementVNode("div", _hoisted_2$L, [
+          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$E, [
             withDirectives(createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
               onInput: _cache[1] || (_cache[1] = ($event) => search())
-            }, null, 40, _hoisted_4$q), [
+            }, null, 40, _hoisted_4$p), [
               [vModelText, searchTerm.value]
             ]),
-            createVNode(unref(_sfc_main$S), {
+            createVNode(unref(_sfc_main$R), {
               class: "txtgray",
               icon: "search"
             })
@@ -14888,16 +14897,16 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_5$l, [
+        createElementVNode("div", _hoisted_5$k, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-const _hoisted_1$T = { class: "txt16 no-margin" };
-const _hoisted_2$L = { class: "txt14 no-margin txtgray" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_1$S = { class: "txt16 no-margin" };
+const _hoisted_2$K = { class: "txt14 no-margin txtgray" };
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -14909,10 +14918,10 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         class: "list-item ellipsis"
       }, {
         default: withCtx(() => [
-          createElementVNode("p", _hoisted_1$T, [
+          createElementVNode("p", _hoisted_1$S, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("p", _hoisted_2$L, [
+          createElementVNode("p", _hoisted_2$K, [
             renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -14921,11 +14930,11 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = { class: "h-100 grid list-view gap-3" };
-const _hoisted_2$K = { class: "card tabs-top" };
-const _hoisted_3$E = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_4$p = ["onClick"];
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _hoisted_1$R = { class: "h-100 grid list-view gap-3" };
+const _hoisted_2$J = { class: "card tabs-top" };
+const _hoisted_3$D = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_4$o = ["onClick"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -14953,10 +14962,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       activeTab.value = firstTab;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
-        createElementVNode("div", _hoisted_2$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+        createElementVNode("div", _hoisted_2$J, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          createElementVNode("div", _hoisted_3$E, [
+          createElementVNode("div", _hoisted_3$D, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass([{
@@ -14964,7 +14973,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, toDisplayString(tab), 11, _hoisted_4$p);
+              }, toDisplayString(tab), 11, _hoisted_4$o);
             }), 128))
           ])
         ]),
@@ -14980,16 +14989,16 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-3941cced"]]);
-const _hoisted_1$R = { class: "comments-wrap" };
-const _hoisted_2$J = { class: "comment-list" };
-const _hoisted_3$D = { class: "comment-top" };
-const _hoisted_4$o = { class: "comment-owner" };
-const _hoisted_5$k = { class: "comment-time" };
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-3941cced"]]);
+const _hoisted_1$Q = { class: "comments-wrap" };
+const _hoisted_2$I = { class: "comment-list" };
+const _hoisted_3$C = { class: "comment-top" };
+const _hoisted_4$n = { class: "comment-owner" };
+const _hoisted_5$j = { class: "comment-time" };
 const _hoisted_6$g = { class: "comment-actions" };
 const _hoisted_7$b = ["innerHTML"];
 const _hoisted_8$6 = { class: "new-comment" };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15032,8 +15041,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
-        createElementVNode("div", _hoisted_2$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        createElementVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(comments), (comment) => {
             var _a, _b, _c;
             return openBlock(), createElementBlock("div", {
@@ -15043,23 +15052,23 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              createElementVNode("div", _hoisted_3$D, [
-                createElementVNode("div", _hoisted_4$o, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
-                createElementVNode("div", _hoisted_5$k, toDisplayString(comment.updated_at.split("T")[0]), 1),
+              createElementVNode("div", _hoisted_3$C, [
+                createElementVNode("div", _hoisted_4$n, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
+                createElementVNode("div", _hoisted_5$j, toDisplayString(comment.updated_at.split("T")[0]), 1),
                 createElementVNode("div", _hoisted_6$g, [
-                  createVNode(unref(_sfc_main$S), {
+                  createVNode(unref(_sfc_main$R), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$S), {
+                  createVNode(unref(_sfc_main$R), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$S), {
+                  createVNode(unref(_sfc_main$R), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15067,7 +15076,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$T), {
+              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$S), {
                 key: 0,
                 modelValue: unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editComment).body_html = $event),
@@ -15081,7 +15090,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         createElementVNode("div", _hoisted_8$6, [
-          createVNode(unref(_sfc_main$T), {
+          createVNode(unref(_sfc_main$S), {
             class: "comment-input",
             modelValue: unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15101,10 +15110,10 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-2eead7c8"]]);
-const _hoisted_1$Q = { class: "page-top" };
-const _hoisted_2$I = { class: "top-title" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-2eead7c8"]]);
+const _hoisted_1$P = { class: "page-top" };
+const _hoisted_2$H = { class: "top-title" };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15114,8 +15123,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
-        createElementVNode("h1", _hoisted_2$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$P, [
+        createElementVNode("h1", _hoisted_2$H, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -15123,9 +15132,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$P = { class: "tool-bar" };
-const _hoisted_2$H = { class: "modal-title" };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _hoisted_1$O = { class: "tool-bar" };
+const _hoisted_2$G = { class: "modal-title" };
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -15198,7 +15207,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_1$P, [
+          createElementVNode("header", _hoisted_1$O, [
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15206,9 +15215,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$H, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$G, toDisplayString(_ctx.title), 1)
           ]),
-          createVNode(unref(_sfc_main$H), {
+          createVNode(unref(_sfc_main$G), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15220,31 +15229,31 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1799b7d0"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1799b7d0"]]);
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
     schema: {},
-    onDelete: {},
-    i18nT: { type: Function, default: (key) => key }
+    onDelete: { type: Function }
   },
   emits: ["update:modelValue", "submit"],
   setup(__props, { emit: __emit }) {
     const { showModal } = useModal();
+    const i18nT = useI18nT();
     const emits = __emit;
     const handleEmit = (val) => emits("update:modelValue", val);
     const runSubmit = (val) => emits("submit", val);
     const props2 = __props;
     const data2 = reactive({
       ...props2.modelValue,
-      t: (val) => props2.i18nT(val)
+      t: (val) => (i18nT == null ? void 0 : i18nT(val)) || val
     });
     const runDelete = () => {
       showModal(
         {
           class: "small-modal",
-          title: props2.i18nT("Are you sure?"),
+          title: i18nT("Are you sure?"),
           actions: [
             {
               value: "Confirm",
@@ -15257,7 +15266,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             { value: "Cancel", color: "gray" }
           ]
         },
-        { default: props2.i18nT("form.deleteMessage") }
+        { default: i18nT("form.deleteMessage") }
       );
     };
     return (_ctx, _cache) => {
@@ -15270,7 +15279,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           modelValue: _ctx.modelValue,
           "onUpdate:modelValue": handleEmit,
           onSubmit: runSubmit,
-          submitLabel: _ctx.i18nT("save")
+          submitLabel: unref(i18nT)("save")
         }, {
           default: withCtx(() => [
             createVNode(_component_FormKitSchema, {
@@ -15294,14 +15303,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = { class: "table-list-wrap h-100" };
-const _hoisted_2$G = { class: "infinite-wrapper" };
-const _hoisted_3$C = { class: "row first-row" };
-const _hoisted_4$n = ["onClick"];
-const _hoisted_5$j = { class: "flex" };
+const _hoisted_1$N = { class: "table-list-wrap h-100" };
+const _hoisted_2$F = { class: "infinite-wrapper" };
+const _hoisted_3$B = { class: "row first-row" };
+const _hoisted_4$m = ["onClick"];
+const _hoisted_5$i = { class: "flex" };
 const _hoisted_6$f = ["onClick"];
 const _hoisted_7$a = { key: 1 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15347,27 +15356,27 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$O, [
-        createElementVNode("table", _hoisted_2$G, [
-          createElementVNode("thead", _hoisted_3$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        createElementVNode("table", _hoisted_2$F, [
+          createElementVNode("thead", _hoisted_3$B, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(columns.value, (field) => {
               return openBlock(), createElementBlock("th", {
                 class: "col",
                 key: field.id,
                 onClick: ($event) => sort2(field.id)
               }, [
-                createElementVNode("div", _hoisted_5$j, [
+                createElementVNode("div", _hoisted_5$i, [
                   createTextVNode(toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
-                    createVNode(unref(_sfc_main$S), {
+                    createVNode(unref(_sfc_main$R), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$n);
+              ], 8, _hoisted_4$m);
             }), 128))
           ]),
           createElementVNode("tbody", {
@@ -15413,16 +15422,16 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-fb5b163a"]]);
-const _sfc_main$F = {};
-const _hoisted_1$N = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-fb5b163a"]]);
+const _sfc_main$E = {};
+const _hoisted_1$M = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$N, [
+  return openBlock(), createElementBlock("div", _hoisted_1$M, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$1]]);
-const _sfc_main$E = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
+const _sfc_main$D = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -15444,9 +15453,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
-const _hoisted_1$M = { class: "card h-100 thin" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
+const _hoisted_1$L = { class: "card h-100 thin" };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -15476,7 +15485,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
         createVNode(unref(TableSchema), {
           schema: schema2,
           data: unref(data2)
@@ -15485,14 +15494,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$K = {
   key: 0,
   class: "person-card-edit flex gap-2"
 };
-const _hoisted_2$F = { class: "person-card-icon-wrap" };
-const _hoisted_3$B = { class: "person-card-icon" };
-const _hoisted_4$m = { class: "person-card-name txt20" };
-const _hoisted_5$i = { class: "person-card-details-wrap" };
+const _hoisted_2$E = { class: "person-card-icon-wrap" };
+const _hoisted_3$A = { class: "person-card-icon" };
+const _hoisted_4$l = { class: "person-card-name txt20" };
+const _hoisted_5$h = { class: "person-card-details-wrap" };
 const _hoisted_6$e = {
   key: 0,
   class: "person-card-details"
@@ -15507,7 +15516,7 @@ const _hoisted_8$5 = {
 };
 const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "PersonPreview",
   props: {
     person: {},
@@ -15537,7 +15546,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
           !_ctx.$route.path.match("/search") ? (openBlock(), createBlock(unref(Btn), {
             key: 0,
             round: "",
@@ -15554,13 +15563,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             icon: "edit"
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$F, [
-          createElementVNode("p", _hoisted_3$B, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
-          createElementVNode("p", _hoisted_4$m, toDisplayString(_ctx.person.first_name) + " " + toDisplayString(_ctx.person.last_name), 1)
+        createElementVNode("div", _hoisted_2$E, [
+          createElementVNode("p", _hoisted_3$A, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
+          createElementVNode("p", _hoisted_4$l, toDisplayString(_ctx.person.first_name) + " " + toDisplayString(_ctx.person.last_name), 1)
         ]),
-        createElementVNode("div", _hoisted_5$i, [
+        createElementVNode("div", _hoisted_5$h, [
           ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_6$e, [
-            createVNode(unref(_sfc_main$S), { icon: "phone" }),
+            createVNode(unref(_sfc_main$R), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -15568,7 +15577,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
-            createVNode(unref(_sfc_main$S), { icon: "email" }),
+            createVNode(unref(_sfc_main$R), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -15576,7 +15585,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
-            createVNode(unref(_sfc_main$S), { icon: "badge" }),
+            createVNode(unref(_sfc_main$R), { icon: "badge" }),
             _ctx.person.date_of_birth ? (openBlock(), createElementBlock("p", _hoisted_9$3, toDisplayString(_ctx.person.date_of_birth), 1)) : createCommentVNode("", true),
             _ctx.person.gender ? (openBlock(), createElementBlock("p", _hoisted_10$3, toDisplayString(_ctx.person.gender), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -15585,38 +15594,38 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$J = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$E = {
+const _hoisted_2$D = {
   key: 0,
   class: "mb-3 mt-0"
 };
-const _hoisted_3$A = { class: "key" };
-const _hoisted_4$l = { key: 1 };
-const _hoisted_5$h = { class: "key" };
+const _hoisted_3$z = { class: "key" };
+const _hoisted_4$k = { key: 1 };
+const _hoisted_5$g = { class: "key" };
 const _hoisted_6$d = { class: "vlue" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: {
     data: {},
     schema: {},
-    title: {},
-    i18nT: { type: Function, default: (str) => str }
+    title: {}
   },
   setup(__props) {
+    const i18nT = useI18nT();
     const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
     return (_ctx, _cache) => {
       var _a;
-      return _ctx.data ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
-        _ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_2$E, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      return _ctx.data ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
+        _ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_2$D, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema || [], (field) => {
           return openBlock(), createElementBlock("div", {
             key: field.id,
             class: "data-row"
           }, [
-            createElementVNode("div", _hoisted_3$A, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
+            createElementVNode("div", _hoisted_3$z, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
             (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15625,7 +15634,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             }, 1024))
           ]);
         }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(_ctx.data).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
@@ -15633,7 +15642,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               class: "data-row",
               key
             }, [
-              createElementVNode("div", _hoisted_5$h, toDisplayString(_ctx.i18nT(unref(keyToLabel)(key))), 1),
+              createElementVNode("div", _hoisted_5$g, toDisplayString(unref(i18nT)(unref(keyToLabel)(key))), 1),
               createElementVNode("div", _hoisted_6$d, toDisplayString(value), 1)
             ]);
           }), 128))
@@ -15643,168 +15652,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-0350cc0c"]]);
-const _hoisted_1$J = { class: "files-wrapper flex" };
-const _hoisted_2$D = { class: "img-label" };
-const _hoisted_3$z = { class: "uploading-wrap" };
-const _hoisted_4$k = { class: "load-file-bar" };
-const _hoisted_5$g = ["multiple"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  __name: "FileUploader",
-  props: {
-    id: { default: "" },
-    private: { default: 0 },
-    singleFile: { type: Boolean },
-    beforeUpload: { type: Function, default: async () => {
-    } },
-    dragDropLabel: { default: "Drag and drop your files here" },
-    browseLabel: { default: "Browse" }
-  },
-  emits: ["complete", "done"],
-  setup(__props, { emit: __emit }) {
-    const bagel = useBagel();
-    const draggingOver = ref(false);
-    const dropCircle = ref();
-    const dropZoneEl = ref();
-    const fileInputEl = ref();
-    const circleTop = ref("0");
-    const circleLeft = ref("0");
-    const files = ref([]);
-    const props2 = __props;
-    function openFileDialog() {
-      var _a;
-      (_a = fileInputEl.value) == null ? void 0 : _a.click();
-    }
-    function onDragOver(e) {
-      var _a, _b;
-      if (!draggingOver.value)
-        return;
-      const parentEl2 = ((_b = (_a = dropZoneEl.value) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a)) || {
-        left: 0,
-        top: 0,
-        width: 0,
-        height: 0
-      };
-      const x2 = e.clientX - parentEl2.left;
-      const y2 = e.clientY - parentEl2.top;
-      circleLeft.value = `${x2}px`;
-      circleTop.value = `${y2}px`;
-      if (x2 < 0 || x2 > parentEl2.width || y2 < 0 || y2 > parentEl2.height) {
-        draggingOver.value = false;
-      }
-    }
-    function handleFileInput(e) {
-      const filesToAdd = e.target.files;
-      addFiles(filesToAdd);
-    }
-    function preventDefaults(e) {
-      e.preventDefault();
-    }
-    function hideCircle(e) {
-      console.log({ e });
-      draggingOver.value = false;
-    }
-    const events = ["dragenter", "dragover", "dragleave", "drop"];
-    onMounted(() => {
-      events.forEach((event) => {
-        document.addEventListener(event, preventDefaults);
-      });
-      document.addEventListener("dragover", onDragOver);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("dragover", onDragOver);
-      events.forEach((event) => {
-        document.removeEventListener(event, preventDefaults);
-      });
-    });
-    function addFiles(addedFiles) {
-      if (props2.singleFile && files.value.length > 1)
-        return;
-      for (let i2 = 0; i2 < addedFiles.length; i2++) {
-        files.value.push({
-          file: addedFiles[i2],
-          uid: Math.random().toString(36).substring(2, 9),
-          progress: "",
-          uploading: false
-        });
-      }
-      uploadFiles();
-    }
-    const emit2 = __emit;
-    function uploadFiles() {
-      files.value.forEach((item) => {
-        item.uploading = true;
-      });
-    }
-    async function onDrop(e) {
-      var _a;
-      hideCircle(e);
-      preventDefaults(e);
-      const filesToAdd = (_a = e.dataTransfer) == null ? void 0 : _a.files;
-      if (filesToAdd) {
-        addFiles(filesToAdd);
-        const file = await bagel.uploadFile(filesToAdd[0]);
-        emit2("complete", file);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
-        createElementVNode("div", {
-          ref_key: "dropZoneEl",
-          ref: dropZoneEl,
-          class: "drop-zone flex-grow",
-          onClick: openFileDialog,
-          onDragenter: _cache[0] || (_cache[0] = ($event) => draggingOver.value = true),
-          onDrop: withModifiers(onDrop, ["prevent", "stop"])
-        }, [
-          createVNode(Transition, { name: "pop" }, {
-            default: withCtx(() => [
-              draggingOver.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                ref_key: "dropCircle",
-                ref: dropCircle,
-                class: "drop-circle"
-              }, null, 512)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createElementVNode("div", _hoisted_2$D, [
-            createElementVNode("p", null, [
-              createTextVNode(toDisplayString(_ctx.dragDropLabel) + " ", 1),
-              createElementVNode("span", null, toDisplayString(_ctx.browseLabel), 1)
-            ])
-          ]),
-          createElementVNode("div", _hoisted_3$z, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(files.value, (item, index2) => {
-              return openBlock(), createElementBlock("div", {
-                class: normalizeClass({ uploading: item.uploading }),
-                key: index2
-              }, [
-                createElementVNode("div", _hoisted_4$k, [
-                  createElementVNode("p", null, toDisplayString(item.file.name), 1),
-                  createElementVNode("div", {
-                    class: "pie",
-                    style: normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
-                  }, [
-                    createElementVNode("span", null, toDisplayString(`${item.progress}`), 1)
-                  ], 4)
-                ])
-              ], 2);
-            }), 128))
-          ])
-        ], 544),
-        createElementVNode("input", {
-          class: "file-input",
-          type: "file",
-          onChange: handleFileInput,
-          ref_key: "fileInputEl",
-          ref: fileInputEl,
-          multiple: !_ctx.singleFile
-        }, null, 40, _hoisted_5$g)
-      ]);
-    };
-  }
-});
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-86e783b9"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-fe5af582"), n = n(), popScopeId(), n);
 const _hoisted_1$I = { class: "bar-chart" };
 const _hoisted_2$C = {
@@ -17212,7 +17060,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, unref(val)]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$S), { icon: "check" })
+          createVNode(unref(_sfc_main$R), { icon: "check" })
         ])
       ]);
     };
@@ -17903,6 +17751,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const fileInputEl = ref();
     const files = ref([]);
     const props2 = __props;
+    const computedDragDropLabel = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = props2 == null ? void 0 : props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.dragDropLabel) || (props2 == null ? void 0 : props2.dragDropLabel);
+    });
+    const computedDrowseLabel = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = props2 == null ? void 0 : props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.browseLabel) || (props2 == null ? void 0 : props2.browseLabel);
+    });
     const allowUpload = computed(() => {
       var _a;
       const tooManyFiles = !((_a = props2.context) == null ? void 0 : _a.attrs.multiple) && files.value.length > 0;
@@ -17927,9 +17783,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     function emitValue() {
       var _a, _b;
       if (!((_a = props2.context) == null ? void 0 : _a.attrs.multiple))
-        (_b = props2.context) == null ? void 0 : _b.node.input(files.value[0].serverFile);
-      else
-        alert("not implemented");
+        return (_b = props2.context) == null ? void 0 : _b.node.input(files.value[0].serverFile);
+      return alert("not implemented");
     }
     const isImg = (file) => {
       var _a, _b, _c, _d;
@@ -18035,8 +17890,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           }),
           allowUpload.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
             createElementVNode("p", null, [
-              createTextVNode(toDisplayString(_ctx.dragDropLabel) + " ", 1),
-              createElementVNode("span", null, toDisplayString(_ctx.browseLabel), 1)
+              createTextVNode(toDisplayString(computedDragDropLabel.value) + " ", 1),
+              createElementVNode("span", null, toDisplayString(computedDrowseLabel.value), 1)
             ])
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_3$t, [
@@ -18060,7 +17915,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
                       item.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(`${item.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$S), {
+                      createVNode(unref(_sfc_main$R), {
                         class: "success",
                         icon: "check"
                       })
@@ -18167,7 +18022,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_5$a, [
           ((_a = person.value.phone) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
-            createVNode(unref(_sfc_main$S), { icon: "phone" }),
+            createVNode(unref(_sfc_main$R), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -18175,7 +18030,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           ((_b = person.value.email) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-            createVNode(unref(_sfc_main$S), { icon: "email" }),
+            createVNode(unref(_sfc_main$R), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -18183,7 +18038,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           person.value.date_of_birth || person.value.gender ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            createVNode(unref(_sfc_main$S), { icon: "badge" }),
+            createVNode(unref(_sfc_main$R), { icon: "badge" }),
             person.value.date_of_birth ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(person.value.date_of_birth), 1)) : createCommentVNode("", true),
             person.value.gender ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(person.value.gender), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -18284,9 +18139,7 @@ const AddressInput = createInput(AddressArray);
 const BankDetailsInput = createInput(BankDetailsArray);
 const MiscFieldsInput = createInput(MiscFieldsBtns);
 const ToggleSwitchInput = createInput(Toggle);
-const FileUploadInput = createInput(_sfc_main$s, {
-  props: ["dragDropLabel", "browseLabel"]
-});
+const FileUploadInput = createInput(_sfc_main$s);
 const TextVariablesInput = createInput(_sfc_main$q);
 const PersonPreviewInput = createInput(_sfc_main$r);
 const _hoisted_1$z = {
@@ -18327,7 +18180,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(content.value) + " ", 1),
-            createVNode(unref(_sfc_main$S), { icon: "arrow_forward" })
+            createVNode(unref(_sfc_main$R), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(content.value), 1))
@@ -18390,7 +18243,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         createElementVNode("label", {
           for: unref(formatString)(_ctx.name, "pascal")
         }, [
-          createVNode(_sfc_main$U, {
+          createVNode(_sfc_main$T, {
             input: unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$v),
@@ -18431,7 +18284,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$6)) : createCommentVNode("", true),
         createElementVNode("div", null, [
-          createVNode(_sfc_main$U, { input: _ctx.errorMessage }, null, 8, ["input"])
+          createVNode(_sfc_main$T, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -19160,7 +19013,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             [vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
-        createVNode(unref(_sfc_main$S), {
+        createVNode(unref(_sfc_main$R), {
           onClick: showPassword,
           icon: unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19325,7 +19178,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           for: "label",
           class: normalizeClass({ active: showList.value })
         }, [
-          createVNode(unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19337,7 +19190,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            createVNode(unref(_sfc_main$U), { input: displayValue.value }, null, 8, ["input"])
+            createVNode(unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (openBlock(), createBlock(Teleport, { to: "#app" }, [
             createElementVNode("div", {
@@ -19350,7 +19203,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  createVNode(unref(_sfc_main$U), {
+                  createVNode(unref(_sfc_main$T), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$i);
@@ -22214,7 +22067,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$d, [
-          createVNode(unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         _ctx.showCharacterLimit ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString((_a = _ctx.modelValue) == null ? void 0 : _a.length) + " " + toDisplayString(((_b = _ctx.nativeInputAttrs) == null ? void 0 : _b.maxlength) ? `/${_ctx.nativeInputAttrs.maxlength}` : ""), 1)) : createCommentVNode("", true),
         createElementVNode("textarea", mergeProps({
@@ -28898,7 +28751,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$J), null, {
+        createVNode(unref(_sfc_main$I), null, {
           default: withCtx(() => [
             createTextVNode("Whatsapp Template")
           ]),
@@ -28907,7 +28760,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("div", _hoisted_4, [
-              createVNode(unref(_sfc_main$H), {
+              createVNode(unref(_sfc_main$G), {
                 schema: _ctx.whatsappTemplateSchema(),
                 modelValue: unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -28942,42 +28795,42 @@ export {
   _sfc_main$4 as ColorPicker,
   Comments,
   ContactArrayInput,
-  _sfc_main$D as ContactSubmissions,
+  _sfc_main$C as ContactSubmissions,
   CurrencyInput,
   DataPreview,
   DateInput,
   _sfc_main$j as DatetimeInput,
-  _sfc_main$O as DropDown,
+  _sfc_main$N as DropDown,
   _sfc_main$7 as DurationInput,
   _sfc_main$3 as DynamicLinkField,
   EmailInput,
   FileUploadInput,
-  _sfc_main$A as FileUploader,
+  _sfc_main$s as FileUploader,
   _sfc_main$h as FloatInput,
-  _sfc_main$H as FormSchema,
+  _sfc_main$G as FormSchema,
   _sfc_main$g as IntInput,
   _sfc_main$p as ItemRef,
   JSONInput,
-  _sfc_main$U as LangText,
+  _sfc_main$T as LangText,
   _sfc_main$1 as Lineart,
   LinkField,
-  _sfc_main$M as ListItem,
-  _sfc_main$N as ListView,
-  _sfc_main$S as MaterialIcon,
+  _sfc_main$L as ListItem,
+  _sfc_main$M as ListView,
+  _sfc_main$R as MaterialIcon,
   MiscFieldsInput,
-  _sfc_main$P as Modal,
+  _sfc_main$O as Modal,
   ModalForm,
   ModalPlugin,
   MsgTemplate,
-  _sfc_main$R as NavBar,
-  _sfc_main$J as PageTitle,
+  _sfc_main$Q as NavBar,
+  _sfc_main$I as PageTitle,
   Password,
   PasswordInput,
-  _sfc_main$C as PersonPreview,
+  _sfc_main$B as PersonPreview,
   PersonPreviewInput,
   _sfc_main$n as PlainInputField,
   PlainText,
-  _sfc_main$T as RTXEditor,
+  _sfc_main$S as RTXEditor,
   ReadOnlyInput,
   RichTextEditor,
   RouterWrapper,
@@ -28996,10 +28849,12 @@ export {
   copyText,
   debounce,
   formatString,
+  i18nTInjectionKey,
   initials,
   keyToLabel,
   useBagel,
   useEscape,
   useFormkit,
+  useI18nT,
   useModal
 };