@bagelink/vue 0.0.188 → 0.0.190

package/dist/index.cjs

@@ -2302,7 +2302,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,
             {
@@ -2378,8 +2378,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: {}
@@ -2387,7 +2387,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);
     };
@@ -14503,8 +14503,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) },
@@ -14581,11 +14581,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: {},
@@ -14600,17 +14600,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$d = { 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: {},
@@ -14634,10 +14634,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",
@@ -14661,15 +14661,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 },
@@ -14705,8 +14705,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),
@@ -14714,7 +14714,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)
@@ -14732,11 +14732,11 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-8fe48560"]]);
-const _hoisted_1$V = { class: "tool-bar" };
-const _hoisted_2$N = { class: "modal-title" };
-const _hoisted_3$G = { class: "modal-footer mt-3" };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8fe48560"]]);
+const _hoisted_1$W = { class: "tool-bar" };
+const _hoisted_2$O = { class: "modal-title" };
+const _hoisted_3$H = { class: "modal-footer mt-3" };
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14782,7 +14782,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" }),
@@ -14790,10 +14790,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,
@@ -14808,10 +14808,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,
@@ -14837,31 +14837,31 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["dropdown", { opendrop: vue.unref(isOpen) }]),
         onClick: toggleDropdown
       }, [
-        vue.createElementVNode("div", _hoisted_1$U, [
+        vue.createElementVNode("div", _hoisted_1$V, [
           vue.createTextVNode(vue.toDisplayString(vue.unref(selectedOption) || __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 },
@@ -14877,17 +14877,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"
             })
@@ -14899,16 +14899,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: {}
@@ -14920,10 +14920,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")
           ])
         ]),
@@ -14932,11 +14932,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: {},
@@ -14964,10 +14964,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([{
@@ -14975,7 +14975,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))
           ])
         ]),
@@ -14991,16 +14991,16 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-3941cced"]]);
-const _hoisted_1$Q = { class: "comments-wrap" };
-const _hoisted_2$I = { class: "comment-list" };
-const _hoisted_3$C = { class: "comment-top" };
-const _hoisted_4$n = { class: "comment-owner" };
-const _hoisted_5$j = { class: "comment-time" };
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-3941cced"]]);
+const _hoisted_1$R = { class: "comments-wrap" };
+const _hoisted_2$J = { class: "comment-list" };
+const _hoisted_3$D = { class: "comment-top" };
+const _hoisted_4$o = { class: "comment-owner" };
+const _hoisted_5$k = { class: "comment-time" };
 const _hoisted_6$g = { class: "comment-actions" };
 const _hoisted_7$c = ["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: {},
@@ -15043,8 +15043,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", {
@@ -15054,23 +15054,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",
@@ -15078,7 +15078,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),
@@ -15092,7 +15092,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),
@@ -15112,10 +15112,10 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-2eead7c8"]]);
-const _hoisted_1$P = { class: "page-top" };
-const _hoisted_2$H = { class: "top-title" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-2eead7c8"]]);
+const _hoisted_1$Q = { class: "page-top" };
+const _hoisted_2$I = { class: "top-title" };
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15125,8 +15125,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)
         ])
@@ -15134,9 +15134,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 },
@@ -15209,7 +15209,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" }),
@@ -15217,9 +15217,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$G), {
+          vue.createVNode(vue.unref(_sfc_main$H), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: _ctx.modelValue,
             "onUpdate:modelValue": handleEmit,
@@ -15231,8 +15231,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1799b7d0"]]);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1799b7d0"]]);
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "FormSchema",
   props: {
     modelValue: {},
@@ -15305,14 +15305,14 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$N = { class: "table-list-wrap h-100" };
-const _hoisted_2$F = { class: "infinite-wrapper" };
-const _hoisted_3$B = { class: "row first-row" };
-const _hoisted_4$m = ["onClick"];
-const _hoisted_5$i = { class: "flex" };
+const _hoisted_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$b = { key: 1 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -15350,32 +15350,35 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
     const columns = vue.computed(
       () => {
-        var _a;
-        return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({ id: k, inputType: "PlainText" }));
+        var _a, _b;
+        return ((_b = (_a = props2.schema) == null ? void 0 : _a.call(props2)) == null ? void 0 : _b.map((field) => ({
+          ...field,
+          id: (field == null ? void 0 : field.relationshipObjKey) || field.id
+        }))) || Object.keys(props2.data[0]).map((k) => ({ id: k, inputType: "PlainText" }));
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-        vue.createElementVNode("table", _hoisted_2$F, [
-          vue.createElementVNode("thead", _hoisted_3$B, [
+      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$i, [
+                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$m);
+              ], 8, _hoisted_4$n);
             }), 128))
           ]),
           vue.createElementVNode("tbody", {
@@ -15426,16 +15429,16 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-8cd8ab82"]]);
-const _sfc_main$E = {};
-const _hoisted_1$M = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-f3a410c2"]]);
+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$M, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
-const _sfc_main$D = {};
+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, {
@@ -15457,9 +15460,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
-const _hoisted_1$L = { class: "card h-100 thin" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+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: {
@@ -15489,7 +15492,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       void getData();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
         vue.createVNode(vue.unref(TableSchema), {
           schema: schema2,
           data: vue.unref(data2)
@@ -15498,14 +15501,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   key: 0,
   class: "person-card-edit flex gap-2"
 };
-const _hoisted_2$E = { class: "person-card-icon-wrap" };
-const _hoisted_3$A = { class: "person-card-icon" };
-const _hoisted_4$l = { class: "person-card-name txt20" };
-const _hoisted_5$h = { class: "person-card-details-wrap" };
+const _hoisted_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"
@@ -15520,7 +15523,7 @@ const _hoisted_8$5 = {
 };
 const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "PersonPreview",
   props: {
     person: {},
@@ -15550,7 +15553,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+        !_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: "",
@@ -15567,13 +15570,13 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             icon: "edit"
           })
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$E, [
-          vue.createElementVNode("p", _hoisted_3$A, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
-          vue.createElementVNode("p", _hoisted_4$l, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
+        vue.createElementVNode("div", _hoisted_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$h, [
+        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$R), { icon: "phone" }),
+            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
@@ -15581,7 +15584,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
-            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
@@ -15589,7 +15592,7 @@ const _sfc_main$B = /* @__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)
@@ -15598,23 +15601,23 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$D = {
+const _hoisted_2$E = {
   key: 0,
   class: "mb-3 mt-0"
 };
-const _hoisted_3$z = {
+const _hoisted_3$A = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_4$k = { class: "key" };
-const _hoisted_5$g = { key: 1 };
+const _hoisted_4$l = { class: "key" };
+const _hoisted_5$h = { key: 1 };
 const _hoisted_6$d = { class: "key" };
 const _hoisted_7$9 = { class: "vlue" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
     data: {},
@@ -15636,14 +15639,14 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      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(vue.Fragment, {
             key: field.id
           }, [
-            (field["v-if"] ? field["v-if"](itemData.value[field.id], itemData.value) : true) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
-              vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
+            (field["v-if"] ? field["v-if"](itemData.value[field.id], itemData.value) : true) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
+              vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), vue.mergeProps({
                 class: "vlue",
                 modelValue: itemData.value[field.id],
@@ -15663,7 +15666,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$h, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(itemData.value).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
@@ -15681,23 +15684,23 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dc2757c4"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-dc2757c4"]]);
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-fe5af582"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$I = { class: "bar-chart" };
-const _hoisted_2$C = {
+const _hoisted_1$J = { class: "bar-chart" };
+const _hoisted_2$D = {
   key: 0,
   class: "group-wrap"
 };
-const _hoisted_3$y = { class: "group-title" };
-const _hoisted_4$j = {
+const _hoisted_3$z = { class: "group-title" };
+const _hoisted_4$k = {
   key: 1,
   class: "bar-wrap"
 };
-const _hoisted_5$f = { class: "bar-txt" };
+const _hoisted_5$g = { class: "bar-txt" };
 const _hoisted_6$c = { class: "factor" };
 const _hoisted_7$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "red-bar" }, null, -1));
 const _hoisted_8$4 = { class: "bar-lines" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "BarChart",
   props: {
     title: {},
@@ -15749,14 +15752,14 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     const percent = (val) => val / maxValue.value * 100;
     const floodPercent = vue.computed(() => `${props2.flood}%`);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dataArray.value, (item, i2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "graph-wrap",
             key: i2
           }, [
-            item.group ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
-              vue.createElementVNode("p", _hoisted_3$y, vue.toDisplayString(item.group), 1),
+            item.group ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
+              vue.createElementVNode("p", _hoisted_3$z, vue.toDisplayString(item.group), 1),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((item == null ? void 0 : item.data) || [], (nested, i22) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: i22,
@@ -15775,7 +15778,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   }, null, 4)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
               vue.createElementVNode("div", {
                 class: "bar",
                 style: vue.normalizeStyle({ height: loaded.value ? `${percent(item.value)}%` : "0" })
@@ -15785,7 +15788,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 class: "bar compare",
                 style: vue.normalizeStyle({ height: loaded.value ? `${percent(item.compareValue)}%` : "0" })
               }, null, 4)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("p", _hoisted_5$f, vue.toDisplayString(item.title), 1)
+              vue.createElementVNode("p", _hoisted_5$g, vue.toDisplayString(item.title), 1)
             ]))
           ]);
         }), 128)),
@@ -15800,7 +15803,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-fe5af582"]]);
+const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-fe5af582"]]);
 const explicitKeys = [
   "__key",
   "__init",
@@ -17056,8 +17059,8 @@ function createInput(schemaOrComponent, definitionOptions = {}) {
   }
   return definition;
 }
-const _hoisted_1$H = { class: "primary-checkbox" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$I = { class: "primary-checkbox" };
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     modelValue: Boolean
@@ -17085,7 +17088,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$H, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$I, [
         vue.withDirectives(vue.createElementVNode("input", {
           type: "checkbox",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(val) ? val.value = $event : val = $event)
@@ -17093,24 +17096,24 @@ 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" })
         ])
       ]);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6b168ea9"]]);
-const _hoisted_1$G = { class: "bagel-input" };
-const _hoisted_2$B = { class: "mt-1" };
-const _hoisted_3$x = {
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-6b168ea9"]]);
+const _hoisted_1$H = { class: "bagel-input" };
+const _hoisted_2$C = { class: "mt-1" };
+const _hoisted_3$y = {
   key: 0,
   class: "bglform-contact-confirm"
 };
-const _hoisted_4$i = { class: "txt14" };
-const _hoisted_5$e = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_4$j = { class: "txt14" };
+const _hoisted_5$f = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$b = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_7$7 = ["onUpdate:modelValue", "placeholder"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ContactArrayFormKit",
   props: {
     context: {}
@@ -17163,16 +17166,16 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
-        vue.createElementVNode("div", _hoisted_2$B, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+        vue.createElementVNode("div", _hoisted_2$C, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (contact, i2) => {
             var _a, _b, _c, _d, _e, _f;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-2",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, [
-                vue.createElementVNode("p", _hoisted_4$i, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
+              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+                vue.createElementVNode("p", _hoisted_4$j, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
@@ -17208,7 +17211,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": ($event) => contact.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$e), [
+              }, null, 8, _hoisted_5$f), [
                 [vue.vModelText, contact.label]
               ]),
               ((_c = _ctx.context) == null ? void 0 : _c.id) === "email" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -17256,15 +17259,15 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-312e5767"]]);
-const _hoisted_1$F = { class: "bagel-input" };
-const _hoisted_2$A = { class: "mt-1" };
-const _hoisted_3$w = {
+const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-312e5767"]]);
+const _hoisted_1$G = { class: "bagel-input" };
+const _hoisted_2$B = { class: "mt-1" };
+const _hoisted_3$x = {
   key: 0,
   class: "bglform-contact-confirm"
 };
-const _hoisted_4$h = { class: "txt14" };
-const _hoisted_5$d = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_4$i = { class: "txt14" };
+const _hoisted_5$e = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$a = { class: "bglform-contact-address" };
 const _hoisted_7$6 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_8$3 = { class: "bglform-contact-address-flex" };
@@ -17272,7 +17275,7 @@ const _hoisted_9$2 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_10$2 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_11$1 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_12$1 = { class: "bglform-address-del" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressArray",
   props: {
     context: {}
@@ -17331,16 +17334,16 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        vue.createElementVNode("div", _hoisted_2$A, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        vue.createElementVNode("div", _hoisted_2$B, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (address, i2) => {
             var _a, _b, _c, _d, _e, _f;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, [
-                vue.createElementVNode("p", _hoisted_4$h, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
+              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, [
+                vue.createElementVNode("p", _hoisted_4$i, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
@@ -17376,7 +17379,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": ($event) => address.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$d), [
+              }, null, 8, _hoisted_5$e), [
                 [vue.vModelText, address.label]
               ]),
               vue.createElementVNode("div", _hoisted_6$a, [
@@ -17441,15 +17444,15 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1e3274f9"]]);
-const _hoisted_1$E = { class: "bagel-input" };
-const _hoisted_2$z = { class: "mt-1" };
-const _hoisted_3$v = {
+const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1e3274f9"]]);
+const _hoisted_1$F = { class: "bagel-input" };
+const _hoisted_2$A = { class: "mt-1" };
+const _hoisted_3$w = {
   key: 0,
   class: "bglform-contact-confirm"
 };
-const _hoisted_4$g = { class: "txt14" };
-const _hoisted_5$c = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_4$h = { class: "txt14" };
+const _hoisted_5$d = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$9 = { class: "bglform-contact-address" };
 const _hoisted_7$5 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_8$2 = { class: "bglform-contact-address-flex" };
@@ -17462,7 +17465,7 @@ const _hoisted_14 = ["onUpdate:modelValue"];
 const _hoisted_15 = ["onUpdate:modelValue"];
 const _hoisted_16 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_17 = { class: "bglform-address-del" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "BankDetailsArray",
   props: {
     context: {}
@@ -17515,16 +17518,16 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
-        vue.createElementVNode("div", _hoisted_2$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+        vue.createElementVNode("div", _hoisted_2$A, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (bank_account, i2) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
-                vue.createElementVNode("p", _hoisted_4$g, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
+              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, [
+                vue.createElementVNode("p", _hoisted_4$h, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
@@ -17560,7 +17563,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": ($event) => bank_account.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$c), [
+              }, null, 8, _hoisted_5$d), [
                 [vue.vModelText, bank_account.label]
               ]),
               vue.createElementVNode("div", _hoisted_6$9, [
@@ -17659,9 +17662,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-cc20bcbb"]]);
-const _hoisted_1$D = { class: "misc-wrap" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-cc20bcbb"]]);
+const _hoisted_1$E = { class: "misc-wrap" };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "MiscFields",
   props: {
     context: {},
@@ -17678,7 +17681,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       console.log(fields.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fields.value.filter(
           (field) => {
             var _a;
@@ -17706,13 +17709,13 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-91b04350"]]);
+const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-91b04350"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d0543d4b"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$C = ["title"];
-const _hoisted_2$y = { class: "switch" };
-const _hoisted_3$u = ["id"];
-const _hoisted_4$f = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$D = ["title"];
+const _hoisted_2$z = { class: "switch" };
+const _hoisted_3$v = ["id"];
+const _hoisted_4$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "Toggle",
   props: {
     context: Object
@@ -17736,7 +17739,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input checkbox", { check: (_a = __props.context) == null ? void 0 : _a.attrs.isCheckbox }]),
         title: (_b = __props.context) == null ? void 0 : _b.help
       }, [
-        vue.createElementVNode("label", _hoisted_2$y, [
+        vue.createElementVNode("label", _hoisted_2$z, [
           vue.withDirectives(vue.createElementVNode("input", {
             onChange: _cache[0] || (_cache[0] = () => {
               var _a2;
@@ -17745,31 +17748,31 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             type: "checkbox",
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
             id: (_c = __props.context) == null ? void 0 : _c.id
-          }, null, 40, _hoisted_3$u), [
+          }, null, 40, _hoisted_3$v), [
             [vue.vModelCheckbox, vue.unref(inputVal)]
           ]),
-          _hoisted_4$f
+          _hoisted_4$g
         ])
-      ], 10, _hoisted_1$C);
+      ], 10, _hoisted_1$D);
     };
   }
 });
-const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d0543d4b"]]);
-const _hoisted_1$B = { class: "files-wrapper flex" };
-const _hoisted_2$x = {
+const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-d0543d4b"]]);
+const _hoisted_1$C = { class: "files-wrapper flex" };
+const _hoisted_2$y = {
   key: 0,
   class: "img-label"
 };
-const _hoisted_3$t = { class: "uploading-wrap" };
-const _hoisted_4$e = { class: "load-file-bar" };
-const _hoisted_5$b = ["src", "alt"];
+const _hoisted_3$u = { class: "uploading-wrap" };
+const _hoisted_4$f = { class: "load-file-bar" };
+const _hoisted_5$c = ["src", "alt"];
 const _hoisted_6$8 = { class: "flex" };
 const _hoisted_7$4 = {
   key: 0,
   class: "progress"
 };
 const _hoisted_8$1 = ["multiple"];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUploader",
   props: {
     context: {},
@@ -17819,9 +17822,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     }
     function emitValue() {
       var _a, _b, _c;
-      const relationshipKey = (_b = (_a = props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.relationshipKey;
+      const relationshipObjKey = (_b = (_a = props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.relationshipObjKey;
       if (!computedMultiple.value)
-        return (_c = props2.context) == null ? void 0 : _c.node.input(relationshipKey ? files.value[0].serverFile.id : files.value[0].serverFile);
+        return (_c = props2.context) == null ? void 0 : _c.node.input(relationshipObjKey ? files.value[0].serverFile.id : files.value[0].serverFile);
       return alert("not implemented");
     }
     const isImg = (file) => {
@@ -17877,8 +17880,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       (_a = dropZoneEl.value) == null ? void 0 : _a.addEventListener("dragover", animateCircle);
-      const relationshipKey = (_c = (_b = props2.context) == null ? void 0 : _b.attrs) == null ? void 0 : _c.relationshipKey;
-      const imageObj = relationshipKey ? (_f = (_e = (_d = props2.context) == null ? void 0 : _d.node) == null ? void 0 : _e.parent) == null ? void 0 : _f.value[relationshipKey] : (_h = (_g = props2.context) == null ? void 0 : _g.node) == null ? void 0 : _h.value;
+      const relationshipObjKey = (_c = (_b = props2.context) == null ? void 0 : _b.attrs) == null ? void 0 : _c.relationshipObjKey;
+      const imageObj = relationshipObjKey ? (_f = (_e = (_d = props2.context) == null ? void 0 : _d.node) == null ? void 0 : _e.parent) == null ? void 0 : _f.value[relationshipObjKey] : (_h = (_g = props2.context) == null ? void 0 : _g.node) == null ? void 0 : _h.value;
       if (!computedMultiple.value && imageObj) {
         files.value.push({
           serverFile: imageObj,
@@ -17907,7 +17910,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         void addFiles(filesToAdd);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         vue.createElementVNode("div", {
           ref_key: "dropZoneEl",
           ref: dropZoneEl,
@@ -17927,26 +17930,26 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }),
-          allowUpload.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+          allowUpload.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
             vue.createElementVNode("p", null, [
               vue.createTextVNode(vue.toDisplayString(computedDragDropLabel.value) + " ", 1),
               vue.createElementVNode("span", null, vue.toDisplayString(computedDrowseLabel.value), 1)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3$t, [
+          vue.createElementVNode("div", _hoisted_3$u, [
             (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$e, [
+                vue.createElementVNode("div", _hoisted_4$f, [
                   isImg(item) ? (vue.openBlock(), vue.createElementBlock("img", {
                     key: 0,
                     width: "40",
                     src: item.dataUrl,
                     alt: item.name,
                     style: { "margin-inline-end": "10px" }
-                  }, null, 8, _hoisted_5$b)) : vue.createCommentVNode("", true),
+                  }, null, 8, _hoisted_5$c)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("p", null, vue.toDisplayString(item.name), 1),
                   vue.createElementVNode("div", _hoisted_6$8, [
                     vue.createElementVNode("div", {
@@ -17954,7 +17957,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"
                       })
@@ -17984,14 +17987,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "person-card-edit flex gap-2"
 };
-const _hoisted_2$w = { class: "person-card-icon-wrap" };
-const _hoisted_3$s = { class: "person-card-icon" };
-const _hoisted_4$d = { class: "person-card-name txt20" };
-const _hoisted_5$a = { class: "person-card-details-wrap" };
+const _hoisted_2$x = { class: "person-card-icon-wrap" };
+const _hoisted_3$t = { class: "person-card-icon" };
+const _hoisted_4$e = { class: "person-card-name txt20" };
+const _hoisted_5$b = { class: "person-card-details-wrap" };
 const _hoisted_6$7 = {
   key: 0,
   class: "person-card-details"
@@ -18006,7 +18009,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = { key: 0 };
 const _hoisted_10 = { key: 1 };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "PersonPreviewFormkit",
   props: {
     context: {},
@@ -18037,7 +18040,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         (...args) => _ctx.onClick && _ctx.onClick(...args)),
         class: "person-card"
       }, [
-        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+        !_ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
           !_ctx.$route.path.match("/search") ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 0,
             onClick: vue.unref(hideModal),
@@ -18055,13 +18058,13 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             icon: "edit"
           })
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$w, [
-          vue.createElementVNode("p", _hoisted_3$s, vue.toDisplayString(vue.unref(initials)(person.value.first_name, person.value.last_name)), 1),
-          vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString(person.value.first_name) + " " + vue.toDisplayString(person.value.last_name), 1)
+        vue.createElementVNode("div", _hoisted_2$x, [
+          vue.createElementVNode("p", _hoisted_3$t, vue.toDisplayString(vue.unref(initials)(person.value.first_name, person.value.last_name)), 1),
+          vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString(person.value.first_name) + " " + vue.toDisplayString(person.value.last_name), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_5$a, [
+        vue.createElementVNode("div", _hoisted_5$b, [
           ((_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
@@ -18069,7 +18072,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
@@ -18077,7 +18080,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)
@@ -18086,7 +18089,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "TextVariableExamples",
   props: {
     context: Object
@@ -18178,14 +18181,14 @@ const AddressInput = createInput(AddressArray);
 const BankDetailsInput = createInput(BankDetailsArray);
 const MiscFieldsInput = createInput(MiscFieldsBtns);
 const ToggleSwitchInput = createInput(Toggle);
-const FileUploadInput = createInput(_sfc_main$s);
-const TextVariablesInput = createInput(_sfc_main$q);
-const PersonPreviewInput = createInput(_sfc_main$r);
-const _hoisted_1$z = {
+const FileUploadInput = createInput(_sfc_main$t);
+const TextVariablesInput = createInput(_sfc_main$r);
+const PersonPreviewInput = createInput(_sfc_main$s);
+const _hoisted_1$A = {
   key: 1,
   class: "pill"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "ItemRef",
   props: {
     modelValue: {},
@@ -18219,15 +18222,15 @@ 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))
+        })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(content.value), 1))
       ]);
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -18242,13 +18245,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "bagel-input" };
-const _hoisted_2$v = ["for"];
-const _hoisted_3$r = ["checked"];
-const _hoisted_4$c = ["name", "type", "value"];
-const _hoisted_5$9 = ["name", "type", "value"];
+const _hoisted_1$z = { class: "bagel-input" };
+const _hoisted_2$w = ["for"];
+const _hoisted_3$s = ["checked"];
+const _hoisted_4$d = ["name", "type", "value"];
+const _hoisted_5$a = ["name", "type", "value"];
 const _hoisted_6$6 = ["name", "type", "value"];
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "PlainInputField",
   props: {
     type: {},
@@ -18278,14 +18281,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         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),
+        ], 8, _hoisted_2$w),
         _ctx.type === "checkbox" ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           ref_key: "el",
@@ -18294,7 +18297,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           class: "ctl",
           type: "checkbox",
           onChange: handleCheck
-        }, null, 40, _hoisted_3$r)) : _ctx.type === "number" ? (vue.openBlock(), vue.createElementBlock("input", {
+        }, null, 40, _hoisted_3$s)) : _ctx.type === "number" ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 1,
           ref_key: "el",
           ref: el,
@@ -18303,7 +18306,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           value: _ctx.modelValue,
           class: "ctl",
           onInput: handleInput
-        }, null, 40, _hoisted_4$c)) : _ctx.type === "text" ? (vue.openBlock(), vue.createElementBlock("input", {
+        }, null, 40, _hoisted_4$d)) : _ctx.type === "text" ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 2,
           ref_key: "el",
           ref: el,
@@ -18312,7 +18315,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           value: _ctx.modelValue,
           class: "ctl",
           onInput: handleInput
-        }, null, 40, _hoisted_5$9)) : _ctx.type === "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
+        }, null, 40, _hoisted_5$a)) : _ctx.type === "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
           key: 3,
           ref_key: "el",
           ref: el,
@@ -18323,19 +18326,19 @@ 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"])
         ])
       ]);
     };
   }
 });
 const _withScopeId = (n) => (vue.pushScopeId("data-v-0dacba34"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$x = ["title"];
-const _hoisted_2$u = ["for"];
-const _hoisted_3$q = { class: "switch" };
-const _hoisted_4$b = ["id"];
-const _hoisted_5$8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$y = ["title"];
+const _hoisted_2$v = ["for"];
+const _hoisted_3$r = { class: "switch" };
+const _hoisted_4$c = ["id"];
+const _hoisted_5$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: {
     field: {},
@@ -18368,29 +18371,29 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", {
           for: _ctx.field.id
-        }, vue.toDisplayString(_ctx.field.label), 9, _hoisted_2$u),
-        vue.createElementVNode("label", _hoisted_3$q, [
+        }, vue.toDisplayString(_ctx.field.label), 9, _hoisted_2$v),
+        vue.createElementVNode("label", _hoisted_3$r, [
           vue.withDirectives(vue.createElementVNode("input", {
             id: _ctx.field.id,
             type: "checkbox",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
             class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-          }, null, 10, _hoisted_4$b), [
+          }, null, 10, _hoisted_4$c), [
             [vue.vModelCheckbox, inputVal.value]
           ]),
-          _hoisted_5$8
+          _hoisted_5$9
         ])
-      ], 10, _hoisted_1$x);
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0dacba34"]]);
-const _hoisted_1$w = ["title"];
-const _hoisted_2$t = { key: 0 };
-const _hoisted_3$p = { class: "flex gap-3" };
-const _hoisted_4$a = ["value", "placeholder"];
-const _hoisted_5$7 = { class: "currency" };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0dacba34"]]);
+const _hoisted_1$x = ["title"];
+const _hoisted_2$u = { key: 0 };
+const _hoisted_3$q = { class: "flex gap-3" };
+const _hoisted_4$b = ["value", "placeholder"];
+const _hoisted_5$8 = { class: "currency" };
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrencyInput",
   props: {
     field: {},
@@ -18491,26 +18494,26 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.field.description
       }, [
-        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$p, [
+        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$u, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3$q, [
           vue.createElementVNode("input", {
             value: _ctx.modelValue,
             type: "number",
             onInput: handleInput,
             placeholder: _ctx.placeholder,
             class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-          }, null, 42, _hoisted_4$a),
-          vue.createElementVNode("p", _hoisted_5$7, vue.toDisplayString(((_a = currencies.find((c) => c.symbol === _ctx.field.currency)) == null ? void 0 : _a.character) || _ctx.field.currency), 1)
+          }, null, 42, _hoisted_4$b),
+          vue.createElementVNode("p", _hoisted_5$8, vue.toDisplayString(((_a = currencies.find((c) => c.symbol === _ctx.field.currency)) == null ? void 0 : _a.character) || _ctx.field.currency), 1)
         ])
-      ], 10, _hoisted_1$w);
+      ], 10, _hoisted_1$x);
     };
   }
 });
-const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-17a56a3f"]]);
-const _hoisted_1$v = ["title"];
-const _hoisted_2$s = { key: 0 };
-const _hoisted_3$o = ["placeholder", "disabled"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-17a56a3f"]]);
+const _hoisted_1$w = ["title"];
+const _hoisted_2$t = { key: 0 };
+const _hoisted_3$p = ["placeholder", "disabled"];
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     field: {},
@@ -18531,7 +18534,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.field.description
       }, [
-        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$s, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
         vue.withDirectives(vue.createElementVNode("input", {
           type: "date",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date2.value = $event),
@@ -18541,18 +18544,18 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           disabled: !_ctx.editMode,
           enableTimePicker: false,
           textInputOptions: { format: "yyyy-MM-dd" }
-        }, null, 40, _hoisted_3$o), [
+        }, null, 40, _hoisted_3$p), [
           [vue.vModelText, date2.value]
         ])
-      ], 10, _hoisted_1$v);
+      ], 10, _hoisted_1$w);
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-782aee7f"]]);
-const _hoisted_1$u = ["title"];
-const _hoisted_2$r = { key: 0 };
-const _hoisted_3$n = ["value", "placeholder"];
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-782aee7f"]]);
+const _hoisted_1$v = ["title"];
+const _hoisted_2$s = { key: 0 };
+const _hoisted_3$o = ["value", "placeholder"];
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "DatetimeInput",
   props: {
     description: { default: "" },
@@ -18578,7 +18581,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$r, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$s, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -18587,15 +18590,15 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$n)
-      ], 10, _hoisted_1$u);
+        }, null, 42, _hoisted_3$o)
+      ], 10, _hoisted_1$v);
     };
   }
 });
-const _hoisted_1$t = ["title"];
-const _hoisted_2$q = { key: 0 };
-const _hoisted_3$m = ["value", "placeholder"];
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = ["title"];
+const _hoisted_2$r = { key: 0 };
+const _hoisted_3$n = ["value", "placeholder"];
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "EmailInput",
   props: {
     description: { default: "" },
@@ -18618,7 +18621,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$r, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -18628,16 +18631,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$m)
-      ], 10, _hoisted_1$t);
+        }, null, 42, _hoisted_3$n)
+      ], 10, _hoisted_1$u);
     };
   }
 });
-const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ed81a514"]]);
-const _hoisted_1$s = ["title"];
-const _hoisted_2$p = { key: 0 };
-const _hoisted_3$l = ["value", "placeholder"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ed81a514"]]);
+const _hoisted_1$t = ["title"];
+const _hoisted_2$q = { key: 0 };
+const _hoisted_3$m = ["value", "placeholder"];
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "FloatInput",
   props: {
     description: { default: "" },
@@ -18664,7 +18667,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$p, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -18673,15 +18676,15 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$l)
-      ], 10, _hoisted_1$s);
+        }, null, 42, _hoisted_3$m)
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["title"];
-const _hoisted_2$o = { key: 0 };
-const _hoisted_3$k = ["value", "placeholder"];
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = ["title"];
+const _hoisted_2$p = { key: 0 };
+const _hoisted_3$l = ["value", "placeholder"];
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "IntInput",
   props: {
     description: { default: "" },
@@ -18708,7 +18711,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$o, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$p, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -18717,15 +18720,15 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$k)
-      ], 10, _hoisted_1$r);
+        }, null, 42, _hoisted_3$l)
+      ], 10, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$q = ["title"];
-const _hoisted_2$n = { key: 0 };
-const _hoisted_3$j = ["value", "placeholder"];
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$r = ["title"];
+const _hoisted_2$o = { key: 0 };
+const _hoisted_3$k = ["value", "placeholder"];
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -18748,7 +18751,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$n, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$o, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -18756,17 +18759,17 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$j)
-      ], 10, _hoisted_1$q);
+        }, null, 42, _hoisted_3$k)
+      ], 10, _hoisted_1$r);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1fc4f739"]]);
-const _hoisted_1$p = ["title"];
-const _hoisted_2$m = { key: 0 };
-const _hoisted_3$i = ["disabled"];
-const _hoisted_4$9 = ["onClick"];
-const _hoisted_5$6 = {
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1fc4f739"]]);
+const _hoisted_1$q = ["title"];
+const _hoisted_2$n = { key: 0 };
+const _hoisted_3$j = ["disabled"];
+const _hoisted_4$a = ["onClick"];
+const _hoisted_5$7 = {
   key: 0,
   class: "option-label"
 };
@@ -18775,7 +18778,7 @@ const _hoisted_6$5 = {
   class: "option-label"
 };
 const _hoisted_7$2 = { class: "option-description" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "LinkField",
   props: {
     description: { default: "" },
@@ -18899,7 +18902,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$n, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.withDirectives(vue.createElementVNode("input", {
@@ -18911,7 +18914,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           onFocus: initList,
           onInput: handleInput,
           disabled: !_ctx.editMode
-        }, null, 40, _hoisted_3$i), [
+        }, null, 40, _hoisted_3$j), [
           [vue.vModelText, selectedItem.value]
         ]),
         vue.createElementVNode("div", {
@@ -18931,26 +18934,26 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   key: vue.unref(formatString)(option2.value, "pascal"),
                   onClick: vue.withModifiers(($event) => handleSelect(option2), ["stop"])
                 }, [
-                  option2.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+                  option2.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
                     vue.createTextVNode(vue.toDisplayString(option2.label), 1),
                     vue.createElementVNode("span", null, "ID: " + vue.toDisplayString(option2.value), 1)
                   ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, " ID: " + vue.toDisplayString(option2.value), 1)),
                   vue.createElementVNode("div", _hoisted_7$2, vue.toDisplayString(option2.description), 1)
-                ], 8, _hoisted_4$9);
+                ], 8, _hoisted_4$a);
               }), 128))
             ], 2)
           ]))
         ], 2)
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
-const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-947beb38"]]);
-const _hoisted_1$o = ["title"];
-const _hoisted_2$l = { key: 0 };
-const _hoisted_3$h = { class: "password-input-wrap" };
-const _hoisted_4$8 = ["value", "type", "placeholder"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-947beb38"]]);
+const _hoisted_1$p = ["title"];
+const _hoisted_2$m = { key: 0 };
+const _hoisted_3$i = { class: "password-input-wrap" };
+const _hoisted_4$9 = ["value", "type", "placeholder"];
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: {
     description: { default: "" },
@@ -18984,31 +18987,31 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$h, [
+        vue.createElementVNode("div", _hoisted_3$i, [
           vue.createElementVNode("input", {
             value: _ctx.modelValue,
             type: vue.unref(inputType),
             onInput: handleInput,
             placeholder: _ctx.placeholder,
             class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-          }, null, 42, _hoisted_4$8),
+          }, null, 42, _hoisted_4$9),
           vue.createElementVNode("div", {
             class: "icon-font password-icon",
             onMousedown: toggleInputType
           }, " visibility ", 32)
         ])
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-525f5e2e"]]);
-const _hoisted_1$n = ["title"];
-const _hoisted_2$k = ["for"];
-const _hoisted_3$g = ["id", "type", "placeholder", "required", "pattern"];
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-525f5e2e"]]);
+const _hoisted_1$o = ["title"];
+const _hoisted_2$l = ["for"];
+const _hoisted_3$h = ["id", "type", "placeholder", "required", "pattern"];
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "Password",
   props: {
     field: {},
@@ -19048,22 +19051,22 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$g), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$h), [
             [vue.vModelDynamic, inputVal.value]
           ])
-        ], 8, _hoisted_2$k),
-        vue.createVNode(vue.unref(_sfc_main$R), {
+        ], 8, _hoisted_2$l),
+        vue.createVNode(vue.unref(_sfc_main$S), {
           onClick: showPassword,
           icon: vue.unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
-      ], 10, _hoisted_1$n)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$o)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Password = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-800f4000"]]);
-const _hoisted_1$m = ["title"];
-const _hoisted_2$j = { key: 0 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const Password = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-800f4000"]]);
+const _hoisted_1$n = ["title"];
+const _hoisted_2$k = { key: 0 };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ReadOnlyInput",
   props: {
     field: {},
@@ -19076,16 +19079,16 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.field.description
       }, [
-        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$j, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.field.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$k, vue.toDisplayString(_ctx.field.label), 1)) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.modelValue), 1)
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$n);
     };
   }
 });
-const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b3b5a368"]]);
-const _hoisted_1$l = ["title"];
-const _hoisted_2$i = ["onClick"];
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b3b5a368"]]);
+const _hoisted_1$m = ["title"];
+const _hoisted_2$j = ["onClick"];
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectField",
   props: {
     inputType: {},
@@ -19217,7 +19220,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 }]),
@@ -19229,7 +19232,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", {
@@ -19242,23 +19245,23 @@ 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);
+                ], 8, _hoisted_2$j);
               }), 128))
             ], 2)
           ]))
         ], 2)
-      ], 10, _hoisted_1$l);
+      ], 10, _hoisted_1$m);
     };
   }
 });
-const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-028ea61b"]]);
-const _hoisted_1$k = ["title"];
-const _hoisted_2$h = { key: 0 };
-const _hoisted_3$f = ["value", "placeholder"];
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-028ea61b"]]);
+const _hoisted_1$l = ["title"];
+const _hoisted_2$i = { key: 0 };
+const _hoisted_3$g = ["value", "placeholder"];
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "RichTextEditor",
   props: {
     description: { default: "" },
@@ -19281,7 +19284,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$h, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$i, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -19289,12 +19292,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$f)
-      ], 10, _hoisted_1$k);
+        }, null, 42, _hoisted_3$g)
+      ], 10, _hoisted_1$l);
     };
   }
 });
-const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-69a60381"]]);
+const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-69a60381"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -21817,13 +21820,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$j = ["title"];
-const _hoisted_2$g = { class: "bagel-input" };
-const _hoisted_3$e = { class: "table-side-scroll" };
-const _hoisted_4$7 = { class: "table-header" };
-const _hoisted_5$5 = { class: "table-reorder" };
+const _hoisted_1$k = ["title"];
+const _hoisted_2$h = { class: "bagel-input" };
+const _hoisted_3$f = { class: "table-side-scroll" };
+const _hoisted_4$8 = { class: "table-header" };
+const _hoisted_5$6 = { class: "table-reorder" };
 const _hoisted_6$4 = { class: "table-action" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -21888,11 +21891,11 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        vue.createElementVNode("div", _hoisted_2$g, [
+        vue.createElementVNode("div", _hoisted_2$h, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$e, [
-          vue.createElementVNode("div", _hoisted_4$7, [
+        vue.createElementVNode("div", _hoisted_3$f, [
+          vue.createElementVNode("div", _hoisted_4$8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["header-col", vue.unref(formatString)(field.fieldtype, "pascal")]),
@@ -21919,8 +21922,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row",
                       key: row.id
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$5, [
-                        vue.createVNode(_sfc_main$o, { icon: "more_vert" })
+                      vue.createElementVNode("div", _hoisted_5$6, [
+                        vue.createVNode(_sfc_main$p, { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -21937,7 +21940,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$4, [
-                        vue.createVNode(_sfc_main$o, {
+                        vue.createVNode(_sfc_main$p, {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -21963,15 +21966,15 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$j);
+      ], 8, _hoisted_1$k);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b01223bc"]]);
-const _hoisted_1$i = ["title"];
-const _hoisted_2$f = { key: 0 };
-const _hoisted_3$d = ["value", "title", "placeholder"];
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-b01223bc"]]);
+const _hoisted_1$j = ["title"];
+const _hoisted_2$g = { key: 0 };
+const _hoisted_3$e = ["value", "title", "placeholder"];
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "DurationInput",
   props: {
     description: { default: "" },
@@ -21998,7 +22001,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$f, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$g, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("input", {
@@ -22008,15 +22011,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$d)
-      ], 10, _hoisted_1$i);
+        }, null, 42, _hoisted_3$e)
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$h = ["title"];
-const _hoisted_2$e = ["for"];
-const _hoisted_3$c = ["id", "type", "placeholder", "disabled", "required", "pattern"];
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$i = ["title"];
+const _hoisted_2$f = ["for"];
+const _hoisted_3$d = ["id", "type", "placeholder", "disabled", "required", "pattern"];
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -22091,10 +22094,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           }, _ctx.nativeInputAttrs, {
             onDblclick: toggleEditAction,
             onKeydown: vue.withKeys(toggleEditAction, ["enter"])
-          }), null, 16, _hoisted_3$c), [
+          }), null, 16, _hoisted_3$d), [
             [vue.vModelDynamic, vue.unref(inputVal)]
           ])
-        ], 8, _hoisted_2$e),
+        ], 8, _hoisted_2$f),
         _ctx.toggleEdit ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
           key: 0,
           class: "toggleEditBtn",
@@ -22103,19 +22106,19 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           icon: vue.unref(editMode) ? "check" : "edit",
           flat: ""
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7b082166"]]);
-const _hoisted_1$g = ["title"];
-const _hoisted_2$d = { key: 0 };
-const _hoisted_3$b = {
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7b082166"]]);
+const _hoisted_1$h = ["title"];
+const _hoisted_2$e = { key: 0 };
+const _hoisted_3$c = {
   key: 1,
   class: "character-limit"
 };
-const _hoisted_4$6 = ["value"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$7 = ["value"];
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "TextArea",
   props: {
     description: { default: "" },
@@ -22140,24 +22143,24 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         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"])
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$e, [
+          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),
+        _ctx.showCharacterLimit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, 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({
           value: _ctx.modelValue,
           onInput: handleInput,
           class: { "no-edit": !_ctx.editMode }
-        }, _ctx.nativeInputAttrs), null, 16, _hoisted_4$6)
-      ], 10, _hoisted_1$g);
+        }, _ctx.nativeInputAttrs), null, 16, _hoisted_4$7)
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a5b28c58"]]);
-const _hoisted_1$f = ["title"];
-const _hoisted_2$c = ["for"];
-const _hoisted_3$a = ["id", "placeholder", "required"];
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a5b28c58"]]);
+const _hoisted_1$g = ["title"];
+const _hoisted_2$d = ["for"];
+const _hoisted_3$b = ["id", "placeholder", "required"];
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     field: {},
@@ -22194,19 +22197,19 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             placeholder: ((_a = _ctx.field) == null ? void 0 : _a.placeholder) || _ctx.field.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$a), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$b), [
             [vue.vModelText, inputVal.value]
           ])
-        ], 8, _hoisted_2$c)
-      ], 10, _hoisted_1$f)) : vue.createCommentVNode("", true);
+        ], 8, _hoisted_2$d)
+      ], 10, _hoisted_1$g)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$e = { key: 0 };
-const _hoisted_2$b = ["disabled"];
-const _hoisted_3$9 = { class: "custom-select-drop" };
-const _hoisted_4$5 = ["onClick"];
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$f = { key: 0 };
+const _hoisted_2$c = ["disabled"];
+const _hoisted_3$a = { class: "custom-select-drop" };
+const _hoisted_4$6 = ["onClick"];
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "DynamicLinkField",
   props: {
     label: { default: "" },
@@ -22282,7 +22285,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }])
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$e, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$f, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.withDirectives(vue.createElementVNode("input", {
@@ -22294,19 +22297,19 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           onFocus: initList,
           onInput: handleInput,
           disabled: !_ctx.editMode
-        }, null, 40, _hoisted_2$b), [
+        }, null, 40, _hoisted_2$c), [
           [vue.vModelText, selectedItem.value]
         ]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["custom-select", { "open-select": showList.value && linkOptions.value.length > 0 }]),
           name: "link-input"
         }, [
-          vue.createElementVNode("div", _hoisted_3$9, [
+          vue.createElementVNode("div", _hoisted_3$a, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(linkOptions.value, (item2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: vue.unref(formatString)(item2.value, "pascal"),
                 onClick: vue.withModifiers(($event) => handleSelect(item2), ["stop"])
-              }, vue.toDisplayString(_ctx.useId || _ctx.entity === "Entity" ? item2.value : item2.label || item2.description || item2.value), 9, _hoisted_4$5);
+              }, vue.toDisplayString(_ctx.useId || _ctx.entity === "Entity" ? item2.value : item2.label || item2.description || item2.value), 9, _hoisted_4$6);
             }), 128))
           ])
         ], 2)
@@ -22314,10 +22317,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["title"];
-const _hoisted_2$a = ["for"];
-const _hoisted_3$8 = ["id", "placeholder", "required", "pattern"];
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = ["title"];
+const _hoisted_2$b = ["for"];
+const _hoisted_3$9 = ["id", "placeholder", "required", "pattern"];
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlainText",
   props: {
     field: {},
@@ -22363,15 +22366,78 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$8), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$9), [
             [vue.vModelText, vue.unref(inputVal)]
           ])
-        ], 8, _hoisted_2$a)
-      ], 10, _hoisted_1$d)) : vue.createCommentVNode("", true);
+        ], 8, _hoisted_2$b)
+      ], 10, _hoisted_1$e)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const PlainText = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-188270a2"]]);
+const VDatepicker = {};
+const _hoisted_1$d = { class: "datetime-wrap" };
+const _hoisted_2$a = { class: "date-wrap" };
+const _hoisted_3$8 = {
+  key: 0,
+  class: "time-wrap"
+};
+const _hoisted_4$5 = ["id", "name", "value"];
+const _hoisted_5$5 = ["for"];
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "DatePicker",
+  props: {
+    name: {},
+    options: {},
+    showTimeWrap: { type: Boolean }
+  },
+  setup(__props) {
+    const selectedDate = vue.ref(null);
+    const selectedHour = vue.ref();
+    const hours = Array.from({ length: 18 }, (_, index2) => {
+      const hour = Math.floor(index2 / 2) + 9;
+      const minute = index2 % 2 === 0 ? "00" : "30";
+      return `${hour}:${minute}`;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+        vue.createElementVNode("div", _hoisted_2$a, [
+          vue.createVNode(vue.unref(VDatepicker), vue.mergeProps({
+            inline: "",
+            "week-start": "0",
+            modelValue: selectedDate.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
+            "highlight-week-days": [6],
+            "enable-time-picker": false,
+            "month-change-on-scroll": false
+          }, _ctx.options), {
+            "action-buttons": vue.withCtx(() => []),
+            "action-preview": vue.withCtx(() => []),
+            _: 1
+          }, 16, ["modelValue"])
+        ]),
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hours), (hr) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: hr }, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                type: "radio",
+                id: `${hr}_${_ctx.name}`,
+                name: _ctx.name,
+                value: hr,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedHour.value = $event)
+              }, null, 8, _hoisted_4$5), [
+                [vue.vModelRadio, selectedHour.value]
+              ]),
+              vue.createElementVNode("label", {
+                for: `${hr}_${_ctx.name}`
+              }, vue.toDisplayString(hr), 9, _hoisted_5$5)
+            ], 64);
+          }), 128))
+        ])) : vue.createCommentVNode("", true)
+      ]);
     };
   }
 });
-const PlainText = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-188270a2"]]);
 function _isPlaceholder(a) {
   return a != null && typeof a === "object" && a["@@functional/placeholder"] === true;
 }
@@ -28829,7 +28895,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")
           ]),
@@ -28838,7 +28904,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$G), {
+              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),
@@ -28869,45 +28935,46 @@ exports.BarChart = BarChart;
 exports.Btn = Btn;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
-exports.ColorPicker = _sfc_main$4;
+exports.ColorPicker = _sfc_main$5;
 exports.Comments = Comments;
 exports.ContactArrayInput = ContactArrayInput;
-exports.ContactSubmissions = _sfc_main$C;
+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.DurationInput = _sfc_main$7;
-exports.DynamicLinkField = _sfc_main$3;
+exports.DatePicker = _sfc_main$2;
+exports.DatetimeInput = _sfc_main$k;
+exports.DropDown = _sfc_main$O;
+exports.DurationInput = _sfc_main$8;
+exports.DynamicLinkField = _sfc_main$4;
 exports.EmailInput = EmailInput;
 exports.FileUploadInput = FileUploadInput;
-exports.FileUploader = _sfc_main$s;
-exports.FloatInput = _sfc_main$h;
-exports.FormSchema = _sfc_main$G;
-exports.IntInput = _sfc_main$g;
-exports.ItemRef = _sfc_main$p;
+exports.FileUploader = _sfc_main$t;
+exports.FloatInput = _sfc_main$i;
+exports.FormSchema = _sfc_main$H;
+exports.IntInput = _sfc_main$h;
+exports.ItemRef = _sfc_main$q;
 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$B;
+exports.PersonPreview = _sfc_main$C;
 exports.PersonPreviewInput = PersonPreviewInput;
-exports.PlainInputField = _sfc_main$n;
+exports.PlainInputField = _sfc_main$o;
 exports.PlainText = PlainText;
-exports.RTXEditor = _sfc_main$S;
+exports.RTXEditor = _sfc_main$T;
 exports.ReadOnlyInput = ReadOnlyInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
@@ -28917,7 +28984,7 @@ exports.TableField = TableField;
 exports.TableSchema = TableSchema;
 exports.TextArea = TextArea;
 exports.TextInput = TextInput;
-exports.TextVariableExamples = _sfc_main$q;
+exports.TextVariableExamples = _sfc_main$r;
 exports.TextVariablesInput = TextVariablesInput;
 exports.ToggleSwitchInput = ToggleSwitchInput;
 exports.TopBar = TopBar;