@bagelink/vue 0.0.211 → 0.0.216

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, useCssVars, useSlots, computed, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, createVNode, mergeProps, withDirectives, vModelText, isRef, reactive, Transition, pushScopeId, popScopeId, markRaw, vModelCheckbox, Teleport, vModelDynamic, TransitionGroup, toRef, nextTick, createSlots, normalizeProps, guardReactiveProps, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, 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, pushScopeId, popScopeId, useCssVars, useSlots, computed, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, createVNode, mergeProps, withDirectives, vModelText, isRef, reactive, Transition, markRaw, vModelCheckbox, mergeModels, useModel, Teleport, vModelDynamic, TransitionGroup, toRef, nextTick, createSlots, normalizeProps, guardReactiveProps, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, provide } from "vue";
 function bind$2(fn2, thisArg) {
   return function wrap2() {
     return fn2.apply(thisArg, arguments);
@@ -14588,13 +14588,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$10 = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-fddb4764"), n = n(), popScopeId(), n);
+const _hoisted_1$10 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1));
 const _hoisted_2$T = [
   _hoisted_1$10
 ];
 const _hoisted_3$K = { class: "full-nav" };
 const _hoisted_4$t = { class: "nav-scroll" };
-const _hoisted_5$o = { class: "nav-links-wrapper" };
+const _hoisted_5$n = { class: "nav-links-wrapper" };
 const _hoisted_6$i = { class: "icon-font" };
 const _hoisted_7$d = { class: "tooltip" };
 const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
@@ -14614,7 +14615,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
       }, [
-        renderSlot(_ctx.$slots, "top"),
+        renderSlot(_ctx.$slots, "top", {}, void 0, true),
         createElementVNode("div", {
           class: "nav-expend",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
@@ -14625,7 +14626,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
         }, _hoisted_2$T, 32),
         createElementVNode("div", _hoisted_3$K, [
           createElementVNode("div", _hoisted_4$t, [
-            createElementVNode("div", _hoisted_5$o, [
+            createElementVNode("div", _hoisted_5$n, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a2 = _ctx.links) == null ? void 0 : _a2.call(_ctx), (link) => {
                 return openBlock(), createBlock(_component_RouterLink, {
                   class: "nav-button",
@@ -14642,13 +14643,21 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createElementVNode("div", _hoisted_8$7, [
-            renderSlot(_ctx.$slots, "floor")
+            renderSlot(_ctx.$slots, "floor", {}, void 0, true)
           ])
         ])
       ], 2);
     };
   }
 });
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-fddb4764"]]);
 const _hoisted_1$$ = {
   key: 0,
   class: "loading"
@@ -14757,13 +14766,6 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-0ca0d3de"]]);
 const _hoisted_1$_ = { class: "tool-bar" };
 const _hoisted_2$R = { class: "modal-title" };
@@ -14937,7 +14939,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalBglForm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-93c9eab1"]]);
+const ModalBglForm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-bd719890"]]);
 const _hoisted_1$Y = { class: "dropdown-title" };
 const _hoisted_2$P = { class: "dropdown-body" };
 const _hoisted_3$I = ["onClick"];
@@ -14990,7 +14992,7 @@ const _hoisted_3$H = {
   class: "bagel-input search-wrap"
 };
 const _hoisted_4$s = ["placeholder"];
-const _hoisted_5$n = { class: "list-content grid auto-flow-rows align-items-start" };
+const _hoisted_5$m = { class: "list-content grid auto-flow-rows align-items-start" };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   props: {
@@ -15028,7 +15030,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_5$n, [
+        createElementVNode("div", _hoisted_5$m, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]);
@@ -15131,7 +15133,7 @@ const _hoisted_1$U = { class: "comments-wrap" };
 const _hoisted_2$L = { class: "comment-list" };
 const _hoisted_3$F = { class: "comment-top" };
 const _hoisted_4$r = { class: "comment-owner" };
-const _hoisted_5$m = { class: "comment-time" };
+const _hoisted_5$l = { class: "comment-time" };
 const _hoisted_6$h = { class: "comment-actions" };
 const _hoisted_7$c = ["innerHTML"];
 const _hoisted_8$6 = { class: "new-comment" };
@@ -15191,7 +15193,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_3$F, [
                 createElementVNode("div", _hoisted_4$r, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
-                createElementVNode("div", _hoisted_5$m, toDisplayString(comment.updated_at.split("T")[0]), 1),
+                createElementVNode("div", _hoisted_5$l, toDisplayString(comment.updated_at.split("T")[0]), 1),
                 createElementVNode("div", _hoisted_6$h, [
                   createVNode(unref(_sfc_main$X), {
                     size: 1,
@@ -15444,7 +15446,7 @@ const _hoisted_1$R = { class: "table-list-wrap h-100" };
 const _hoisted_2$I = { class: "infinite-wrapper" };
 const _hoisted_3$E = { class: "row first-row" };
 const _hoisted_4$q = ["onClick"];
-const _hoisted_5$l = { class: "flex" };
+const _hoisted_5$k = { class: "flex" };
 const _hoisted_6$g = ["onClick"];
 const _hoisted_7$b = { key: 1 };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
@@ -15502,7 +15504,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 key: field.id,
                 onClick: ($event) => sort2(field.id)
               }, [
-                createElementVNode("div", _hoisted_5$l, [
+                createElementVNode("div", _hoisted_5$k, [
                   createTextVNode(toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
@@ -15643,7 +15645,7 @@ const _hoisted_1$O = {
 const _hoisted_2$H = { class: "person-card-icon-wrap" };
 const _hoisted_3$D = { class: "person-card-icon" };
 const _hoisted_4$p = { class: "person-card-name txt20" };
-const _hoisted_5$k = { class: "person-card-details-wrap" };
+const _hoisted_5$j = { class: "person-card-details-wrap" };
 const _hoisted_6$f = {
   key: 0,
   class: "person-card-details"
@@ -15709,7 +15711,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           createElementVNode("p", _hoisted_3$D, toDisplayString(unref(initials)(_ctx.person.first_name, _ctx.person.last_name)), 1),
           createElementVNode("p", _hoisted_4$p, toDisplayString(_ctx.person.first_name) + " " + toDisplayString(_ctx.person.last_name), 1)
         ]),
-        createElementVNode("div", _hoisted_5$k, [
+        createElementVNode("div", _hoisted_5$j, [
           ((_a2 = _ctx.person.phone) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_6$f, [
             createVNode(unref(_sfc_main$X), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.phone, (phone) => {
@@ -15749,7 +15751,7 @@ const _hoisted_3$C = {
   class: "data-row"
 };
 const _hoisted_4$o = { class: "key" };
-const _hoisted_5$j = { key: 1 };
+const _hoisted_5$i = { key: 1 };
 const _hoisted_6$e = { class: "key" };
 const _hoisted_7$9 = { class: "vlue" };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
@@ -15801,7 +15803,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$j, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$i, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(itemData.value).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
@@ -15831,7 +15833,7 @@ const _hoisted_4$n = {
   key: 1,
   class: "bar-wrap"
 };
-const _hoisted_5$i = { class: "bar-txt" };
+const _hoisted_5$h = { class: "bar-txt" };
 const _hoisted_6$d = { class: "factor" };
 const _hoisted_7$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "red-bar" }, null, -1));
 const _hoisted_8$4 = { class: "bar-lines" };
@@ -15923,7 +15925,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                 class: "bar compare",
                 style: normalizeStyle({ height: loaded.value ? `${percent(item.compareValue)}%` : "0" })
               }, null, 4)) : createCommentVNode("", true),
-              createElementVNode("p", _hoisted_5$i, toDisplayString(item.title), 1)
+              createElementVNode("p", _hoisted_5$h, toDisplayString(item.title), 1)
             ]))
           ]);
         }), 128)),
@@ -17245,7 +17247,7 @@ const _hoisted_3$A = {
   class: "bglform-contact-confirm"
 };
 const _hoisted_4$m = { class: "txt14" };
-const _hoisted_5$h = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_5$g = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$c = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_7$7 = ["onUpdate:modelValue", "placeholder"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
@@ -17346,7 +17348,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => contact.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$h), [
+              }, null, 8, _hoisted_5$g), [
                 [vModelText, contact.label]
               ]),
               ((_c = _ctx.context) == null ? void 0 : _c.id) === "email" ? withDirectives((openBlock(), createElementBlock("input", {
@@ -17401,7 +17403,7 @@ const _hoisted_3$z = {
   class: "bglform-contact-confirm"
 };
 const _hoisted_4$l = { class: "txt14" };
-const _hoisted_5$g = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_5$f = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$b = { class: "bglform-contact-address" };
 const _hoisted_7$6 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_8$3 = { class: "bglform-contact-address-flex" };
@@ -17513,7 +17515,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => address.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$g), [
+              }, null, 8, _hoisted_5$f), [
                 [vModelText, address.label]
               ]),
               createElementVNode("div", _hoisted_6$b, [
@@ -17585,7 +17587,7 @@ const _hoisted_3$y = {
   class: "bglform-contact-confirm"
 };
 const _hoisted_4$k = { class: "txt14" };
-const _hoisted_5$f = ["onUpdate:modelValue", "placeholder"];
+const _hoisted_5$e = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_6$a = { class: "bglform-contact-address" };
 const _hoisted_7$5 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_8$2 = { class: "bglform-contact-address-flex" };
@@ -17696,7 +17698,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => bank_account.label = $event,
                 type: "text",
                 placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
-              }, null, 8, _hoisted_5$f), [
+              }, null, 8, _hoisted_5$e), [
                 [vModelText, bank_account.label]
               ]),
               createElementVNode("div", _hoisted_6$a, [
@@ -17842,7 +17844,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-a096417d"]]);
-const _withScopeId$1 = (n) => (pushScopeId("data-v-d0543d4b"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-dee6bdf5"), n = n(), popScopeId(), n);
 const _hoisted_1$G = ["title"];
 const _hoisted_2$B = { class: "switch" };
 const _hoisted_3$x = ["id"];
@@ -17889,7 +17891,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-d0543d4b"]]);
+const Toggle = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dee6bdf5"]]);
 const _hoisted_1$F = { class: "files-wrapper flex" };
 const _hoisted_2$A = {
   key: 0,
@@ -17897,7 +17899,7 @@ const _hoisted_2$A = {
 };
 const _hoisted_3$w = { class: "uploading-wrap" };
 const _hoisted_4$i = { class: "load-file-bar" };
-const _hoisted_5$e = ["src", "alt"];
+const _hoisted_5$d = ["src", "alt"];
 const _hoisted_6$9 = { class: "flex" };
 const _hoisted_7$4 = {
   key: 0,
@@ -18081,7 +18083,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     src: item.dataUrl,
                     alt: item.name,
                     style: { "margin-inline-end": "10px" }
-                  }, null, 8, _hoisted_5$e)) : createCommentVNode("", true),
+                  }, null, 8, _hoisted_5$d)) : createCommentVNode("", true),
                   createElementVNode("p", null, toDisplayString(item.name), 1),
                   createElementVNode("div", _hoisted_6$9, [
                     createElementVNode("div", {
@@ -18126,7 +18128,7 @@ const _hoisted_1$E = {
 const _hoisted_2$z = { class: "person-card-icon-wrap" };
 const _hoisted_3$v = { class: "person-card-icon" };
 const _hoisted_4$h = { class: "person-card-name txt20" };
-const _hoisted_5$d = { class: "person-card-details-wrap" };
+const _hoisted_5$c = { class: "person-card-details-wrap" };
 const _hoisted_6$8 = {
   key: 0,
   class: "person-card-details"
@@ -18194,7 +18196,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           createElementVNode("p", _hoisted_3$v, toDisplayString(unref(initials)(person.value.first_name, person.value.last_name)), 1),
           createElementVNode("p", _hoisted_4$h, toDisplayString(person.value.first_name) + " " + toDisplayString(person.value.last_name), 1)
         ]),
-        createElementVNode("div", _hoisted_5$d, [
+        createElementVNode("div", _hoisted_5$c, [
           ((_a2 = person.value.phone) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
             createVNode(unref(_sfc_main$X), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.phone, (phone) => {
@@ -18381,7 +18383,7 @@ const _hoisted_1$C = { class: "bagel-input" };
 const _hoisted_2$y = ["for"];
 const _hoisted_3$u = ["checked"];
 const _hoisted_4$g = ["name", "type", "value"];
-const _hoisted_5$c = ["name", "type", "value"];
+const _hoisted_5$b = ["name", "type", "value"];
 const _hoisted_6$7 = ["name", "type", "value"];
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "PlainInputField",
@@ -18447,7 +18449,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           value: _ctx.modelValue,
           class: "ctl",
           onInput: handleInput
-        }, null, 40, _hoisted_5$c)) : _ctx.type === "textarea" ? (openBlock(), createElementBlock("textarea", {
+        }, null, 40, _hoisted_5$b)) : _ctx.type === "textarea" ? (openBlock(), createElementBlock("textarea", {
           key: 3,
           ref_key: "el",
           ref: el2,
@@ -18467,32 +18469,38 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 const _hoisted_1$B = { key: 2 };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
-  props: {
-    modelValue: {},
+  props: /* @__PURE__ */ mergeModels({
     schema: {},
     onDelete: { type: Function },
     onSubmit: { type: Function }
-  },
-  emits: ["update:modelValue", "submit"],
-  setup(__props, { emit: __emit }) {
+  }, {
+    "modelValue": { default: {} },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const { showModal } = useModal();
+    const data2 = useModel(__props, "modelValue");
     const props2 = __props;
+    const form = ref();
+    const validateForm = () => {
+      var _a2, _b;
+      return (_b = (_a2 = form.value) == null ? void 0 : _a2.reportValidity) == null ? void 0 : _b.call(_a2);
+    };
+    const updateModelValue = (val, fieldID) => {
+      if (!fieldID || !data2.value)
+        return;
+      data2.value[fieldID] = val;
+    };
+    __expose({ validateForm });
+    const clearForm = () => Object.assign(data2, {});
     const emits = __emit;
-    const handleEmit = (val) => emits("update:modelValue", val);
-    let data2 = ref({
-      ...props2.modelValue
-    });
     const runSubmit = () => {
-      emits("submit", data2.value);
+      validateForm();
+      emits("submit", data2);
       clearForm();
     };
-    const clearForm = () => data2.value = {};
     const i18nT = (val) => val;
-    watch(
-      () => data2.value,
-      () => handleEmit,
-      { immediate: true }
-    );
     const runDelete = () => {
       showModal(
         {
@@ -18516,17 +18524,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return openBlock(), createElementBlock("form", {
+        ref_key: "form",
+        ref: form,
         onSubmit: withModifiers(runSubmit, ["prevent"])
       }, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema, (field, i3) => {
           return openBlock(), createBlock(unref(_sfc_main$q), {
             key: field.id || `${i3}p`,
             field,
-            modelValue: unref(data2),
-            "onUpdate:modelValue": ($event) => field.id ? unref(data2)[field.id] = $event : ""
+            modelValue: data2.value,
+            "onUpdate:modelValue": ($event) => updateModelValue($event, (field == null ? void 0 : field.id) || "")
           }, null, 8, ["field", "modelValue", "onUpdate:modelValue"]);
         }), 128)),
-        ((_a2 = _ctx.modelValue) == null ? void 0 : _a2.id) && _ctx.onDelete ? (openBlock(), createBlock(unref(Btn), {
+        ((_a2 = data2.value) == null ? void 0 : _a2.id) && _ctx.onDelete ? (openBlock(), createBlock(unref(Btn), {
           key: 0,
           class: "del-top",
           onClick: runDelete,
@@ -18544,7 +18554,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("div", _hoisted_1$B, [
           renderSlot(_ctx.$slots, "submit")
         ]))
-      ], 32);
+      ], 544);
     };
   }
 });
@@ -18557,11 +18567,23 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
+    const vIf = computed(() => {
+      if (props2.field["v-if"] === void 0)
+        return true;
+      if (typeof props2.field["v-if"] === "boolean")
+        return props2.field["v-if"];
+      if (typeof props2.field["v-if"] === "string")
+        return !!props2.modelValue[props2.field["v-if"]];
+      if (typeof props2.field["v-if"] === "function")
+        return props2.field["v-if"](props2.modelValue[props2.field.id || ""], props2.modelValue);
+      return true;
+    });
     const emits = __emit;
     return (_ctx, _cache) => {
       var _a2;
       const _component_BglField = resolveComponent("BglField", true);
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.field.$el || "div"), mergeProps({
+      return vIf.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.field.$el || "div"), mergeProps({
+        key: 0,
         required: _ctx.field.required
       }, unref(bindAttrs)(((_a2 = _ctx.field) == null ? void 0 : _a2.attrs) || {}, props2.modelValue[_ctx.field.id || ""], props2.modelValue), {
         label: _ctx.field.label,
@@ -18581,66 +18603,57 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 16, ["required", "label", "id", "placeholder", "modelValue"]);
+      }, 16, ["required", "label", "id", "placeholder", "modelValue"])) : createCommentVNode("", true);
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-0dacba34"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-0cde7fe3"), n = n(), popScopeId(), n);
 const _hoisted_1$A = ["title"];
-const _hoisted_2$x = ["for"];
-const _hoisted_3$t = { class: "switch" };
-const _hoisted_4$f = ["id"];
-const _hoisted_5$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
+const _hoisted_2$x = ["id"];
+const _hoisted_3$t = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: "24",
+  viewBox: "0 -960 960 960",
+  width: "24"
+}, [
+  /* @__PURE__ */ createElementVNode("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
+], -1));
+const _hoisted_4$f = ["for"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
-  props: {
-    field: {},
-    modelValue: {},
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    id: { default: Math.random().toString(36).substring(7) },
+    title: {},
     editMode: { type: Boolean, default: true },
     small: { type: Boolean }
-  },
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props2 = __props;
-    const inputVal = ref(false);
-    watch(inputVal, (newVal) => {
-      if (newVal === void 0)
-        return;
-      emits("update:modelValue", newVal);
-    });
-    watch(
-      () => props2.modelValue,
-      (newVal) => {
-        if (inputVal.value !== newVal)
-          inputVal.value = newVal;
-      }
-    );
-    onMounted(() => inputVal.value = !!props2.modelValue);
+  setup(__props) {
+    const inputVal = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bagel-input checkbox", { small: _ctx.small, "no-edit": !_ctx.editMode }]),
-        title: _ctx.field.description
+        class: normalizeClass(["bagel-input bgl-checkbox", { small: _ctx.small, "no-edit": !_ctx.editMode }]),
+        title: _ctx.title
       }, [
-        createElementVNode("label", {
-          for: _ctx.field.id
-        }, toDisplayString(_ctx.field.label), 9, _hoisted_2$x),
-        createElementVNode("label", _hoisted_3$t, [
-          withDirectives(createElementVNode("input", {
-            id: _ctx.field.id,
-            type: "checkbox",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
-            class: normalizeClass({ "no-edit": !_ctx.editMode })
-          }, null, 10, _hoisted_4$f), [
-            [vModelCheckbox, inputVal.value]
-          ]),
-          _hoisted_5$b
-        ])
+        withDirectives(createElementVNode("input", {
+          id: _ctx.id,
+          type: "checkbox",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          class: normalizeClass({ "no-edit": !_ctx.editMode })
+        }, null, 10, _hoisted_2$x), [
+          [vModelCheckbox, inputVal.value]
+        ]),
+        _hoisted_3$t,
+        createElementVNode("label", { for: _ctx.id }, toDisplayString(_ctx.label), 9, _hoisted_4$f)
       ], 10, _hoisted_1$A);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0dacba34"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0cde7fe3"]]);
 const _hoisted_1$z = ["title"];
 const _hoisted_2$w = { key: 0 };
 const _hoisted_3$s = { class: "flex gap-3" };
@@ -32193,7 +32206,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             files.value.push(file);
         } else
           files.value.splice(0, 1, file);
-        console.log(files.value);
         fileQueue.value.splice(i3, 1);
       });
     };
@@ -32216,7 +32228,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       else
         isDragOver.value = false;
     };
-    const dragenter = (e3) => {
+    const dragover = (e3) => {
       preventDefault(e3);
       if (e3.dataTransfer)
         isDragOver.value = true;
@@ -32235,7 +32247,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
           onClick: browse,
-          onDragover: dragenter,
+          onDragover: dragover,
           onDrop: drop3,
           onDragleave: dragleave,
           class: normalizeClass(["fileUploadWrap", { fileDropZone: !files.value.length, dragover: unref(isDragOver) }])
@@ -32264,7 +32276,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-352399c0"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c44f8c0d"]]);
 function _isPlaceholder(a3) {
   return a3 != null && typeof a3 === "object" && a3["@@functional/placeholder"] === true;
 }
@@ -38799,7 +38811,7 @@ export {
   ModalForm,
   ModalPlugin,
   MsgTemplate,
-  _sfc_main$W as NavBar,
+  NavBar,
   _sfc_main$N as PageTitle,
   Password,
   PasswordInput,