@bagelink/vue 1.2.81 → 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,7 +547,7 @@ 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" };
@@ -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 ")
@@ -689,7 +689,7 @@ 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" };
@@ -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)
@@ -901,7 +901,7 @@ 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" };
@@ -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", {
@@ -1030,7 +1030,7 @@ 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"];
@@ -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,
@@ -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);
     };
   }
 });
@@ -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$h = ["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$h);
+                ], 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)
       ]);
@@ -13472,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: {
@@ -13491,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);
@@ -13504,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++) {
@@ -13586,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);
       }
     });
@@ -13595,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, checkValidity });
+    __expose({ form, isDirty, validateForm, checkValidity });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         formState.value !== "success" || !_ctx.$slots.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -13610,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)
@@ -13700,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") {
@@ -13926,7 +13858,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-9c0b618c"]]);
+const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-8f701fbc"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "label mb-05"
@@ -13974,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" }];
@@ -13986,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);
     }
@@ -14045,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", {
@@ -14075,7 +13984,7 @@ 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$f, [
@@ -18916,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);
@@ -19004,7 +18913,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-2782b5dd"]]);
+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"];
@@ -32557,8 +32466,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   props: {
     icon: {},
     name: {},
-    size: {},
+    size: { default: 1 },
     color: {},
+    round: { type: Boolean },
     weight: {}
   },
   setup(__props) {
@@ -32573,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}` })
@@ -33807,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" };
@@ -36224,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);