@bagelink/vue 0.0.544 → 0.0.552

package/dist/index.mjs

@@ -5363,15 +5363,15 @@ const ModalPlugin = {
             hideModal(index2);
           } };
           if (modal.modalType === "modalForm") return h$2(ModalForm, props2, modal.componentSlots);
-          if (modal.modalType === "confirm") return h$2(_sfc_main$r, props2, {});
-          return h$2(_sfc_main$J, props2, modal.componentSlots);
+          if (modal.modalType === "confirm") return h$2(_sfc_main$t, props2, {});
+          return h$2(_sfc_main$L, props2, modal.componentSlots);
         });
       }
     });
     app.component("ModalContainer", ModalComponent);
   }
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5388,13 +5388,13 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "full-nav" };
-const _hoisted_2$z = { class: "nav-scroll" };
+const _hoisted_1$J = { class: "full-nav" };
+const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$n = { class: "nav-links-wrapper" };
 const _hoisted_4$f = { class: "tooltip" };
 const _hoisted_5$c = { class: "bot-buttons-wrapper" };
 const _hoisted_6$8 = { class: "tooltip" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5418,13 +5418,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
           onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => isOpen.value = !isOpen.value, ["enter"]))
         }, [
-          createVNode(unref(_sfc_main$M), {
+          createVNode(unref(_sfc_main$O), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$H, [
-          createElementVNode("div", _hoisted_2$z, [
+        createElementVNode("div", _hoisted_1$J, [
+          createElementVNode("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$n, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -5437,7 +5437,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                   }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$M), {
+                    createVNode(unref(_sfc_main$O), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     createElementVNode("div", _hoisted_4$f, toDisplayString(link.label), 1)
@@ -5459,7 +5459,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$M), {
+                  createVNode(unref(_sfc_main$O), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   createElementVNode("div", _hoisted_6$8, toDisplayString(link.label), 1)
@@ -5481,16 +5481,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-d1115533"]]);
-const _hoisted_1$G = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d1115533"]]);
+const _hoisted_1$I = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$y = {
+const _hoisted_2$z = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5514,8 +5514,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "743a2e01": computedBackgroundColor.value,
-      "9ec72cc8": cumputedTextColor.value
+      "54b736fd": computedBackgroundColor.value,
+      "5c3a40d0": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = computed(() => {
@@ -5584,8 +5584,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$G)) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$M), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -5593,7 +5593,7 @@ const _sfc_main$K = /* @__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$M), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$O), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -5604,12 +5604,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-204e25fe"]]);
-const _hoisted_1$F = {
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7f505d62"]]);
+const _hoisted_1$H = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$x = {
+const _hoisted_2$y = {
   key: 1,
   class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
@@ -5617,7 +5617,7 @@ const _hoisted_3$m = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -5673,7 +5673,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createVNode(unref(_sfc_main$z), {
+        createVNode(unref(_sfc_main$B), {
           class: "modal",
           style: normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -5682,7 +5682,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$F, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$H, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5690,13 +5690,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$z), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_2$x, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
                 createVNode(unref(Btn), {
                   class: "color-black position-start",
                   icon: "close",
@@ -5724,7 +5724,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ mergeModels({
     side: { type: Boolean },
@@ -5781,7 +5781,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$J), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -5792,7 +5792,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, createSlots({
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$o), {
+          createVNode(unref(_sfc_main$q), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -5834,12 +5834,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-9b1b63ca"]]);
-const _hoisted_1$E = { class: "accordion-item" };
-const _hoisted_2$w = ["aria-expanded", "aria-controls"];
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
+const _hoisted_1$G = { class: "accordion-item" };
+const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$e = ["id", "aria-hidden"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -5876,7 +5876,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5889,9 +5889,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(isOpen) }])
           }, [
-            createVNode(unref(_sfc_main$M), { icon: "expand_more" })
+            createVNode(unref(_sfc_main$O), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$w),
+        ], 8, _hoisted_2$x),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -5909,14 +5909,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-b862dfb8"]]);
-const _sfc_main$G = {};
-const _hoisted_1$D = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
-const _hoisted_2$v = { class: "p-1" };
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-b862dfb8"]]);
+const _sfc_main$I = {};
+const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
+const _hoisted_2$w = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$D, [
-    createElementVNode("div", _hoisted_2$v, [
+  return openBlock(), createElementBlock("div", _hoisted_1$F, [
+    createElementVNode("div", _hoisted_2$w, [
       renderSlot(_ctx.$slots, "header")
     ]),
     createElementVNode("div", _hoisted_3$k, [
@@ -5924,10 +5924,10 @@ function _sfc_render$2(_ctx, _cache) {
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$2]]);
-const _hoisted_1$C = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$u = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$2]]);
+const _hoisted_1$E = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -5951,11 +5951,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$C, [
+            createElementVNode("p", _hoisted_1$E, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$u, [
+            createElementVNode("p", _hoisted_2$v, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -5966,9 +5966,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = { class: "page-top" };
-const _hoisted_2$t = { class: "top-title m-0" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_1$D = { class: "page-top" };
+const _hoisted_2$u = { class: "top-title m-0" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -5978,8 +5978,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
-        createElementVNode("h1", _hoisted_2$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+        createElementVNode("h1", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -5987,33 +5987,33 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { class: "table-list-wrap h-100" };
-const _hoisted_2$s = { class: "infinite-wrapper" };
+const _hoisted_1$C = { class: "table-list-wrap h-100" };
+const _hoisted_2$t = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$d = ["onClick"];
 const _hoisted_5$b = { class: "flex" };
 const _hoisted_6$7 = ["onClick"];
 const _hoisted_7$2 = { key: 1 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
-    selecteItems: {},
+    selectedItems: {},
     data: {},
     schema: { type: Function },
     showFields: {}
   },
-  emits: ["update:selecteItems", "orderBy", "select"],
+  emits: ["update:selectedItems", "orderBy", "select"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
     const slots = useSlots();
     const loading = ref(true);
-    let selecteItems = ref(props2.selecteItems || []);
+    let selectedItems = ref(props2.selectedItems || []);
     computed({
-      get: () => selecteItems.value,
+      get: () => selectedItems.value,
       set: (value) => {
-        selecteItems.value = value;
-        emit2("update:selecteItems", value);
+        selectedItems.value = value;
+        emit2("update:selectedItems", value);
       }
     });
     function selectElement(item) {
@@ -6093,8 +6093,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
-        createElementVNode("table", _hoisted_2$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        createElementVNode("table", _hoisted_2$t, [
           createElementVNode("thead", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
               return openBlock(), createElementBlock("th", {
@@ -6107,7 +6107,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
-                    createVNode(unref(_sfc_main$M), {
+                    createVNode(unref(_sfc_main$O), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -6139,7 +6139,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                       row,
                       field
                     }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
-                      createVNode(unref(_sfc_main$n), {
+                      createVNode(unref(_sfc_main$p), {
                         class: "embedded-field",
                         field,
                         modelValue: row,
@@ -6156,16 +6156,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8113163b"]]);
-const _sfc_main$C = {};
-const _hoisted_1$z = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9bf1b6df"]]);
+const _sfc_main$E = {};
+const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$z, [
+  return openBlock(), createElementBlock("div", _hoisted_1$B, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$1]]);
-const _sfc_main$B = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
+const _sfc_main$D = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -6187,12 +6187,12 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render]]);
-const _hoisted_1$y = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
+const _hoisted_1$A = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$r = {
+const _hoisted_2$s = {
   key: 0,
   class: "data-row"
 };
@@ -6200,7 +6200,7 @@ const _hoisted_3$i = { class: "key" };
 const _hoisted_4$c = { key: 1 };
 const _hoisted_5$a = { class: "key" };
 const _hoisted_6$6 = { class: "vlue" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
@@ -6215,7 +6215,6 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const itemData = useModel(__props, "data");
     const computedSchema = computed(() => {
-      console.log(itemData.value);
       const schema = Object.keys(itemData.value);
       if (props2.showFields && props2.showFields.length) {
         return schema.filter((field) => {
@@ -6223,13 +6222,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           return (_a2 = props2.showFields) == null ? void 0 : _a2.includes(field);
         });
       }
-      console.log(schema);
       return schema;
     });
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
-        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$x), {
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$z), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -6237,9 +6235,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
               createElementVNode("div", _hoisted_3$i, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
-              createVNode(unref(_sfc_main$n), {
+              createVNode(unref(_sfc_main$p), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6265,12 +6263,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-eb1d3474"]]);
-const _hoisted_1$x = {
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-078d6853"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -6298,7 +6296,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$x, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6306,8 +6304,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["src", "alt"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _hoisted_1$y = ["src", "alt"];
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -6325,7 +6323,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$w)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$y)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -6333,8 +6331,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dd2f6734"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dd2f6734"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -6362,7 +6360,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = reactive({
@@ -6376,9 +6374,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = ["dismissable"];
-const _hoisted_2$q = { class: "m-0" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$x = ["dismissable"];
+const _hoisted_2$r = { class: "m-0" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -6399,14 +6397,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(_sfc_main$M), {
+        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(_sfc_main$O), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$q, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$r, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -6414,12 +6412,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$v)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$x)) : createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-1322d9e1"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1322d9e1"]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -6435,13 +6433,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$M), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
         createTextVNode(" " + toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$M), {
+        props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$O), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -6450,10 +6448,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$u = ["src"];
-const _hoisted_2$p = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-532b36ae"]]);
+const _hoisted_1$w = ["src"];
+const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -6505,7 +6503,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$u)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$w)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6514,18 +6512,18 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$p)) : createCommentVNode("", true)
+        }, null, 12, _hoisted_2$q)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$t = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-862e1f20"]]);
+const _hoisted_1$v = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$o = { class: "Handlers" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_2$p = { class: "Handlers" };
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -6673,10 +6671,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$t)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$v)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        createElementVNode("div", _hoisted_2$o, [
+        createElementVNode("div", _hoisted_2$p, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -6694,8 +6692,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1f9c6644"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1f9c6644"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -6711,7 +6709,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$J), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         width: "380px",
         dismissable: false,
         title: _ctx.title
@@ -16292,10 +16290,10 @@ var leafletSrc = { exports: {} };
 })(leafletSrc, leafletSrc.exports);
 var leafletSrcExports = leafletSrc.exports;
 const L$1 = /* @__PURE__ */ getDefaultExportFromCjs(leafletSrcExports);
-const _hoisted_1$s = /* @__PURE__ */ createElementVNode("div", { class: "map-test" }, null, -1);
-const _hoisted_2$n = ["id"];
+const _hoisted_1$u = /* @__PURE__ */ createElementVNode("div", { class: "map-test" }, null, -1);
+const _hoisted_2$o = ["id"];
 const markerSVG = '<svg width="284" height="284" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.859 29.266A99 99 0 0 1 198.862 99.27c0 74.25-99 183.857-99 183.857s-99-109.607-99-183.858A99 99 0 0 1 29.86 29.266Zm70.004 118.961c25.513 0 46.195-20.683 46.195-46.196 0-25.513-20.682-46.195-46.195-46.195S53.667 76.518 53.667 102.03s20.683 46.196 46.196 46.196Z" fill="#F04033"/></svg>';
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -16346,17 +16344,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     }, { immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        _hoisted_1$s,
+        _hoisted_1$u,
         createElementVNode("div", {
           id: id.value,
           class: "map",
           style: normalizeStyle({ height: `${_ctx.height || 400}px` })
-        }, null, 12, _hoisted_2$n)
+        }, null, 12, _hoisted_2$o)
       ], 64);
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -16386,8 +16384,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f99f1900"]]);
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -16471,7 +16469,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
         _ctx.id ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(_ctx.schema, (field, i2) => {
-          return openBlock(), createBlock(unref(_sfc_main$n), {
+          return openBlock(), createBlock(unref(_sfc_main$p), {
             key: field.id || `${i2}p`,
             modelValue: unref(data2),
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -16483,13 +16481,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           ref: form,
           onSubmit: withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$x), {
+          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$z), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$n), {
+            return openBlock(), createBlock(unref(_sfc_main$p), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -16507,7 +16505,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -16522,8 +16520,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return _sfc_main$a;
-      if (props2.field.$el === "date") return _sfc_main$l;
+      if (props2.field.$el === "richtext") return _sfc_main$c;
+      if (props2.field.$el === "date") return _sfc_main$n;
       return props2.field.$el || "div";
     });
     const formData = computed({
@@ -16541,7 +16539,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       },
       get: () => {
         if (props2.field.id) return props2.modelValue[props2.field.id];
-        return props2.field.defaultValue || "";
+        return props2.field.defaultValue ?? "";
       }
     });
     const vIf = computed(() => {
@@ -16553,6 +16551,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
       return true;
     });
+    const badTransform = /undefined|NaN|Invalid Date/;
+    const computedFieldData = computed(
+      () => {
+        var _a2, _b;
+        const transformedData = (_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, props2.modelValue);
+        if (badTransform.test(transformedData)) return fieldData.value;
+        return transformedData;
+      }
+    );
     return (_ctx, _cache) => {
       var _a2, _b;
       const _component_BglField = resolveComponent("BglField", true);
@@ -16575,29 +16582,26 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         options: unref(bindAttrs)({ options: _ctx.field.options }, fieldData.value, _ctx.modelValue).options,
         helptext: _ctx.field.helptext
       }), {
-        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, {
-                key: child.id || ii,
-                modelValue: formData.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
-                field: child
-              }, null, 8, ["modelValue", "field"]);
-            }), 128))
-          ];
-        }),
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.field.children, (child, ii) => {
+            return openBlock(), createBlock(_component_BglField, {
+              key: child.id || ii,
+              modelValue: formData.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+              field: child
+            }, null, 8, ["modelValue", "field"]);
+          }), 128))
+        ]),
         _: 1
       }, 16, ["id", "modelValue", "required", "class", "label", "placeholder", "defaultValue", "disabled", "options", "helptext"])) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$r = ["title"];
-const _hoisted_2$m = ["id", "required"];
+const _hoisted_1$t = ["title"];
+const _hoisted_2$n = ["id", "required"];
 const _hoisted_3$h = ["for"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -16625,7 +16629,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$m), [
+        }, null, 8, _hoisted_2$n), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
@@ -16633,11 +16637,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$h)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ac068f18"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ac068f18"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -25087,9 +25091,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$q = ["title"];
-const _hoisted_2$l = { key: 0 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = ["title"];
+const _hoisted_2$m = { key: 0 };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     label: {},
@@ -25130,7 +25134,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$m, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createVNode(unref(Hn), mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -25145,14 +25149,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$p = ["title"];
-const _hoisted_2$k = { key: 0 };
+const _hoisted_1$r = ["title"];
+const _hoisted_2$l = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -25175,7 +25179,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$k, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
@@ -25184,16 +25188,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$g)
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$r);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$o = ["disabled"];
-const _hoisted_2$j = { key: 1 };
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$q = ["disabled"];
+const _hoisted_2$k = { key: 1 };
 const _hoisted_3$f = ["value"];
 const _hoisted_4$b = ["onClick"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -25330,7 +25334,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         onHide: _cache[4] || (_cache[4] = ($event) => updateOpen(false))
       }, {
         popper: withCtx(() => [
-          createVNode(unref(_sfc_main$z), {
+          createVNode(unref(_sfc_main$B), {
             class: "selectinput-options p-05",
             style: normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -25351,11 +25355,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["selectinput-option hover gap-1", { selected: isSelected(option2) }]),
                   onClick: ($event) => select2(option2)
                 }, [
-                  isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$M), {
+                  isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$O), {
                     key: 0,
                     icon: "check"
                   })) : createCommentVNode("", true),
-                  !isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$M), {
+                  !isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$O), {
                     key: 1,
                     class: "opacity-3",
                     icon: "fiber_manual_record"
@@ -25378,16 +25382,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               onKeydown: openOptions,
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true))
             }, [
-              _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$M), {
+              _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
                 key: 0,
                 icon: _ctx.icon
               }, null, 8, ["icon"])) : createCommentVNode("", true),
-              !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_2$j, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
-              !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
+              !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_2$k, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
+              !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$O), mergeProps({
                 key: 2,
                 thin: ""
               }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
-            ], 42, _hoisted_1$o),
+            ], 42, _hoisted_1$q),
             _ctx.required ? (openBlock(), createElementBlock("input", {
               key: 0,
               tabindex: "-1",
@@ -25403,7 +25407,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-761f89bf"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-761f89bf"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -25720,7 +25724,7 @@ function lastChild(el, selector2) {
   }
   return last || null;
 }
-function index(el, selector2) {
+function index$1(el, selector2) {
   var index2 = 0;
   if (!el || !el.parentNode) {
     return -1;
@@ -26314,8 +26318,8 @@ Sortable.prototype = /** @lends Sortable.prototype */
     if (lastDownEl === target) {
       return;
     }
-    oldIndex = index(target);
-    oldDraggableIndex = index(target, options.draggable);
+    oldIndex = index$1(target);
+    oldDraggableIndex = index$1(target, options.draggable);
     if (typeof filter3 === "function") {
       if (filter3.call(this, evt, target, this)) {
         _dispatchEvent({
@@ -26734,8 +26738,8 @@ Sortable.prototype = /** @lends Sortable.prototype */
       return completedFired = true;
     }
     function changed() {
-      newIndex = index(dragEl);
-      newDraggableIndex = index(dragEl, options.draggable);
+      newIndex = index$1(dragEl);
+      newDraggableIndex = index$1(dragEl, options.draggable);
       _dispatchEvent({
         sortable: _this,
         name: "change",
@@ -26817,7 +26821,7 @@ Sortable.prototype = /** @lends Sortable.prototype */
         direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
         var sibling;
         if (direction !== 0) {
-          var dragIndex = index(dragEl);
+          var dragIndex = index$1(dragEl);
           do {
             dragIndex -= direction;
             sibling = parentEl.children[dragIndex];
@@ -26879,14 +26883,14 @@ Sortable.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function _onDrop(evt) {
     var el = this.el, options = this.options;
-    newIndex = index(dragEl);
-    newDraggableIndex = index(dragEl, options.draggable);
+    newIndex = index$1(dragEl);
+    newDraggableIndex = index$1(dragEl, options.draggable);
     pluginEvent("drop", this, {
       evt
     });
     parentEl = dragEl && dragEl.parentNode;
-    newIndex = index(dragEl);
-    newDraggableIndex = index(dragEl, options.draggable);
+    newIndex = index$1(dragEl);
+    newDraggableIndex = index$1(dragEl, options.draggable);
     if (Sortable.eventCanceled) {
       this._nulling();
       return;
@@ -27231,7 +27235,7 @@ function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, inv
   return 0;
 }
 function _getInsertDirection(target) {
-  if (index(dragEl) < index(target)) {
+  if (index$1(dragEl) < index$1(target)) {
     return 1;
   } else {
     return -1;
@@ -27279,7 +27283,7 @@ Sortable.utils = {
   closest,
   toggleClass,
   clone,
-  index,
+  index: index$1,
   nextTick: _nextTick,
   cancelNextTick: _cancelNextTick,
   detectDirection: _detectDirection,
@@ -27885,13 +27889,13 @@ const VueDraggableNext = defineComponent({
     }
   }
 });
-const _hoisted_1$n = ["title"];
-const _hoisted_2$i = { class: "bagel-input" };
+const _hoisted_1$p = ["title"];
+const _hoisted_2$j = { class: "bagel-input" };
 const _hoisted_3$e = { class: "table-side-scroll" };
 const _hoisted_4$a = { class: "table-header" };
 const _hoisted_5$9 = { class: "table-reorder" };
 const _hoisted_6$5 = { class: "table-action" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -27956,7 +27960,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$j, [
           createElementVNode("label", null, toDisplayString((_a2 = unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
         createElementVNode("div", _hoisted_3$e, [
@@ -27988,7 +27992,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                       class: "flex table-row"
                     }, [
                       createElementVNode("div", _hoisted_5$9, [
-                        createVNode(unref(_sfc_main$M), { icon: "more_vert" })
+                        createVNode(unref(_sfc_main$O), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a3 = unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return openBlock(), createElementBlock("div", {
@@ -28005,7 +28009,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         ], 2);
                       }), 128)),
                       createElementVNode("div", _hoisted_6$5, [
-                        createVNode(unref(_sfc_main$M), {
+                        createVNode(unref(_sfc_main$O), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -28031,17 +28035,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$n);
+      ], 8, _hoisted_1$p);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$m = ["title"];
-const _hoisted_2$h = ["for"];
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-515f5dc9"]]);
+const _hoisted_1$o = ["title"];
+const _hoisted_2$i = ["for"];
 const _hoisted_3$d = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$9 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$8 = { key: 2 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -28147,23 +28151,23 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             [vModelText, unref(inputVal)]
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$8, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
-        ], 8, _hoisted_2$h),
-        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$M), {
+        ], 8, _hoisted_2$i),
+        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$O), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$M), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$o);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b024d618"]]);
-const _hoisted_1$l = { class: "primary-checkbox" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-b024d618"]]);
+const _hoisted_1$n = { class: "primary-checkbox" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": {
@@ -28176,7 +28180,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$l, [
+      return openBlock(), createElementBlock("label", _hoisted_1$n, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
           type: "checkbox"
@@ -28184,16 +28188,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, val.value]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$M), { icon: "check" })
+          createVNode(unref(_sfc_main$O), { icon: "check" })
         ])
       ]);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2f03e6ec"]]);
-const _hoisted_1$k = ["title"];
-const _hoisted_2$g = ["id", "placeholder", "required"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2f03e6ec"]]);
+const _hoisted_1$m = ["title"];
+const _hoisted_2$h = ["id", "placeholder", "required"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -28231,23 +28235,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$g), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$h), [
             [vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$k)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$m)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$j = { class: "datetime-wrap" };
-const _hoisted_2$f = { class: "date-wrap" };
+const _hoisted_1$l = { class: "datetime-wrap" };
+const _hoisted_2$g = { class: "date-wrap" };
 const _hoisted_3$c = {
   key: 0,
   class: "time-wrap"
 };
 const _hoisted_4$8 = ["id", "name", "value"];
 const _hoisted_5$7 = ["for"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -28276,8 +28280,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("div", _hoisted_2$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+        createElementVNode("div", _hoisted_2$g, [
           createVNode(unref(Hn), mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -28317,12 +28321,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "bagel-input" };
-const _hoisted_2$e = { class: "pb-025" };
+const _hoisted_1$k = { class: "bagel-input" };
+const _hoisted_2$f = { class: "pb-025" };
 const _hoisted_3$b = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$7 = ["id", "name", "value", "checked"];
 const _hoisted_5$6 = ["for"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -28363,8 +28367,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createElementVNode("label", _hoisted_2$e, toDisplayString(_ctx.label), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createElementVNode("label", _hoisted_2$f, toDisplayString(_ctx.label), 1),
         createElementVNode("div", _hoisted_3$b, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
@@ -28389,10 +28393,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-681173be"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-82316bcb"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$h = { class: "bagel-input" };
-const _hoisted_2$d = {
+const _hoisted_1$j = { class: "bagel-input" };
+const _hoisted_2$e = {
   key: 0,
   class: "single-image"
 };
@@ -28416,7 +28420,7 @@ const _hoisted_12 = {
   class: "progress"
 };
 const _hoisted_13 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("p", null, "Drop files here or click to upload", -1));
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -28537,7 +28541,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       flushQueue();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
           class: normalizeClass(["fileUploadWrap", {
@@ -28557,7 +28561,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment$1, {
                 key: file.id
               }, [
-                !_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+                !_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
                   createElementVNode("img", {
                     class: "single preview",
                     src: file.url,
@@ -28606,7 +28610,7 @@ const _sfc_main$c = /* @__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$M), {
+                    createVNode(unref(_sfc_main$O), {
                       class: "success",
                       icon: "check"
                     })
@@ -28626,15 +28630,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-82316bcb"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-82316bcb"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-50198c44"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$g = ["title"];
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
+const _hoisted_1$i = ["title"];
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
 const _hoisted_3$9 = [
-  _hoisted_2$c
+  _hoisted_2$d
 ];
 const _hoisted_4$5 = ["id"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -28671,11 +28675,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             [vModelCheckbox, checked.value]
           ])
         ])
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-50198c44"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-50198c44"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -51817,7 +51821,7 @@ function getTableNodeTypes(schema) {
   schema.cached.tableNodeTypes = roles;
   return roles;
 }
-function createTable(schema, rowsCount, colsCount, withHeaderRow, cellContent) {
+function createTable$1(schema, rowsCount, colsCount, withHeaderRow, cellContent) {
   const types = getTableNodeTypes(schema);
   const headerCells = [];
   const cells = [];
@@ -51903,7 +51907,7 @@ const Table = Node$2.create({
   addCommands() {
     return {
       insertTable: ({ rows = 3, cols = 3, withHeaderRow = true } = {}) => ({ tr: tr2, dispatch, editor }) => {
-        const node = createTable(editor.schema, rows, cols, withHeaderRow);
+        const node = createTable$1(editor.schema, rows, cols, withHeaderRow);
         if (dispatch) {
           const offset2 = tr2.selection.anchor + 1;
           tr2.replaceSelectionWith(node).scrollIntoView().setSelection(TextSelection.near(tr2.doc.resolve(offset2)));
@@ -52116,12 +52120,12 @@ const TableHeader = Node$2.create({
     return ["th", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const _hoisted_1$f = { class: "RichText" };
-const _hoisted_2$b = {
+const _hoisted_1$h = { class: "RichText" };
+const _hoisted_2$c = {
   key: 0,
   class: "RichText-tools"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "RichText",
   props: {
     modelValue: {}
@@ -52346,8 +52350,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
           (openBlock(), createElementBlock(Fragment$1, null, renderList(config, (item) => {
             var _a2;
             return withDirectives(createVNode(unref(Btn), {
@@ -54529,13 +54533,13 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$e = ["aria-expanded"];
-const _hoisted_2$a = { class: "p-075 tel-countryp-dropdown" };
+const _hoisted_1$g = ["aria-expanded"];
+const _hoisted_2$b = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_3$8 = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$4 = { class: "tel-country" };
 const _hoisted_5$4 = { key: 1 };
 const _hoisted_6$3 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -54793,7 +54797,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onHide: _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = false : open = false)
             }, {
               popper: withCtx(({ hide: hide2 }) => [
-                createElementVNode("div", _hoisted_2$a, [
+                createElementVNode("div", _hoisted_2$b, [
                   _ctx.searchable ? (openBlock(), createBlock(unref(TextInput), {
                     key: 0,
                     modelValue: searchQuery.value,
@@ -54836,7 +54840,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   class: "flex gap-05",
                   onClick: _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = true : open = true)
                 }, [
-                  createVNode(unref(_sfc_main$M), {
+                  createVNode(unref(_sfc_main$O), {
                     icon: unref(open) ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   computedDropDownOptions.value.showFlags && unref(activeCountryCode) ? (openBlock(), createBlock(unref(Flag), {
@@ -54874,13 +54878,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }, null, 44, _hoisted_6$3), [
               [vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$e)
+          ], 40, _hoisted_1$g)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-b13ff2af"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b13ff2af"]]);
 /*!
  * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -55474,8 +55478,8 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$d = ["disabled"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = ["disabled"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SignaturePad",
   props: {
     sigOption: {},
@@ -55597,11 +55601,434 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$d)
+        }, null, 8, _hoisted_1$f)
       ], 32);
     };
   }
 });
+const _hoisted_1$e = {
+  class: "toolbar",
+  role: "toolbar"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "Toolbar",
+  props: {
+    config: {}
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const emit2 = __emit;
+    const colorPicker = ref(null);
+    const fontSizeInput = ref(null);
+    const toolbarOptions = [
+      { name: "bold", icon: "format_bold" },
+      { name: "italic", icon: "format_italic" },
+      { name: "underline", icon: "format_underlined" },
+      { name: "fontSize", icon: "format_size" },
+      { name: "fontFamily", icon: "font_download" },
+      { name: "textColor", icon: "text_format" },
+      { name: "backgroundColor", icon: "format_color_fill" },
+      { name: "alignLeft", icon: "format_align_left" },
+      { name: "alignCenter", icon: "format_align_center" },
+      { name: "alignRight", icon: "format_align_right" },
+      { name: "alignJustify", icon: "format_align_justify" },
+      { name: "orderedList", icon: "format_list_numbered" },
+      { name: "unorderedList", icon: "format_list_bulleted" },
+      { name: "indent", icon: "format_indent_increase" },
+      { name: "outdent", icon: "format_indent_decrease" },
+      { name: "link", icon: "link" },
+      { name: "image", icon: "image" },
+      { name: "table", icon: "table_chart" },
+      { name: "blockquote", icon: "format_quote" },
+      { name: "codeBlock", icon: "code" },
+      { name: "splitView", icon: "splitscreen_right" },
+      { name: "codeView", icon: "code" }
+    ];
+    function handleColorPick(type3) {
+      var _a2;
+      const color2 = (_a2 = colorPicker.value) == null ? void 0 : _a2.value;
+      if (color2) {
+        emit2("action", type3, color2);
+      }
+    }
+    function handleFontSizeChange() {
+      var _a2;
+      const size2 = (_a2 = fontSizeInput.value) == null ? void 0 : _a2.value;
+      if (size2) {
+        emit2("action", "fontSize", size2);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(toolbarOptions.filter((t) => _ctx.config.includes(t.name)), (action) => {
+          return withDirectives((openBlock(), createBlock(unref(Btn), {
+            key: action.name,
+            thin: "",
+            color: "light",
+            "aria-label": action.name,
+            icon: action.icon,
+            onClick: ($event) => emit2("action", action.name)
+          }, null, 8, ["aria-label", "icon", "onClick"])), [
+            [_directive_tooltip, action.name]
+          ]);
+        }), 128)),
+        _ctx.config.includes("textColor") || _ctx.config.includes("backgroundColor") ? (openBlock(), createElementBlock("input", {
+          key: 0,
+          ref_key: "colorPicker",
+          ref: colorPicker,
+          type: "color",
+          onChange: _cache[0] || (_cache[0] = ($event) => handleColorPick(_ctx.config.includes("textColor") ? "textColor" : "backgroundColor"))
+        }, null, 544)) : createCommentVNode("", true),
+        _ctx.config.includes("fontSize") ? (openBlock(), createElementBlock("input", {
+          key: 1,
+          ref_key: "fontSizeInput",
+          ref: fontSizeInput,
+          type: "number",
+          min: "1",
+          max: "7",
+          onChange: handleFontSizeChange
+        }, null, 544)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ace0040e"]]);
+function applyFormatting(command2, value = "") {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const span = document.createElement("span");
+    switch (command2) {
+      case "bold":
+        span.style.fontWeight = "bold";
+        break;
+      case "italic":
+        span.style.fontStyle = "italic";
+        break;
+      case "underline":
+        span.style.textDecoration = "underline";
+        break;
+      case "strikeThrough":
+        span.style.textDecoration = "line-through";
+        break;
+      case "fontSize":
+        span.style.fontSize = value;
+        break;
+      case "foreColor":
+        span.style.color = value;
+        break;
+      case "backColor":
+        span.style.backgroundColor = value;
+        break;
+      case "justifyLeft":
+        span.style.textAlign = "left";
+        break;
+      case "justifyCenter":
+        span.style.textAlign = "center";
+        break;
+      case "justifyRight":
+        span.style.textAlign = "right";
+        break;
+      case "justifyFull":
+        span.style.textAlign = "justify";
+        break;
+      case "insertOrderedList":
+        insertList("ol");
+        return;
+      case "insertUnorderedList":
+        insertList("ul");
+        return;
+      case "indent":
+        span.style.marginLeft = "40px";
+        break;
+      case "outdent":
+        span.style.marginLeft = "-40px";
+        break;
+      case "removeFormatting":
+        removeFormatting();
+        break;
+      case "insertHorizontalRule":
+        insertHorizontalRule();
+        break;
+      case "subscript":
+        span.style.verticalAlign = "sub";
+        break;
+      case "superscript":
+        span.style.verticalAlign = "super";
+        break;
+      case "fontName":
+        span.style.fontFamily = value;
+        break;
+      case "increaseFontSize":
+        increaseFontSize();
+        break;
+      case "decreaseFontSize":
+        break;
+      case "insertLink":
+        insertLink();
+        break;
+      case "insertImage":
+        insertImage();
+        break;
+      case "createTable":
+        createTable();
+        break;
+      default:
+        console.warn(`Command ${command2} is not supported`);
+        return;
+    }
+    range2.surroundContents(span);
+  }
+}
+function increaseFontSize() {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const span = document.createElement("span");
+    const currentFontSize = Number.parseInt(range2.startContainer.parentNode.style.fontSize || "16", 10);
+    const newFontSize = currentFontSize + 2;
+    span.style.fontSize = `${newFontSize}px`;
+    range2.surroundContents(span);
+  }
+}
+function removeFormatting() {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const span = document.createElement("span");
+    span.textContent = range2.toString();
+    range2.deleteContents();
+    range2.insertNode(span);
+  }
+}
+function insertHorizontalRule() {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const hr2 = document.createElement("hr");
+    range2.deleteContents();
+    range2.insertNode(hr2);
+  }
+}
+function insertList(type3) {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const list = document.createElement(type3);
+    const listItem = document.createElement("li");
+    listItem.textContent = range2.toString();
+    list.appendChild(listItem);
+    range2.deleteContents();
+    range2.insertNode(list);
+  }
+}
+function insertLink() {
+  const url = prompt("Enter the URL:");
+  if (url) {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range2 = selection.getRangeAt(0);
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      range2.surroundContents(anchor);
+    }
+  }
+}
+function insertImage() {
+  const url = prompt("Enter the image URL:");
+  if (url) {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range2 = selection.getRangeAt(0);
+      const img = document.createElement("img");
+      img.src = url;
+      range2.deleteContents();
+      range2.insertNode(img);
+    }
+  }
+}
+function createTable() {
+  const rows = prompt("Enter the number of rows:");
+  const cols = prompt("Enter the number of columns:");
+  if (rows && cols) {
+    const table = document.createElement("table");
+    table.style.border = "1px solid black";
+    table.style.borderCollapse = "collapse";
+    for (let i2 = 0; i2 < Number.parseInt(rows); i2++) {
+      const row = table.insertRow();
+      for (let j2 = 0; j2 < Number.parseInt(cols); j2++) {
+        const cell = row.insertCell();
+        cell.style.border = "1px solid black";
+        cell.style.padding = "5px";
+        cell.textContent = `Cell ${i2 + 1},${j2 + 1}`;
+      }
+    }
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range2 = selection.getRangeAt(0);
+      range2.deleteContents();
+      range2.insertNode(table);
+    }
+  }
+}
+const _hoisted_1$d = { class: "rich-text-editor" };
+const _hoisted_2$a = ["innerHTML"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    modelValue: {},
+    toolbarConfig: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    const editableContent = ref(null);
+    const defaultConfig2 = [
+      "bold",
+      "italic",
+      "underline",
+      "fontSize",
+      "fontFamily",
+      "textColor",
+      "backgroundColor",
+      "alignLeft",
+      "alignCenter",
+      "alignRight",
+      "alignJustify",
+      "orderedList",
+      "unorderedList",
+      "indent",
+      "outdent",
+      "link",
+      "image",
+      "table",
+      "blockquote",
+      "codeBlock",
+      "splitView",
+      "codeView"
+    ];
+    const config = ref(props2.toolbarConfig || defaultConfig2);
+    let contentHtml = ref(props2.modelValue);
+    let isCodeView = ref(false);
+    let isSplitView = ref(false);
+    function updateContent() {
+      var _a2;
+      if (!isCodeView.value) {
+        contentHtml.value = ((_a2 = editableContent.value) == null ? void 0 : _a2.innerHTML) ?? "";
+      }
+      emit2("update:modelValue", contentHtml.value);
+    }
+    function handleToolbarAction(action, value) {
+      if (!editableContent.value) return;
+      if (["alignLeft", "alignCenter", "alignRight", "alignJustify"].includes(action))
+        value = action.replace("align", "").toLowerCase();
+      switch (action) {
+        case "orderedList":
+          applyFormatting("insertOrderedList");
+          break;
+        case "unorderedList":
+          applyFormatting("insertUnorderedList");
+          break;
+        case "blockquote":
+          applyFormatting("formatBlock", "<blockquote>");
+          break;
+        case "codeBlock":
+          applyFormatting("formatBlock", "<pre>");
+          break;
+        case "splitView":
+          isSplitView.value = !isSplitView.value;
+          break;
+        case "codeView":
+          isCodeView.value = !isCodeView.value;
+          break;
+        default:
+          applyFormatting(action, value);
+          break;
+      }
+      updateContent();
+    }
+    watch(() => props2.modelValue, (newValue) => {
+      if (newValue !== contentHtml.value) {
+        contentHtml.value = newValue;
+        if (editableContent.value) {
+          editableContent.value.innerHTML = newValue;
+        }
+      }
+    });
+    onMounted(() => {
+      if (editableContent.value) {
+        editableContent.value.innerHTML = contentHtml.value;
+      }
+    });
+    function handleKeyDown2(event) {
+      if (event.ctrlKey || event.metaKey) {
+        switch (event.key.toLowerCase()) {
+          case "b":
+            event.preventDefault();
+            handleToolbarAction("bold");
+            break;
+          case "i":
+            event.preventDefault();
+            handleToolbarAction("italic");
+            break;
+          case "u":
+            event.preventDefault();
+            handleToolbarAction("underline");
+            break;
+          case "k":
+            event.preventDefault();
+            handleToolbarAction("link");
+            break;
+          case "l":
+            event.preventDefault();
+            handleToolbarAction("orderedList");
+            break;
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(Toolbar, {
+          config: config.value,
+          onAction: handleToolbarAction
+        }, null, 8, ["config"]),
+        createElementVNode("div", {
+          class: normalizeClass(["editor-container", { "split-view": unref(isSplitView) }])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["content-area", { "code-view": unref(isCodeView) }])
+          }, [
+            unref(isCodeView) ? withDirectives((openBlock(), createElementBlock("textarea", {
+              key: 0,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(contentHtml) ? contentHtml.value = $event : contentHtml = $event),
+              onInput: updateContent
+            }, null, 544)), [
+              [vModelText, unref(contentHtml)]
+            ]) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              ref_key: "editableContent",
+              ref: editableContent,
+              contenteditable: "true",
+              role: "textbox",
+              "aria-multiline": "true",
+              tabindex: "0",
+              onInput: updateContent,
+              onKeydown: handleKeyDown2
+            }, null, 544))
+          ], 2),
+          unref(isSplitView) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "preview-area",
+            innerHTML: unref(contentHtml)
+          }, null, 8, _hoisted_2$a)) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e3cd444d"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -61779,7 +62206,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(unref(_sfc_main$z), {
+      return openBlock(), createBlock(unref(_sfc_main$B), {
         class: normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: unref(isOpen) }])
       }, {
         default: withCtx(() => [
@@ -61802,7 +62229,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               class: "nav-button px-075"
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$M), {
+                createVNode(unref(_sfc_main$O), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -61839,7 +62266,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$z), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return openBlock(), createBlock(unref(_sfc_main$B), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.navLinks, (nav2, i2) => {
@@ -61850,7 +62277,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               onClick: nav2.onClick
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$M), {
+                createVNode(unref(_sfc_main$O), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -62001,7 +62428,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: normalizeClass([{ active: isActive2(tab) }, "bgl_tab relative z-1"]),
             onClick: ($event) => selectTab(tab)
           }, [
-            typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(_sfc_main$M), {
+            typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -62416,49 +62843,50 @@ const allCountries = countryArray.map(
   })
 );
 export {
-  _sfc_main$w as Accordion,
+  _sfc_main$y as Accordion,
   AccordionItem,
   Alert,
   Avatar,
   Badge,
-  _sfc_main$o as BagelForm,
+  _sfc_main$q as BagelForm,
   BagelVue,
-  _sfc_main$n as BglField,
-  _sfc_main$o as BglForm,
+  _sfc_main$p as BglField,
+  _sfc_main$q as BglForm,
   BglVideo,
   BottomMenu,
   Btn,
-  _sfc_main$z as Card,
+  _sfc_main$B as Card,
   Carousel,
   CheckInput,
   Checkbox,
-  _sfc_main$f as ColorPicker,
+  _sfc_main$h as ColorPicker,
   DataPreview,
-  _sfc_main$l as DateInput,
-  _sfc_main$e as DatePicker,
+  _sfc_main$n as DateInput,
+  _sfc_main$g as DatePicker,
   kt$1 as Dropdown,
   $el as FileUpload,
   Flag,
-  _sfc_main$M as Icon,
+  _sfc_main$O as Icon,
   JSONInput,
   Layout,
   _sfc_main$7 as Lineart,
-  _sfc_main$F as ListItem,
+  _sfc_main$H as ListItem,
   ListView,
-  _sfc_main$q as MapEmbed,
-  _sfc_main$M as MaterialIcon,
-  _sfc_main$J as Modal,
-  _sfc_main$r as ModalConfirm,
+  _sfc_main$s as MapEmbed,
+  _sfc_main$O as MaterialIcon,
+  _sfc_main$L as Modal,
+  _sfc_main$t as ModalConfirm,
   ModalForm,
   ModalPlugin,
   NavBar,
-  _sfc_main$E as PageTitle,
+  _sfc_main$G as PageTitle,
   RadioPillsInput,
-  _sfc_main$a as RichText,
+  _sfc_main$c as RichText,
+  index as RichText2,
   RouterWrapper,
   SelectInput,
   SidebarMenu,
-  _sfc_main$8 as SignaturePad,
+  _sfc_main$a as SignaturePad,
   TabbedLayout,
   TableField,
   TableSchema,
@@ -62467,7 +62895,7 @@ export {
   TabsNav,
   TelInput,
   TextInput,
-  _sfc_main$x as Title,
+  _sfc_main$z as Title,
   ToggleInput,
   TopBar,
   allCountries,