@bagelink/vue 1.2.79 → 1.2.83

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, createElementBlock, openBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode, toDisplayString, Transition, withCtx, Fragment, renderList, createBlock, isRef, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createTextVNode, normalizeStyle, onMounted, onUnmounted, nextTick, resolveComponent, isVNode, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useCssVars, useModel, vModelCheckbox, createApp, pushScopeId, popScopeId, withScopeId, normalizeProps, guardReactiveProps, toRef, createSlots, vModelText, Comment, Text, vModelRadio, TransitionGroup, vModelDynamic, onBeforeUnmount } from "vue";
+import { defineComponent, reactive, provide, createElementBlock, openBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode, toDisplayString, Transition, withCtx, Fragment, renderList, createBlock, isRef, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createTextVNode, normalizeStyle, onMounted, onUnmounted, nextTick, resolveComponent, isVNode, h as h$2, toRef, toValue, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, mergeModels, useCssVars, useModel, vModelCheckbox, createApp, pushScopeId, popScopeId, withScopeId, normalizeProps, guardReactiveProps, createSlots, vModelText, Comment, Text, vModelRadio, TransitionGroup, vModelDynamic, onBeforeUnmount } from "vue";
 import { RouterLink } from "vue-router";
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
@@ -17,7 +17,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["aria-expanded", "aria-controls"];
+const _hoisted_1$12 = ["aria-expanded", "aria-controls"];
 const _hoisted_2$N = { class: "accordion-label" };
 const _hoisted_3$G = ["id", "aria-hidden"];
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
@@ -94,7 +94,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$t), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
-        ], 8, _hoisted_1$13),
+        ], 8, _hoisted_1$12),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -120,7 +120,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-3334f637"]]);
-const _hoisted_1$12 = { class: "relative" };
+const _hoisted_1$11 = { class: "relative" };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -143,7 +143,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
       (_a = suggestion.value) == null ? void 0 : _a.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$12, [
+      return openBlock(), createElementBlock("div", _hoisted_1$11, [
         createVNode(unref(_sfc_main$Y), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -179,7 +179,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -252,7 +252,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (openBlock(), createElementBlock("div", _hoisted_1$11, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$t), {
               key: 0,
               icon: _ctx.icon,
@@ -277,7 +277,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-99c4aa53"]]);
-const _hoisted_1$10 = ["dismissable"];
+const _hoisted_1$$ = ["dismissable"];
 const _hoisted_2$M = { class: "m-0" };
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -317,12 +317,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$10)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$$)) : createCommentVNode("", true);
     };
   }
 });
 const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-15c4ee95"]]);
-const _hoisted_1$$ = ["src", "alt"];
+const _hoisted_1$_ = ["src", "alt"];
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -341,7 +341,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$$)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$_)) : (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 || "")).toUpperCase()), 5))
@@ -380,7 +380,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-689f051f"]]);
-const _hoisted_1$_ = ["src"];
+const _hoisted_1$Z = ["src"];
 const _hoisted_2$L = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$F = ["src", "type"];
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
@@ -460,7 +460,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$_)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$Z)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -547,12 +547,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 const CalendarPopover = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-6f51f6b3"]]);
-const _hoisted_1$Z = { class: "agenda-view" };
+const _hoisted_1$Y = { class: "agenda-view" };
 const _hoisted_2$K = ["data-date", "onClick"];
 const _hoisted_3$E = { class: "event-content" };
 const _hoisted_4$r = { class: "event-time" };
 const _hoisted_5$q = { class: "event-details" };
-const _hoisted_6$n = { class: "event-title" };
+const _hoisted_6$m = { class: "event-title" };
 const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "AgendaView",
   props: {
@@ -651,7 +651,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
         _cache[0] || (_cache[0] = createElementVNode("div", { class: "agenda-header" }, [
           createElementVNode("div", { class: "time-column" }, " Time "),
           createElementVNode("div", { class: "event-column" }, " Event ")
@@ -675,7 +675,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3$E, [
                 createElementVNode("div", _hoisted_4$r, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 createElementVNode("div", _hoisted_5$q, [
-                  createElementVNode("div", _hoisted_6$n, toDisplayString(event.title), 1),
+                  createElementVNode("div", _hoisted_6$m, toDisplayString(event.title), 1),
                   createElementVNode("div", {
                     class: normalizeClass(["event-day", { today: event.isToday }])
                   }, toDisplayString(event.dayLabel), 3)
@@ -689,12 +689,12 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-1e2b483b"]]);
-const _hoisted_1$Y = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
+const _hoisted_1$X = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$J = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
 const _hoisted_3$D = { class: "overflow h-100p pe-05" };
 const _hoisted_4$q = { class: "time-column" };
 const _hoisted_5$p = { class: "events-column" };
-const _hoisted_6$m = ["onClick"];
+const _hoisted_6$l = ["onClick"];
 const _hoisted_7$h = { class: "event-content" };
 const _hoisted_8$b = { class: "white-space ellipsis-1" };
 const _hoisted_9$7 = { class: "event-time opacity-8" };
@@ -835,7 +835,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         createElementVNode("div", _hoisted_2$J, [
           _cache[0] || (_cache[0] = createElementVNode("div", null, null, -1)),
           createElementVNode("div", null, toDisplayString(unref(formatDate)(_ctx.startDate)), 1)
@@ -878,7 +878,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", _hoisted_8$b, toDisplayString(event.title), 1),
                     createElementVNode("div", _hoisted_9$7, toDisplayString(unref(formatDate)(new Date(event.start_time), { fmt: "HH:mm" })) + " - " + toDisplayString(unref(formatDate)(new Date(event.end_time), { fmt: "HH:mm" })), 1)
                   ])
-                ], 12, _hoisted_6$m);
+                ], 12, _hoisted_6$l);
               }), 128))
             ]),
             dragState.value.isDragging && dragState.value.start && dragState.value.end ? (openBlock(), createElementBlock("div", {
@@ -901,12 +901,12 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-8b1a770f"]]);
-const _hoisted_1$X = { class: "month-view" };
+const _hoisted_1$W = { class: "month-view" };
 const _hoisted_2$I = { class: "month-header" };
 const _hoisted_3$C = { class: "month-grid" };
 const _hoisted_4$p = { class: "day-number" };
 const _hoisted_5$o = { class: "day-events" };
-const _hoisted_6$l = {
+const _hoisted_6$k = {
   key: 0,
   class: "event-dot"
 };
@@ -987,7 +987,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$X, [
+      return openBlock(), createElementBlock("div", _hoisted_1$W, [
         createElementVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
             return openBlock(), createElementBlock("div", {
@@ -1009,7 +1009,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4$p, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               createElementVNode("div", _hoisted_5$o, [
                 isMobile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$l)) : createCommentVNode("", true)
+                  day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$k)) : createCommentVNode("", true)
                 ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(day.events, (event) => {
                   return openBlock(), createElementBlock("div", {
                     key: event.id,
@@ -1030,12 +1030,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-0b1117c4"]]);
-const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
+const _hoisted_1$V = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$H = { class: "overflow h-100p pe-05" };
 const _hoisted_3$B = ["onMousedown"];
 const _hoisted_4$o = ["onClick"];
 const _hoisted_5$n = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
-const _hoisted_6$k = { class: "white-space ellipsis-1" };
+const _hoisted_6$j = { class: "white-space ellipsis-1" };
 const _hoisted_7$f = { class: "txt10 opacity-8 user-select-none" };
 const _hoisted_8$9 = { class: "color-primary txt-12 p-025" };
 const slotHeight = 60;
@@ -1294,7 +1294,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+      return openBlock(), createElementBlock("div", _hoisted_1$V, [
         createElementVNode("div", {
           ref_key: "calendarGrid",
           ref: calendarGrid,
@@ -1366,7 +1366,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
                   }, [
                     createElementVNode("div", _hoisted_5$n, [
-                      createElementVNode("div", _hoisted_6$k, toDisplayString(event.title), 1),
+                      createElementVNode("div", _hoisted_6$j, toDisplayString(event.title), 1),
                       createElementVNode("div", _hoisted_7$f, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + toDisplayString(unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
                   ], 44, _hoisted_4$o);
@@ -1393,7 +1393,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-2d5bca17"]]);
-const _hoisted_1$V = { class: "calendar" };
+const _hoisted_1$U = { class: "calendar" };
 const _hoisted_2$G = { class: "flex m_block m_pb-1" };
 const _hoisted_3$A = { class: "txt-light my-0" };
 const _hoisted_4$n = { class: "ms-auto flex gap-025" };
@@ -1489,7 +1489,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       emit2("ready", state2.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$V, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         createElementVNode("div", _hoisted_2$G, [
           createElementVNode("h3", _hoisted_3$A, [
             createElementVNode("b", null, toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
@@ -1568,7 +1568,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-840b6594"]]);
-const _hoisted_1$U = {
+const _hoisted_1$T = {
   key: 0,
   class: "card_label"
 };
@@ -1601,7 +1601,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$U, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$T, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -1611,7 +1611,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["dir"];
+const _hoisted_1$S = ["dir"];
 const _hoisted_2$F = {
   key: 0,
   class: "dots"
@@ -2084,7 +2084,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             }, void 0, true)
           ])
         ], 2)
-      ], 8, _hoisted_1$T);
+      ], 8, _hoisted_1$S);
     };
   }
 });
@@ -7925,7 +7925,7 @@ const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$y = { class: "layer-rectangles" };
 const _hoisted_4$m = ["transform", "onMouseover"];
 const _hoisted_5$m = ["width", "height"];
-const _hoisted_6$j = {
+const _hoisted_6$i = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -7968,7 +7968,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, () => [
                   createElementVNode(
                     "text",
-                    _hoisted_6$j,
+                    _hoisted_6$i,
                     toDisplayString(r2.data.name),
                     1
                     /* TEXT */
@@ -8032,13 +8032,13 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$R = {
   key: 0,
   class: "layer-hover-bar"
 };
 const _hoisted_2$E = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$S, [
+  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$R, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -8239,7 +8239,7 @@ ${indent}}`;
     return typeof field.$el === "object" ? field.$el : componentMap[field.$el] ?? field.$el ?? "div";
   }
   function renderChild(child, slots) {
-    if (typeof child === "string") return child;
+    if (typeof child === "string") return h$2(child);
     if (isVNode(child)) return child;
     return renderField(
       child,
@@ -8247,8 +8247,9 @@ ${indent}}`;
     );
   }
   function renderField(field, slots) {
+    var _a;
     const Component = getComponent(field);
-    if (!Component) return null;
+    if (!Component) return;
     const rowData = (getFormData == null ? void 0 : getFormData()) || {};
     const condition = field.vIf ?? field["v-if"];
     if (condition !== void 0) {
@@ -8257,14 +8258,14 @@ ${indent}}`;
           field.id ? rowData == null ? void 0 : rowData[field.id] : void 0,
           rowData
         )) {
-          return null;
+          return;
         }
       } else if (typeof condition === "string") {
         if (!(rowData == null ? void 0 : rowData[condition])) {
-          return null;
+          return;
         }
       } else if (!condition) {
-        return null;
+        return;
       }
     }
     const {
@@ -8343,23 +8344,24 @@ ${indent}}`;
       Object.entries(fieldSlots).forEach(([name, slot]) => {
         componentSlots[name] = () => {
           if (Array.isArray(slot)) {
-            return slot.map((schemaField) => renderField(schemaField, slots));
-          }
-          if (isVNode(slot)) {
-            return slot;
-          }
-          if (typeof slot === "function") {
-            const slotFn = slot;
-            return slotFn({ row: rowData, field });
+            return slot.map((schemaField) => {
+              if (typeof schemaField === "function") {
+                const slotFn = schemaField;
+                return slotFn({ row: rowData, field });
+              }
+              if (isVNode(schemaField)) {
+                return schemaField;
+              }
+              return renderField(schemaField, slots);
+            });
           }
-          return slot;
         };
       });
     }
-    const slotContent = field.id && (slots == null ? void 0 : slots[field.id]) ? slots[field.id]({ row: rowData, field }) : void 0;
+    const slotContent = field.id ? (_a = slots == null ? void 0 : slots[field.id]) == null ? void 0 : _a.call(slots, { row: rowData, field }) : void 0;
     if (mode === "preview") {
       if (!includeUnset && (transformedValue === void 0 || transformedValue === null || transformedValue.length === 0)) {
-        return null;
+        return;
       }
       return h$2("div", { class: "preview-field" }, [
         h$2("div", { class: "field-label" }, `${field.label || keyToLabel(field.id || "")}:`),
@@ -8383,27 +8385,13 @@ function useTableData(options) {
   const sortDirection = ref("ASC");
   const schemaState = ref("loading");
   const resolvedSchema = ref([]);
-  function getValue(value) {
-    if (value === void 0 || value === null) {
-      return void 0;
-    }
-    try {
-      if (value && typeof value === "object" && "value" in value) {
-        return value.value;
-      }
-      return value;
-    } catch (error) {
-      console.error("Error in getValue:", error);
-      return void 0;
-    }
-  }
-  async function resolveSchemaAsync() {
+  function resolveSchema() {
     try {
       schemaState.value = "loading";
       const dataValue = options.data.value || [];
       const schema = useBglSchema({
-        schema: await getValue(options.schema),
-        columns: getValue(options.columns),
+        schema: options.schema,
+        columns: options.columns,
         data: dataValue
       });
       if (Array.isArray(schema) && schema.length > 0) {
@@ -8412,6 +8400,7 @@ function useTableData(options) {
         const firstItem = dataValue[0];
         resolvedSchema.value = Object.keys(firstItem || {}).filter((key) => key !== "id" && !key.startsWith("_")).map((key) => ({
           id: key,
+          // Cast to any to resolve type issues with Path<T>
           label: keyToLabel(key),
           $el: "div",
           transform: (val) => {
@@ -8431,15 +8420,12 @@ function useTableData(options) {
     }
   }
   watch([
-    () => getValue(options.schema),
-    () => getValue(options.columns),
-    () => options.data.value
+    options.schema || toRef({}),
+    options.columns || toRef([]),
+    options.data
   ], () => {
-    resolveSchemaAsync();
+    resolveSchema();
   }, { immediate: true });
-  onMounted(() => {
-    resolveSchemaAsync();
-  });
   const computedSchema = computed(() => resolvedSchema.value);
   function transform(rowData) {
     const transformed = { ...rowData };
@@ -8480,8 +8466,8 @@ function useTableData(options) {
     if (!Array.isArray(currentData) || currentData.length === 0) {
       return [];
     }
-    const useServerSortValue = getValue(options.useServerSort);
-    if (!sortField.value || useServerSortValue === true) {
+    const useServerSortValue = computed(() => toValue(options.useServerSort));
+    if (!sortField.value || useServerSortValue.value === true) {
       return currentData.map(transform);
     }
     return currentData.map(transform).sort((a2, z2) => {
@@ -8526,7 +8512,7 @@ function useTableData(options) {
     schemaState: computed(() => schemaState.value)
   };
 }
-const _hoisted_1$R = { class: "data-preview" };
+const _hoisted_1$Q = { class: "data-preview" };
 const _hoisted_2$D = {
   key: 1,
   class: "empty-preview"
@@ -8534,13 +8520,13 @@ const _hoisted_2$D = {
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: {
-    schema: { type: Function },
+    modelValue: {},
+    includeUnset: { type: Boolean },
+    schema: {},
     columns: {},
-    useServerSort: { type: Boolean },
+    useServerSort: {},
     selectable: { type: Boolean },
-    onLastItemVisible: { type: Function },
-    modelValue: {},
-    includeUnset: { type: Boolean }
+    onLastItemVisible: { type: Function }
   },
   setup(__props) {
     const props2 = __props;
@@ -8573,7 +8559,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       onUpdateModelValue: void 0
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
         unref(computedSchema) && unref(computedSchema).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(computedSchema), (field) => {
           return openBlock(), createBlock(resolveDynamicComponent(unref(renderField)(field, unref(slots))), {
             key: field.id
@@ -8583,7 +8569,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-430b1998"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-d084907a"]]);
 function useTableSelection(options) {
   const allSelectorEl = ref();
   const computedSelectedItems = computed(() => options.selectedItems.value);
@@ -9500,12 +9486,7 @@ function useTableVirtualization(options) {
     await until(() => lastItemEl.value).toBeTruthy();
     useIntersectionObserver(lastItemEl, ([entry]) => {
       var _a;
-      let dataLength = 0;
-      if (isRef(options.data) && options.data.value) {
-        dataLength = Array.isArray(options.data.value) ? options.data.value.length : 0;
-      } else if (Array.isArray(options.data)) {
-        dataLength = options.data.length;
-      }
+      const dataLength = toValue(options.data).length || 0;
       if (entry.isIntersecting && dataLength > 0) {
         (_a = options.onLastItemVisible) == null ? void 0 : _a.call(options);
       }
@@ -9520,30 +9501,26 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$Q = {
+const _hoisted_1$P = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$C = {
-  key: 1,
-  class: "flex-center h-300px txt-red"
-};
-const _hoisted_3$x = { class: "infinite-wrapper" };
-const _hoisted_4$l = { class: "row first-row" };
-const _hoisted_5$l = { key: 0 };
-const _hoisted_6$i = ["onClick"];
-const _hoisted_7$d = { class: "flex" };
-const _hoisted_8$8 = ["onClick"];
-const _hoisted_9$5 = { key: 0 };
-const _hoisted_10$5 = ["value"];
-const _hoisted_11$5 = { key: 1 };
+const _hoisted_2$C = { class: "infinite-wrapper" };
+const _hoisted_3$x = { class: "row first-row" };
+const _hoisted_4$l = { key: 0 };
+const _hoisted_5$l = ["onClick"];
+const _hoisted_6$h = { class: "flex" };
+const _hoisted_7$d = ["onClick"];
+const _hoisted_8$8 = { key: 0 };
+const _hoisted_9$5 = ["value"];
+const _hoisted_10$5 = { key: 1 };
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ mergeModels({
     data: {},
-    schema: { type: Function },
+    schema: {},
     columns: {},
-    useServerSort: { type: Boolean },
+    useServerSort: {},
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function }
   }, {
@@ -9557,7 +9534,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "18d61d81": unref(computedItemHeight)
+      "6f015429": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -9575,8 +9552,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       sortField,
       sortDirection,
       toggleSort,
-      cleanTransformedData,
-      schemaState
+      cleanTransformedData
     } = useTableData({
       data: data2,
       schema,
@@ -9653,20 +9629,20 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         scrollTo(0);
       }
     );
-    const showLoading = computed(() => loading.value || schemaState.value === "loading");
+    const showLoading = computed(() => loading.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": showLoading.value }
       }), [
-        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, _cache[4] || (_cache[4] = [
+        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$P, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : unref(schemaState) === "error" ? (openBlock(), createElementBlock("div", _hoisted_2$C, " Error loading table schema ")) : createCommentVNode("", true),
+        ]))) : createCommentVNode("", true),
         createElementVNode("div", mergeProps(unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          createElementVNode("table", _hoisted_3$x, [
-            createElementVNode("thead", _hoisted_4$l, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$l, [
+          createElementVNode("table", _hoisted_2$C, [
+            createElementVNode("thead", _hoisted_3$x, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$l, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -9682,7 +9658,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                   class: "col",
                   onClick: ($event) => unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  createElementVNode("div", _hoisted_7$d, [
+                  createElementVNode("div", _hoisted_6$h, [
                     createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     createElementVNode("div", {
                       class: normalizeClass(["list-arrows", { sorted: unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -9693,7 +9669,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_6$i);
+                ], 8, _hoisted_5$l);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -9703,7 +9679,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => unref(toggleSelectItem)(row)
                 }, [
-                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_9$5, [
+                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_8$8, [
                     createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["stop"]))
@@ -9712,26 +9688,27 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_10$5), [
+                      }, null, 8, _hoisted_9$5), [
                         [vModelCheckbox, selectedItems.value]
                       ])
                     ])
                   ])) : createCommentVNode("", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedSchema), (field) => {
+                    var _a;
                     return openBlock(), createElementBlock("td", {
                       key: `${field.id}-${(row == null ? void 0 : row.id) || Math.random()}`,
                       class: "col"
                     }, [
-                      field.id && unref(slots)[field.id] ? renderSlot(_ctx.$slots, field.id, {
+                      field.id && ((_a = unref(slots)) == null ? void 0 : _a[field.id]) ? renderSlot(_ctx.$slots, field.id, {
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_11$5, [
+                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$5, [
                         (openBlock(), createBlock(resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_8$8);
+                ], 10, _hoisted_7$d);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (openBlock(), createElementBlock("tr", {
                 key: 0,
@@ -9746,7 +9723,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-382d1c94"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-b10460ed"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -12935,7 +12912,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$P = { class: "px-1 pt-025 pb-1" };
+const _hoisted_1$O = { class: "px-1 pt-025 pb-1" };
 const _hoisted_2$B = { class: "ms-1" };
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "FieldSetVue",
@@ -12945,7 +12922,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", _hoisted_1$P, [
+      return openBlock(), createElementBlock("fieldset", _hoisted_1$O, [
         createElementVNode("legend", _hoisted_2$B, toDisplayString(_ctx.legend || _ctx.label), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
@@ -13394,17 +13371,19 @@ function getFallbackSchema(data2, columns) {
 function sleep(ms = 100) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
-function appendScript(src, options) {
-  return new Promise((resolve, reject3) => {
-    if (options == null ? void 0 : options.id) {
-      if (document.getElementById(options.id)) {
-        resolve();
-        return;
-      }
-    } else if (document.querySelector(`script[src="${src}"]`)) {
-      resolve();
-      return;
-    }
+const scriptsLoading = /* @__PURE__ */ new Map();
+async function appendScript(src, options) {
+  const scriptId = (options == null ? void 0 : options.id) || src;
+  await sleep(1);
+  if (scriptsLoading.has(scriptId)) {
+    return scriptsLoading.get(scriptId);
+  }
+  if ((options == null ? void 0 : options.id) && document.getElementById(options.id)) {
+    return Promise.resolve();
+  } else if (document.querySelector(`script[src="${src}"]`)) {
+    return Promise.resolve();
+  }
+  const loadingPromise = new Promise((resolve, reject3) => {
     const script2 = document.createElement("script");
     script2.src = src;
     if (options == null ? void 0 : options.id) {
@@ -13412,10 +13391,16 @@ function appendScript(src, options) {
     }
     script2.onload = () => {
       resolve();
+      scriptsLoading.delete(scriptId);
+    };
+    script2.onerror = (err) => {
+      reject3(err);
+      scriptsLoading.delete(scriptId);
     };
-    script2.onerror = reject3;
     document.head.append(script2);
   });
+  scriptsLoading.set(scriptId, loadingPromise);
+  return loadingPromise;
 }
 function appendStyle(src) {
   return new Promise((resolve, reject3) => {
@@ -13464,7 +13449,6 @@ function getNestedValue(obj, path, defaultValue = void 0) {
   }
   return current ?? defaultValue;
 }
-const _hoisted_1$O = { class: "flex-center h-300px" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "BagelForm",
   props: {
@@ -13483,10 +13467,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const formData = ref(clone2(props2.modelValue ?? {}));
     const initialFormData = ref(clone2(props2.modelValue ?? {}));
     const formState = ref("idle");
-    const schemaState = ref("loaded");
-    const resolvedSchemaData = ref();
-    const schemaRef = toRef(props2, "schema");
-    const resolvedSchema = computed(() => resolvedSchemaData.value);
+    const resolvedSchema = computed(() => toValue(props2.schema));
     const isDirty = computed(() => {
       try {
         return JSON.stringify(formData.value) !== JSON.stringify(initialFormData.value);
@@ -13496,42 +13477,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       if (props2.modelValue) initialFormData.value = clone2(props2.modelValue);
-      refreshSchema();
     });
     watch(() => props2.modelValue, (val) => {
       if (val !== void 0) formData.value = clone2(val);
     }, { immediate: true, deep: true });
-    async function resolveSchema(schema) {
-      if (!schema) {
-        resolvedSchemaData.value = void 0;
-        schemaState.value = "loaded";
-        return;
-      }
-      try {
-        schemaState.value = "loading";
-        const isPromise = (obj) => obj && typeof obj.then === "function";
-        let result2;
-        if (typeof schema === "function") {
-          result2 = schema();
-          result2 = isPromise(result2) ? await result2 : result2;
-        } else {
-          result2 = isPromise(schema) ? await schema : schema;
-        }
-        resolvedSchemaData.value = result2;
-        schemaState.value = "loaded";
-      } catch (error) {
-        console.error("Schema error:", error);
-        schemaState.value = "error";
-        resolvedSchemaData.value = void 0;
-      }
-    }
-    async function refreshSchema() {
-      await resolveSchema(props2.schema);
-      return resolvedSchemaData.value;
-    }
-    watch(schemaRef, resolveSchema, { immediate: true, deep: true });
-    function updateFormData(fieldId, value) {
-      const keys4 = fieldId.split(".");
+    function updateFormData({ fieldId, value }) {
+      const keys4 = (fieldId == null ? void 0 : fieldId.split(".")) || [];
       const newData = clone2(formData.value);
       let current = newData;
       for (let i2 = 0; i2 < keys4.length - 1; i2++) {
@@ -13547,6 +13498,10 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = form.value) == null ? void 0 : _a.reportValidity()) ?? false;
     };
+    const checkValidity = () => {
+      var _a;
+      return ((_a = form.value) == null ? void 0 : _a.checkValidity()) ?? false;
+    };
     const formError = ref();
     async function handleSubmit() {
       var _a;
@@ -13574,7 +13529,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       onUpdateModelValue: (field, value) => {
         var _a;
         if (!field.id) return;
-        updateFormData(field.id, value);
+        updateFormData({ fieldId: field.id, value });
         (_a = field.onUpdate) == null ? void 0 : _a.call(field, value, formData.value);
       }
     });
@@ -13583,10 +13538,10 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       const input = event.target;
       if (input.name) {
         const value = input.type === "checkbox" ? input.checked : input.value;
-        updateFormData(input.name, value);
+        updateFormData({ fieldId: input.name, value });
       }
     }
-    __expose({ form, isDirty, validateForm, resolveSchema, refreshSchema });
+    __expose({ form, isDirty, validateForm, checkValidity });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         formState.value !== "success" || !_ctx.$slots.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -13598,30 +13553,19 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             onSubmit: withModifiers(handleSubmit, ["prevent"]),
             onInput: handleSlotInputChange
           }, [
-            schemaState.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              createElementVNode("div", _hoisted_1$O, [
-                createVNode(unref(Loading))
-              ])
-            ]) : schemaState.value === "error" ? renderSlot(_ctx.$slots, "schema-error", { key: 1 }, () => [
-              _cache[0] || (_cache[0] = createElementVNode("div", { class: "flex-center h-300px txt-red" }, " Error loading form ", -1))
-            ]) : resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(resolvedSchema.value, (field) => {
+            resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
               return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
                 key: field.id
               });
-            }), 128)) : renderSlot(_ctx.$slots, "default", { key: 3 }),
+            }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
             renderSlot(_ctx.$slots, "submit", {
               submit: handleSubmit,
               isDirty: isDirty.value,
               validateForm,
-              formState: formState.value,
-              schemaState: schemaState.value
+              formState: formState.value
             })
           ], 34)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            schemaState.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              createVNode(unref(Loading))
-            ]) : schemaState.value === "error" ? renderSlot(_ctx.$slots, "schema-error", { key: 1 }, () => [
-              _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex-center h-300px txt-red" }, " Error loading form ", -1))
-            ]) : resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(resolvedSchema.value, (field) => {
+            resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
               return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
                 key: field.id,
                 class: normalizeClass(props2.class)
@@ -13649,7 +13593,7 @@ const _hoisted_5$k = {
   key: 0,
   class: "bgl-step-label"
 };
-const _hoisted_6$h = { class: "bgl-form-wrapper" };
+const _hoisted_6$g = { class: "bgl-form-wrapper" };
 const _hoisted_7$c = { class: "bgl-step-controls" };
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "BglMultiStepForm",
@@ -13671,6 +13615,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["submit", "stepChange"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
     const props2 = __props;
     const emits = __emit;
     const formRef = ref();
@@ -13687,11 +13632,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       return isValid;
     }
     const computedSchema = computed(
-      () => useBglSchema({ schema: props2.schema })
+      () => useBglSchema({ schema: toValue(props2.schema) })
     );
     const filteredSchema = computed(() => {
       const schema = computedSchema.value;
-      return schema.filter((step, index2) => {
+      return schema.filter((step, _index) => {
         if (step.vIf !== void 0 || step["v-if"] !== void 0) {
           const condition = step.vIf ?? step["v-if"];
           if (typeof condition === "function") {
@@ -13732,8 +13677,6 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       const actualIndex = schemaIndexMap.value[currentStep.value];
       return [computedSchema.value[actualIndex]];
     });
-    const isStepping = ref(false);
-    let isSteppingTO;
     const slideDirection = ref(props2.rtl ? "right" : "left");
     watch(
       () => currentStep.value,
@@ -13744,9 +13687,6 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           slideDirection.value = props2.direction;
         }
         previousStep.value = oldStep;
-        clearTimeout(isSteppingTO);
-        isStepping.value = true;
-        isSteppingTO = setTimeout(() => isStepping.value = false, 200);
         emits("stepChange", {
           newStep,
           oldStep,
@@ -13755,15 +13695,24 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         });
       }
     );
-    const canDoNext = computed(() => currentStep.value < numberOfSteps.value - 1);
+    const isLastStep = computed(() => currentStep.value === numberOfSteps.value - 1);
     const isStepValidated = computed(() => (stepIndex) => validatedSteps.value.includes(stepIndex));
+    const isStepValid = ref(false);
+    async function checkCurrentStepValidity() {
+      var _a2;
+      await nextTick();
+      if (!props2.validateOnSteps) isStepValid.value = true;
+      else isStepValid.value = ((_a2 = formRef.value) == null ? void 0 : _a2.checkValidity()) ?? false;
+    }
     function prevStep() {
       if (currentStep.value > 0) currentStep.value--;
     }
     const formContainer = ref();
-    function nextStep() {
+    async function nextStep() {
       if (props2.validateOnSteps && reportValidity() === false) return;
-      if (canDoNext.value) currentStep.value++;
+      if (!isLastStep.value) currentStep.value++;
+      await sleep(400);
+      checkCurrentStepValidity();
     }
     function goToStep(stepIndex) {
       if (stepIndex < currentStep.value || validatedSteps.value.includes(stepIndex)) {
@@ -13788,6 +13737,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       currentStep.value = 0;
     }
     watch(() => formData.value, () => {
+      checkCurrentStepValidity();
       if (currentStep.value >= numberOfSteps.value && numberOfSteps.value > 0) {
         currentStep.value = 0;
       }
@@ -13795,14 +13745,16 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __expose({
       submit: handleSubmit,
       validateForm: reportValidity,
+      checkValidity: (_a = formRef.value) == null ? void 0 : _a.checkValidity,
       isDirty: computed(() => {
-        var _a;
-        return (_a = formRef.value) == null ? void 0 : _a.isDirty;
+        var _a2;
+        return (_a2 = formRef.value) == null ? void 0 : _a2.isDirty;
       }),
       reset,
       goToStep,
       currentStep: computed(() => currentStep.value),
       totalSteps: computed(() => numberOfSteps.value),
+      isStepValid,
       nextStep,
       prevStep
     });
@@ -13835,13 +13787,13 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             ])
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_6$h, [
+        createElementVNode("div", _hoisted_6$g, [
           createVNode(Transition, {
             name: slideDirection.value === "right" ? "slide-right" : "slide-left",
             mode: "out-in"
           }, {
             default: withCtx(() => [
-              !isStepping.value ? (openBlock(), createElementBlock("div", {
+              (openBlock(), createElementBlock("div", {
                 key: currentStep.value,
                 ref_key: "formContainer",
                 ref: formContainer,
@@ -13869,7 +13821,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     key: "1"
                   } : void 0
                 ]), 1040, ["modelValue", "schema"])
-              ])) : createCommentVNode("", true)
+              ]))
             ]),
             _: 3
           }, 8, ["name"]),
@@ -13880,19 +13832,21 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
               submit: handleSubmit,
               currentStep: currentStep.value,
               totalSteps: numberOfSteps.value,
-              canDoNext: canDoNext.value
+              isLastStep: isLastStep.value,
+              isStepValid: isStepValid.value
             })), () => [
               currentStep.value !== 0 ? (openBlock(), createBlock(unref(Btn), {
                 key: 0,
                 color: "gray",
                 icon: "arrow_back",
-                click: "prevStep"
+                onClick: prevStep
               })) : createCommentVNode("", true),
-              canDoNext.value ? (openBlock(), createBlock(unref(Btn), {
+              !isLastStep.value ? (openBlock(), createBlock(unref(Btn), {
                 key: 1,
                 icon: "arrow_forward",
+                disabled: props2.validateOnSteps && !isStepValid.value,
                 onClick: nextStep
-              })) : (openBlock(), createBlock(unref(Btn), {
+              }, null, 8, ["disabled"])) : (openBlock(), createBlock(unref(Btn), {
                 key: 2,
                 value: "Submit",
                 onClick: handleSubmit
@@ -13904,7 +13858,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-53bb3be3"]]);
+const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-8f701fbc"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "label mb-05"
@@ -13922,7 +13876,7 @@ const _hoisted_5$j = {
   key: 0,
   class: "minimizedText txt14 p-025 opacity-7"
 };
-const _hoisted_6$g = { class: "bg-gray-80 -my-05 px-025 pt-065 pb-05 txt-center space-between flex column" };
+const _hoisted_6$f = { class: "bg-gray-80 -my-05 px-025 pt-065 pb-05 txt-center space-between flex column" };
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "FieldArray",
   props: {
@@ -13952,10 +13906,6 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     const minimizedItems = ref([]);
     const internalData = ref(props2.modelValue || []);
     const schemaState = ref("loaded");
-    const resolvedSchemaData = ref([]);
-    watch(() => props2.modelValue, (newValue) => {
-      internalData.value = newValue || [];
-    }, { deep: true });
     const primitiveSchema = computed(() => {
       if (props2.type === "text") {
         return [{ id: "value", type: "text", label: "", $el: "text" }];
@@ -13964,36 +13914,13 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
       return [];
     });
-    async function resolveSchema() {
-      if (props2.type !== "object") {
-        resolvedSchemaData.value = primitiveSchema.value;
-        schemaState.value = "loaded";
-        return;
-      }
-      if (!props2.schema) {
-        resolvedSchemaData.value = [];
-        schemaState.value = "loaded";
-        return;
-      }
-      try {
-        schemaState.value = "loading";
-        const isPromise = (obj) => obj && typeof obj.then === "function";
-        let result2;
-        if (typeof props2.schema === "function") {
-          result2 = props2.schema();
-          result2 = isPromise(result2) ? await result2 : result2;
-        } else {
-          result2 = isPromise(props2.schema) ? await props2.schema : props2.schema;
-        }
-        resolvedSchemaData.value = result2;
-        schemaState.value = "loaded";
-      } catch (error) {
-        console.error("Schema error:", error);
-        schemaState.value = "error";
-        resolvedSchemaData.value = [];
-      }
-    }
-    onMounted(resolveSchema);
+    const resolvedSchemaData = computed(() => {
+      if (props2.type !== "object") return primitiveSchema.value;
+      return toValue(props2.schema);
+    });
+    watch(() => props2.modelValue, (newValue) => {
+      internalData.value = newValue || [];
+    }, { deep: true });
     function emitValue() {
       emit2("update:modelValue", internalData.value);
     }
@@ -14023,10 +13950,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     }
     const isPrimitiveType = computed(() => props2.type === "text" || props2.type === "number");
     const canRenderItems = computed(
-      () => isPrimitiveType.value || props2.type === "object" && resolvedSchemaData.value.length > 0
+      () => {
+        var _a;
+        return isPrimitiveType.value || props2.type === "object" && Number((_a = resolvedSchemaData.value) == null ? void 0 : _a.length) > 0;
+      }
     );
     const showMinimizeButton = computed(() => {
-      return resolvedSchemaData.value.length > 2 || resolvedSchemaData.value.some((schema) => schema.$el === "richtext");
+      var _a, _b;
+      return Number((_a = resolvedSchemaData.value) == null ? void 0 : _a.length) > 2 || ((_b = resolvedSchemaData.value) == null ? void 0 : _b.some((schema) => schema.$el === "richtext"));
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -14053,10 +13984,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                 minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_5$j, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$V), {
                   key: 1,
                   "model-value": isPrimitiveType.value ? { value: item } : item,
-                  schema: resolvedSchemaData.value,
+                  schema: unref(resolvedSchemaData),
                   "onUpdate:modelValue": (val) => updateItem(i2, val)
                 }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
-                createElementVNode("div", _hoisted_6$g, [
+                createElementVNode("div", _hoisted_6$f, [
                   showMinimizeButton.value ? (openBlock(), createBlock(unref(Btn), {
                     key: 0,
                     class: "block rotate-180 txt10 opacity-7 p-025",
@@ -14170,55 +14101,54 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-722373de"]]);
-const _hoisted_1$J = { class: "mb-05" };
-const _hoisted_2$x = {
+const _hoisted_1$J = {
   key: 0,
-  class: "label txt-start"
+  class: "label"
 };
+const _hoisted_2$x = { class: "editor-content-papa relative" };
 const _hoisted_3$t = {
-  key: 1,
-  class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
+  class: "code-display",
+  wrap: ""
 };
-const _hoisted_4$i = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$i = ["innerHTML"];
-const _hoisted_6$f = ["onKeydown"];
+const _hoisted_4$i = ["innerHTML"];
+const _hoisted_5$i = ["value"];
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
-    language: {},
+    language: { default: "html" },
     readonly: { type: Boolean, default: false },
     modelValue: { default: "" },
-    autodetect: { type: Boolean },
+    autodetect: { type: Boolean, default: true },
     ignoreIllegals: { type: Boolean, default: true },
-    label: {},
-    height: { default: "300px" }
+    label: { default: "" },
+    height: { default: "240px" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props2 = __props;
     const emit2 = __emit;
-    let hljs = ref(null);
-    let elHeight = ref(__props.height);
-    let code = ref("");
-    const textarea = ref();
-    let loaded = ref(false);
-    const cannotDetectLanguage = computed(() => {
-      var _a;
-      const lang = __props.language || "";
-      return !(__props.autodetect ?? !lang) && !((_a = hljs.value) == null ? void 0 : _a.getLanguage(lang));
-    });
-    const className = computed(() => {
-      if (cannotDetectLanguage.value) return "";
-      return `hljs ${__props.language || ""}`;
-    });
-    const highlightedCode = computed(() => {
-      var _a, _b;
-      if (cannotDetectLanguage.value) {
-        console.warn(`The language "${__props.language}" you specified could not be found.`);
+    const code = ref(props2.modelValue || "");
+    const editorRef = ref();
+    const loaded = ref(false);
+    const hljs = ref(null);
+    const maxHeight = computed(() => {
+      const h2 = props2.height ?? "240px";
+      return h2.match(/^\d+$/) ? `${h2}px` : h2;
+    });
+    const formattedCode = computed(() => {
+      if (!hljs.value) return escapeHtml(code.value);
+      try {
+        const lang = props2.language || "";
+        if (lang && !props2.autodetect && !hljs.value.getLanguage(lang)) {
+          console.warn(`The language "${lang}" is not available.`);
+          return escapeHtml(code.value);
+        }
+        const result2 = props2.autodetect ? hljs.value.highlightAuto(code.value) : hljs.value.highlight(code.value, { language: lang, ignoreIllegals: props2.ignoreIllegals });
+        return result2.value || escapeHtml(code.value);
+      } catch (error) {
+        console.error("Highlighting error:", error);
         return escapeHtml(code.value);
       }
-      const lang = __props.language || "";
-      const result2 = __props.autodetect ? (_a = hljs.value) == null ? void 0 : _a.highlightAuto(code.value) : (_b = hljs.value) == null ? void 0 : _b.highlight(code.value, { language: lang, ignoreIllegals: __props.ignoreIllegals });
-      return (result2 == null ? void 0 : result2.value) || "";
     });
     function escapeHtml(unsafe) {
       return unsafe.replace(/[&<>"']/g, (m2) => {
@@ -14232,75 +14162,77 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         return replacements[m2] || "";
       });
     }
+    function handleInput(e) {
+      const target = e.target;
+      code.value = target.value;
+      emit2("update:modelValue", code.value);
+    }
     function handleTab(event) {
+      if (event.key !== "Tab") return;
+      event.preventDefault();
       const target = event.target;
       const start = target.selectionStart;
-      const tab = "  ";
-      code.value = code.value.slice(0, start) + tab + code.value.slice(start);
-      nextTick(() => {
-        target.selectionStart = target.selectionEnd = start + tab.length;
-      });
-    }
-    function adjustHeight() {
-      var _a;
-      if (((_a = textarea.value) == null ? void 0 : _a.scrollHeight) && textarea.value.scrollHeight > Number.parseInt(elHeight.value)) {
-        elHeight.value = `${textarea.value.scrollHeight}px`;
-      }
+      const end = target.selectionEnd;
+      const newValue = `${code.value.substring(0, start)}  ${code.value.substring(end)}`;
+      code.value = newValue;
+      emit2("update:modelValue", code.value);
+      setTimeout(() => {
+        target.selectionStart = target.selectionEnd = start + 2;
+      }, 0);
     }
     onMounted(async () => {
-      await appendScript("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.0/highlight.min.js", { id: "hljs-cdn" });
-      await appendStyle("https://cdn.jsdelivr.net/npm/highlight.js/styles/atom-one-dark.min.css");
-      if (window.hljs) {
-        hljs.value = window.hljs;
-        loaded.value = true;
-      } else {
-        console.error("Highlight.js failed to load.");
+      try {
+        await appendScript("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.0/highlight.min.js", { id: "hljs-cdn" });
+        await appendStyle("https://cdn.jsdelivr.net/npm/highlight.js/styles/atom-one-dark.min.css");
+        if (window.hljs) {
+          hljs.value = window.hljs;
+          loaded.value = true;
+        } else {
+          console.error("Failed to load highlight.js");
+        }
+      } catch (error) {
+        console.error("Error loading highlight.js:", error);
       }
     });
-    watch(() => __props.modelValue, (newVal) => {
-      adjustHeight();
-      if (newVal !== code.value) {
+    watch(() => props2.modelValue, (newVal) => {
+      if (newVal !== void 0 && newVal !== code.value) {
         code.value = newVal;
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$x, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-          createElementVNode("div", {
-            class: "relative block h-100",
-            style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
-          }, [
-            createElementVNode("pre", _hoisted_4$i, [
-              _cache[2] || (_cache[2] = createTextVNode("					")),
-              createElementVNode("code", {
-                class: normalizeClass(["absolute inset-0", className.value]),
-                innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$i),
-              _cache[3] || (_cache[3] = createTextVNode("\n				"))
+      return openBlock(), createElementBlock("div", {
+        class: "code-editor-container ltr",
+        style: normalizeStyle({ maxHeight: maxHeight.value })
+      }, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_1$J, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        loaded.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "editorRef",
+          ref: editorRef,
+          class: "code-editor-grandpa"
+        }, [
+          createElementVNode("div", _hoisted_2$x, [
+            createElementVNode("pre", _hoisted_3$t, [
+              createElementVNode("code", { innerHTML: formattedCode.value }, null, 8, _hoisted_4$i)
             ]),
-            !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", {
+            !_ctx.readonly ? (openBlock(), createElementBlock("textarea", {
               key: 0,
-              ref_key: "textarea",
-              ref: textarea,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(code) ? code.value = $event : code = $event),
-              class: "code-editor absolute inset-0 bg-transparent overflow-hidden h-100 p-0 m-0 codeText border-none txt-start",
+              value: code.value,
+              class: "code-input",
               spellcheck: "false",
-              placeholder: "Write your code here",
-              "aria-label": "Code Editor",
-              "data-gramm": "false",
-              onKeydown: withKeys(withModifiers(handleTab, ["prevent"]), ["tab"]),
-              onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", unref(code)))
-            }, null, 40, _hoisted_6$f)), [
-              [vModelText, unref(code)]
-            ]) : createCommentVNode("", true)
-          ], 4)
-        ])) : createCommentVNode("", true)
-      ]);
+              autocomplete: "off",
+              autocorrect: "off",
+              autocapitalize: "off",
+              onInput: handleInput,
+              onKeydown: handleTab
+            }, null, 40, _hoisted_5$i)) : createCommentVNode("", true)
+          ])
+        ], 512)) : createCommentVNode("", true)
+      ], 4);
     };
   }
 });
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-13335b34"]]);
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-6ab9613f"]]);
 const _hoisted_1$I = ["title"];
 const _hoisted_2$w = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
 const _hoisted_3$s = ["id", "placeholder", "required"];
@@ -18795,6 +18727,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     const editor = useEditor();
     const isInitializing = ref(false);
     const hasInitialized = ref(false);
+    editor.state.content = props2.modelValue;
     if (props2.debug) {
       editor.initDebugger();
     }
@@ -18842,6 +18775,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         doc.designMode = "on";
         doc.body.contentEditable = "true";
         doc.body.dir = hasRTL.value ? "rtl" : "ltr";
+        editor.state.content = doc.body.innerHTML;
         editor.init(doc);
         useEditorKeyboard(doc, commands);
         if (!doc.body.firstElementChild) {
@@ -18849,6 +18783,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           p2.dir = doc.body.dir;
           p2.innerHTML = "<br>";
           doc.body.appendChild(p2);
+          editor.state.content = doc.body.innerHTML;
         } else {
           const walker = doc.createTreeWalker(doc.body, NodeFilter.SHOW_TEXT);
           const textNodes = [];
@@ -18869,6 +18804,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               doc.body.removeChild(textNode);
             }
           });
+          editor.state.content = doc.body.innerHTML;
         }
         doc.body.focus();
         hasInitialized.value = true;
@@ -18889,7 +18825,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     watch(() => editor.state.content, (newValue) => {
       var _a;
-      if ((_a = editor.state.doc) == null ? void 0 : _a.body.innerHTML) {
+      if ((_a = editor.state.doc) == null ? void 0 : _a.body) {
         editor.state.doc.body.dir = hasRTL.value ? "rtl" : "ltr";
       }
       emit2("update:modelValue", newValue);
@@ -18930,8 +18866,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 _cache[1] || (_cache[1] = ($event) => unref(editor).updateState.content("html"))
               ],
               language: "html",
-              class: "code-editor"
-            }, null, 8, ["modelValue"])) : createCommentVNode("", true)
+              height: unref(editor).state.isFullscreen ? "calc(100vh - 4rem)" : "250px"
+            }, null, 8, ["modelValue", "height"])) : createCommentVNode("", true)
           ], 2),
           _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
             _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
@@ -18977,7 +18913,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-30bcda4c"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-d643f2ae"]]);
 const _hoisted_1$t = { key: 0 };
 const _hoisted_2$j = { class: "flex gap-05" };
 const _hoisted_3$g = ["disabled"];
@@ -32530,8 +32466,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   props: {
     icon: {},
     name: {},
-    size: {},
+    size: { default: 1 },
     color: {},
+    round: { type: Boolean },
     weight: {}
   },
   setup(__props) {
@@ -32546,9 +32483,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return iconRenderType.value === "material" ? (openBlock(), createElementBlock("span", {
         key: 0,
-        class: "bgl_icon-font",
-        style: normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
-      }, toDisplayString(iconRender.value), 5)) : iconRenderType.value === "font-awesome" ? (openBlock(), createElementBlock("span", {
+        class: normalizeClass(["bgl_icon-font", { "round flex aspect-ratio-1 justify-content-center": _ctx.round }]),
+        style: normalizeStyle({
+          "fontSize": `${_ctx.size}rem`,
+          color: _ctx.color,
+          "font-variation-settings": `'wght' ${_ctx.weight || 400}`,
+          "width": _ctx.round ? `calc(${_ctx.size}rem * 2)` : "auto",
+          "height": _ctx.round ? `calc(${_ctx.size}rem * 2)` : "auto"
+        })
+      }, toDisplayString(iconRender.value), 7)) : iconRenderType.value === "font-awesome" ? (openBlock(), createElementBlock("span", {
         key: 1,
         class: normalizeClass(["fa far bgl_icon-font", [`fa-${iconRender.value}`, { "fa-brands": isFaBrand.value }]]),
         style: normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
@@ -33780,7 +33723,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-1c0f6894"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c62c6888"]]);
 const _hoisted_1$8 = { class: "full-nav" };
 const _hoisted_2$6 = { class: "nav-scroll" };
 const _hoisted_3$5 = { class: "nav-links-wrapper" };
@@ -36197,14 +36140,12 @@ function useValidateFieldValue(inputVal, getInput, validateFn, getFormData) {
   );
 }
 function useBglSchema({ schema, columns, data: data2 } = {}) {
-  let _schema = schema;
-  if (typeof _schema === "function") {
-    _schema = _schema();
-  }
-  if (_schema) {
-    return columns && columns.length > 0 ? _schema.filter((f2) => columns.includes(f2.id)) : _schema;
+  const _schema = computed(() => toValue(schema));
+  const _columns = computed(() => toValue(columns));
+  if (_schema.value) {
+    return _columns.value && _columns.value.length > 0 ? _schema.value.filter((f2) => _columns.value.includes(f2.id)) : _schema.value;
   }
-  return getFallbackSchema(data2, columns);
+  return getFallbackSchema(data2, _columns.value);
 }
 function localRef(key, initialValue) {
   const storedValue = localStorage.getItem(key);