@bagelink/vue 0.0.236-beta.0 → 0.0.237

package/dist/index.cjs

@@ -2300,11 +2300,7 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          let renderComponent;
-          if (modal.modalType === "modalForm")
-            renderComponent = ModalBglForm;
-          else
-            renderComponent = _sfc_main$z;
+          const renderComponent = modal.modalType === "modalForm" ? ModalForm : _sfc_main$y;
           return vue.h(
             renderComponent,
             {
@@ -2369,7 +2365,7 @@ function classify(fieldVal, row, ...classes) {
 function bindAttrs(attrs, fieldVal, row) {
   if (!attrs)
     return {};
-  const exclude = ["class", "style"];
+  const exclude = ["class"];
   const arr = Object.entries(attrs).filter(([key]) => !exclude.includes(key)).map(([key, value]) => [
     key,
     typeof value === "function" ? value(fieldVal, row) : value
@@ -2378,14 +2374,19 @@ function bindAttrs(attrs, fieldVal, row) {
   return resolvedAttrs;
 }
 const iffer = (field, itemData) => {
-  if (field["v-if"] && typeof field["v-if"] === "function") {
-    return field["v-if"](field.id ? itemData[field.id] : "", itemData);
-  }
-  return field["v-if"] || true;
+  if (field["v-if"] === void 0)
+    return true;
+  if (typeof field["v-if"] === "boolean")
+    return field["v-if"];
+  if (typeof field["v-if"] === "string")
+    return !!itemData.value[field["v-if"]];
+  if (typeof field["v-if"] === "function")
+    return field["v-if"](itemData == null ? void 0 : itemData[field.id], itemData);
+  return true;
 };
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
-const _hoisted_1$J = { ref: "el" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$I = { ref: "el" };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2393,7 +2394,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$J, null, 512),
+        vue.createElementVNode("span", _hoisted_1$I, null, 512),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.input), 1)
       ], 64);
     };
@@ -14506,8 +14507,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$I = ["id"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$H = ["id"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14584,11 +14585,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$I);
+      }, null, 40, _hoisted_1$H);
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14603,13 +14604,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "full-nav" };
-const _hoisted_2$B = { class: "nav-scroll" };
-const _hoisted_3$r = { class: "nav-links-wrapper" };
+const _hoisted_1$G = { class: "full-nav" };
+const _hoisted_2$A = { class: "nav-scroll" };
+const _hoisted_3$q = { class: "nav-links-wrapper" };
 const _hoisted_4$j = { class: "tooltip" };
 const _hoisted_5$g = { class: "bot-buttons-wrapper" };
 const _hoisted_6$b = { class: "tooltip" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -14633,14 +14634,14 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$C), {
+          vue.createVNode(vue.unref(_sfc_main$B), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$H, [
-          vue.createElementVNode("div", _hoisted_2$B, [
-            vue.createElementVNode("div", _hoisted_3$r, [
+        vue.createElementVNode("div", _hoisted_1$G, [
+          vue.createElementVNode("div", _hoisted_2$A, [
+            vue.createElementVNode("div", _hoisted_3$q, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   class: "nav-button",
@@ -14652,7 +14653,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$C), {
+                    vue.createVNode(vue.unref(_sfc_main$B), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$j, vue.toDisplayString(link.label), 1)
@@ -14674,7 +14675,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$C), {
+                  vue.createVNode(vue.unref(_sfc_main$B), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$b, vue.toDisplayString(link.label), 1)
@@ -14696,16 +14697,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-00c5586d"]]);
-const _hoisted_1$G = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-00c5586d"]]);
+const _hoisted_1$F = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$A = {
+const _hoisted_2$z = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14722,12 +14723,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     value: {},
     to: {},
     round: { type: Boolean, default: false },
-    is: { default: "button" }
+    is: { default: "button" },
+    onClick: { type: Function, default: () => "" }
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "0b5510c0": computedBackgroundColor.value,
-      "18db167b": cumputedTextColor.value
+      "bfb3f9c4": computedBackgroundColor.value,
+      "5ae19879": cumputedTextColor.value
     }));
     const slots = vue.useSlots();
     const props2 = __props;
@@ -14772,6 +14774,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
         to: _ctx.to,
+        onClick: vue.withModifiers(_ctx.onClick, ["stop"]),
         type: _ctx.type,
         role: _ctx.role,
         disabled: _ctx.disabled,
@@ -14785,8 +14788,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -14794,22 +14797,21 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots)["default"] && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
           ]))
         ]),
         _: 3
-      }, 8, ["to", "type", "role", "disabled", "class"]);
+      }, 8, ["to", "onClick", "type", "role", "disabled", "class"]);
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-0ca0d3de"]]);
-const _hoisted_1$F = { class: "tool-bar" };
-const _hoisted_2$z = { class: "modal-title" };
-const _hoisted_3$q = { class: "modal-footer mt-3" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-593b2146"]]);
+const _hoisted_1$E = { class: "tool-bar" };
+const _hoisted_2$y = { class: "modal-footer mt-3" };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14818,31 +14820,22 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     actions: {}
   },
   emits: ["update:isModalVisible"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     let isActive = vue.ref(false);
     const emit2 = __emit;
     const closeModal = () => {
       isActive.value = false;
-      setTimeout(() => {
-        emit2("update:isModalVisible", false);
-      }, 200);
+      setTimeout(() => emit2("update:isModalVisible", false), 200);
     };
+    __expose({ closeModal });
     const escapeKeyClose = (e3) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e3, () => closeModal());
     vue.onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-      document.addEventListener(
-        "keydown",
-        escapeKeyClose
-      );
+      setTimeout(() => isActive.value = true, 1);
+      document.addEventListener("keydown", escapeKeyClose);
     });
     vue.onUnmounted(() => {
-      document.removeEventListener(
-        "keydown",
-        escapeKeyClose
-      );
+      document.removeEventListener("keydown", escapeKeyClose);
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -14850,41 +14843,47 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createElementVNode("div", {
-          class: "card modal",
+        vue.createVNode(vue.unref(_sfc_main$m), {
+          class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
-        }, [
-          vue.createElementVNode("header", _hoisted_1$F, [
-            vue.renderSlot(_ctx.$slots, "toolbar"),
-            vue.createVNode(vue.unref(Btn), {
-              style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
-              flat: "",
-              icon: "close",
-              onClick: closeModal
-            }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$z, vue.toDisplayString(_ctx.title), 1)
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("header", _hoisted_1$E, [
+              vue.renderSlot(_ctx.$slots, "toolbar"),
+              vue.createVNode(vue.unref(Btn), {
+                style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+                flat: "",
+                icon: "close",
+                onClick: closeModal
+              }, null, 8, ["style"]),
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
+                key: 0,
+                class: "modal-title",
+                tag: "h3",
+                label: _ctx.title
+              }, null, 8, ["label"])) : vue.createCommentVNode("", true)
+            ]),
+            vue.renderSlot(_ctx.$slots, "default"),
+            vue.createElementVNode("footer", _hoisted_2$y, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i3) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
+                  key: i3,
+                  onClick: closeModal,
+                  color: "gray"
+                }, action), null, 16);
+              }), 128)),
+              vue.renderSlot(_ctx.$slots, "footer")
+            ])
           ]),
-          vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("footer", _hoisted_3$q, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i3) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
-                key: i3,
-                onClick: closeModal,
-                color: "gray"
-              }, action), null, 16);
-            }), 128)),
-            vue.renderSlot(_ctx.$slots, "footer")
-          ])
-        ])
+          _: 3
+        })
       ], 34);
     };
   }
 });
-const _hoisted_1$E = { class: "tool-bar" };
-const _hoisted_2$y = { class: "modal-title" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-  __name: "ModalBglForm",
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
     title: {},
@@ -14897,23 +14896,19 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     "modelValue": { default: {} },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["update:isModalVisible"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
+  emits: ["update:modelValue"],
+  setup(__props) {
     const props2 = __props;
+    const modal = vue.ref();
     const computedFormSchema = vue.computed(() => {
-      if (typeof props2.schema === "function") {
+      if (typeof props2.schema === "function")
         return props2.schema();
-      }
       return props2.schema;
     });
-    let isActive = vue.ref(false);
     const formData = vue.useModel(__props, "modelValue");
-    const emit2 = __emit;
     const closeModal = () => {
-      isActive.value = false;
-      setTimeout(() => {
-        emit2("update:isModalVisible", false);
-      }, 200);
+      var _a2;
+      return (_a2 = modal.value) == null ? void 0 : _a2.closeModal();
     };
     const runSubmit = async () => {
       var _a2;
@@ -14929,52 +14924,59 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a2 = formData.value) == null ? void 0 : _a2.id);
       closeModal();
     };
-    const escapeKeyClose = (e3) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e3, () => closeModal());
-    vue.onMounted(() => {
-      setTimeout(() => isActive.value = true, 1);
-      document.addEventListener("keydown", escapeKeyClose);
-    });
-    vue.onUnmounted(() => document.removeEventListener("keydown", escapeKeyClose));
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isActive) }]),
-        onClick: _cache[2] || (_cache[2] = () => _ctx.dismissable ? closeModal() : ""),
-        onKeydown: vue.withKeys(closeModal, ["esc"])
-      }, [
-        vue.createElementVNode("div", {
-          class: "card modal",
-          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          vue.createElementVNode("header", _hoisted_1$E, [
-            vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
-            vue.createVNode(vue.unref(Btn), {
-              style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
-              flat: "",
-              icon: "close",
-              onClick: closeModal
-            }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$y, vue.toDisplayString(_ctx.title), 1)
-          ]),
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$y), {
+        side: _ctx.side,
+        ref_key: "modal",
+        ref: modal,
+        dismissable: _ctx.dismissable,
+        title: _ctx.title
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
           vue.createVNode(vue.unref(_sfc_main$i), {
-            onDelete: _ctx.onDelete ? runDelete : void 0,
             modelValue: formData.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
-            onSubmit: runSubmit,
             schema: computedFormSchema.value
-          }, null, 8, ["onDelete", "modelValue", "schema"])
-        ])
-      ], 34);
+          }, null, 8, ["modelValue", "schema"])
+        ]),
+        _: 2
+      }, [
+        _ctx.onDelete || _ctx.onSubmit ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("div", null, [
+              vue.createVNode(vue.unref(Btn), {
+                flat: "",
+                value: "Cancel",
+                onClick: _cache[1] || (_cache[1] = ($event) => closeModal())
+              }),
+              _ctx.onDelete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                key: 0,
+                icon: "delete",
+                flat: "",
+                value: "Delete",
+                onClick: _cache[2] || (_cache[2] = ($event) => runDelete()),
+                color: "red"
+              })) : vue.createCommentVNode("", true)
+            ]),
+            vue.createVNode(vue.unref(Btn), {
+              value: "Submit",
+              onClick: _cache[3] || (_cache[3] = ($event) => runSubmit())
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["side", "dismissable", "title"]);
     };
   }
 });
-const ModalBglForm = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-d6a4af96"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-6badff9e"]]);
 const _hoisted_1$D = { class: "accordion-item" };
 const _hoisted_2$x = {
   key: 0,
   class: "accordion-body"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {}
@@ -14995,7 +14997,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$C), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$B), { icon: "expand_more" })
           ], 2)
         ]),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -15010,7 +15012,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-172f43f1"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-172f43f1"]]);
 const _hoisted_1$C = { class: "card list-view grid thin" };
 const _hoisted_2$w = { class: "list-header flex gap-3 align-items-top" };
 const _hoisted_3$p = {
@@ -15019,7 +15021,7 @@ const _hoisted_3$p = {
 };
 const _hoisted_4$i = ["placeholder"];
 const _hoisted_5$f = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -15045,7 +15047,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             }, null, 40, _hoisted_4$i), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(_sfc_main$C), {
+            vue.createVNode(vue.unref(_sfc_main$B), {
               class: "txtgray",
               icon: "search"
             })
@@ -15065,10 +15067,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$B = { class: "txt16 no-margin" };
 const _hoisted_2$v = { class: "txt14 no-margin txtgray" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
-    to: {}
+    to: {},
+    title: {},
+    subtitle: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -15078,9 +15082,11 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("p", _hoisted_1$B, [
+            vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
             vue.renderSlot(_ctx.$slots, "default")
           ]),
           vue.createElementVNode("p", _hoisted_2$v, [
+            vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
             vue.renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -15092,7 +15098,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$A = { class: "card tabs-top" };
 const _hoisted_2$u = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$o = ["onClick"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -15154,16 +15160,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-09fce741"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-09fce741"]]);
 const _hoisted_1$z = { class: "comments-wrap" };
 const _hoisted_2$t = { class: "comment-list" };
 const _hoisted_3$n = { class: "comment-top" };
 const _hoisted_4$h = { class: "comment-owner" };
 const _hoisted_5$e = { class: "comment-time" };
 const _hoisted_6$a = { class: "comment-actions" };
-const _hoisted_7$7 = ["innerHTML"];
+const _hoisted_7$6 = ["innerHTML"];
 const _hoisted_8$3 = { class: "new-comment" };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15221,19 +15227,19 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
                 vue.createElementVNode("div", _hoisted_5$e, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
                 vue.createElementVNode("div", _hoisted_6$a, [
-                  vue.createVNode(vue.unref(_sfc_main$C), {
+                  vue.createVNode(vue.unref(_sfc_main$B), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => vue.isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$C), {
+                  vue.createVNode(vue.unref(_sfc_main$B), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$C), {
+                  vue.createVNode(vue.unref(_sfc_main$B), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15241,7 +15247,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])
               ]),
-              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -15250,12 +15256,12 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$7))
+              }, null, 8, _hoisted_7$6))
             ], 2);
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$3, [
-          vue.createVNode(vue.unref(_sfc_main$D), {
+          vue.createVNode(vue.unref(_sfc_main$C), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15275,10 +15281,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-72b15241"]]);
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-72b15241"]]);
 const _hoisted_1$y = { class: "page-top" };
 const _hoisted_2$s = { class: "top-title" };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15297,86 +15303,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormSchema",
-  props: {
-    modelValue: {},
-    schema: {},
-    onDelete: { type: Function }
-  },
-  emits: ["update:modelValue", "submit"],
-  setup(__props, { emit: __emit }) {
-    const { showModal } = useModal();
-    const i18nT = useI18nT();
-    const emits = __emit;
-    const handleEmit = (val) => emits("update:modelValue", val);
-    const runSubmit = (val) => emits("submit", val);
-    const props2 = __props;
-    const data2 = vue.reactive({
-      ...props2.modelValue,
-      t: (val) => (i18nT == null ? void 0 : i18nT(val)) || val
-    });
-    const runDelete = () => {
-      showModal(
-        {
-          class: "small-modal",
-          title: i18nT("Are you sure?"),
-          actions: [
-            {
-              value: "Confirm",
-              color: "red",
-              onClick: () => {
-                var _a2;
-                return (_a2 = props2.onDelete) == null ? void 0 : _a2.call(props2, data2.id);
-              }
-            },
-            { value: "Cancel", color: "gray" }
-          ]
-        },
-        { default: i18nT("form.deleteMessage") }
-      );
-    };
-    return (_ctx, _cache) => {
-      var _a2;
-      const _component_FormKitSchema = vue.resolveComponent("FormKitSchema");
-      const _component_FormKit = vue.resolveComponent("FormKit");
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createVNode(_component_FormKit, {
-          type: "form",
-          modelValue: _ctx.modelValue,
-          "onUpdate:modelValue": handleEmit,
-          onSubmit: runSubmit,
-          submitLabel: vue.unref(i18nT)("save")
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_FormKitSchema, {
-              schema: _ctx.schema,
-              data: data2
-            }, null, 8, ["schema", "data"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "submitLabel"]),
-        ((_a2 = _ctx.modelValue) == null ? void 0 : _a2.id) && _ctx.onDelete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
-          key: 0,
-          class: "del-top",
-          onClick: runDelete,
-          value: "Delete",
-          flat: "",
-          icon: "delete",
-          color: "red",
-          thin: ""
-        })) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
 const _hoisted_1$x = { class: "table-list-wrap h-100" };
 const _hoisted_2$r = { class: "infinite-wrapper" };
 const _hoisted_3$m = { class: "row first-row" };
 const _hoisted_4$g = ["onClick"];
 const _hoisted_5$d = { class: "flex" };
 const _hoisted_6$9 = ["onClick"];
-const _hoisted_7$6 = { key: 1 };
+const _hoisted_7$5 = { key: 1 };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
@@ -15424,7 +15357,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$C), {
+                    vue.createVNode(vue.unref(_sfc_main$B), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -15453,7 +15386,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6, [
+                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
                       vue.unref(iffer)(field, row) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), vue.mergeProps({ key: 0 }, vue.unref(bindAttrs)(field.attrs, vue.unref(denullify)(row, field.id), row), {
                         class: vue.unref(classify)(vue.unref(denullify)(row, field.id), row, field.class, (_a2 = field.attrs) == null ? void 0 : _a2.class),
                         src: field.$el === "img" && field.id ? (_b = row[field.id]) == null ? void 0 : _b.url : "",
@@ -15519,17 +15452,13 @@ const _hoisted_1$v = {
   class: "data"
 };
 const _hoisted_2$q = {
-  key: 0,
-  class: "mb-3 mt-0"
-};
-const _hoisted_3$l = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_4$f = { class: "key" };
-const _hoisted_5$c = { key: 1 };
-const _hoisted_6$8 = { class: "key" };
-const _hoisted_7$5 = { class: "vlue" };
+const _hoisted_3$l = { class: "key" };
+const _hoisted_4$f = { key: 1 };
+const _hoisted_5$c = { class: "key" };
+const _hoisted_6$8 = { class: "vlue" };
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -15545,40 +15474,32 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-        _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$q, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
+          key: 0,
+          label: _ctx.title
+        }, null, 8, ["label"])) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l, [
-              vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), vue.mergeProps({
-                class: "value",
-                modelValue: vue.unref(denullify)(itemData.value, field.id),
-                "onUpdate:modelValue": ($event) => {
-                  var _a3;
-                  return (_a3 = field == null ? void 0 : field.onUpdate) == null ? void 0 : _a3.call(field, $event, vue.unref(denullify)(__props.data, field.id), itemData.value);
-                }
-              }, vue.unref(bindAttrs)(field.attrs, field.id ? itemData.value[field.id] : null, itemData.value)), {
-                default: vue.withCtx(() => {
-                  var _a3;
-                  return [
-                    vue.createTextVNode(vue.toDisplayString(((_a3 = field == null ? void 0 : field.transform) == null ? void 0 : _a3.call(field, vue.unref(denullify)(itemData.value, field.id) || field.defaultValue, itemData.value)) || vue.unref(denullify)(itemData.value, field.id) || ""), 1)
-                  ];
-                }),
-                _: 2
-              }, 1040, ["modelValue", "onUpdate:modelValue"]))
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
+              vue.createElementVNode("div", _hoisted_3$l, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
+              vue.createVNode(vue.unref(_sfc_main$h), {
+                field,
+                modelValue: itemData.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event)
+              }, null, 8, ["field", "modelValue"])
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(itemData.value), ([key, value]) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "data-row",
               key
             }, [
-              vue.createElementVNode("div", _hoisted_6$8, vue.toDisplayString(vue.unref(keyToLabel)(key)), 1),
-              vue.createElementVNode("div", _hoisted_7$5, vue.toDisplayString(value), 1)
+              vue.createElementVNode("div", _hoisted_5$c, vue.toDisplayString(vue.unref(keyToLabel)(key)), 1),
+              vue.createElementVNode("div", _hoisted_6$8, vue.toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -15587,7 +15508,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-a752f355"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-bb2526f9"]]);
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
@@ -15632,6 +15553,10 @@ const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-4
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
+    value: {
+      type: String,
+      default: ""
+    },
     label: {
       type: String,
       default: ""
@@ -15646,7 +15571,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag), null, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createTextVNode(" " + vue.toDisplayString(__props.label), 1)
+          vue.createTextVNode(" " + vue.toDisplayString(__props.label || __props.value), 1)
         ]),
         _: 3
       });
@@ -15909,21 +15834,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       },
       get: () => props2.field.id ? props2.modelValue[props2.field.id] : ""
     });
-    const vIf = vue.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.value[props2.field["v-if"]];
-      if (typeof props2.field["v-if"] === "function")
-        return props2.field["v-if"](fieldData.value.value, props2.modelValue);
-      return true;
-    });
     return (_ctx, _cache) => {
       var _a2, _b;
       const _component_BglField = vue.resolveComponent("BglField", true);
-      return vIf.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(is4.value), vue.mergeProps({
+      return vue.unref(iffer)(_ctx.field, fieldData.value) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(is4.value), vue.mergeProps({
         key: 0,
         required: _ctx.field.required
       }, vue.unref(bindAttrs)(((_a2 = _ctx.field) == null ? void 0 : _a2.attrs) || {}, fieldData.value, _ctx.modelValue), {
@@ -15932,21 +15846,31 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         id: _ctx.field.id,
         placeholder: _ctx.field.placeholder || _ctx.field.label,
         modelValue: fieldData.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => fieldData.value = $event),
+        "onUpdate:modelValue": [
+          _cache[1] || (_cache[1] = ($event) => fieldData.value = $event),
+          _cache[2] || (_cache[2] = ($event) => {
+            var _a3, _b2;
+            return (_b2 = (_a3 = _ctx.field) == null ? void 0 : _a3.onUpdate) == null ? void 0 : _b2.call(_a3, $event, vue.unref(denullify)(fieldData.value, _ctx.field.id), formData.value);
+          })
+        ],
         defaultValue: _ctx.field.defaultValue,
         options: _ctx.field.options,
         hint: _ctx.field.hint
       }), {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.field.children, (child, ii) => {
-            return vue.openBlock(), vue.createBlock(_component_BglField, {
-              modelValue: formData.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
-              key: child.id || ii,
-              field: child
-            }, null, 8, ["modelValue", "field"]);
-          }), 128))
-        ]),
+        default: vue.withCtx(() => {
+          var _a3, _b2;
+          return [
+            vue.createTextVNode(vue.toDisplayString(((_b2 = (_a3 = _ctx.field).transform) == null ? void 0 : _b2.call(_a3, fieldData.value, _ctx.modelValue)) || fieldData.value || "") + " ", 1),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.field.children, (child, ii) => {
+              return vue.openBlock(), vue.createBlock(_component_BglField, {
+                modelValue: formData.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+                key: child.id || ii,
+                field: child
+              }, null, 8, ["modelValue", "field"]);
+            }), 128))
+          ];
+        }),
         _: 1
       }, 16, ["required", "class", "label", "id", "placeholder", "modelValue", "defaultValue", "options", "hint"])) : vue.createCommentVNode("", true);
     };
@@ -29504,7 +29428,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       key: row.id
                     }, [
                       vue.createElementVNode("div", _hoisted_5$9, [
-                        vue.createVNode(vue.unref(_sfc_main$C), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$B), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a3 = vue.unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -29521,7 +29445,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$5, [
-                        vue.createVNode(vue.unref(_sfc_main$C), {
+                        vue.createVNode(vue.unref(_sfc_main$B), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -29666,12 +29590,12 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, vue.unref(inputVal)]
           ])
         ], 8, _hoisted_2$g),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -29721,7 +29645,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$f, [
-          vue.createVNode(vue.unref(_sfc_main$E), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$D), { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         _ctx.showCharacterLimit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString((_a2 = _ctx.modelValue) == null ? void 0 : _a2.length) + " " + vue.toDisplayString(((_b = _ctx.nativeInputAttrs) == null ? void 0 : _b.maxlength) ? `/${_ctx.nativeInputAttrs.maxlength}` : ""), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", vue.mergeProps({
@@ -29756,7 +29680,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$C), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$B), { icon: "check" })
         ])
       ]);
     };
@@ -30114,7 +30038,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                 }, [
                   fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                  vue.createVNode(vue.unref(_sfc_main$C), {
+                  vue.createVNode(vue.unref(_sfc_main$B), {
                     class: "success",
                     icon: "check"
                   })
@@ -36628,7 +36552,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(_sfc_main$s), null, {
+        vue.createVNode(vue.unref(_sfc_main$r), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -36637,8 +36561,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(vue.unref(_sfc_main$r), {
-                schema: _ctx.whatsappTemplateSchema(),
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                schema: _ctx.whatsappTemplateSchema,
                 modelValue: vue.unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
                 onSubmit: upsertTemplate
@@ -36660,7 +36584,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7031e613"]]);
+const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d3e2966e"]]);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "TextVariableExamples",
   props: {
@@ -36765,20 +36689,19 @@ exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$f;
 exports.DatePicker = _sfc_main$6;
 exports.FileUpload = FileUpload;
-exports.FormSchema = _sfc_main$r;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$E;
+exports.LangText = _sfc_main$D;
 exports.Lineart = _sfc_main$2;
-exports.ListItem = _sfc_main$v;
-exports.ListView = _sfc_main$w;
-exports.MaterialIcon = _sfc_main$C;
-exports.Modal = _sfc_main$z;
-exports.ModalBglForm = ModalBglForm;
+exports.ListItem = _sfc_main$u;
+exports.ListView = _sfc_main$v;
+exports.MaterialIcon = _sfc_main$B;
+exports.Modal = _sfc_main$y;
+exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$s;
-exports.RTXEditor = _sfc_main$D;
+exports.PageTitle = _sfc_main$r;
+exports.RTXEditor = _sfc_main$C;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;