@bagelink/vue 0.0.158 → 0.0.160

package/dist/index.mjs

@@ -2291,7 +2291,7 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$O;
+          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$P;
           return h(
             renderComponent,
             {
@@ -2367,8 +2367,8 @@ function useEscape(event, closeModel) {
     closeModel();
   }
 }
-const _hoisted_1$Z = { ref: "el" };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _hoisted_1$_ = { ref: "el" };
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2376,7 +2376,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        createElementVNode("span", _hoisted_1$Z, null, 512),
+        createElementVNode("span", _hoisted_1$_, null, 512),
         createTextVNode(" " + toDisplayString(_ctx.input) + " ", 1)
       ], 64);
     };
@@ -14492,8 +14492,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$Y = ["id"];
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Z = ["id"];
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14570,11 +14570,11 @@ const _sfc_main$S = /* @__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$Y);
+      }, null, 40, _hoisted_1$Z);
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14589,17 +14589,17 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$X = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
-const _hoisted_2$P = [
-  _hoisted_1$X
+const _hoisted_1$Y = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
+const _hoisted_2$Q = [
+  _hoisted_1$Y
 ];
-const _hoisted_3$H = { class: "full-nav" };
-const _hoisted_4$q = { class: "nav-scroll" };
-const _hoisted_5$l = { class: "nav-links-wrapper" };
+const _hoisted_3$I = { class: "full-nav" };
+const _hoisted_4$r = { class: "nav-scroll" };
+const _hoisted_5$m = { 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$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14623,10 +14623,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$P, 32),
-        createElementVNode("div", _hoisted_3$H, [
-          createElementVNode("div", _hoisted_4$q, [
-            createElementVNode("div", _hoisted_5$l, [
+        }, _hoisted_2$Q, 32),
+        createElementVNode("div", _hoisted_3$I, [
+          createElementVNode("div", _hoisted_4$r, [
+            createElementVNode("div", _hoisted_5$m, [
               (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 +14650,15 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$W = {
+const _hoisted_1$X = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$O = {
+const _hoisted_2$P = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14694,8 +14694,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$W)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$X)) : (openBlock(), createElementBlock("div", _hoisted_2$P, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$S), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -14703,7 +14703,7 @@ const _sfc_main$P = /* @__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$R), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$S), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -14721,11 +14721,11 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-b94d75fb"]]);
-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({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-b94d75fb"]]);
+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({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14771,7 +14771,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_1$V, [
+          createElementVNode("header", _hoisted_1$W, [
             renderSlot(_ctx.$slots, "toolbar"),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14779,10 +14779,10 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$N, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$O, toDisplayString(_ctx.title), 1)
           ]),
           renderSlot(_ctx.$slots, "default"),
-          createElementVNode("footer", _hoisted_3$G, [
+          createElementVNode("footer", _hoisted_3$H, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
               return openBlock(), createBlock(unref(Btn), mergeProps({
                 key: i2,
@@ -14797,10 +14797,10 @@ 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({
+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({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -14826,31 +14826,31 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        createElementVNode("div", _hoisted_1$U, [
+        createElementVNode("div", _hoisted_1$V, [
           createTextVNode(toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
-          createVNode(unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
+          createVNode(unref(_sfc_main$S), { icon: "keyboard_arrow_down" })
         ]),
-        createElementVNode("div", _hoisted_2$M, [
+        createElementVNode("div", _hoisted_2$N, [
           (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$F);
+            }, toDisplayString(option2), 9, _hoisted_3$G);
           }), 128))
         ])
       ], 2);
     };
   }
 });
-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 = {
+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 = {
   key: 0,
   class: "bagel-input search-wrap"
 };
-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({
+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({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -14866,17 +14866,17 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$T, [
-        createElementVNode("div", _hoisted_2$L, [
-          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+        createElementVNode("div", _hoisted_2$M, [
+          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$F, [
             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$p), [
+            }, null, 40, _hoisted_4$q), [
               [vModelText, searchTerm.value]
             ]),
-            createVNode(unref(_sfc_main$R), {
+            createVNode(unref(_sfc_main$S), {
               class: "txtgray",
               icon: "search"
             })
@@ -14888,16 +14888,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_5$k, [
+        createElementVNode("div", _hoisted_5$l, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-const _hoisted_1$S = { class: "txt16 no-margin" };
-const _hoisted_2$K = { class: "txt14 no-margin txtgray" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _hoisted_1$T = { class: "txt16 no-margin" };
+const _hoisted_2$L = { class: "txt14 no-margin txtgray" };
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -14909,10 +14909,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
         class: "list-item ellipsis"
       }, {
         default: withCtx(() => [
-          createElementVNode("p", _hoisted_1$S, [
+          createElementVNode("p", _hoisted_1$T, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("p", _hoisted_2$K, [
+          createElementVNode("p", _hoisted_2$L, [
             renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -14921,11 +14921,11 @@ 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({
+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({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -14953,10 +14953,10 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       activeTab.value = firstTab;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
-        createElementVNode("div", _hoisted_2$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+        createElementVNode("div", _hoisted_2$K, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          createElementVNode("div", _hoisted_3$D, [
+          createElementVNode("div", _hoisted_3$E, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass([{
@@ -14964,7 +14964,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, toDisplayString(tab), 11, _hoisted_4$o);
+              }, toDisplayString(tab), 11, _hoisted_4$p);
             }), 128))
           ])
         ]),
@@ -14980,16 +14980,16 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4ac29f1d"]]);
-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 TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-4ac29f1d"]]);
+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 _hoisted_6$g = { class: "comment-actions" };
 const _hoisted_7$b = ["innerHTML"];
 const _hoisted_8$6 = { class: "new-comment" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15034,8 +15034,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
-        createElementVNode("div", _hoisted_2$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+        createElementVNode("div", _hoisted_2$J, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(comments), (comment) => {
             var _a, _b, _c;
             return openBlock(), createElementBlock("div", {
@@ -15045,23 +15045,23 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              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_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_6$g, [
-                  createVNode(unref(_sfc_main$R), {
+                  createVNode(unref(_sfc_main$S), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$R), {
+                  createVNode(unref(_sfc_main$S), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$R), {
+                  createVNode(unref(_sfc_main$S), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15069,7 +15069,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$S), {
+              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$T), {
                 key: 0,
                 modelValue: unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editComment).body_html = $event),
@@ -15083,7 +15083,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         createElementVNode("div", _hoisted_8$6, [
-          createVNode(unref(_sfc_main$S), {
+          createVNode(unref(_sfc_main$T), {
             class: "comment-input",
             modelValue: unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15103,10 +15103,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-ff29354a"]]);
-const _hoisted_1$P = { class: "page-top" };
-const _hoisted_2$H = { class: "top-title" };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-ff29354a"]]);
+const _hoisted_1$Q = { class: "page-top" };
+const _hoisted_2$I = { class: "top-title" };
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15116,8 +15116,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
-        createElementVNode("h1", _hoisted_2$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        createElementVNode("h1", _hoisted_2$I, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -15125,9 +15125,9 @@ 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({
+const _hoisted_1$P = { class: "tool-bar" };
+const _hoisted_2$H = { class: "modal-title" };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -15200,7 +15200,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_1$O, [
+          createElementVNode("header", _hoisted_1$P, [
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15208,9 +15208,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$G, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$H, toDisplayString(_ctx.title), 1)
           ]),
-          createVNode(unref(_sfc_main$F), {
+          createVNode(unref(_sfc_main$H), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15222,67 +15222,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1799b7d0"]]);
-const _hoisted_1$N = {
-  key: 0,
-  class: "data"
-};
-const _hoisted_2$F = {
-  key: 0,
-  class: "mb-3 mt-0"
-};
-const _hoisted_3$B = { class: "key" };
-const _hoisted_4$m = { key: 1 };
-const _hoisted_5$i = { class: "key" };
-const _hoisted_6$f = { class: "vlue" };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  __name: "DataPreview",
-  props: {
-    data: {},
-    schema: {},
-    title: {},
-    i18nT: { type: Function, default: (str) => str }
-  },
-  setup(__props) {
-    const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
-    return (_ctx, _cache) => {
-      var _a;
-      return _ctx.data ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
-        _ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_2$F, 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$B, 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)
-              ]),
-              _: 2
-            }, 1024))
-          ]);
-        }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
-          (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(_ctx.data).filter(
-            ([key]) => !keysToIgnore.includes(key)
-          ), ([key, value]) => {
-            return openBlock(), createElementBlock("div", {
-              class: "data-row",
-              key
-            }, [
-              createElementVNode("div", _hoisted_5$i, toDisplayString(_ctx.i18nT(unref(keyToLabel)(key))), 1),
-              createElementVNode("div", _hoisted_6$f, toDisplayString(value), 1)
-            ]);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0350cc0c"]]);
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1799b7d0"]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
@@ -15355,14 +15296,14 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "table-list-wrap h-100" };
-const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$A = { class: "row first-row" };
-const _hoisted_4$l = ["onClick"];
-const _hoisted_5$h = { class: "flex" };
-const _hoisted_6$e = ["onClick"];
+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_6$f = ["onClick"];
 const _hoisted_7$a = { key: 1 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15412,27 +15353,27 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
-        createElementVNode("table", _hoisted_2$E, [
-          createElementVNode("thead", _hoisted_3$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
+        createElementVNode("table", _hoisted_2$G, [
+          createElementVNode("thead", _hoisted_3$C, [
             (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$h, [
+                createElementVNode("div", _hoisted_5$j, [
                   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$R), {
+                    createVNode(unref(_sfc_main$S), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$l);
+              ], 8, _hoisted_4$n);
             }), 128))
           ]),
           createElementVNode("tbody", {
@@ -15470,7 +15411,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ], 8, _hoisted_6$e);
+              ], 8, _hoisted_6$f);
             }), 128))
           ], 2)
         ])
@@ -15478,16 +15419,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-fa7146ce"]]);
-const _sfc_main$D = {};
-const _hoisted_1$L = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-fa7146ce"]]);
+const _sfc_main$F = {};
+const _hoisted_1$N = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$L, [
+  return openBlock(), createElementBlock("div", _hoisted_1$N, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$1]]);
-const _sfc_main$C = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$1]]);
+const _sfc_main$E = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -15509,9 +15450,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render]]);
-const _hoisted_1$K = { class: "card h-100 thin" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+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({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -15541,7 +15482,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createVNode(unref(TableSchema), {
           schema: schema2,
           data: unref(data2)
@@ -15550,15 +15491,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$L = {
   key: 0,
   class: "person-card-edit flex gap-2"
 };
-const _hoisted_2$D = { class: "person-card-icon-wrap" };
-const _hoisted_3$z = { class: "person-card-icon" };
-const _hoisted_4$k = { class: "person-card-name txt20" };
-const _hoisted_5$g = { class: "person-card-details-wrap" };
-const _hoisted_6$d = {
+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_6$e = {
   key: 0,
   class: "person-card-details"
 };
@@ -15572,7 +15513,7 @@ const _hoisted_8$5 = {
 };
 const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "PersonPreview",
   props: {
     person: {},
@@ -15602,7 +15543,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
+        !_ctx.onClick ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
           !_ctx.$route.path.match("/search") ? (openBlock(), createBlock(unref(Btn), {
             key: 0,
             round: "",
@@ -15619,13 +15560,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             icon: "edit"
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$D, [
-          createElementVNode("p", _hoisted_3$z, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
-          createElementVNode("p", _hoisted_4$k, toDisplayString(_ctx.person.first_name) + " " + toDisplayString(_ctx.person.last_name), 1)
+        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_5$g, [
-          ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_6$d, [
-            createVNode(unref(_sfc_main$R), { icon: "phone" }),
+        createElementVNode("div", _hoisted_5$i, [
+          ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_6$e, [
+            createVNode(unref(_sfc_main$S), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -15633,7 +15574,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
-            createVNode(unref(_sfc_main$R), { icon: "email" }),
+            createVNode(unref(_sfc_main$S), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -15641,7 +15582,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
-            createVNode(unref(_sfc_main$R), { icon: "badge" }),
+            createVNode(unref(_sfc_main$S), { 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)
@@ -15650,6 +15591,226 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$K = {
+  key: 0,
+  class: "data"
+};
+const _hoisted_2$E = {
+  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_6$d = { class: "vlue" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "DataPreview",
+  props: {
+    data: {},
+    schema: {},
+    title: {},
+    i18nT: { type: Function, default: (str) => str }
+  },
+  setup(__props) {
+    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),
+        (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),
+            (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
+              ]),
+              _: 2
+            }, 1024))
+          ]);
+        }), 128)),
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(_ctx.data).filter(
+            ([key]) => !keysToIgnore.includes(key)
+          ), ([key, value]) => {
+            return openBlock(), createElementBlock("div", {
+              class: "data-row",
+              key
+            }, [
+              createElementVNode("div", _hoisted_5$h, toDisplayString(_ctx.i18nT(unref(keyToLabel)(key))), 1),
+              createElementVNode("div", _hoisted_6$d, toDisplayString(value), 1)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+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 _withScopeId$2 = (n) => (pushScopeId("data-v-f7af54ed"), n = n(), popScopeId(), n);
 const _hoisted_1$I = { class: "bar-chart" };
 const _hoisted_2$C = {
@@ -17055,7 +17216,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, unref(val)]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$R), { icon: "check" })
+          createVNode(unref(_sfc_main$S), { icon: "check" })
         ])
       ]);
     };
@@ -17897,7 +18058,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$R), {
+                      createVNode(unref(_sfc_main$S), {
                         class: "success",
                         icon: "check"
                       })
@@ -18004,7 +18165,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$R), { icon: "phone" }),
+            createVNode(unref(_sfc_main$S), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -18012,7 +18173,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$R), { icon: "email" }),
+            createVNode(unref(_sfc_main$S), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -18020,7 +18181,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$R), { icon: "badge" }),
+            createVNode(unref(_sfc_main$S), { 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)
@@ -18162,7 +18323,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(content.value) + " ", 1),
-            createVNode(unref(_sfc_main$R), { icon: "arrow_forward" })
+            createVNode(unref(_sfc_main$S), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(content.value), 1))
@@ -18225,7 +18386,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         createElementVNode("label", {
           for: unref(formatString)(_ctx.name, "pascal")
         }, [
-          createVNode(_sfc_main$T, {
+          createVNode(_sfc_main$U, {
             input: unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$v),
@@ -18266,7 +18427,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$6)) : createCommentVNode("", true),
         createElementVNode("div", null, [
-          createVNode(_sfc_main$T, { input: _ctx.errorMessage }, null, 8, ["input"])
+          createVNode(_sfc_main$U, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -18995,7 +19156,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             [vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
-        createVNode(unref(_sfc_main$R), {
+        createVNode(unref(_sfc_main$S), {
           onClick: showPassword,
           icon: unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19160,7 +19321,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           for: "label",
           class: normalizeClass({ active: showList.value })
         }, [
-          createVNode(unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19172,7 +19333,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            createVNode(unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
+            createVNode(unref(_sfc_main$U), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (openBlock(), createBlock(Teleport, { to: "#app" }, [
             createElementVNode("div", {
@@ -19185,7 +19346,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  createVNode(unref(_sfc_main$T), {
+                  createVNode(unref(_sfc_main$U), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$i);
@@ -22049,7 +22210,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$d, [
-          createVNode(unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$U), { 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({
@@ -28724,7 +28885,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$I), null, {
+        createVNode(unref(_sfc_main$J), null, {
           default: withCtx(() => [
             createTextVNode("Whatsapp Template")
           ]),
@@ -28733,7 +28894,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("div", _hoisted_4, [
-              createVNode(unref(_sfc_main$F), {
+              createVNode(unref(_sfc_main$H), {
                 schema: _ctx.whatsappTemplateSchema(),
                 modelValue: unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -28768,41 +28929,42 @@ export {
   _sfc_main$4 as ColorPicker,
   Comments,
   ContactArrayInput,
-  _sfc_main$B as ContactSubmissions,
+  _sfc_main$D as ContactSubmissions,
   CurrencyInput,
   DataPreview,
   DateInput,
   _sfc_main$j as DatetimeInput,
-  _sfc_main$N as DropDown,
+  _sfc_main$O as DropDown,
   _sfc_main$7 as DurationInput,
   _sfc_main$3 as DynamicLinkField,
   EmailInput,
   FileUploadInput,
+  _sfc_main$A as FileUploader,
   _sfc_main$h as FloatInput,
-  _sfc_main$F as FormSchema,
+  _sfc_main$H as FormSchema,
   _sfc_main$g as IntInput,
   _sfc_main$p as ItemRef,
   JSONInput,
-  _sfc_main$T as LangText,
+  _sfc_main$U as LangText,
   _sfc_main$1 as Lineart,
   LinkField,
-  _sfc_main$L as ListItem,
-  _sfc_main$M as ListView,
-  _sfc_main$R as MaterialIcon,
+  _sfc_main$M as ListItem,
+  _sfc_main$N as ListView,
+  _sfc_main$S as MaterialIcon,
   MiscFieldsInput,
-  _sfc_main$O as Modal,
+  _sfc_main$P as Modal,
   ModalForm,
   ModalPlugin,
   MsgTemplate,
-  _sfc_main$Q as NavBar,
-  _sfc_main$I as PageTitle,
+  _sfc_main$R as NavBar,
+  _sfc_main$J as PageTitle,
   Password,
   PasswordInput,
-  _sfc_main$A as PersonPreview,
+  _sfc_main$C as PersonPreview,
   PersonPreviewInput,
   _sfc_main$n as PlainInputField,
   PlainText,
-  _sfc_main$S as RTXEditor,
+  _sfc_main$T as RTXEditor,
   ReadOnlyInput,
   RichTextEditor,
   RouterWrapper,