@bagelink/vue 0.0.158 → 0.0.160

package/dist/index.cjs

@@ -2293,7 +2293,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 vue.h(
             renderComponent,
             {
@@ -2369,8 +2369,8 @@ function useEscape(event, closeModel) {
     closeModel();
   }
 }
-const _hoisted_1$Z = { ref: "el" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$_ = { ref: "el" };
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2378,7 +2378,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$Z, null, 512),
+        vue.createElementVNode("span", _hoisted_1$_, null, 512),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.input) + " ", 1)
       ], 64);
     };
@@ -14494,8 +14494,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$Y = ["id"];
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Z = ["id"];
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14572,11 +14572,11 @@ const _sfc_main$S = /* @__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$Y);
+      }, null, 40, _hoisted_1$Z);
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14591,17 +14591,17 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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_1$Y = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14625,10 +14625,10 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$P, 32),
-        vue.createElementVNode("div", _hoisted_3$H, [
-          vue.createElementVNode("div", _hoisted_4$q, [
-            vue.createElementVNode("div", _hoisted_5$l, [
+        }, _hoisted_2$Q, 32),
+        vue.createElementVNode("div", _hoisted_3$I, [
+          vue.createElementVNode("div", _hoisted_4$r, [
+            vue.createElementVNode("div", _hoisted_5$m, [
               (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 +14652,15 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14696,8 +14696,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _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), {
+          _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), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -14705,7 +14705,7 @@ const _sfc_main$P = /* @__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$R), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -14723,11 +14723,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__ */ vue.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__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14773,7 +14773,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_1$V, [
+          vue.createElementVNode("header", _hoisted_1$W, [
             vue.renderSlot(_ctx.$slots, "toolbar"),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14781,10 +14781,10 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$N, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$O, vue.toDisplayString(_ctx.title), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("footer", _hoisted_3$G, [
+          vue.createElementVNode("footer", _hoisted_3$H, [
             (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 +14799,10 @@ 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({
+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({
   __name: "DropDown",
   props: {
     modelValue: String,
@@ -14828,31 +14828,31 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["dropdown", { opendrop: isOpen.value }]),
         onClick: toggleDropdown
       }, [
-        vue.createElementVNode("div", _hoisted_1$U, [
+        vue.createElementVNode("div", _hoisted_1$V, [
           vue.createTextVNode(vue.toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
-          vue.createVNode(vue.unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
+          vue.createVNode(vue.unref(_sfc_main$S), { icon: "keyboard_arrow_down" })
         ]),
-        vue.createElementVNode("div", _hoisted_2$M, [
+        vue.createElementVNode("div", _hoisted_2$N, [
           (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$F);
+            }, vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -14868,17 +14868,17 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      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, [
+      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, [
             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$p), [
+            }, null, 40, _hoisted_4$q), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(_sfc_main$R), {
+            vue.createVNode(vue.unref(_sfc_main$S), {
               class: "txtgray",
               icon: "search"
             })
@@ -14890,16 +14890,16 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_5$k, [
+        vue.createElementVNode("div", _hoisted_5$l, [
           vue.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__ */ vue.defineComponent({
+const _hoisted_1$T = { class: "txt16 no-margin" };
+const _hoisted_2$L = { class: "txt14 no-margin txtgray" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     to: {}
@@ -14911,10 +14911,10 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         class: "list-item ellipsis"
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$S, [
+          vue.createElementVNode("p", _hoisted_1$T, [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
-          vue.createElementVNode("p", _hoisted_2$K, [
+          vue.createElementVNode("p", _hoisted_2$L, [
             vue.renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -14923,11 +14923,11 @@ 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({
+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({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -14955,10 +14955,10 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       activeTab.value = firstTab;
     });
     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$S, [
+        vue.createElementVNode("div", _hoisted_2$K, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_3$D, [
+          vue.createElementVNode("div", _hoisted_3$E, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass([{
@@ -14966,7 +14966,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, vue.toDisplayString(tab), 11, _hoisted_4$o);
+              }, vue.toDisplayString(tab), 11, _hoisted_4$p);
             }), 128))
           ])
         ]),
@@ -14982,16 +14982,16 @@ const _sfc_main$K = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15036,8 +15036,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
-        vue.createElementVNode("div", _hoisted_2$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+        vue.createElementVNode("div", _hoisted_2$J, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a, _b, _c;
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -15047,23 +15047,23 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              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_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_6$g, [
-                  vue.createVNode(vue.unref(_sfc_main$R), {
+                  vue.createVNode(vue.unref(_sfc_main$S), {
                     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$R), {
+                  vue.createVNode(vue.unref(_sfc_main$S), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$R), {
+                  vue.createVNode(vue.unref(_sfc_main$S), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15071,7 +15071,7 @@ const _sfc_main$J = /* @__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$S), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -15085,7 +15085,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$6, [
-          vue.createVNode(vue.unref(_sfc_main$S), {
+          vue.createVNode(vue.unref(_sfc_main$T), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15105,10 +15105,10 @@ const _sfc_main$J = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15118,8 +15118,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
-        vue.createElementVNode("h1", _hoisted_2$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+        vue.createElementVNode("h1", _hoisted_2$I, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -15127,9 +15127,9 @@ 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({
+const _hoisted_1$P = { class: "tool-bar" };
+const _hoisted_2$H = { class: "modal-title" };
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: {
     side: { type: Boolean },
@@ -15202,7 +15202,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_1$O, [
+          vue.createElementVNode("header", _hoisted_1$P, [
             vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15210,9 +15210,9 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$G, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$H, vue.toDisplayString(_ctx.title), 1)
           ]),
-          vue.createVNode(vue.unref(_sfc_main$F), {
+          vue.createVNode(vue.unref(_sfc_main$H), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15224,67 +15224,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.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__ */ vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$F, 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$B, 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)
-              ]),
-              _: 2
-            }, 1024))
-          ]);
-        }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(_ctx.data).filter(
-            ([key]) => !keysToIgnore.includes(key)
-          ), ([key, value]) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              class: "data-row",
-              key
-            }, [
-              vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(_ctx.i18nT(vue.unref(keyToLabel)(key))), 1),
-              vue.createElementVNode("div", _hoisted_6$f, vue.toDisplayString(value), 1)
-            ]);
-          }), 128))
-        ])) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0350cc0c"]]);
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1799b7d0"]]);
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
@@ -15357,14 +15298,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15414,27 +15355,27 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-        vue.createElementVNode("table", _hoisted_2$E, [
-          vue.createElementVNode("thead", _hoisted_3$A, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+        vue.createElementVNode("table", _hoisted_2$G, [
+          vue.createElementVNode("thead", _hoisted_3$C, [
             (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$h, [
+                vue.createElementVNode("div", _hoisted_5$j, [
                   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$R), {
+                    vue.createVNode(vue.unref(_sfc_main$S), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$l);
+              ], 8, _hoisted_4$n);
             }), 128))
           ]),
           vue.createElementVNode("tbody", {
@@ -15472,7 +15413,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ], 8, _hoisted_6$e);
+              ], 8, _hoisted_6$f);
             }), 128))
           ], 2)
         ])
@@ -15480,16 +15421,16 @@ const _sfc_main$E = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
     vue.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 = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -15511,9 +15452,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__ */ vue.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__ */ vue.defineComponent({
   __name: "ContactSubmissions",
   props: {
     person_id: {
@@ -15543,7 +15484,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
         vue.createVNode(vue.unref(TableSchema), {
           schema: schema2,
           data: vue.unref(data2)
@@ -15552,15 +15493,15 @@ const _sfc_main$B = /* @__PURE__ */ vue.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"
 };
@@ -15574,7 +15515,7 @@ const _hoisted_8$5 = {
 };
 const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "PersonPreview",
   props: {
     person: {},
@@ -15604,7 +15545,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
           !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 0,
             round: "",
@@ -15621,13 +15562,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             icon: "edit"
           })
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$D, [
-          vue.createElementVNode("p", _hoisted_3$z, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
-          vue.createElementVNode("p", _hoisted_4$k, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
+        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_5$g, [
-          ((_a = _ctx.person.phone) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$d, [
-            vue.createVNode(vue.unref(_sfc_main$R), { icon: "phone" }),
+        vue.createElementVNode("div", _hoisted_5$i, [
+          ((_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.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -15635,7 +15576,7 @@ const _sfc_main$A = /* @__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$R), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$S), { 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
@@ -15643,7 +15584,7 @@ const _sfc_main$A = /* @__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$R), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$S), { 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)
@@ -15652,6 +15593,226 @@ const _sfc_main$A = /* @__PURE__ */ vue.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__ */ vue.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 ? (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),
+        (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.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
+              ]),
+              _: 2
+            }, 1024))
+          ]);
+        }), 128)),
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(_ctx.data).filter(
+            ([key]) => !keysToIgnore.includes(key)
+          ), ([key, value]) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: "data-row",
+              key
+            }, [
+              vue.createElementVNode("div", _hoisted_5$h, vue.toDisplayString(_ctx.i18nT(vue.unref(keyToLabel)(key))), 1),
+              vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(value), 1)
+            ]);
+          }), 128))
+        ])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+      ])) : vue.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__ */ 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 _withScopeId$2 = (n) => (vue.pushScopeId("data-v-f7af54ed"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$I = { class: "bar-chart" };
 const _hoisted_2$C = {
@@ -17057,7 +17218,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, vue.unref(val)]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$R), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$S), { icon: "check" })
         ])
       ]);
     };
@@ -17899,7 +18060,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$R), {
+                      vue.createVNode(vue.unref(_sfc_main$S), {
                         class: "success",
                         icon: "check"
                       })
@@ -18006,7 +18167,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$R), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$S), { 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
@@ -18014,7 +18175,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$R), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$S), { 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
@@ -18022,7 +18183,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$R), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$S), { 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)
@@ -18164,7 +18325,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(content.value) + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$R), { icon: "arrow_forward" })
+            vue.createVNode(vue.unref(_sfc_main$S), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, vue.toDisplayString(content.value), 1))
@@ -18227,7 +18388,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("label", {
           for: vue.unref(formatString)(_ctx.name, "pascal")
         }, [
-          vue.createVNode(_sfc_main$T, {
+          vue.createVNode(_sfc_main$U, {
             input: vue.unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$v),
@@ -18268,7 +18429,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$T, { input: _ctx.errorMessage }, null, 8, ["input"])
+          vue.createVNode(_sfc_main$U, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -18997,7 +19158,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
-        vue.createVNode(vue.unref(_sfc_main$R), {
+        vue.createVNode(vue.unref(_sfc_main$S), {
           onClick: showPassword,
           icon: vue.unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19162,7 +19323,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           for: "label",
           class: vue.normalizeClass({ active: showList.value })
         }, [
-          vue.createVNode(vue.unref(_sfc_main$T), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$U), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19174,7 +19335,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            vue.createVNode(vue.unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
+            vue.createVNode(vue.unref(_sfc_main$U), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "#app" }, [
             vue.createElementVNode("div", {
@@ -19187,7 +19348,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  vue.createVNode(vue.unref(_sfc_main$T), {
+                  vue.createVNode(vue.unref(_sfc_main$U), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$i);
@@ -22051,7 +22212,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$T), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$U), { 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({
@@ -28726,7 +28887,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$I), null, {
+        vue.createVNode(vue.unref(_sfc_main$J), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -28735,7 +28896,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$F), {
+              vue.createVNode(vue.unref(_sfc_main$H), {
                 schema: _ctx.whatsappTemplateSchema(),
                 modelValue: vue.unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -28769,41 +28930,42 @@ exports.Checkbox = Checkbox;
 exports.ColorPicker = _sfc_main$4;
 exports.Comments = Comments;
 exports.ContactArrayInput = ContactArrayInput;
-exports.ContactSubmissions = _sfc_main$B;
+exports.ContactSubmissions = _sfc_main$D;
 exports.CurrencyInput = CurrencyInput;
 exports.DataPreview = DataPreview;
 exports.DateInput = DateInput;
 exports.DatetimeInput = _sfc_main$j;
-exports.DropDown = _sfc_main$N;
+exports.DropDown = _sfc_main$O;
 exports.DurationInput = _sfc_main$7;
 exports.DynamicLinkField = _sfc_main$3;
 exports.EmailInput = EmailInput;
 exports.FileUploadInput = FileUploadInput;
+exports.FileUploader = _sfc_main$A;
 exports.FloatInput = _sfc_main$h;
-exports.FormSchema = _sfc_main$F;
+exports.FormSchema = _sfc_main$H;
 exports.IntInput = _sfc_main$g;
 exports.ItemRef = _sfc_main$p;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$T;
+exports.LangText = _sfc_main$U;
 exports.Lineart = _sfc_main$1;
 exports.LinkField = LinkField;
-exports.ListItem = _sfc_main$L;
-exports.ListView = _sfc_main$M;
-exports.MaterialIcon = _sfc_main$R;
+exports.ListItem = _sfc_main$M;
+exports.ListView = _sfc_main$N;
+exports.MaterialIcon = _sfc_main$S;
 exports.MiscFieldsInput = MiscFieldsInput;
-exports.Modal = _sfc_main$O;
+exports.Modal = _sfc_main$P;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
-exports.NavBar = _sfc_main$Q;
-exports.PageTitle = _sfc_main$I;
+exports.NavBar = _sfc_main$R;
+exports.PageTitle = _sfc_main$J;
 exports.Password = Password;
 exports.PasswordInput = PasswordInput;
-exports.PersonPreview = _sfc_main$A;
+exports.PersonPreview = _sfc_main$C;
 exports.PersonPreviewInput = PersonPreviewInput;
 exports.PlainInputField = _sfc_main$n;
 exports.PlainText = PlainText;
-exports.RTXEditor = _sfc_main$S;
+exports.RTXEditor = _sfc_main$T;
 exports.ReadOnlyInput = ReadOnlyInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;