@bagelink/vue 0.0.235-beta.0 → 0.0.237

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, normalizeClass, renderSlot, createVNode, unref, renderList, createBlock, resolveDynamicComponent, withCtx, useCssVars, useSlots, computed, createCommentVNode, onUnmounted, mergeProps, mergeModels, useModel, Transition, withDirectives, vModelText, isRef, reactive, resolveComponent, pushScopeId, popScopeId, vModelCheckbox, toRef, nextTick, createSlots, normalizeProps, guardReactiveProps, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, TransitionGroup, vModelDynamic, vModelRadio, provide } from "vue";
+import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, normalizeClass, renderSlot, createVNode, unref, renderList, createBlock, resolveDynamicComponent, withCtx, useCssVars, useSlots, computed, createCommentVNode, onUnmounted, mergeProps, mergeModels, useModel, createSlots, Transition, withDirectives, vModelText, isRef, resolveComponent, pushScopeId, popScopeId, vModelCheckbox, reactive, toRef, nextTick, normalizeProps, guardReactiveProps, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, TransitionGroup, vModelDynamic, vModelRadio, provide } from "vue";
 function bind$2(fn2, thisArg) {
   return function wrap2() {
     return fn2.apply(thisArg, arguments);
@@ -2298,11 +2298,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 h(
             renderComponent,
             {
@@ -2367,7 +2363,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
@@ -2376,14 +2372,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__ */ defineComponent({
+const _hoisted_1$I = { ref: "el" };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2391,7 +2392,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        createElementVNode("span", _hoisted_1$J, null, 512),
+        createElementVNode("span", _hoisted_1$I, null, 512),
         createTextVNode(" " + toDisplayString(_ctx.input), 1)
       ], 64);
     };
@@ -14504,8 +14505,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$I = ["id"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$H = ["id"];
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14582,11 +14583,11 @@ const _sfc_main$D = /* @__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$I);
+      }, null, 40, _hoisted_1$H);
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14601,13 +14602,13 @@ const _sfc_main$C = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -14631,14 +14632,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          createVNode(unref(_sfc_main$C), {
+          createVNode(unref(_sfc_main$B), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$H, [
-          createElementVNode("div", _hoisted_2$B, [
-            createElementVNode("div", _hoisted_3$r, [
+        createElementVNode("div", _hoisted_1$G, [
+          createElementVNode("div", _hoisted_2$A, [
+            createElementVNode("div", _hoisted_3$q, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   class: "nav-button",
@@ -14650,7 +14651,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$C), {
+                    createVNode(unref(_sfc_main$B), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
                     createElementVNode("div", _hoisted_4$j, toDisplayString(link.label), 1)
@@ -14672,7 +14673,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 key: link.label
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$B), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
                   createElementVNode("div", _hoisted_6$b, toDisplayString(link.label), 1)
@@ -14694,16 +14695,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__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14720,12 +14721,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     value: {},
     to: {},
     round: { type: Boolean, default: false },
-    is: { default: "button" }
+    is: { default: "button" },
+    onClick: { type: Function, default: () => "" }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "0b5510c0": computedBackgroundColor.value,
-      "18db167b": cumputedTextColor.value
+      "bfb3f9c4": computedBackgroundColor.value,
+      "5ae19879": cumputedTextColor.value
     }));
     const slots = useSlots();
     const props2 = __props;
@@ -14770,6 +14772,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
         to: _ctx.to,
+        onClick: withModifiers(_ctx.onClick, ["stop"]),
         type: _ctx.type,
         role: _ctx.role,
         disabled: _ctx.disabled,
@@ -14783,8 +14786,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$G)) : (openBlock(), createElementBlock("div", _hoisted_2$A, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$C), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$B), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -14792,22 +14795,21 @@ const _sfc_main$A = /* @__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$C), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$B), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : 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__ */ 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__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14816,31 +14818,22 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     actions: {}
   },
   emits: ["update:isModalVisible"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     let isActive = 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());
     onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-      document.addEventListener(
-        "keydown",
-        escapeKeyClose
-      );
+      setTimeout(() => isActive.value = true, 1);
+      document.addEventListener("keydown", escapeKeyClose);
     });
     onUnmounted(() => {
-      document.removeEventListener(
-        "keydown",
-        escapeKeyClose
-      );
+      document.removeEventListener("keydown", escapeKeyClose);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -14848,41 +14841,47 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createElementVNode("div", {
-          class: "card modal",
+        createVNode(unref(_sfc_main$m), {
+          class: "modal",
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
-        }, [
-          createElementVNode("header", _hoisted_1$F, [
-            renderSlot(_ctx.$slots, "toolbar"),
-            createVNode(unref(Btn), {
-              style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
-              flat: "",
-              icon: "close",
-              onClick: closeModal
-            }, null, 8, ["style"]),
-            createElementVNode("h3", _hoisted_2$z, toDisplayString(_ctx.title), 1)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("header", _hoisted_1$E, [
+              renderSlot(_ctx.$slots, "toolbar"),
+              createVNode(unref(Btn), {
+                style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+                flat: "",
+                icon: "close",
+                onClick: closeModal
+              }, null, 8, ["style"]),
+              _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$k), {
+                key: 0,
+                class: "modal-title",
+                tag: "h3",
+                label: _ctx.title
+              }, null, 8, ["label"])) : createCommentVNode("", true)
+            ]),
+            renderSlot(_ctx.$slots, "default"),
+            createElementVNode("footer", _hoisted_2$y, [
+              (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i3) => {
+                return openBlock(), createBlock(unref(Btn), mergeProps({
+                  key: i3,
+                  onClick: closeModal,
+                  color: "gray"
+                }, action), null, 16);
+              }), 128)),
+              renderSlot(_ctx.$slots, "footer")
+            ])
           ]),
-          renderSlot(_ctx.$slots, "default"),
-          createElementVNode("footer", _hoisted_3$q, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i3) => {
-              return openBlock(), createBlock(unref(Btn), mergeProps({
-                key: i3,
-                onClick: closeModal,
-                color: "gray"
-              }, action), null, 16);
-            }), 128)),
-            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__ */ defineComponent({
-  __name: "ModalBglForm",
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "ModalForm",
   props: /* @__PURE__ */ mergeModels({
     side: { type: Boolean },
     title: {},
@@ -14895,23 +14894,19 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     "modelValue": { default: {} },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["update:isModalVisible"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
+  emits: ["update:modelValue"],
+  setup(__props) {
     const props2 = __props;
+    const modal = ref();
     const computedFormSchema = computed(() => {
-      if (typeof props2.schema === "function") {
+      if (typeof props2.schema === "function")
         return props2.schema();
-      }
       return props2.schema;
     });
-    let isActive = ref(false);
     const formData = 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;
@@ -14927,52 +14922,59 @@ const _sfc_main$y = /* @__PURE__ */ 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());
-    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[2] || (_cache[2] = () => _ctx.dismissable ? closeModal() : ""),
-        onKeydown: withKeys(closeModal, ["esc"])
-      }, [
-        createElementVNode("div", {
-          class: "card modal",
-          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          createElementVNode("header", _hoisted_1$E, [
-            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$y, toDisplayString(_ctx.title), 1)
-          ]),
+      return openBlock(), createBlock(unref(_sfc_main$y), {
+        side: _ctx.side,
+        ref_key: "modal",
+        ref: modal,
+        dismissable: _ctx.dismissable,
+        title: _ctx.title
+      }, createSlots({
+        default: withCtx(() => [
           createVNode(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: withCtx(() => [
+            createElementVNode("div", null, [
+              createVNode(unref(Btn), {
+                flat: "",
+                value: "Cancel",
+                onClick: _cache[1] || (_cache[1] = ($event) => closeModal())
+              }),
+              _ctx.onDelete ? (openBlock(), createBlock(unref(Btn), {
+                key: 0,
+                icon: "delete",
+                flat: "",
+                value: "Delete",
+                onClick: _cache[2] || (_cache[2] = ($event) => runDelete()),
+                color: "red"
+              })) : createCommentVNode("", true)
+            ]),
+            createVNode(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-b81f66ed"]]);
+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__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {}
@@ -14993,7 +14995,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(open) }])
           }, [
-            createVNode(unref(_sfc_main$C), { icon: "expand_more" })
+            createVNode(unref(_sfc_main$B), { icon: "expand_more" })
           ], 2)
         ]),
         createVNode(Transition, { name: "expand" }, {
@@ -15008,7 +15010,7 @@ const _sfc_main$x = /* @__PURE__ */ 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 = {
@@ -15017,7 +15019,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__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -15043,7 +15045,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             }, null, 40, _hoisted_4$i), [
               [vModelText, searchTerm.value]
             ]),
-            createVNode(unref(_sfc_main$C), {
+            createVNode(unref(_sfc_main$B), {
               class: "txtgray",
               icon: "search"
             })
@@ -15063,10 +15065,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$B = { class: "txt16 no-margin" };
 const _hoisted_2$v = { class: "txt14 no-margin txtgray" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
-    to: {}
+    to: {},
+    title: {},
+    subtitle: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -15076,9 +15080,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("p", _hoisted_1$B, [
+            createTextVNode(toDisplayString(_ctx.title) + " ", 1),
             renderSlot(_ctx.$slots, "default")
           ]),
           createElementVNode("p", _hoisted_2$v, [
+            createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
             renderSlot(_ctx.$slots, "subtitle")
           ])
         ]),
@@ -15090,7 +15096,7 @@ const _sfc_main$v = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -15152,16 +15158,16 @@ const _sfc_main$u = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -15219,19 +15225,19 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_4$h, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
                 createElementVNode("div", _hoisted_5$e, toDisplayString(comment.updated_at.split("T")[0]), 1),
                 createElementVNode("div", _hoisted_6$a, [
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$B), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$B), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$B), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15239,7 +15245,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$D), {
+              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$C), {
                 key: 0,
                 modelValue: unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editComment).body_html = $event),
@@ -15248,12 +15254,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$7))
+              }, null, 8, _hoisted_7$6))
             ], 2);
           }), 128))
         ]),
         createElementVNode("div", _hoisted_8$3, [
-          createVNode(unref(_sfc_main$D), {
+          createVNode(unref(_sfc_main$C), {
             class: "comment-input",
             modelValue: unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15273,10 +15279,10 @@ const _sfc_main$t = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -15295,86 +15301,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ 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 = 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 = resolveComponent("FormKitSchema");
-      const _component_FormKit = resolveComponent("FormKit");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_FormKit, {
-          type: "form",
-          modelValue: _ctx.modelValue,
-          "onUpdate:modelValue": handleEmit,
-          onSubmit: runSubmit,
-          submitLabel: unref(i18nT)("save")
-        }, {
-          default: withCtx(() => [
-            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 ? (openBlock(), createBlock(unref(Btn), {
-          key: 0,
-          class: "del-top",
-          onClick: runDelete,
-          value: "Delete",
-          flat: "",
-          icon: "delete",
-          color: "red",
-          thin: ""
-        })) : 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__ */ defineComponent({
   __name: "TableSchema",
   props: {
@@ -15422,7 +15355,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
-                    createVNode(unref(_sfc_main$C), {
+                    createVNode(unref(_sfc_main$B), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -15451,7 +15384,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$6, [
+                    }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$5, [
                       unref(iffer)(field, row) ? (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), mergeProps({ key: 0 }, unref(bindAttrs)(field.attrs, unref(denullify)(row, field.id), row), {
                         class: unref(classify)(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 : "",
@@ -15480,7 +15413,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-89607f2f"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-a167604a"]]);
 const _sfc_main$p = {};
 const _hoisted_1$w = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15517,17 +15450,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__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
@@ -15543,40 +15472,32 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
-        _ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_2$q, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$k), {
+          key: 0,
+          label: _ctx.title
+        }, null, 8, ["label"])) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema, (field) => {
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
-              createElementVNode("div", _hoisted_4$f, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
-              (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), mergeProps({
-                class: "value",
-                modelValue: 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, unref(denullify)(__props.data, field.id), itemData.value);
-                }
-              }, unref(bindAttrs)(field.attrs, field.id ? itemData.value[field.id] : null, itemData.value)), {
-                default: withCtx(() => {
-                  var _a3;
-                  return [
-                    createTextVNode(toDisplayString(((_a3 = field == null ? void 0 : field.transform) == null ? void 0 : _a3.call(field, unref(denullify)(itemData.value, field.id) || field.defaultValue, itemData.value)) || unref(denullify)(itemData.value, field.id) || ""), 1)
-                  ];
-                }),
-                _: 2
-              }, 1040, ["modelValue", "onUpdate:modelValue"]))
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+              createElementVNode("div", _hoisted_3$l, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
+              createVNode(unref(_sfc_main$h), {
+                field,
+                modelValue: itemData.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event)
+              }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(itemData.value), ([key, value]) => {
             return openBlock(), createElementBlock("div", {
               class: "data-row",
               key
             }, [
-              createElementVNode("div", _hoisted_6$8, toDisplayString(unref(keyToLabel)(key)), 1),
-              createElementVNode("div", _hoisted_7$5, toDisplayString(value), 1)
+              createElementVNode("div", _hoisted_5$c, toDisplayString(unref(keyToLabel)(key)), 1),
+              createElementVNode("div", _hoisted_6$8, toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
@@ -15585,7 +15506,7 @@ const _sfc_main$n = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Card",
   props: {
@@ -15630,6 +15551,10 @@ const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-4
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
+    value: {
+      type: String,
+      default: ""
+    },
     label: {
       type: String,
       default: ""
@@ -15644,7 +15569,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(__props.tag), null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          createTextVNode(" " + toDisplayString(__props.label), 1)
+          createTextVNode(" " + toDisplayString(__props.label || __props.value), 1)
         ]),
         _: 3
       });
@@ -15907,21 +15832,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       },
       get: () => props2.field.id ? props2.modelValue[props2.field.id] : ""
     });
-    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.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 = resolveComponent("BglField", true);
-      return vIf.value ? (openBlock(), createBlock(resolveDynamicComponent(is4.value), mergeProps({
+      return unref(iffer)(_ctx.field, fieldData.value) ? (openBlock(), createBlock(resolveDynamicComponent(is4.value), mergeProps({
         key: 0,
         required: _ctx.field.required
       }, unref(bindAttrs)(((_a2 = _ctx.field) == null ? void 0 : _a2.attrs) || {}, fieldData.value, _ctx.modelValue), {
@@ -15930,21 +15844,31 @@ const _sfc_main$h = /* @__PURE__ */ 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, unref(denullify)(fieldData.value, _ctx.field.id), formData.value);
+          })
+        ],
         defaultValue: _ctx.field.defaultValue,
         options: _ctx.field.options,
         hint: _ctx.field.hint
       }), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.field.children, (child, ii) => {
-            return openBlock(), 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: withCtx(() => {
+          var _a3, _b2;
+          return [
+            createTextVNode(toDisplayString(((_b2 = (_a3 = _ctx.field).transform) == null ? void 0 : _b2.call(_a3, fieldData.value, _ctx.modelValue)) || fieldData.value || "") + " ", 1),
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.field.children, (child, ii) => {
+              return openBlock(), 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"])) : createCommentVNode("", true);
     };
@@ -29502,7 +29426,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       key: row.id
                     }, [
                       createElementVNode("div", _hoisted_5$9, [
-                        createVNode(unref(_sfc_main$C), { icon: "more_vert" })
+                        createVNode(unref(_sfc_main$B), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a3 = unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return openBlock(), createElementBlock("div", {
@@ -29519,7 +29443,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                         ], 2);
                       }), 128)),
                       createElementVNode("div", _hoisted_6$5, [
-                        createVNode(unref(_sfc_main$C), {
+                        createVNode(unref(_sfc_main$B), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -29664,12 +29588,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             [vModelText, unref(inputVal)]
           ])
         ], 8, _hoisted_2$g),
-        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$C), {
+        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$B), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$C), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$B), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -29719,7 +29643,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$f, [
-          createVNode(unref(_sfc_main$E), { input: _ctx.label }, null, 8, ["input"])
+          createVNode(unref(_sfc_main$D), { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         _ctx.showCharacterLimit ? (openBlock(), createElementBlock("span", _hoisted_3$c, 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({
@@ -29754,7 +29678,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, val.value]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$C), { icon: "check" })
+          createVNode(unref(_sfc_main$B), { icon: "check" })
         ])
       ]);
     };
@@ -30112,7 +30036,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                 }, [
                   fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$B), {
                     class: "success",
                     icon: "check"
                   })
@@ -36626,7 +36550,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$s), null, {
+        createVNode(unref(_sfc_main$r), null, {
           default: withCtx(() => [
             createTextVNode("Whatsapp Template")
           ]),
@@ -36635,8 +36559,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("div", _hoisted_4, [
-              createVNode(unref(_sfc_main$r), {
-                schema: _ctx.whatsappTemplateSchema(),
+              createVNode(unref(_sfc_main$i), {
+                schema: _ctx.whatsappTemplateSchema,
                 modelValue: unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
                 onSubmit: upsertTemplate
@@ -36658,7 +36582,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "TextVariableExamples",
   props: {
@@ -36764,20 +36688,19 @@ export {
   _sfc_main$f as DateInput,
   _sfc_main$6 as DatePicker,
   FileUpload,
-  _sfc_main$r as FormSchema,
   JSONInput,
-  _sfc_main$E as LangText,
+  _sfc_main$D as LangText,
   _sfc_main$2 as Lineart,
-  _sfc_main$v as ListItem,
-  _sfc_main$w as ListView,
-  _sfc_main$C as MaterialIcon,
-  _sfc_main$z as Modal,
-  ModalBglForm,
+  _sfc_main$u as ListItem,
+  _sfc_main$v as ListView,
+  _sfc_main$B as MaterialIcon,
+  _sfc_main$y as Modal,
+  ModalForm,
   ModalPlugin,
   MsgTemplate,
   NavBar,
-  _sfc_main$s as PageTitle,
-  _sfc_main$D as RTXEditor,
+  _sfc_main$r as PageTitle,
+  _sfc_main$C as RTXEditor,
   RadioPillsInput,
   RichTextEditor,
   RouterWrapper,