@bagelink/vue 0.0.168 → 0.0.172

package/dist/index.cjs

@@ -2246,17 +2246,26 @@ class Bagel {
   }
 }
 const bagelInjectionKey = Symbol("bagel");
+const i18nTInjectionKey = Symbol("bagel");
 function useBagel() {
   const bagel = vue.inject(bagelInjectionKey);
   if (!bagel)
     throw new Error("No bagel provided");
   return bagel;
 }
+function useI18nT() {
+  const i18nT = vue.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");
@@ -2293,7 +2302,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 vue.h(
             renderComponent,
             {
@@ -2369,8 +2378,8 @@ function useEscape(event, closeModel) {
     closeModel();
   }
 }
-const _hoisted_1$_ = { ref: "el" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Z = { ref: "el" };
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2378,7 +2387,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$_, null, 512),
+        vue.createElementVNode("span", _hoisted_1$Z, null, 512),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.input) + " ", 1)
       ], 64);
     };
@@ -14494,8 +14503,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$Z = ["id"];
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Y = ["id"];
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14572,11 +14581,11 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$Z);
+      }, null, 40, _hoisted_1$Y);
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14591,17 +14600,17 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Y = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
-const _hoisted_2$Q = [
-  _hoisted_1$Y
+const _hoisted_1$X = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14625,10 +14634,10 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$Q, 32),
-        vue.createElementVNode("div", _hoisted_3$I, [
-          vue.createElementVNode("div", _hoisted_4$r, [
-            vue.createElementVNode("div", _hoisted_5$m, [
+        }, _hoisted_2$P, 32),
+        vue.createElementVNode("div", _hoisted_3$H, [
+          vue.createElementVNode("div", _hoisted_4$q, [
+            vue.createElementVNode("div", _hoisted_5$l, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a = _ctx.links) == null ? void 0 : _a.call(_ctx), (link) => {
                 return vue.openBlock(), vue.createBlock(_component_RouterLink, {
                   class: "nav-button",
@@ -14652,15 +14661,15 @@ const _sfc_main$R = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14696,8 +14705,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -14705,7 +14714,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots)["default"] && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -14723,11 +14732,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__ */ vue.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__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14773,7 +14782,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_1$W, [
+          vue.createElementVNode("header", _hoisted_1$V, [
             vue.renderSlot(_ctx.$slots, "toolbar"),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14781,10 +14790,10 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$O, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$N, vue.toDisplayString(_ctx.title), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("footer", _hoisted_3$H, [
+          vue.createElementVNode("footer", _hoisted_3$G, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
               return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                 key: i2,
@@ -14799,10 +14808,10 @@ const _sfc_main$P = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -14828,31 +14837,31 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        vue.createElementVNode("div", _hoisted_1$V, [
+        vue.createElementVNode("div", _hoisted_1$U, [
           vue.createTextVNode(vue.toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
-          vue.createVNode(vue.unref(_sfc_main$S), { icon: "keyboard_arrow_down" })
+          vue.createVNode(vue.unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
         ]),
-        vue.createElementVNode("div", _hoisted_2$N, [
+        vue.createElementVNode("div", _hoisted_2$M, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("p", {
               key: index2,
               onClick: vue.withModifiers(($event) => selectOption(option2, index2), ["stop"])
-            }, vue.toDisplayString(option2), 9, _hoisted_3$G);
+            }, vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -14868,17 +14877,17 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
-        vue.createElementVNode("div", _hoisted_2$M, [
-          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$F, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+        vue.createElementVNode("div", _hoisted_2$L, [
+          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$E, [
             vue.withDirectives(vue.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), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(_sfc_main$S), {
+            vue.createVNode(vue.unref(_sfc_main$R), {
               class: "txtgray",
               icon: "search"
             })
@@ -14890,16 +14899,16 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_5$l, [
+        vue.createElementVNode("div", _hoisted_5$k, [
           vue.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__ */ vue.defineComponent({
+const _hoisted_1$S = { class: "txt16 no-margin" };
+const _hoisted_2$K = { class: "txt14 no-margin txtgray" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -14911,10 +14920,10 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         class: "list-item ellipsis"
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$T, [
+          vue.createElementVNode("p", _hoisted_1$S, [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
-          vue.createElementVNode("p", _hoisted_2$L, [
+          vue.createElementVNode("p", _hoisted_2$K, [
             vue.renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -14923,11 +14932,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -14955,10 +14964,10 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       activeTab.value = firstTab;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
-        vue.createElementVNode("div", _hoisted_2$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+        vue.createElementVNode("div", _hoisted_2$J, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_3$E, [
+          vue.createElementVNode("div", _hoisted_3$D, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass([{
@@ -14966,7 +14975,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, vue.toDisplayString(tab), 11, _hoisted_4$p);
+              }, vue.toDisplayString(tab), 11, _hoisted_4$o);
             }), 128))
           ])
         ]),
@@ -14982,16 +14991,16 @@ const _sfc_main$L = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15034,8 +15043,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
-        vue.createElementVNode("div", _hoisted_2$J, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+        vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a, _b, _c;
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -15045,23 +15054,23 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              vue.createElementVNode("div", _hoisted_3$D, [
-                vue.createElementVNode("div", _hoisted_4$o, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
-                vue.createElementVNode("div", _hoisted_5$k, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
+              vue.createElementVNode("div", _hoisted_3$C, [
+                vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
+                vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
                 vue.createElementVNode("div", _hoisted_6$g, [
-                  vue.createVNode(vue.unref(_sfc_main$S), {
+                  vue.createVNode(vue.unref(_sfc_main$R), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => vue.isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$S), {
+                  vue.createVNode(vue.unref(_sfc_main$R), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$S), {
+                  vue.createVNode(vue.unref(_sfc_main$R), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15069,7 +15078,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])
               ]),
-              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -15083,7 +15092,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$6, [
-          vue.createVNode(vue.unref(_sfc_main$T), {
+          vue.createVNode(vue.unref(_sfc_main$S), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15103,10 +15112,10 @@ const _sfc_main$K = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15116,8 +15125,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
-        vue.createElementVNode("h1", _hoisted_2$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        vue.createElementVNode("h1", _hoisted_2$H, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -15125,9 +15134,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = { class: "tool-bar" };
-const _hoisted_2$H = { class: "modal-title" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$O = { class: "tool-bar" };
+const _hoisted_2$G = { class: "modal-title" };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -15200,7 +15209,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_1$P, [
+          vue.createElementVNode("header", _hoisted_1$O, [
             vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15208,9 +15217,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$H, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$G, vue.toDisplayString(_ctx.title), 1)
           ]),
-          vue.createVNode(vue.unref(_sfc_main$H), {
+          vue.createVNode(vue.unref(_sfc_main$G), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15222,31 +15231,31 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1799b7d0"]]);
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1799b7d0"]]);
+const _sfc_main$G = /* @__PURE__ */ vue.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 = vue.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",
@@ -15259,7 +15268,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             { value: "Cancel", color: "gray" }
           ]
         },
-        { default: props2.i18nT("form.deleteMessage") }
+        { default: i18nT("form.deleteMessage") }
       );
     };
     return (_ctx, _cache) => {
@@ -15272,7 +15281,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           modelValue: _ctx.modelValue,
           "onUpdate:modelValue": handleEmit,
           onSubmit: runSubmit,
-          submitLabel: _ctx.i18nT("save")
+          submitLabel: vue.unref(i18nT)("save")
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(_component_FormKitSchema, {
@@ -15296,14 +15305,14 @@ const _sfc_main$H = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15349,27 +15358,27 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
-        vue.createElementVNode("table", _hoisted_2$G, [
-          vue.createElementVNode("thead", _hoisted_3$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        vue.createElementVNode("table", _hoisted_2$F, [
+          vue.createElementVNode("thead", _hoisted_3$B, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
                 class: "col",
                 key: field.id,
                 onClick: ($event) => sort2(field.id)
               }, [
-                vue.createElementVNode("div", _hoisted_5$j, [
+                vue.createElementVNode("div", _hoisted_5$i, [
                   vue.createTextVNode(vue.toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$S), {
+                    vue.createVNode(vue.unref(_sfc_main$R), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$n);
+              ], 8, _hoisted_4$m);
             }), 128))
           ]),
           vue.createElementVNode("tbody", {
@@ -15415,16 +15424,16 @@ const _sfc_main$G = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
     vue.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 = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -15446,9 +15455,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__ */ vue.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__ */ vue.defineComponent({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -15478,7 +15487,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
         vue.createVNode(vue.unref(TableSchema), {
           schema: schema2,
           data: vue.unref(data2)
@@ -15487,14 +15496,14 @@ const _sfc_main$D = /* @__PURE__ */ vue.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"
@@ -15509,7 +15518,7 @@ const _hoisted_8$5 = {
 };
 const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "PersonPreview",
   props: {
     person: {},
@@ -15539,7 +15548,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
           !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 0,
             round: "",
@@ -15556,13 +15565,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             icon: "edit"
           })
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$F, [
-          vue.createElementVNode("p", _hoisted_3$B, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
-          vue.createElementVNode("p", _hoisted_4$m, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
+        vue.createElementVNode("div", _hoisted_2$E, [
+          vue.createElementVNode("p", _hoisted_3$A, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
+          vue.createElementVNode("p", _hoisted_4$l, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_5$i, [
+        vue.createElementVNode("div", _hoisted_5$h, [
           ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$e, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "phone" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -15570,7 +15579,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: email.id
@@ -15578,7 +15587,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "badge" }),
             _ctx.person.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$3, vue.toDisplayString(_ctx.person.date_of_birth), 1)) : vue.createCommentVNode("", true),
             _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10$3, vue.toDisplayString(_ctx.person.gender), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -15587,38 +15596,38 @@ const _sfc_main$C = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
-        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$E, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema || [], (field) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: field.id,
             class: "data-row"
           }, [
-            vue.createElementVNode("div", _hoisted_3$A, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
+            vue.createElementVNode("div", _hoisted_3$z, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15627,7 +15636,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             }, 1024))
           ]);
         }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(_ctx.data).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
@@ -15635,7 +15644,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               class: "data-row",
               key
             }, [
-              vue.createElementVNode("div", _hoisted_5$h, vue.toDisplayString(_ctx.i18nT(vue.unref(keyToLabel)(key))), 1),
+              vue.createElementVNode("div", _hoisted_5$g, vue.toDisplayString(vue.unref(i18nT)(vue.unref(keyToLabel)(key))), 1),
               vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(value), 1)
             ]);
           }), 128))
@@ -15645,168 +15654,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.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__ */ vue.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 = vue.ref(false);
-    const dropCircle = vue.ref();
-    const dropZoneEl = vue.ref();
-    const fileInputEl = vue.ref();
-    const circleTop = vue.ref("0");
-    const circleLeft = vue.ref("0");
-    const files = vue.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"];
-    vue.onMounted(() => {
-      events.forEach((event) => {
-        document.addEventListener(event, preventDefaults);
-      });
-      document.addEventListener("dragover", onDragOver);
-    });
-    vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-        vue.createElementVNode("div", {
-          ref_key: "dropZoneEl",
-          ref: dropZoneEl,
-          class: "drop-zone flex-grow",
-          onClick: openFileDialog,
-          onDragenter: _cache[0] || (_cache[0] = ($event) => draggingOver.value = true),
-          onDrop: vue.withModifiers(onDrop, ["prevent", "stop"])
-        }, [
-          vue.createVNode(vue.Transition, { name: "pop" }, {
-            default: vue.withCtx(() => [
-              draggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                ref_key: "dropCircle",
-                ref: dropCircle,
-                class: "drop-circle"
-              }, null, 512)) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_2$D, [
-            vue.createElementVNode("p", null, [
-              vue.createTextVNode(vue.toDisplayString(_ctx.dragDropLabel) + " ", 1),
-              vue.createElementVNode("span", null, vue.toDisplayString(_ctx.browseLabel), 1)
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_3$z, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(files.value, (item, index2) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass({ uploading: item.uploading }),
-                key: index2
-              }, [
-                vue.createElementVNode("div", _hoisted_4$k, [
-                  vue.createElementVNode("p", null, vue.toDisplayString(item.file.name), 1),
-                  vue.createElementVNode("div", {
-                    class: "pie",
-                    style: vue.normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
-                  }, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(`${item.progress}`), 1)
-                  ], 4)
-                ])
-              ], 2);
-            }), 128))
-          ])
-        ], 544),
-        vue.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) => (vue.pushScopeId("data-v-fe5af582"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$I = { class: "bar-chart" };
 const _hoisted_2$C = {
@@ -17214,7 +17062,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, vue.unref(val)]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$S), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$R), { icon: "check" })
         ])
       ]);
     };
@@ -17895,7 +17743,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   props: {
     context: {},
     dragDropLabel: { default: "Drag and drop your files here" },
-    browseLabel: { default: "or browse" }
+    browseLabel: { default: "or browse" },
+    multiple: { type: Boolean, default: false }
   },
   setup(__props) {
     const bagel = useBagel();
@@ -17905,9 +17754,20 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const fileInputEl = vue.ref();
     const files = vue.ref([]);
     const props2 = __props;
+    const computedDragDropLabel = vue.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 = vue.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 computedMultiple = vue.computed(() => {
+      var _a, _b;
+      return !!(((_b = (_a = props2 == null ? void 0 : props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.multiple) || (props2 == null ? void 0 : props2.multiple));
+    });
     const allowUpload = vue.computed(() => {
-      var _a;
-      const tooManyFiles = !((_a = props2.context) == null ? void 0 : _a.attrs.multiple) && files.value.length > 0;
+      const tooManyFiles = !computedMultiple.value && files.value.length > 0;
       return !tooManyFiles;
     });
     const openFileDialog = () => {
@@ -17927,11 +17787,10 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       (_h = (_g = (_f = dropCircle.value) == null ? void 0 : _f.style) == null ? void 0 : _g.setProperty) == null ? void 0 : _h.call(_g, "top", `${top2}px`);
     }
     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");
+      var _a;
+      if (!computedMultiple.value)
+        return (_a = props2.context) == null ? void 0 : _a.node.input(files.value[0].serverFile);
+      return alert("not implemented");
     }
     const isImg = (file) => {
       var _a, _b, _c, _d;
@@ -17984,16 +17843,16 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       uploadFiles();
     }
     vue.onMounted(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g;
       (_a = dropZoneEl.value) == null ? void 0 : _a.addEventListener("dragover", animateCircle);
-      if (!((_b = props2.context) == null ? void 0 : _b.attrs.multiple) && ((_c = props2.context) == null ? void 0 : _c.value)) {
+      if (!computedMultiple.value && ((_b = props2.context) == null ? void 0 : _b.value)) {
         files.value.push({
-          serverFile: (_d = props2.context) == null ? void 0 : _d.value,
+          serverFile: (_c = props2.context) == null ? void 0 : _c.value,
           uploaded: true,
           uploading: false,
           progress: 100,
-          dataUrl: (_f = (_e = props2.context) == null ? void 0 : _e.value) == null ? void 0 : _f.url,
-          name: (_h = (_g = props2.context) == null ? void 0 : _g.value) == null ? void 0 : _h.name
+          dataUrl: (_e = (_d = props2.context) == null ? void 0 : _d.value) == null ? void 0 : _e.url,
+          name: (_g = (_f = props2.context) == null ? void 0 : _f.value) == null ? void 0 : _g.name
         });
       }
     });
@@ -18014,7 +17873,6 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         void addFiles(filesToAdd);
     }
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.createElementVNode("div", {
           ref_key: "dropZoneEl",
@@ -18037,8 +17895,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           }),
           allowUpload.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
             vue.createElementVNode("p", null, [
-              vue.createTextVNode(vue.toDisplayString(_ctx.dragDropLabel) + " ", 1),
-              vue.createElementVNode("span", null, vue.toDisplayString(_ctx.browseLabel), 1)
+              vue.createTextVNode(vue.toDisplayString(computedDragDropLabel.value) + " ", 1),
+              vue.createElementVNode("span", null, vue.toDisplayString(computedDrowseLabel.value), 1)
             ])
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_3$t, [
@@ -18062,7 +17920,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                       style: vue.normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
                       item.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(`${item.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(_sfc_main$S), {
+                      vue.createVNode(vue.unref(_sfc_main$R), {
                         class: "success",
                         icon: "check"
                       })
@@ -18086,7 +17944,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           onChange: handleFileInput,
           ref_key: "fileInputEl",
           ref: fileInputEl,
-          multiple: ((_a = _ctx.context) == null ? void 0 : _a.attrs.multiple) || false
+          multiple: computedMultiple.value
         }, null, 40, _hoisted_8$1)
       ]);
     };
@@ -18169,7 +18027,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_5$a, [
           ((_a = person.value.phone) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "phone" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -18177,7 +18035,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = person.value.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: email.id
@@ -18185,7 +18043,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           person.value.date_of_birth || person.value.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "badge" }),
             person.value.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(person.value.date_of_birth), 1)) : vue.createCommentVNode("", true),
             person.value.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, vue.toDisplayString(person.value.gender), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -18286,9 +18144,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 = {
@@ -18329,7 +18185,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(content.value) + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "arrow_forward" })
+            vue.createVNode(vue.unref(_sfc_main$R), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, vue.toDisplayString(content.value), 1))
@@ -18392,7 +18248,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("label", {
           for: vue.unref(formatString)(_ctx.name, "pascal")
         }, [
-          vue.createVNode(_sfc_main$U, {
+          vue.createVNode(_sfc_main$T, {
             input: vue.unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$v),
@@ -18433,7 +18289,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", null, [
-          vue.createVNode(_sfc_main$U, { input: _ctx.errorMessage }, null, 8, ["input"])
+          vue.createVNode(_sfc_main$T, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -19162,7 +19018,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
-        vue.createVNode(vue.unref(_sfc_main$S), {
+        vue.createVNode(vue.unref(_sfc_main$R), {
           onClick: showPassword,
           icon: vue.unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19327,7 +19183,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           for: "label",
           class: vue.normalizeClass({ active: showList.value })
         }, [
-          vue.createVNode(vue.unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19339,7 +19195,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            vue.createVNode(vue.unref(_sfc_main$U), { input: displayValue.value }, null, 8, ["input"])
+            vue.createVNode(vue.unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "#app" }, [
             vue.createElementVNode("div", {
@@ -19352,7 +19208,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  vue.createVNode(vue.unref(_sfc_main$U), {
+                  vue.createVNode(vue.unref(_sfc_main$T), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$i);
@@ -22216,7 +22072,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$d, [
-          vue.createVNode(vue.unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         _ctx.showCharacterLimit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString((_a = _ctx.modelValue) == null ? void 0 : _a.length) + " " + vue.toDisplayString(((_b = _ctx.nativeInputAttrs) == null ? void 0 : _b.maxlength) ? `/${_ctx.nativeInputAttrs.maxlength}` : ""), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", vue.mergeProps({
@@ -28900,7 +28756,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(_sfc_main$J), null, {
+        vue.createVNode(vue.unref(_sfc_main$I), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -28909,7 +28765,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(vue.unref(_sfc_main$H), {
+              vue.createVNode(vue.unref(_sfc_main$G), {
                 schema: _ctx.whatsappTemplateSchema(),
                 modelValue: vue.unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -28943,42 +28799,42 @@ exports.Checkbox = Checkbox;
 exports.ColorPicker = _sfc_main$4;
 exports.Comments = Comments;
 exports.ContactArrayInput = ContactArrayInput;
-exports.ContactSubmissions = _sfc_main$D;
+exports.ContactSubmissions = _sfc_main$C;
 exports.CurrencyInput = CurrencyInput;
 exports.DataPreview = DataPreview;
 exports.DateInput = DateInput;
 exports.DatetimeInput = _sfc_main$j;
-exports.DropDown = _sfc_main$O;
+exports.DropDown = _sfc_main$N;
 exports.DurationInput = _sfc_main$7;
 exports.DynamicLinkField = _sfc_main$3;
 exports.EmailInput = EmailInput;
 exports.FileUploadInput = FileUploadInput;
-exports.FileUploader = _sfc_main$A;
+exports.FileUploader = _sfc_main$s;
 exports.FloatInput = _sfc_main$h;
-exports.FormSchema = _sfc_main$H;
+exports.FormSchema = _sfc_main$G;
 exports.IntInput = _sfc_main$g;
 exports.ItemRef = _sfc_main$p;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$U;
+exports.LangText = _sfc_main$T;
 exports.Lineart = _sfc_main$1;
 exports.LinkField = LinkField;
-exports.ListItem = _sfc_main$M;
-exports.ListView = _sfc_main$N;
-exports.MaterialIcon = _sfc_main$S;
+exports.ListItem = _sfc_main$L;
+exports.ListView = _sfc_main$M;
+exports.MaterialIcon = _sfc_main$R;
 exports.MiscFieldsInput = MiscFieldsInput;
-exports.Modal = _sfc_main$P;
+exports.Modal = _sfc_main$O;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
-exports.NavBar = _sfc_main$R;
-exports.PageTitle = _sfc_main$J;
+exports.NavBar = _sfc_main$Q;
+exports.PageTitle = _sfc_main$I;
 exports.Password = Password;
 exports.PasswordInput = PasswordInput;
-exports.PersonPreview = _sfc_main$C;
+exports.PersonPreview = _sfc_main$B;
 exports.PersonPreviewInput = PersonPreviewInput;
 exports.PlainInputField = _sfc_main$n;
 exports.PlainText = PlainText;
-exports.RTXEditor = _sfc_main$T;
+exports.RTXEditor = _sfc_main$S;
 exports.ReadOnlyInput = ReadOnlyInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
@@ -28997,9 +28853,11 @@ exports.computeFields = computeFields;
 exports.copyText = copyText;
 exports.debounce = debounce;
 exports.formatString = formatString;
+exports.i18nTInjectionKey = i18nTInjectionKey;
 exports.initials = initials;
 exports.keyToLabel = keyToLabel;
 exports.useBagel = useBagel;
 exports.useEscape = useEscape;
 exports.useFormkit = useFormkit;
+exports.useI18nT = useI18nT;
 exports.useModal = useModal;