@bagelink/vue 1.2.79 → 1.2.83

package/dist/index.cjs

@@ -19,7 +19,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -96,7 +96,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$t), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$13),
+        ], 8, _hoisted_1$12),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -122,7 +122,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__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -145,7 +145,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
       (_a = suggestion.value) == null ? void 0 : _a.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createVNode(vue.unref(_sfc_main$Y), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -181,7 +181,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -254,7 +254,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 0,
               icon: _ctx.icon,
@@ -279,7 +279,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Alert",
@@ -319,12 +319,12 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$10)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$$)) : vue.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__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -343,7 +343,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -382,7 +382,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -462,7 +462,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$_)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$Z)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -549,12 +549,12 @@ const _sfc_main$18 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "AgendaView",
   props: {
@@ -653,7 +653,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
         _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "agenda-header" }, [
           vue.createElementVNode("div", { class: "time-column" }, " Time "),
           vue.createElementVNode("div", { class: "event-column" }, " Event ")
@@ -677,7 +677,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_3$E, [
                 vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 vue.createElementVNode("div", _hoisted_5$q, [
-                  vue.createElementVNode("div", _hoisted_6$n, vue.toDisplayString(event.title), 1),
+                  vue.createElementVNode("div", _hoisted_6$m, vue.toDisplayString(event.title), 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["event-day", { today: event.isToday }])
                   }, vue.toDisplayString(event.dayLabel), 3)
@@ -691,12 +691,12 @@ const _sfc_main$17 = /* @__PURE__ */ vue.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" };
@@ -837,7 +837,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
         vue.createElementVNode("div", _hoisted_2$J, [
           _cache[0] || (_cache[0] = vue.createElementVNode("div", null, null, -1)),
           vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(formatDate)(_ctx.startDate)), 1)
@@ -880,7 +880,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", _hoisted_8$b, vue.toDisplayString(event.title), 1),
                     vue.createElementVNode("div", _hoisted_9$7, vue.toDisplayString(vue.unref(formatDate)(new Date(event.start_time), { fmt: "HH:mm" })) + " - " + vue.toDisplayString(vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -903,12 +903,12 @@ const _sfc_main$16 = /* @__PURE__ */ vue.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"
 };
@@ -989,7 +989,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
         vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -1011,7 +1011,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_4$p, vue.toDisplayString(vue.unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               vue.createElementVNode("div", _hoisted_5$o, [
                 isMobile.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  day.events.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$l)) : vue.createCommentVNode("", true)
+                  day.events.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$k)) : vue.createCommentVNode("", true)
                 ], 64)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(day.events, (event) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: event.id,
@@ -1032,12 +1032,12 @@ const _sfc_main$15 = /* @__PURE__ */ vue.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;
@@ -1296,7 +1296,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
         vue.createElementVNode("div", {
           ref_key: "calendarGrid",
           ref: calendarGrid,
@@ -1368,7 +1368,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
                   }, [
                     vue.createElementVNode("div", _hoisted_5$n, [
-                      vue.createElementVNode("div", _hoisted_6$k, vue.toDisplayString(event.title), 1),
+                      vue.createElementVNode("div", _hoisted_6$j, vue.toDisplayString(event.title), 1),
                       vue.createElementVNode("div", _hoisted_7$f, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + vue.toDisplayString(vue.unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
                   ], 44, _hoisted_4$o);
@@ -1395,7 +1395,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.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" };
@@ -1491,7 +1491,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
       emit2("ready", state2.value);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
         vue.createElementVNode("div", _hoisted_2$G, [
           vue.createElementVNode("h3", _hoisted_3$A, [
             vue.createElementVNode("b", null, vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
@@ -1570,7 +1570,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.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"
 };
@@ -1603,7 +1603,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$U, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$T, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -1613,7 +1613,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["dir"];
+const _hoisted_1$S = ["dir"];
 const _hoisted_2$F = {
   key: 0,
   class: "dots"
@@ -2086,7 +2086,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
             }, void 0, true)
           ])
         ], 2)
-      ], 8, _hoisted_1$T);
+      ], 8, _hoisted_1$S);
     };
   }
 });
@@ -7927,7 +7927,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`,
@@ -7970,7 +7970,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, () => [
                   vue.createElementVNode(
                     "text",
-                    _hoisted_6$j,
+                    _hoisted_6$i,
                     vue.toDisplayString(r2.data.name),
                     1
                     /* TEXT */
@@ -8034,13 +8034,13 @@ var script = vue.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 ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$S, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$R, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -8241,7 +8241,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 vue.h(child);
     if (vue.isVNode(child)) return child;
     return renderField(
       child,
@@ -8249,8 +8249,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) {
@@ -8259,14 +8260,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 {
@@ -8345,23 +8346,24 @@ ${indent}}`;
       Object.entries(fieldSlots).forEach(([name, slot]) => {
         componentSlots[name] = () => {
           if (Array.isArray(slot)) {
-            return slot.map((schemaField) => renderField(schemaField, slots));
-          }
-          if (vue.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 (vue.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 vue.h("div", { class: "preview-field" }, [
         vue.h("div", { class: "field-label" }, `${field.label || keyToLabel(field.id || "")}:`),
@@ -8385,27 +8387,13 @@ function useTableData(options) {
   const sortDirection = vue.ref("ASC");
   const schemaState = vue.ref("loading");
   const resolvedSchema = vue.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) {
@@ -8414,6 +8402,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) => {
@@ -8433,15 +8422,12 @@ function useTableData(options) {
     }
   }
   vue.watch([
-    () => getValue(options.schema),
-    () => getValue(options.columns),
-    () => options.data.value
+    options.schema || vue.toRef({}),
+    options.columns || vue.toRef([]),
+    options.data
   ], () => {
-    resolveSchemaAsync();
+    resolveSchema();
   }, { immediate: true });
-  vue.onMounted(() => {
-    resolveSchemaAsync();
-  });
   const computedSchema = vue.computed(() => resolvedSchema.value);
   function transform(rowData) {
     const transformed = { ...rowData };
@@ -8482,8 +8468,8 @@ function useTableData(options) {
     if (!Array.isArray(currentData) || currentData.length === 0) {
       return [];
     }
-    const useServerSortValue = getValue(options.useServerSort);
-    if (!sortField.value || useServerSortValue === true) {
+    const useServerSortValue = vue.computed(() => vue.toValue(options.useServerSort));
+    if (!sortField.value || useServerSortValue.value === true) {
       return currentData.map(transform);
     }
     return currentData.map(transform).sort((a2, z2) => {
@@ -8528,7 +8514,7 @@ function useTableData(options) {
     schemaState: vue.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"
@@ -8536,13 +8522,13 @@ const _hoisted_2$D = {
 const _sfc_main$$ = /* @__PURE__ */ vue.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;
@@ -8575,7 +8561,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       onUpdateModelValue: void 0
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
         vue.unref(computedSchema) && vue.unref(computedSchema).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(computedSchema), (field) => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(field, vue.unref(slots))), {
             key: field.id
@@ -8585,7 +8571,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.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 = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
@@ -9502,12 +9488,7 @@ function useTableVirtualization(options) {
     await until(() => lastItemEl.value).toBeTruthy();
     useIntersectionObserver(lastItemEl, ([entry]) => {
       var _a;
-      let dataLength = 0;
-      if (vue.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 = vue.toValue(options.data).length || 0;
       if (entry.isIntersecting && dataLength > 0) {
         (_a = options.onLastItemVisible) == null ? void 0 : _a.call(options);
       }
@@ -9522,30 +9503,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__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
     data: {},
-    schema: { type: Function },
+    schema: {},
     columns: {},
-    useServerSort: { type: Boolean },
+    useServerSort: {},
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function }
   }, {
@@ -9559,7 +9536,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "18d61d81": vue.unref(computedItemHeight)
+      "6f015429": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -9577,8 +9554,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       sortField,
       sortDirection,
       toggleSort,
-      cleanTransformedData,
-      schemaState
+      cleanTransformedData
     } = useTableData({
       data: data2,
       schema,
@@ -9655,20 +9631,20 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         scrollTo(0);
       }
     );
-    const showLoading = vue.computed(() => loading.value || schemaState.value === "loading");
+    const showLoading = vue.computed(() => loading.value);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": showLoading.value }
       }), [
-        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, _cache[4] || (_cache[4] = [
+        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, _cache[4] || (_cache[4] = [
           vue.createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, " Error loading table schema ")) : vue.createCommentVNode("", true),
+        ]))) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", vue.mergeProps(vue.unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          vue.createElementVNode("table", _hoisted_3$x, [
-            vue.createElementVNode("thead", _hoisted_4$l, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$l, [
+          vue.createElementVNode("table", _hoisted_2$C, [
+            vue.createElementVNode("thead", _hoisted_3$x, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$l, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -9684,7 +9660,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_7$d, [
+                  vue.createElementVNode("div", _hoisted_6$h, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -9695,7 +9671,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_6$i);
+                ], 8, _hoisted_5$l);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -9705,7 +9681,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && vue.unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => vue.unref(toggleSelectItem)(row)
                 }, [
-                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_9$5, [
+                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$8, [
                     vue.createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
                       }, ["stop"]))
@@ -9714,26 +9690,27 @@ const _sfc_main$_ = /* @__PURE__ */ vue.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), [
                         [vue.vModelCheckbox, selectedItems.value]
                       ])
                     ])
                   ])) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedSchema), (field) => {
+                    var _a;
                     return vue.openBlock(), vue.createElementBlock("td", {
                       key: `${field.id}-${(row == null ? void 0 : row.id) || Math.random()}`,
                       class: "col"
                     }, [
-                      field.id && vue.unref(slots)[field.id] ? vue.renderSlot(_ctx.$slots, field.id, {
+                      field.id && ((_a = vue.unref(slots)) == null ? void 0 : _a[field.id]) ? vue.renderSlot(_ctx.$slots, field.id, {
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$5, [
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$5, [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_8$8);
+                ], 10, _hoisted_7$d);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
@@ -9748,7 +9725,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.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 = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -12937,7 +12914,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "FieldSetVue",
@@ -12947,7 +12924,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$P, [
+      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$O, [
         vue.createElementVNode("legend", _hoisted_2$B, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
         vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
@@ -13396,17 +13373,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) {
@@ -13414,10 +13393,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) => {
@@ -13466,7 +13451,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__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
@@ -13485,10 +13469,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     const formData = vue.ref(clone2(props2.modelValue ?? {}));
     const initialFormData = vue.ref(clone2(props2.modelValue ?? {}));
     const formState = vue.ref("idle");
-    const schemaState = vue.ref("loaded");
-    const resolvedSchemaData = vue.ref();
-    const schemaRef = vue.toRef(props2, "schema");
-    const resolvedSchema = vue.computed(() => resolvedSchemaData.value);
+    const resolvedSchema = vue.computed(() => vue.toValue(props2.schema));
     const isDirty = vue.computed(() => {
       try {
         return JSON.stringify(formData.value) !== JSON.stringify(initialFormData.value);
@@ -13498,42 +13479,12 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onMounted(() => {
       if (props2.modelValue) initialFormData.value = clone2(props2.modelValue);
-      refreshSchema();
     });
     vue.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;
-    }
-    vue.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++) {
@@ -13549,6 +13500,10 @@ const _sfc_main$V = /* @__PURE__ */ vue.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 = vue.ref();
     async function handleSubmit() {
       var _a;
@@ -13576,7 +13531,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.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);
       }
     });
@@ -13585,10 +13540,10 @@ const _sfc_main$V = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         formState.value !== "success" || !_ctx.$slots.success ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -13600,30 +13555,19 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             onSubmit: vue.withModifiers(handleSubmit, ["prevent"]),
             onInput: handleSlotInputChange
           }, [
-            schemaState.value === "loading" ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              vue.createElementVNode("div", _hoisted_1$O, [
-                vue.createVNode(vue.unref(Loading))
-              ])
-            ]) : schemaState.value === "error" ? vue.renderSlot(_ctx.$slots, "schema-error", { key: 1 }, () => [
-              _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "flex-center h-300px txt-red" }, " Error loading form ", -1))
-            ]) : resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(resolvedSchema.value, (field) => {
+            resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
                 key: field.id
               });
-            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 3 }),
+            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
             vue.renderSlot(_ctx.$slots, "submit", {
               submit: handleSubmit,
               isDirty: isDirty.value,
               validateForm,
-              formState: formState.value,
-              schemaState: schemaState.value
+              formState: formState.value
             })
           ], 34)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            schemaState.value === "loading" ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              vue.createVNode(vue.unref(Loading))
-            ]) : schemaState.value === "error" ? vue.renderSlot(_ctx.$slots, "schema-error", { key: 1 }, () => [
-              _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "flex-center h-300px txt-red" }, " Error loading form ", -1))
-            ]) : resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(resolvedSchema.value, (field) => {
+            resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
                 key: field.id,
                 class: vue.normalizeClass(props2.class)
@@ -13651,7 +13595,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__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
@@ -13673,6 +13617,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["submit", "stepChange"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
     const props2 = __props;
     const emits = __emit;
     const formRef = vue.ref();
@@ -13689,11 +13634,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       return isValid;
     }
     const computedSchema = vue.computed(
-      () => useBglSchema({ schema: props2.schema })
+      () => useBglSchema({ schema: vue.toValue(props2.schema) })
     );
     const filteredSchema = vue.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") {
@@ -13734,8 +13679,6 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       const actualIndex = schemaIndexMap.value[currentStep.value];
       return [computedSchema.value[actualIndex]];
     });
-    const isStepping = vue.ref(false);
-    let isSteppingTO;
     const slideDirection = vue.ref(props2.rtl ? "right" : "left");
     vue.watch(
       () => currentStep.value,
@@ -13746,9 +13689,6 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
           slideDirection.value = props2.direction;
         }
         previousStep.value = oldStep;
-        clearTimeout(isSteppingTO);
-        isStepping.value = true;
-        isSteppingTO = setTimeout(() => isStepping.value = false, 200);
         emits("stepChange", {
           newStep,
           oldStep,
@@ -13757,15 +13697,24 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
         });
       }
     );
-    const canDoNext = vue.computed(() => currentStep.value < numberOfSteps.value - 1);
+    const isLastStep = vue.computed(() => currentStep.value === numberOfSteps.value - 1);
     const isStepValidated = vue.computed(() => (stepIndex) => validatedSteps.value.includes(stepIndex));
+    const isStepValid = vue.ref(false);
+    async function checkCurrentStepValidity() {
+      var _a2;
+      await vue.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 = vue.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)) {
@@ -13790,6 +13739,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       currentStep.value = 0;
     }
     vue.watch(() => formData.value, () => {
+      checkCurrentStepValidity();
       if (currentStep.value >= numberOfSteps.value && numberOfSteps.value > 0) {
         currentStep.value = 0;
       }
@@ -13797,14 +13747,16 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     __expose({
       submit: handleSubmit,
       validateForm: reportValidity,
+      checkValidity: (_a = formRef.value) == null ? void 0 : _a.checkValidity,
       isDirty: vue.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: vue.computed(() => currentStep.value),
       totalSteps: vue.computed(() => numberOfSteps.value),
+      isStepValid,
       nextStep,
       prevStep
     });
@@ -13837,13 +13789,13 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             ])
           ], true)
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_6$h, [
+        vue.createElementVNode("div", _hoisted_6$g, [
           vue.createVNode(vue.Transition, {
             name: slideDirection.value === "right" ? "slide-right" : "slide-left",
             mode: "out-in"
           }, {
             default: vue.withCtx(() => [
-              !isStepping.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              (vue.openBlock(), vue.createElementBlock("div", {
                 key: currentStep.value,
                 ref_key: "formContainer",
                 ref: formContainer,
@@ -13871,7 +13823,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                     key: "1"
                   } : void 0
                 ]), 1040, ["modelValue", "schema"])
-              ])) : vue.createCommentVNode("", true)
+              ]))
             ]),
             _: 3
           }, 8, ["name"]),
@@ -13882,19 +13834,21 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
               submit: handleSubmit,
               currentStep: currentStep.value,
               totalSteps: numberOfSteps.value,
-              canDoNext: canDoNext.value
+              isLastStep: isLastStep.value,
+              isStepValid: isStepValid.value
             })), () => [
               currentStep.value !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                 key: 0,
                 color: "gray",
                 icon: "arrow_back",
-                click: "prevStep"
+                onClick: prevStep
               })) : vue.createCommentVNode("", true),
-              canDoNext.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              !isLastStep.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                 key: 1,
                 icon: "arrow_forward",
+                disabled: props2.validateOnSteps && !isStepValid.value,
                 onClick: nextStep
-              })) : (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              }, null, 8, ["disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                 key: 2,
                 value: "Submit",
                 onClick: handleSubmit
@@ -13906,7 +13860,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.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"
@@ -13924,7 +13878,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__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
@@ -13954,10 +13908,6 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     const minimizedItems = vue.ref([]);
     const internalData = vue.ref(props2.modelValue || []);
     const schemaState = vue.ref("loaded");
-    const resolvedSchemaData = vue.ref([]);
-    vue.watch(() => props2.modelValue, (newValue) => {
-      internalData.value = newValue || [];
-    }, { deep: true });
     const primitiveSchema = vue.computed(() => {
       if (props2.type === "text") {
         return [{ id: "value", type: "text", label: "", $el: "text" }];
@@ -13966,36 +13916,13 @@ const _sfc_main$T = /* @__PURE__ */ vue.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 = [];
-      }
-    }
-    vue.onMounted(resolveSchema);
+    const resolvedSchemaData = vue.computed(() => {
+      if (props2.type !== "object") return primitiveSchema.value;
+      return vue.toValue(props2.schema);
+    });
+    vue.watch(() => props2.modelValue, (newValue) => {
+      internalData.value = newValue || [];
+    }, { deep: true });
     function emitValue() {
       emit2("update:modelValue", internalData.value);
     }
@@ -14025,10 +13952,14 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     }
     const isPrimitiveType = vue.computed(() => props2.type === "text" || props2.type === "number");
     const canRenderItems = vue.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 = vue.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 vue.openBlock(), vue.createElementBlock("div", {
@@ -14055,10 +13986,10 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                 minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$j, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
                   key: 1,
                   "model-value": isPrimitiveType.value ? { value: item } : item,
-                  schema: resolvedSchemaData.value,
+                  schema: vue.unref(resolvedSchemaData),
                   "onUpdate:modelValue": (val) => updateItem(i2, val)
                 }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
-                vue.createElementVNode("div", _hoisted_6$g, [
+                vue.createElementVNode("div", _hoisted_6$f, [
                   showMinimizeButton.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                     key: 0,
                     class: "block rotate-180 txt10 opacity-7 p-025",
@@ -14172,55 +14103,54 @@ const _sfc_main$R = /* @__PURE__ */ vue.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__ */ vue.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 = vue.ref(null);
-    let elHeight = vue.ref(__props.height);
-    let code = vue.ref("");
-    const textarea = vue.ref();
-    let loaded = vue.ref(false);
-    const cannotDetectLanguage = vue.computed(() => {
-      var _a;
-      const lang = __props.language || "";
-      return !(__props.autodetect ?? !lang) && !((_a = hljs.value) == null ? void 0 : _a.getLanguage(lang));
-    });
-    const className = vue.computed(() => {
-      if (cannotDetectLanguage.value) return "";
-      return `hljs ${__props.language || ""}`;
-    });
-    const highlightedCode = vue.computed(() => {
-      var _a, _b;
-      if (cannotDetectLanguage.value) {
-        console.warn(`The language "${__props.language}" you specified could not be found.`);
+    const code = vue.ref(props2.modelValue || "");
+    const editorRef = vue.ref();
+    const loaded = vue.ref(false);
+    const hljs = vue.ref(null);
+    const maxHeight = vue.computed(() => {
+      const h2 = props2.height ?? "240px";
+      return h2.match(/^\d+$/) ? `${h2}px` : h2;
+    });
+    const formattedCode = vue.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) => {
@@ -14234,75 +14164,77 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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);
-      vue.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);
     }
     vue.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);
       }
     });
-    vue.watch(() => __props.modelValue, (newVal) => {
-      adjustHeight();
-      if (newVal !== code.value) {
+    vue.watch(() => props2.modelValue, (newVal) => {
+      if (newVal !== void 0 && newVal !== code.value) {
         code.value = newVal;
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$x, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("div", {
-            class: "relative block h-100",
-            style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
-          }, [
-            vue.createElementVNode("pre", _hoisted_4$i, [
-              _cache[2] || (_cache[2] = vue.createTextVNode("					")),
-              vue.createElementVNode("code", {
-                class: vue.normalizeClass(["absolute inset-0", className.value]),
-                innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$i),
-              _cache[3] || (_cache[3] = vue.createTextVNode("\n				"))
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "code-editor-container ltr",
+        style: vue.normalizeStyle({ maxHeight: maxHeight.value })
+      }, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$J, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        loaded.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "editorRef",
+          ref: editorRef,
+          class: "code-editor-grandpa"
+        }, [
+          vue.createElementVNode("div", _hoisted_2$x, [
+            vue.createElementVNode("pre", _hoisted_3$t, [
+              vue.createElementVNode("code", { innerHTML: formattedCode.value }, null, 8, _hoisted_4$i)
             ]),
-            !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
+            !_ctx.readonly ? (vue.openBlock(), vue.createElementBlock("textarea", {
               key: 0,
-              ref_key: "textarea",
-              ref: textarea,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.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: vue.withKeys(vue.withModifiers(handleTab, ["prevent"]), ["tab"]),
-              onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", vue.unref(code)))
-            }, null, 40, _hoisted_6$f)), [
-              [vue.vModelText, vue.unref(code)]
-            ]) : vue.createCommentVNode("", true)
-          ], 4)
-        ])) : vue.createCommentVNode("", true)
-      ]);
+              autocomplete: "off",
+              autocorrect: "off",
+              autocapitalize: "off",
+              onInput: handleInput,
+              onKeydown: handleTab
+            }, null, 40, _hoisted_5$i)) : vue.createCommentVNode("", true)
+          ])
+        ], 512)) : vue.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"];
@@ -18797,6 +18729,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     const editor = useEditor();
     const isInitializing = vue.ref(false);
     const hasInitialized = vue.ref(false);
+    editor.state.content = props2.modelValue;
     if (props2.debug) {
       editor.initDebugger();
     }
@@ -18844,6 +18777,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.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) {
@@ -18851,6 +18785,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.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 = [];
@@ -18871,6 +18806,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               doc.body.removeChild(textNode);
             }
           });
+          editor.state.content = doc.body.innerHTML;
         }
         doc.body.focus();
         hasInitialized.value = true;
@@ -18891,7 +18827,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     });
     vue.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);
@@ -18932,8 +18868,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 _cache[1] || (_cache[1] = ($event) => vue.unref(editor).updateState.content("html"))
               ],
               language: "html",
-              class: "code-editor"
-            }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
+              height: vue.unref(editor).state.isFullscreen ? "calc(100vh - 4rem)" : "250px"
+            }, null, 8, ["modelValue", "height"])) : vue.createCommentVNode("", true)
           ], 2),
           _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
             _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
@@ -18979,7 +18915,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.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"];
@@ -32532,8 +32468,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   props: {
     icon: {},
     name: {},
-    size: {},
+    size: { default: 1 },
     color: {},
+    round: { type: Boolean },
     weight: {}
   },
   setup(__props) {
@@ -32548,9 +32485,15 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return iconRenderType.value === "material" ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 0,
-        class: "bgl_icon-font",
-        style: vue.normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
-      }, vue.toDisplayString(iconRender.value), 5)) : iconRenderType.value === "font-awesome" ? (vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(["bgl_icon-font", { "round flex aspect-ratio-1 justify-content-center": _ctx.round }]),
+        style: vue.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"
+        })
+      }, vue.toDisplayString(iconRender.value), 7)) : iconRenderType.value === "font-awesome" ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 1,
         class: vue.normalizeClass(["fa far bgl_icon-font", [`fa-${iconRender.value}`, { "fa-brands": isFaBrand.value }]]),
         style: vue.normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
@@ -33782,7 +33725,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.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" };
@@ -36199,14 +36142,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 = vue.computed(() => vue.toValue(schema));
+  const _columns = vue.computed(() => vue.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);