@bagelink/vue 1.2.81 → 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,7 +549,7 @@ 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" };
@@ -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 ")
@@ -691,7 +691,7 @@ 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" };
@@ -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)
@@ -903,7 +903,7 @@ 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" };
@@ -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", {
@@ -1032,7 +1032,7 @@ 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"];
@@ -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,
@@ -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);
     };
   }
 });
@@ -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$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__ */ 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$h);
+                ], 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)
       ]);
@@ -13474,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: {
@@ -13493,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);
@@ -13506,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++) {
@@ -13588,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);
       }
     });
@@ -13597,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, checkValidity });
+    __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 }, [
@@ -13612,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)
@@ -13702,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") {
@@ -13928,7 +13860,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.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"
@@ -13976,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" }];
@@ -13988,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);
     }
@@ -14047,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", {
@@ -14077,7 +13986,7 @@ 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$f, [
@@ -18918,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);
@@ -19006,7 +18915,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.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"];
@@ -32559,8 +32468,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   props: {
     icon: {},
     name: {},
-    size: {},
+    size: { default: 1 },
     color: {},
+    round: { type: Boolean },
     weight: {}
   },
   setup(__props) {
@@ -32575,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}` })
@@ -33809,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" };
@@ -36226,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);