@bagelink/vue 0.0.147 → 0.0.158

package/dist/index.cjs

@@ -14595,8 +14595,8 @@ const _hoisted_1$X = /* @__PURE__ */ vue.createElementVNode("div", { class: "ico
 const _hoisted_2$P = [
   _hoisted_1$X
 ];
-const _hoisted_3$J = { class: "full-nav" };
-const _hoisted_4$r = { class: "nav-scroll" };
+const _hoisted_3$H = { class: "full-nav" };
+const _hoisted_4$q = { class: "nav-scroll" };
 const _hoisted_5$l = { class: "nav-links-wrapper" };
 const _hoisted_6$h = { class: "icon-font" };
 const _hoisted_7$c = { class: "tooltip" };
@@ -14626,8 +14626,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, _hoisted_2$P, 32),
-        vue.createElementVNode("div", _hoisted_3$J, [
-          vue.createElementVNode("div", _hoisted_4$r, [
+        vue.createElementVNode("div", _hoisted_3$H, [
+          vue.createElementVNode("div", _hoisted_4$q, [
             vue.createElementVNode("div", _hoisted_5$l, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a = _ctx.links) == null ? void 0 : _a.call(_ctx), (link) => {
                 return vue.openBlock(), vue.createBlock(_component_RouterLink, {
@@ -14724,10 +14724,9 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-b94d75fb"]]);
-const _hoisted_1$V = ["onKeydown"];
-const _hoisted_2$N = { class: "tool-bar" };
-const _hoisted_3$I = { class: "modal-title" };
-const _hoisted_4$q = { class: "modal-footer mt-3" };
+const _hoisted_1$V = { class: "tool-bar" };
+const _hoisted_2$N = { class: "modal-title" };
+const _hoisted_3$G = { class: "modal-footer mt-3" };
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
@@ -14738,6 +14737,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["update:isModalVisible"],
   setup(__props, { emit: __emit }) {
+    const props2 = __props;
     let isActive = vue.ref(false);
     const emit2 = __emit;
     const closeModal = () => {
@@ -14746,7 +14746,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         emit2("update:isModalVisible", false);
       }, 200);
     };
-    const escapeKeyClose = (e) => useEscape(e, () => closeModal());
+    const escapeKeyClose = (e) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e, () => closeModal());
     vue.onMounted(() => {
       setTimeout(() => {
         isActive.value = true;
@@ -14773,12 +14773,18 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_2$N, [
-            vue.renderSlot(_ctx.$slots, "toolbar")
+          vue.createElementVNode("header", _hoisted_1$V, [
+            vue.renderSlot(_ctx.$slots, "toolbar"),
+            vue.createVNode(vue.unref(Btn), {
+              style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+              flat: "",
+              icon: "close",
+              onClick: closeModal
+            }, null, 8, ["style"]),
+            vue.createElementVNode("h3", _hoisted_2$N, vue.toDisplayString(_ctx.title), 1)
           ]),
-          vue.createElementVNode("h3", _hoisted_3$I, vue.toDisplayString(_ctx.title), 1),
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("footer", _hoisted_4$q, [
+          vue.createElementVNode("footer", _hoisted_3$G, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
               return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                 key: i2,
@@ -14789,13 +14795,13 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "footer")
           ])
         ])
-      ], 42, _hoisted_1$V);
+      ], 34);
     };
   }
 });
 const _hoisted_1$U = { class: "dropdown-title" };
 const _hoisted_2$M = { class: "dropdown-body" };
-const _hoisted_3$H = ["onClick"];
+const _hoisted_3$F = ["onClick"];
 const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "DropDown",
   props: {
@@ -14831,7 +14837,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             return vue.openBlock(), vue.createElementBlock("p", {
               key: index2,
               onClick: vue.withModifiers(($event) => selectOption(option2, index2), ["stop"])
-            }, vue.toDisplayString(option2), 9, _hoisted_3$H);
+            }, vue.toDisplayString(option2), 9, _hoisted_3$F);
           }), 128))
         ])
       ], 2);
@@ -14840,7 +14846,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
 });
 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$G = {
+const _hoisted_3$E = {
   key: 0,
   class: "bagel-input search-wrap"
 };
@@ -14864,7 +14870,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     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$G, [
+          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$E, [
             vue.withDirectives(vue.createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
@@ -14919,7 +14925,7 @@ 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$F = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_3$D = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_4$o = ["onClick"];
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
@@ -14952,7 +14958,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
         vue.createElementVNode("div", _hoisted_2$J, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_3$F, [
+          vue.createElementVNode("div", _hoisted_3$D, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass([{
@@ -14979,7 +14985,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4ac29f1d"]]);
 const _hoisted_1$Q = { class: "comments-wrap" };
 const _hoisted_2$I = { class: "comment-list" };
-const _hoisted_3$E = { class: "comment-top" };
+const _hoisted_3$C = { class: "comment-top" };
 const _hoisted_4$n = { class: "comment-owner" };
 const _hoisted_5$j = { class: "comment-time" };
 const _hoisted_6$g = { class: "comment-actions" };
@@ -15041,7 +15047,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              vue.createElementVNode("div", _hoisted_3$E, [
+              vue.createElementVNode("div", _hoisted_3$C, [
                 vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
                 vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
                 vue.createElementVNode("div", _hoisted_6$g, [
@@ -15121,9 +15127,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["onKeydown"];
-const _hoisted_2$G = { class: "tool-bar" };
-const _hoisted_3$D = { class: "modal-title" };
+const _hoisted_1$O = { class: "tool-bar" };
+const _hoisted_2$G = { class: "modal-title" };
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: {
@@ -15170,7 +15175,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a = props2.modelValue) == null ? void 0 : _a.id);
       closeModal();
     };
-    const escapeKeyClose = (e) => useEscape(e, () => closeModal());
+    const escapeKeyClose = (e) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e, () => closeModal());
     vue.onMounted(() => {
       setTimeout(() => {
         isActive.value = true;
@@ -15197,7 +15202,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_2$G, [
+          vue.createElementVNode("header", _hoisted_1$O, [
             vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15205,7 +15210,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_3$D, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$G, vue.toDisplayString(_ctx.title), 1)
           ]),
           vue.createVNode(vue.unref(_sfc_main$F), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
@@ -15215,11 +15220,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             schema: computedFormSchema.value
           }, null, 8, ["onDelete", "modelValue", "schema"])
         ])
-      ], 42, _hoisted_1$O);
+      ], 34);
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ca1b8501"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1799b7d0"]]);
 const _hoisted_1$N = {
   key: 0,
   class: "data"
@@ -15228,7 +15233,7 @@ const _hoisted_2$F = {
   key: 0,
   class: "mb-3 mt-0"
 };
-const _hoisted_3$C = { class: "key" };
+const _hoisted_3$B = { class: "key" };
 const _hoisted_4$m = { key: 1 };
 const _hoisted_5$i = { class: "key" };
 const _hoisted_6$f = { class: "vlue" };
@@ -15251,7 +15256,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             key: field.id,
             class: "data-row"
           }, [
-            vue.createElementVNode("div", _hoisted_3$C, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
+            vue.createElementVNode("div", _hoisted_3$B, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15354,7 +15359,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$M = { class: "table-list-wrap h-100" };
 const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$B = { class: "row first-row" };
+const _hoisted_3$A = { class: "row first-row" };
 const _hoisted_4$l = ["onClick"];
 const _hoisted_5$h = { class: "flex" };
 const _hoisted_6$e = ["onClick"];
@@ -15411,7 +15416,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
         vue.createElementVNode("table", _hoisted_2$E, [
-          vue.createElementVNode("thead", _hoisted_3$B, [
+          vue.createElementVNode("thead", _hoisted_3$A, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
                 class: "col",
@@ -15552,7 +15557,7 @@ const _hoisted_1$J = {
   class: "person-card-edit flex gap-2"
 };
 const _hoisted_2$D = { class: "person-card-icon-wrap" };
-const _hoisted_3$A = { class: "person-card-icon" };
+const _hoisted_3$z = { class: "person-card-icon" };
 const _hoisted_4$k = { class: "person-card-name txt20" };
 const _hoisted_5$g = { class: "person-card-details-wrap" };
 const _hoisted_6$d = {
@@ -15567,7 +15572,7 @@ const _hoisted_8$5 = {
   key: 2,
   class: "person-card-details badge"
 };
-const _hoisted_9$4 = { key: 0 };
+const _hoisted_9$3 = { key: 0 };
 const _hoisted_10$3 = { key: 1 };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "PersonPreview",
@@ -15617,7 +15622,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           })
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_2$D, [
-          vue.createElementVNode("p", _hoisted_3$A, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
+          vue.createElementVNode("p", _hoisted_3$z, vue.toDisplayString(vue.unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
           vue.createElementVNode("p", _hoisted_4$k, vue.toDisplayString(_ctx.person.first_name) + " " + vue.toDisplayString(_ctx.person.last_name), 1)
         ]),
         vue.createElementVNode("div", _hoisted_5$g, [
@@ -15639,7 +15644,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           ])) : 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" }),
-            _ctx.person.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$4, vue.toDisplayString(_ctx.person.date_of_birth), 1)) : vue.createCommentVNode("", true),
+            _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)
         ])
@@ -15653,7 +15658,7 @@ const _hoisted_2$C = {
   key: 0,
   class: "group-wrap"
 };
-const _hoisted_3$z = { class: "group-title" };
+const _hoisted_3$y = { class: "group-title" };
 const _hoisted_4$j = {
   key: 1,
   class: "bar-wrap"
@@ -15719,7 +15724,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             key: i2
           }, [
             item.group ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
-              vue.createElementVNode("p", _hoisted_3$z, vue.toDisplayString(item.group), 1),
+              vue.createElementVNode("p", _hoisted_3$y, 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,
@@ -17061,7 +17066,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5f3ff6ea"]]);
 const _hoisted_1$G = { class: "bagel-input" };
 const _hoisted_2$B = { class: "mt-1" };
-const _hoisted_3$y = {
+const _hoisted_3$x = {
   key: 0,
   class: "bglform-contact-confirm"
 };
@@ -17128,7 +17133,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
               class: "bglform-contact mb-2",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+              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: "",
@@ -17216,7 +17221,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-0533667e"]]);
 const _hoisted_1$F = { class: "bagel-input" };
 const _hoisted_2$A = { class: "mt-1" };
-const _hoisted_3$x = {
+const _hoisted_3$w = {
   key: 0,
   class: "bglform-contact-confirm"
 };
@@ -17225,7 +17230,7 @@ const _hoisted_5$d = ["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" };
-const _hoisted_9$3 = ["onUpdate:modelValue", "placeholder"];
+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" };
@@ -17294,7 +17299,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, [
+              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: "",
@@ -17347,7 +17352,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                     "onUpdate:modelValue": ($event) => address.city = $event,
                     placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.city,
                     type: "text"
-                  }, null, 8, _hoisted_9$3), [
+                  }, null, 8, _hoisted_9$2), [
                     [vue.vModelText, address.city]
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
@@ -17399,7 +17404,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-98a4f943"]]);
 const _hoisted_1$E = { class: "bagel-input" };
 const _hoisted_2$z = { class: "mt-1" };
-const _hoisted_3$w = {
+const _hoisted_3$v = {
   key: 0,
   class: "bglform-contact-confirm"
 };
@@ -17408,7 +17413,7 @@ const _hoisted_5$c = ["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" };
-const _hoisted_9$2 = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_9$1 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_10$1 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_11 = { class: "grid gap-2" };
 const _hoisted_12 = ["onUpdate:modelValue", "placeholder"];
@@ -17476,7 +17481,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, [
+              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.createVNode(vue.unref(Btn), {
                   thin: "",
@@ -17531,7 +17536,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                     placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.bankBranch,
                     type: "text",
                     required: ""
-                  }, null, 8, _hoisted_9$2), [
+                  }, null, 8, _hoisted_9$1), [
                     [vue.vModelText, bank_account.branch]
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
@@ -17663,7 +17668,7 @@ const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d12598ff"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$C = ["title"];
 const _hoisted_2$y = { class: "switch" };
-const _hoisted_3$v = ["id"];
+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({
   __name: "Toggle",
@@ -17698,7 +17703,7 @@ 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$v), [
+          }, null, 40, _hoisted_3$u), [
             [vue.vModelCheckbox, vue.unref(inputVal)]
           ]),
           _hoisted_4$f
@@ -17709,20 +17714,19 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
 });
 const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d12598ff"]]);
 const _hoisted_1$B = { class: "files-wrapper flex" };
-const _hoisted_2$x = ["onDrop"];
-const _hoisted_3$u = {
+const _hoisted_2$x = {
   key: 0,
   class: "img-label"
 };
-const _hoisted_4$e = { class: "uploading-wrap" };
-const _hoisted_5$b = { class: "load-file-bar" };
-const _hoisted_6$8 = ["src", "alt"];
-const _hoisted_7$4 = { class: "flex" };
-const _hoisted_8$1 = {
+const _hoisted_3$t = { class: "uploading-wrap" };
+const _hoisted_4$e = { class: "load-file-bar" };
+const _hoisted_5$b = ["src", "alt"];
+const _hoisted_6$8 = { class: "flex" };
+const _hoisted_7$4 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_9$1 = ["multiple"];
+const _hoisted_8$1 = ["multiple"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUploader",
   props: {
@@ -17868,33 +17872,33 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }),
-          allowUpload.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
+          allowUpload.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
             vue.createElementVNode("p", null, [
               vue.createTextVNode(vue.toDisplayString(_ctx.dragDropLabel) + " ", 1),
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.browseLabel), 1)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$e, [
+          vue.createElementVNode("div", _hoisted_3$t, [
             (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_5$b, [
+                vue.createElementVNode("div", _hoisted_4$e, [
                   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_6$8)) : vue.createCommentVNode("", true),
+                  }, null, 8, _hoisted_5$b)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("p", null, vue.toDisplayString(item.name), 1),
-                  vue.createElementVNode("div", _hoisted_7$4, [
+                  vue.createElementVNode("div", _hoisted_6$8, [
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["pie", { complete: item.progress === 100 }]),
                       style: vue.normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
-                      item.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, vue.toDisplayString(`${item.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                      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), {
                         class: "success",
                         icon: "check"
@@ -17912,7 +17916,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               ], 2);
             }), 128))
           ])
-        ], 40, _hoisted_2$x),
+        ], 544),
         vue.createElementVNode("input", {
           class: "file-input",
           type: "file",
@@ -17920,7 +17924,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           ref_key: "fileInputEl",
           ref: fileInputEl,
           multiple: ((_a = _ctx.context) == null ? void 0 : _a.attrs.multiple) || false
-        }, null, 40, _hoisted_9$1)
+        }, null, 40, _hoisted_8$1)
       ]);
     };
   }
@@ -17930,7 +17934,7 @@ const _hoisted_1$A = {
   class: "person-card-edit flex gap-2"
 };
 const _hoisted_2$w = { class: "person-card-icon-wrap" };
-const _hoisted_3$t = { class: "person-card-icon" };
+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_6$7 = {
@@ -17997,7 +18001,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           })
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_2$w, [
-          vue.createElementVNode("p", _hoisted_3$t, vue.toDisplayString(vue.unref(initials)(person.value.first_name, person.value.last_name)), 1),
+          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_5$a, [
@@ -18185,7 +18189,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$y = { class: "bagel-input" };
 const _hoisted_2$v = ["for"];
-const _hoisted_3$s = ["checked"];
+const _hoisted_3$r = ["checked"];
 const _hoisted_4$c = ["name", "type", "value"];
 const _hoisted_5$9 = ["name", "type", "value"];
 const _hoisted_6$6 = ["name", "type", "value"];
@@ -18235,7 +18239,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           class: "ctl",
           type: "checkbox",
           onChange: handleCheck
-        }, null, 40, _hoisted_3$s)) : _ctx.type === "number" ? (vue.openBlock(), vue.createElementBlock("input", {
+        }, null, 40, _hoisted_3$r)) : _ctx.type === "number" ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 1,
           ref_key: "el",
           ref: el,
@@ -18273,7 +18277,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
 const _withScopeId = (n) => (vue.pushScopeId("data-v-69f0d857"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$x = ["title"];
 const _hoisted_2$u = ["for"];
-const _hoisted_3$r = { class: "switch" };
+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({
@@ -18310,7 +18314,7 @@ 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$r, [
+        vue.createElementVNode("label", _hoisted_3$q, [
           vue.withDirectives(vue.createElementVNode("input", {
             id: _ctx.field.id,
             type: "checkbox",
@@ -18328,7 +18332,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-69f0d857"]]);
 const _hoisted_1$w = ["title"];
 const _hoisted_2$t = { key: 0 };
-const _hoisted_3$q = { class: "flex gap-3" };
+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({
@@ -18433,7 +18437,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         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$q, [
+        vue.createElementVNode("div", _hoisted_3$p, [
           vue.createElementVNode("input", {
             value: _ctx.modelValue,
             type: "number",
@@ -18450,7 +18454,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
 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$p = ["placeholder", "disabled"];
+const _hoisted_3$o = ["placeholder", "disabled"];
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
@@ -18482,7 +18486,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           disabled: !_ctx.editMode,
           enableTimePicker: false,
           textInputOptions: { format: "yyyy-MM-dd" }
-        }, null, 40, _hoisted_3$p), [
+        }, null, 40, _hoisted_3$o), [
           [vue.vModelText, date2.value]
         ])
       ], 10, _hoisted_1$v);
@@ -18492,7 +18496,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
 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$o = ["value", "placeholder"];
+const _hoisted_3$n = ["value", "placeholder"];
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "DatetimeInput",
   props: {
@@ -18528,14 +18532,14 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$o)
+        }, null, 42, _hoisted_3$n)
       ], 10, _hoisted_1$u);
     };
   }
 });
 const _hoisted_1$t = ["title"];
 const _hoisted_2$q = { key: 0 };
-const _hoisted_3$n = ["value", "placeholder"];
+const _hoisted_3$m = ["value", "placeholder"];
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "EmailInput",
   props: {
@@ -18569,7 +18573,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$n)
+        }, null, 42, _hoisted_3$m)
       ], 10, _hoisted_1$t);
     };
   }
@@ -18577,7 +18581,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
 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$m = ["value", "placeholder"];
+const _hoisted_3$l = ["value", "placeholder"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "FloatInput",
   props: {
@@ -18614,14 +18618,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$m)
+        }, null, 42, _hoisted_3$l)
       ], 10, _hoisted_1$s);
     };
   }
 });
 const _hoisted_1$r = ["title"];
 const _hoisted_2$o = { key: 0 };
-const _hoisted_3$l = ["value", "placeholder"];
+const _hoisted_3$k = ["value", "placeholder"];
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "IntInput",
   props: {
@@ -18658,14 +18662,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$l)
+        }, null, 42, _hoisted_3$k)
       ], 10, _hoisted_1$r);
     };
   }
 });
 const _hoisted_1$q = ["title"];
 const _hoisted_2$n = { key: 0 };
-const _hoisted_3$k = ["value", "placeholder"];
+const _hoisted_3$j = ["value", "placeholder"];
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
@@ -18697,7 +18701,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$k)
+        }, null, 42, _hoisted_3$j)
       ], 10, _hoisted_1$q);
     };
   }
@@ -18705,7 +18709,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
 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$j = ["onKeydown", "disabled"];
+const _hoisted_3$i = ["disabled"];
 const _hoisted_4$9 = ["onClick"];
 const _hoisted_5$6 = {
   key: 0,
@@ -18852,7 +18856,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           onFocus: initList,
           onInput: handleInput,
           disabled: !_ctx.editMode
-        }, null, 40, _hoisted_3$j), [
+        }, null, 40, _hoisted_3$i), [
           [vue.vModelText, selectedItem.value]
         ]),
         vue.createElementVNode("div", {
@@ -18889,7 +18893,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 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$i = { class: "password-input-wrap" };
+const _hoisted_3$h = { class: "password-input-wrap" };
 const _hoisted_4$8 = ["value", "type", "placeholder"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
@@ -18928,7 +18932,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$i, [
+        vue.createElementVNode("div", _hoisted_3$h, [
           vue.createElementVNode("input", {
             value: _ctx.modelValue,
             type: vue.unref(inputType),
@@ -18948,7 +18952,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
 const PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-eec3e237"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$k = ["for"];
-const _hoisted_3$h = ["id", "type", "placeholder", "required", "pattern"];
+const _hoisted_3$g = ["id", "type", "placeholder", "required", "pattern"];
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Password",
   props: {
@@ -18989,7 +18993,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$h), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$g), [
             [vue.vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
@@ -19026,7 +19030,6 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
 const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b3b5a368"]]);
 const _hoisted_1$l = ["title"];
 const _hoisted_2$i = ["onClick"];
-const _hoisted_3$g = ["onClick"];
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectField",
   props: {
@@ -19172,7 +19175,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             name: "select-input"
           }, [
             vue.createVNode(vue.unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
-          ], 10, _hoisted_2$i),
+          ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "#app" }, [
             vue.createElementVNode("div", {
               ref_key: "dropdown",
@@ -19187,7 +19190,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   vue.createVNode(vue.unref(_sfc_main$T), {
                     input: option2.label
                   }, null, 8, ["input"])
-                ], 8, _hoisted_3$g);
+                ], 8, _hoisted_2$i);
               }), 128))
             ], 2)
           ]))
@@ -22110,7 +22113,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$e = { key: 0 };
-const _hoisted_2$b = ["onKeydown", "disabled"];
+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({