@bagelink/vue 0.0.147 → 0.0.158

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, mergeProps, createVNode, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
+import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, createVNode, mergeProps, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
 function bind$2(fn, thisArg) {
   return function wrap2() {
     return fn.apply(thisArg, arguments);
@@ -14593,8 +14593,8 @@ const _hoisted_1$X = /* @__PURE__ */ createElementVNode("div", { class: "icon-fo
 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" };
@@ -14624,8 +14624,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, _hoisted_2$P, 32),
-        createElementVNode("div", _hoisted_3$J, [
-          createElementVNode("div", _hoisted_4$r, [
+        createElementVNode("div", _hoisted_3$H, [
+          createElementVNode("div", _hoisted_4$q, [
             createElementVNode("div", _hoisted_5$l, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a = _ctx.links) == null ? void 0 : _a.call(_ctx), (link) => {
                 return openBlock(), createBlock(_component_RouterLink, {
@@ -14722,10 +14722,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__ */ defineComponent({
   __name: "Modal",
   props: {
@@ -14736,6 +14735,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:isModalVisible"],
   setup(__props, { emit: __emit }) {
+    const props2 = __props;
     let isActive = ref(false);
     const emit2 = __emit;
     const closeModal = () => {
@@ -14744,7 +14744,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         emit2("update:isModalVisible", false);
       }, 200);
     };
-    const escapeKeyClose = (e) => useEscape(e, () => closeModal());
+    const escapeKeyClose = (e) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e, () => closeModal());
     onMounted(() => {
       setTimeout(() => {
         isActive.value = true;
@@ -14771,12 +14771,18 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_2$N, [
-            renderSlot(_ctx.$slots, "toolbar")
+          createElementVNode("header", _hoisted_1$V, [
+            renderSlot(_ctx.$slots, "toolbar"),
+            createVNode(unref(Btn), {
+              style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+              flat: "",
+              icon: "close",
+              onClick: closeModal
+            }, null, 8, ["style"]),
+            createElementVNode("h3", _hoisted_2$N, toDisplayString(_ctx.title), 1)
           ]),
-          createElementVNode("h3", _hoisted_3$I, toDisplayString(_ctx.title), 1),
           renderSlot(_ctx.$slots, "default"),
-          createElementVNode("footer", _hoisted_4$q, [
+          createElementVNode("footer", _hoisted_3$G, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
               return openBlock(), createBlock(unref(Btn), mergeProps({
                 key: i2,
@@ -14787,13 +14793,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             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__ */ defineComponent({
   __name: "DropDown",
   props: {
@@ -14829,7 +14835,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("p", {
               key: index2,
               onClick: withModifiers(($event) => selectOption(option2, index2), ["stop"])
-            }, toDisplayString(option2), 9, _hoisted_3$H);
+            }, toDisplayString(option2), 9, _hoisted_3$F);
           }), 128))
         ])
       ], 2);
@@ -14838,7 +14844,7 @@ const _sfc_main$N = /* @__PURE__ */ 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"
 };
@@ -14862,7 +14868,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$T, [
         createElementVNode("div", _hoisted_2$L, [
-          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$G, [
+          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$E, [
             withDirectives(createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
@@ -14917,7 +14923,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$R = { class: "h-100 grid list-view gap-3" };
 const _hoisted_2$J = { class: "card tabs-top" };
-const _hoisted_3$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__ */ defineComponent({
   __name: "TabbedLayout",
@@ -14950,7 +14956,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$R, [
         createElementVNode("div", _hoisted_2$J, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          createElementVNode("div", _hoisted_3$F, [
+          createElementVNode("div", _hoisted_3$D, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass([{
@@ -14977,7 +14983,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4ac29f1d"]]);
 const _hoisted_1$Q = { class: "comments-wrap" };
 const _hoisted_2$I = { class: "comment-list" };
-const _hoisted_3$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" };
@@ -15039,7 +15045,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              createElementVNode("div", _hoisted_3$E, [
+              createElementVNode("div", _hoisted_3$C, [
                 createElementVNode("div", _hoisted_4$n, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
                 createElementVNode("div", _hoisted_5$j, toDisplayString(comment.updated_at.split("T")[0]), 1),
                 createElementVNode("div", _hoisted_6$g, [
@@ -15119,9 +15125,8 @@ const _sfc_main$I = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ModalForm",
   props: {
@@ -15168,7 +15173,7 @@ const _sfc_main$H = /* @__PURE__ */ 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());
     onMounted(() => {
       setTimeout(() => {
         isActive.value = true;
@@ -15195,7 +15200,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_2$G, [
+          createElementVNode("header", _hoisted_1$O, [
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -15203,7 +15208,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_3$D, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$G, toDisplayString(_ctx.title), 1)
           ]),
           createVNode(unref(_sfc_main$F), {
             onDelete: _ctx.onDelete ? runDelete : void 0,
@@ -15213,11 +15218,11 @@ const _sfc_main$H = /* @__PURE__ */ 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"
@@ -15226,7 +15231,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" };
@@ -15249,7 +15254,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             key: field.id,
             class: "data-row"
           }, [
-            createElementVNode("div", _hoisted_3$C, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
+            createElementVNode("div", _hoisted_3$B, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
             (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15352,7 +15357,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$M = { class: "table-list-wrap h-100" };
 const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$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"];
@@ -15409,7 +15414,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createElementVNode("table", _hoisted_2$E, [
-          createElementVNode("thead", _hoisted_3$B, [
+          createElementVNode("thead", _hoisted_3$A, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(columns.value, (field) => {
               return openBlock(), createElementBlock("th", {
                 class: "col",
@@ -15550,7 +15555,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 = {
@@ -15565,7 +15570,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__ */ defineComponent({
   __name: "PersonPreview",
@@ -15615,7 +15620,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           })
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$D, [
-          createElementVNode("p", _hoisted_3$A, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
+          createElementVNode("p", _hoisted_3$z, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
           createElementVNode("p", _hoisted_4$k, toDisplayString(_ctx.person.first_name) + " " + toDisplayString(_ctx.person.last_name), 1)
         ]),
         createElementVNode("div", _hoisted_5$g, [
@@ -15637,7 +15642,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
             createVNode(unref(_sfc_main$R), { icon: "badge" }),
-            _ctx.person.date_of_birth ? (openBlock(), createElementBlock("p", _hoisted_9$4, toDisplayString(_ctx.person.date_of_birth), 1)) : createCommentVNode("", true),
+            _ctx.person.date_of_birth ? (openBlock(), createElementBlock("p", _hoisted_9$3, toDisplayString(_ctx.person.date_of_birth), 1)) : createCommentVNode("", true),
             _ctx.person.gender ? (openBlock(), createElementBlock("p", _hoisted_10$3, toDisplayString(_ctx.person.gender), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ])
@@ -15651,7 +15656,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"
@@ -15717,7 +15722,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             key: i2
           }, [
             item.group ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
-              createElementVNode("p", _hoisted_3$z, toDisplayString(item.group), 1),
+              createElementVNode("p", _hoisted_3$y, toDisplayString(item.group), 1),
               (openBlock(true), createElementBlock(Fragment$1, null, renderList((item == null ? void 0 : item.data) || [], (nested, i22) => {
                 return openBlock(), createElementBlock("div", {
                   key: i22,
@@ -17059,7 +17064,7 @@ const _sfc_main$y = /* @__PURE__ */ 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"
 };
@@ -17126,7 +17131,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               class: "bglform-contact mb-2",
               key: i2
             }, [
-              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
+              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
                 createElementVNode("p", _hoisted_4$i, toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
@@ -17214,7 +17219,7 @@ const _sfc_main$x = /* @__PURE__ */ 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"
 };
@@ -17223,7 +17228,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" };
@@ -17292,7 +17297,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
+              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
                 createElementVNode("p", _hoisted_4$h, toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
@@ -17345,7 +17350,7 @@ const _sfc_main$w = /* @__PURE__ */ 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), [
                     [vModelText, address.city]
                   ]),
                   withDirectives(createElementVNode("input", {
@@ -17397,7 +17402,7 @@ const _sfc_main$w = /* @__PURE__ */ 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"
 };
@@ -17406,7 +17411,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"];
@@ -17474,7 +17479,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               class: "bglform-contact mb-3",
               key: i2
             }, [
-              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+              unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
                 createElementVNode("p", _hoisted_4$g, toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
@@ -17529,7 +17534,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.bankBranch,
                     type: "text",
                     required: ""
-                  }, null, 8, _hoisted_9$2), [
+                  }, null, 8, _hoisted_9$1), [
                     [vModelText, bank_account.branch]
                   ]),
                   withDirectives(createElementVNode("input", {
@@ -17661,7 +17666,7 @@ const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d12598ff"), n = n(), 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__ */ createElementVNode("span", { class: "slider round" }, null, -1));
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
@@ -17696,7 +17701,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             type: "checkbox",
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => 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), [
             [vModelCheckbox, unref(inputVal)]
           ]),
           _hoisted_4$f
@@ -17707,20 +17712,19 @@ const _sfc_main$t = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "FileUploader",
   props: {
@@ -17866,33 +17870,33 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          allowUpload.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
+          allowUpload.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
             createElementVNode("p", null, [
               createTextVNode(toDisplayString(_ctx.dragDropLabel) + " ", 1),
               createElementVNode("span", null, toDisplayString(_ctx.browseLabel), 1)
             ])
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$e, [
+          createElementVNode("div", _hoisted_3$t, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(files.value, (item, index2) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass({ uploading: item.uploading }),
                 key: index2
               }, [
-                createElementVNode("div", _hoisted_5$b, [
+                createElementVNode("div", _hoisted_4$e, [
                   isImg(item) ? (openBlock(), createElementBlock("img", {
                     key: 0,
                     width: "40",
                     src: item.dataUrl,
                     alt: item.name,
                     style: { "margin-inline-end": "10px" }
-                  }, null, 8, _hoisted_6$8)) : createCommentVNode("", true),
+                  }, null, 8, _hoisted_5$b)) : createCommentVNode("", true),
                   createElementVNode("p", null, toDisplayString(item.name), 1),
-                  createElementVNode("div", _hoisted_7$4, [
+                  createElementVNode("div", _hoisted_6$8, [
                     createElementVNode("div", {
                       class: normalizeClass(["pie", { complete: item.progress === 100 }]),
                       style: normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
-                      item.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(`${item.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
+                      item.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(`${item.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
                       createVNode(unref(_sfc_main$R), {
                         class: "success",
                         icon: "check"
@@ -17910,7 +17914,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               ], 2);
             }), 128))
           ])
-        ], 40, _hoisted_2$x),
+        ], 544),
         createElementVNode("input", {
           class: "file-input",
           type: "file",
@@ -17918,7 +17922,7 @@ const _sfc_main$s = /* @__PURE__ */ 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)
       ]);
     };
   }
@@ -17928,7 +17932,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 = {
@@ -17995,7 +17999,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           })
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$w, [
-          createElementVNode("p", _hoisted_3$t, toDisplayString(unref(initials)(person.value.first_name, person.value.last_name)), 1),
+          createElementVNode("p", _hoisted_3$s, toDisplayString(unref(initials)(person.value.first_name, person.value.last_name)), 1),
           createElementVNode("p", _hoisted_4$d, toDisplayString(person.value.first_name) + " " + toDisplayString(person.value.last_name), 1)
         ]),
         createElementVNode("div", _hoisted_5$a, [
@@ -18183,7 +18187,7 @@ const _sfc_main$o = /* @__PURE__ */ 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"];
@@ -18233,7 +18237,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           class: "ctl",
           type: "checkbox",
           onChange: handleCheck
-        }, null, 40, _hoisted_3$s)) : _ctx.type === "number" ? (openBlock(), createElementBlock("input", {
+        }, null, 40, _hoisted_3$r)) : _ctx.type === "number" ? (openBlock(), createElementBlock("input", {
           key: 1,
           ref_key: "el",
           ref: el,
@@ -18271,7 +18275,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 const _withScopeId = (n) => (pushScopeId("data-v-69f0d857"), n = n(), 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__ */ createElementVNode("span", { class: "slider round" }, null, -1));
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
@@ -18308,7 +18312,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         createElementVNode("label", {
           for: _ctx.field.id
         }, toDisplayString(_ctx.field.label), 9, _hoisted_2$u),
-        createElementVNode("label", _hoisted_3$r, [
+        createElementVNode("label", _hoisted_3$q, [
           withDirectives(createElementVNode("input", {
             id: _ctx.field.id,
             type: "checkbox",
@@ -18326,7 +18330,7 @@ const _sfc_main$m = /* @__PURE__ */ 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__ */ defineComponent({
@@ -18431,7 +18435,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         title: _ctx.field.description
       }, [
         _ctx.field.label ? (openBlock(), createElementBlock("label", _hoisted_2$t, toDisplayString(_ctx.field.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$q, [
+        createElementVNode("div", _hoisted_3$p, [
           createElementVNode("input", {
             value: _ctx.modelValue,
             type: "number",
@@ -18448,7 +18452,7 @@ const _sfc_main$l = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "DateInput",
   props: {
@@ -18480,7 +18484,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           disabled: !_ctx.editMode,
           enableTimePicker: false,
           textInputOptions: { format: "yyyy-MM-dd" }
-        }, null, 40, _hoisted_3$p), [
+        }, null, 40, _hoisted_3$o), [
           [vModelText, date2.value]
         ])
       ], 10, _hoisted_1$v);
@@ -18490,7 +18494,7 @@ const _sfc_main$k = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "DatetimeInput",
   props: {
@@ -18526,14 +18530,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: 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__ */ defineComponent({
   __name: "EmailInput",
   props: {
@@ -18567,7 +18571,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$n)
+        }, null, 42, _hoisted_3$m)
       ], 10, _hoisted_1$t);
     };
   }
@@ -18575,7 +18579,7 @@ const _sfc_main$i = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "FloatInput",
   props: {
@@ -18612,14 +18616,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           class: 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__ */ defineComponent({
   __name: "IntInput",
   props: {
@@ -18656,14 +18660,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           class: 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__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -18695,7 +18699,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$k)
+        }, null, 42, _hoisted_3$j)
       ], 10, _hoisted_1$q);
     };
   }
@@ -18703,7 +18707,7 @@ const _sfc_main$f = /* @__PURE__ */ 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,
@@ -18850,7 +18854,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onFocus: initList,
           onInput: handleInput,
           disabled: !_ctx.editMode
-        }, null, 40, _hoisted_3$j), [
+        }, null, 40, _hoisted_3$i), [
           [vModelText, selectedItem.value]
         ]),
         createElementVNode("div", {
@@ -18887,7 +18891,7 @@ const _sfc_main$e = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "PasswordInput",
@@ -18926,7 +18930,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$i, [
+        createElementVNode("div", _hoisted_3$h, [
           createElementVNode("input", {
             value: _ctx.modelValue,
             type: unref(inputType),
@@ -18946,7 +18950,7 @@ const _sfc_main$d = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Password",
   props: {
@@ -18987,7 +18991,7 @@ const _sfc_main$c = /* @__PURE__ */ 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), [
             [vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$k),
@@ -19024,7 +19028,6 @@ const _sfc_main$b = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "SelectField",
   props: {
@@ -19170,7 +19173,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             name: "select-input"
           }, [
             createVNode(unref(_sfc_main$T), { input: displayValue.value }, null, 8, ["input"])
-          ], 10, _hoisted_2$i),
+          ], 2),
           (openBlock(), createBlock(Teleport, { to: "#app" }, [
             createElementVNode("div", {
               ref_key: "dropdown",
@@ -19185,7 +19188,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   createVNode(unref(_sfc_main$T), {
                     input: option2.label
                   }, null, 8, ["input"])
-                ], 8, _hoisted_3$g);
+                ], 8, _hoisted_2$i);
               }), 128))
             ], 2)
           ]))
@@ -22108,7 +22111,7 @@ const _sfc_main$4 = /* @__PURE__ */ 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__ */ defineComponent({