@bagelink/vue 0.0.206 → 0.0.211

package/dist/index.mjs

@@ -2277,16 +2277,17 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
-    const showModal = (isForm, options, slots = {}) => {
+    const showModal = (modalType, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
-        isModalForm: isForm,
+        modalType,
         componentSlots: slots
       });
     };
     app.provide(ModalSymbol, {
-      modalForm: (options, slots) => showModal(true, options, slots),
-      showModal: (options, slots) => showModal(false, options, slots),
+      modalForm: (options, slots) => showModal(1, options, slots),
+      showModal: (options, slots) => showModal(0, options, slots),
+      showModalForm: (options, slots) => showModal(2, options, slots),
       hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
       // modalOptions,
     });
@@ -2298,7 +2299,13 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$T;
+          let renderComponent;
+          if (modal.modalType === 1)
+            renderComponent = ModalForm;
+          else if (modal.modalType === 2)
+            renderComponent = ModalBglForm;
+          else
+            renderComponent = _sfc_main$U;
           return h(
             renderComponent,
             {
@@ -2362,8 +2369,8 @@ function bindAttrs(attrs, fieldVal, row) {
   const resolvedAttrs = Object.fromEntries(arr);
   return resolvedAttrs;
 }
-const _hoisted_1$11 = { ref: "el" };
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _hoisted_1$12 = { ref: "el" };
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2371,7 +2378,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        createElementVNode("span", _hoisted_1$11, null, 512),
+        createElementVNode("span", _hoisted_1$12, null, 512),
         createTextVNode(" " + toDisplayString(_ctx.input), 1)
       ], 64);
     };
@@ -14484,8 +14491,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$10 = ["id"];
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _hoisted_1$11 = ["id"];
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14562,11 +14569,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$10);
+      }, null, 40, _hoisted_1$11);
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14581,9 +14588,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$$ = /* @__PURE__ */ createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
-const _hoisted_2$S = [
-  _hoisted_1$$
+const _hoisted_1$10 = /* @__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" };
@@ -14591,7 +14598,7 @@ const _hoisted_5$o = { 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" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14615,7 +14622,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$S, 32),
+        }, _hoisted_2$T, 32),
         createElementVNode("div", _hoisted_3$K, [
           createElementVNode("div", _hoisted_4$t, [
             createElementVNode("div", _hoisted_5$o, [
@@ -14642,15 +14649,15 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$$ = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$R = {
+const _hoisted_2$S = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14730,8 +14737,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$_)) : (openBlock(), createElementBlock("div", _hoisted_2$R, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$W), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$$)) : (openBlock(), createElementBlock("div", _hoisted_2$S, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -14739,7 +14746,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             !unref(slots)["default"] && _ctx.value ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.value), 1)
             ], 64)) : createCommentVNode("", true),
-            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$W), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -14757,11 +14764,11 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-0ca0d3de"]]);
-const _hoisted_1$Z = { class: "tool-bar" };
-const _hoisted_2$Q = { class: "modal-title" };
+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" };
 const _hoisted_3$J = { class: "modal-footer mt-3" };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14807,7 +14814,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("header", _hoisted_1$Z, [
+          createElementVNode("header", _hoisted_1$_, [
             renderSlot(_ctx.$slots, "toolbar"),
             createVNode(unref(Btn), {
               style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14815,7 +14822,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$Q, toDisplayString(_ctx.title), 1)
+            createElementVNode("h3", _hoisted_2$R, toDisplayString(_ctx.title), 1)
           ]),
           renderSlot(_ctx.$slots, "default"),
           createElementVNode("footer", _hoisted_3$J, [
@@ -14833,6 +14840,104 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$Z = { class: "tool-bar" };
+const _hoisted_2$Q = { class: "modal-title" };
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  __name: "ModalBglForm",
+  props: {
+    side: { type: Boolean },
+    title: {},
+    dismissable: { type: Boolean },
+    actions: {},
+    schema: { type: Function },
+    modelValue: {},
+    onSubmit: { type: Function },
+    onDelete: { type: Function }
+  },
+  emits: ["update:isModalVisible", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const computedFormSchema = computed(() => {
+      if (typeof props2.schema === "function") {
+        return props2.schema();
+      }
+      return props2.schema;
+    });
+    let isActive = ref(false);
+    const emit2 = __emit;
+    const handleEmit = (value) => {
+      emit2("update:modelValue", value);
+    };
+    const closeModal = () => {
+      isActive.value = false;
+      setTimeout(() => {
+        emit2("update:isModalVisible", false);
+      }, 200);
+    };
+    const runSubmit = async (formData) => {
+      var _a2;
+      try {
+        await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData));
+        closeModal();
+      } catch (err) {
+        console.error(err);
+      }
+    };
+    const runDelete = () => {
+      var _a2, _b;
+      (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a2 = props2.modelValue) == null ? void 0 : _a2.id);
+      closeModal();
+    };
+    const escapeKeyClose = (e3) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e3, () => closeModal());
+    onMounted(() => {
+      setTimeout(() => {
+        isActive.value = true;
+      }, 1);
+      document.addEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
+    onUnmounted(() => {
+      document.removeEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive) }]),
+        onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
+        onKeydown: withKeys(closeModal, ["esc"])
+      }, [
+        createElementVNode("div", {
+          class: "card modal",
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          createElementVNode("header", _hoisted_1$Z, [
+            renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
+            createVNode(unref(Btn), {
+              style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+              flat: "",
+              icon: "close",
+              onClick: closeModal
+            }, null, 8, ["style"]),
+            createElementVNode("h3", _hoisted_2$Q, toDisplayString(_ctx.title), 1)
+          ]),
+          createVNode(unref(_sfc_main$r), {
+            onDelete: _ctx.onDelete ? runDelete : void 0,
+            modelValue: _ctx.modelValue,
+            "onUpdate:modelValue": handleEmit,
+            onSubmit: runSubmit,
+            schema: computedFormSchema.value
+          }, null, 8, ["onDelete", "modelValue", "schema"])
+        ])
+      ], 34);
+    };
+  }
+});
+const ModalBglForm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-93c9eab1"]]);
 const _hoisted_1$Y = { class: "dropdown-title" };
 const _hoisted_2$P = { class: "dropdown-body" };
 const _hoisted_3$I = ["onClick"];
@@ -14864,7 +14969,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$Y, [
           createTextVNode(toDisplayString(unref(selectedOption) || __props.placeholder) + " ", 1),
-          createVNode(unref(_sfc_main$W), { icon: "keyboard_arrow_down" })
+          createVNode(unref(_sfc_main$X), { icon: "keyboard_arrow_down" })
         ]),
         createElementVNode("div", _hoisted_2$P, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.options, (option2, index2) => {
@@ -14912,7 +15017,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             }, null, 40, _hoisted_4$s), [
               [vModelText, searchTerm.value]
             ]),
-            createVNode(unref(_sfc_main$W), {
+            createVNode(unref(_sfc_main$X), {
               class: "txtgray",
               icon: "search"
             })
@@ -15088,19 +15193,19 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 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_6$h, [
-                  createVNode(unref(_sfc_main$W), {
+                  createVNode(unref(_sfc_main$X), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$W), {
+                  createVNode(unref(_sfc_main$X), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$W), {
+                  createVNode(unref(_sfc_main$X), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15108,7 +15213,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$X), {
+              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$Y), {
                 key: 0,
                 modelValue: unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editComment).body_html = $event),
@@ -15122,7 +15227,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         createElementVNode("div", _hoisted_8$6, [
-          createVNode(unref(_sfc_main$X), {
+          createVNode(unref(_sfc_main$Y), {
             class: "comment-input",
             modelValue: unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15402,7 +15507,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
-                    createVNode(unref(_sfc_main$W), {
+                    createVNode(unref(_sfc_main$X), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -15606,7 +15711,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_5$k, [
           ((_a2 = _ctx.person.phone) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_6$f, [
-            createVNode(unref(_sfc_main$W), { icon: "phone" }),
+            createVNode(unref(_sfc_main$X), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -15614,7 +15719,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_7$a, [
-            createVNode(unref(_sfc_main$W), { icon: "email" }),
+            createVNode(unref(_sfc_main$X), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.person.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -15622,7 +15727,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
-            createVNode(unref(_sfc_main$W), { icon: "badge" }),
+            createVNode(unref(_sfc_main$X), { icon: "badge" }),
             _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)
@@ -17126,7 +17231,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, unref(val)]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$W), { icon: "check" })
+          createVNode(unref(_sfc_main$X), { icon: "check" })
         ])
       ]);
     };
@@ -17984,7 +18089,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
                       item.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(`${item.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$W), {
+                      createVNode(unref(_sfc_main$X), {
                         class: "success",
                         icon: "check"
                       })
@@ -18091,7 +18196,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_5$d, [
           ((_a2 = person.value.phone) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
-            createVNode(unref(_sfc_main$W), { icon: "phone" }),
+            createVNode(unref(_sfc_main$X), { icon: "phone" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.phone, (phone) => {
               return openBlock(), createElementBlock("p", {
                 key: phone.id
@@ -18099,7 +18204,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           ((_b = person.value.email) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-            createVNode(unref(_sfc_main$W), { icon: "email" }),
+            createVNode(unref(_sfc_main$X), { icon: "email" }),
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(person.value.email, (email) => {
               return openBlock(), createElementBlock("p", {
                 key: email.id
@@ -18107,7 +18212,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           person.value.date_of_birth || person.value.gender ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            createVNode(unref(_sfc_main$W), { icon: "badge" }),
+            createVNode(unref(_sfc_main$X), { icon: "badge" }),
             person.value.date_of_birth ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(person.value.date_of_birth), 1)) : createCommentVNode("", true),
             person.value.gender ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(person.value.gender), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -18249,7 +18354,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(content.value) + " ", 1),
-            createVNode(unref(_sfc_main$W), { icon: "arrow_forward" })
+            createVNode(unref(_sfc_main$X), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("span", _hoisted_1$D, toDisplayString(content.value), 1))
@@ -18312,7 +18417,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         createElementVNode("label", {
           for: unref(formatString)(_ctx.name, "pascal")
         }, [
-          createVNode(_sfc_main$Y, {
+          createVNode(_sfc_main$Z, {
             input: unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$y),
@@ -18353,7 +18458,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$7)) : createCommentVNode("", true),
         createElementVNode("div", null, [
-          createVNode(_sfc_main$Y, { input: _ctx.errorMessage }, null, 8, ["input"])
+          createVNode(_sfc_main$Z, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -19203,7 +19308,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             [vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$n),
-        createVNode(unref(_sfc_main$W), {
+        createVNode(unref(_sfc_main$X), {
           onClick: showPassword,
           icon: unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19352,7 +19457,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           for: "label",
           class: normalizeClass({ active: showList.value })
         }, [
-          createVNode(unref(_sfc_main$Y), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$Z), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19364,7 +19469,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            createVNode(unref(_sfc_main$Y), { input: displayValue.value }, null, 8, ["input"])
+            createVNode(unref(_sfc_main$Z), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (openBlock(), createBlock(Teleport, { to: "#app" }, [
             createElementVNode("div", {
@@ -19377,7 +19482,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  createVNode(unref(_sfc_main$Y), {
+                  createVNode(unref(_sfc_main$Z), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$l);
@@ -22262,12 +22367,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             [vModelText, unref(inputVal)]
           ])
         ], 8, _hoisted_2$h),
-        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$W), {
+        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$X), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$W), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$X), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -22317,7 +22422,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$g, [
-          createVNode(unref(_sfc_main$Y), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$Z), { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         _ctx.showCharacterLimit ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString((_a2 = _ctx.modelValue) == null ? void 0 : _a2.length) + " " + toDisplayString(((_b = _ctx.nativeInputAttrs) == null ? void 0 : _b.maxlength) ? `/${_ctx.nativeInputAttrs.maxlength}` : ""), 1)) : createCommentVNode("", true),
         createElementVNode("textarea", mergeProps({
@@ -38652,6 +38757,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7031e613"]]);
 export {
   AddressInput,
+  _sfc_main$r as BagelForm,
   BagelVue,
   BankDetailsInput,
   BarChart,
@@ -38681,18 +38787,19 @@ export {
   _sfc_main$j as IntInput,
   _sfc_main$u as ItemRef,
   JSONInput,
-  _sfc_main$Y as LangText,
+  _sfc_main$Z as LangText,
   _sfc_main$1 as Lineart,
   LinkField,
   _sfc_main$Q as ListItem,
   _sfc_main$R as ListView,
-  _sfc_main$W as MaterialIcon,
+  _sfc_main$X as MaterialIcon,
   MiscFieldsInput,
-  _sfc_main$T as Modal,
+  _sfc_main$U as Modal,
+  ModalBglForm,
   ModalForm,
   ModalPlugin,
   MsgTemplate,
-  _sfc_main$V as NavBar,
+  _sfc_main$W as NavBar,
   _sfc_main$N as PageTitle,
   Password,
   PasswordInput,
@@ -38700,7 +38807,7 @@ export {
   PersonPreviewInput,
   _sfc_main$s as PlainInputField,
   PlainText,
-  _sfc_main$X as RTXEditor,
+  _sfc_main$Y as RTXEditor,
   RadioPillsInput,
   ReadOnlyInput,
   RichTextEditor,

package/dist/plugins/modal.d.ts

@@ -2,6 +2,7 @@ import { InjectionKey } from 'vue';
 import type { Plugin } from 'vue';
 import type { BtnOptions } from '..';
 import type { FormKitSchemaDefinition } from '@formkit/core';
+import { BglFormSchemaT } from 'dist/types';
 interface ModalOptions {
     title?: string;
     dismissable?: boolean;
@@ -14,10 +15,11 @@ interface ModalFormOptions extends ModalOptions {
     'onUpdate:modelValue'?: (val: any) => void;
     onSubmit: (val: any) => void;
     onDelete?: (id: string) => void;
-    schema: FormKitSchemaDefinition;
+    schema: FormKitSchemaDefinition | BglFormSchemaT;
 }
 interface ModalApi {
     showModal: (options: ModalOptions, slots?: Record<string, any>) => void;
+    showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => void;
     modalForm: (options: ModalFormOptions, slots?: Record<string, any>) => void;
     hideModal: (index?: number) => void;
 }

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAkDzB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,GAAG,cAAc,CAAC;CACjD;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAEhF,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAuDzB,CAAC"}

package/dist/style.css

@@ -517,6 +517,15 @@
 			inset-inline-end: 5%;
 	}
 }
+.modal-title[data-v-93c9eab1] {
+	margin-top: 0.5rem;
+}
+@media screen and (max-width: 910px) {
+.modal-title[data-v-93c9eab1] {
+		margin-top: 1rem;
+}
+}
+
 .dropdown {
   position: relative;
   font-size: calc(var(--input-font-size) * 1.3);

package/dist/types/BagelForm.d.ts

@@ -11,6 +11,8 @@ export type Field<T = Record<string, any>> = {
     children?: Field<T>[];
     attrs?: Attributes<T>;
     required?: boolean;
+    hint?: string;
+    'v-if'?: string | boolean | ((val: any, row: T) => boolean);
 };
 export interface SelectBagelField {
     inputType: 'SelectField';

package/dist/types/BagelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC7D,CAAA;AAED,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}

package/dist/types/BtnOptions.d.ts

@@ -11,5 +11,6 @@ export interface BtnOptions {
     loading?: boolean;
     role?: string;
     value?: string;
+    border?: boolean;
 }
 //# sourceMappingURL=BtnOptions.d.ts.map

package/dist/types/BtnOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BtnOptions.d.ts","sourceRoot":"","sources":["../../src/types/BtnOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,WAAW,UAAU;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAEf"}
+{"version":3,"file":"BtnOptions.d.ts","sourceRoot":"","sources":["../../src/types/BtnOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,WAAW,UAAU;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.206",
+  "version": "0.0.211",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",