@bagelink/vue 1.0.38 → 1.0.43

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, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, resolveComponent, isVNode, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, vModelRadio, TransitionGroup, vModelDynamic, toRef, createSlots } from "vue";
+import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, resolveComponent, isVNode, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, toRef, vModelText, vModelRadio, TransitionGroup, vModelDynamic, createSlots } from "vue";
 import { RouterLink } from "vue-router";
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
@@ -17,7 +17,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1a = ["aria-expanded", "aria-controls"];
+const _hoisted_1$1b = ["aria-expanded", "aria-controls"];
 const _hoisted_2$T = { class: "accordion-label" };
 const _hoisted_3$I = ["id", "aria-hidden"];
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
@@ -94,7 +94,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
-        ], 8, _hoisted_1$1a),
+        ], 8, _hoisted_1$1b),
         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$1m, [["__scopeId", "data-v-3334f637"]]);
-const _hoisted_1$19 = { class: "relative" };
+const _hoisted_1$1a = { class: "relative" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -143,7 +143,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       (_a = suggestion.value) == null ? void 0 : _a.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$19, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1a, [
         createVNode(unref(_sfc_main$W), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -179,7 +179,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -249,7 +249,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (openBlock(), createElementBlock("div", _hoisted_1$18, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_1$19, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 0,
               icon: _ctx.icon,
@@ -274,7 +274,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-bfc435b3"]]);
-const _hoisted_1$17 = ["dismissable"];
+const _hoisted_1$18 = ["dismissable"];
 const _hoisted_2$S = { class: "m-0" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -312,12 +312,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$17)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$18)) : createCommentVNode("", true);
     };
   }
 });
 const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-064bdd20"]]);
-const _hoisted_1$16 = ["src", "alt"];
+const _hoisted_1$17 = ["src", "alt"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -336,7 +336,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$17)) : (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))
@@ -375,7 +375,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-689f051f"]]);
-const _hoisted_1$15 = ["src"];
+const _hoisted_1$16 = ["src"];
 const _hoisted_2$R = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$H = ["src", "type"];
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
@@ -455,7 +455,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$15)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$16)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -606,7 +606,7 @@ function translate(key, locale2 = "en-US") {
   const language = languageKeys[key] || {};
   return language[locale2] || key;
 }
-const _hoisted_1$14 = { class: "flex gap-05 space-between pb-1 datePick" };
+const _hoisted_1$15 = { class: "flex gap-05 space-between pb-1 datePick" };
 const _hoisted_2$Q = { class: "flex gap-1 m_gap-025" };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "Header",
@@ -686,7 +686,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
       emit2("updatedPeriod", currentPeriod.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$14, [
+      return openBlock(), createElementBlock("div", _hoisted_1$15, [
         createElementVNode("div", _hoisted_2$Q, [
           createVNode(unref(Btn), {
             flat: "",
@@ -737,7 +737,7 @@ const EVENT_COLORS = {
 };
 const DATE_TIME_STRING_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
 const DATE_TIME_STRING_FULL_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-const _hoisted_1$13 = ["id"];
+const _hoisted_1$14 = ["id"];
 const _hoisted_2$P = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
 const _hoisted_3$G = {
   key: 0,
@@ -747,8 +747,8 @@ const _hoisted_4$u = {
   key: 1,
   class: "agenda__event-location flex gap-025"
 };
-const _hoisted_5$p = { class: "agenda__event-title" };
-const _hoisted_6$l = {
+const _hoisted_5$q = { class: "agenda__event-title" };
+const _hoisted_6$m = {
   key: 0,
   class: "agenda__event-with txt14 opacity-6"
 };
@@ -844,25 +844,25 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ]),
         createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_5$p, toDisplayString(__props.calendarEvent.title), 1),
-          __props.calendarEvent.with ? (openBlock(), createElementBlock("div", _hoisted_6$l, [
+          createElementVNode("div", _hoisted_5$q, toDisplayString(__props.calendarEvent.title), 1),
+          __props.calendarEvent.with ? (openBlock(), createElementBlock("div", _hoisted_6$m, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.user
             }, null, 8, ["icon"]),
             createTextVNode(" " + toDisplayString(__props.calendarEvent.with), 1)
           ])) : createCommentVNode("", true)
         ])
-      ], 8, _hoisted_1$13);
+      ], 8, _hoisted_1$14);
     };
   }
 });
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-5740437b"]]);
-const _hoisted_1$12 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
+const _hoisted_1$13 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
 const _hoisted_2$O = { class: "m_sticky" };
 const _hoisted_3$F = { class: "agenda__header-day-name txt-center" };
 const _hoisted_4$t = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$o = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
-const _hoisted_6$k = {
+const _hoisted_5$p = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
+const _hoisted_6$l = {
   key: 0,
   class: "align-items-center flex justify-content-center h-100p opacity-6"
 };
@@ -890,13 +890,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$12, [
+      return openBlock(), createElementBlock("div", _hoisted_1$13, [
         createElementVNode("header", _hoisted_2$O, [
           createElementVNode("div", _hoisted_3$F, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
           createElementVNode("div", _hoisted_4$t, toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
-        createElementVNode("div", _hoisted_5$o, [
-          __props.day.events.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$k, toDisplayString(unref(getLanguage)(unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$g, [
+        createElementVNode("div", _hoisted_5$p, [
+          __props.day.events.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$l, toDisplayString(unref(getLanguage)(unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$g, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.day.events, (dayEvent) => {
               return openBlock(), createBlock(AgendaEventTile, {
                 key: `agenda_event_${dayEvent.id}`,
@@ -1592,7 +1592,7 @@ class EventFlyoutPosition {
     return { top: eventElementDOMRect.top, left: null };
   }
 }
-const _hoisted_1$11 = {
+const _hoisted_1$12 = {
   key: 0,
   class: "event-flyout__relative-wrapper"
 };
@@ -1602,11 +1602,11 @@ const _hoisted_3$E = {
   class: "event-flyout__menu-editable"
 };
 const _hoisted_4$s = { class: "event-flyout__menu-close" };
-const _hoisted_5$n = {
+const _hoisted_5$o = {
   key: 0,
   class: "event-flyout__info-wrapper"
 };
-const _hoisted_6$j = {
+const _hoisted_6$k = {
   key: 0,
   class: "event-flyout__row is-title"
 };
@@ -1626,7 +1626,7 @@ const _hoisted_10$7 = {
   key: 4,
   class: "event-flyout__row is-topic"
 };
-const _hoisted_11$6 = {
+const _hoisted_11$7 = {
   key: 5,
   class: "event-flyout__row is-description"
 };
@@ -1804,7 +1804,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["event-flyout p-05 bg-white", { "is-visible": isVisible.value, "is-not-editable": !isEditable.value }]),
         style: normalizeStyle(eventFlyoutInlineStyles.value)
       }, [
-        !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (openBlock(), createElementBlock("div", _hoisted_1$11, [
+        !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (openBlock(), createElementBlock("div", _hoisted_1$12, [
           createElementVNode("div", _hoisted_2$N, [
             isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, [
               createVNode(unref(_sfc_main$s), {
@@ -1826,8 +1826,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
               }, null, 8, ["icon"])
             ])
           ]),
-          calendarEvent.value ? (openBlock(), createElementBlock("div", _hoisted_5$n, [
-            calendarEvent.value.title ? (openBlock(), createElementBlock("div", _hoisted_6$j, [
+          calendarEvent.value ? (openBlock(), createElementBlock("div", _hoisted_5$o, [
+            calendarEvent.value.title ? (openBlock(), createElementBlock("div", _hoisted_6$k, [
               createElementVNode("div", {
                 class: "event-flyout__color-icon",
                 style: normalizeStyle({ backgroundColor: eventBackgroundColor.value })
@@ -1853,7 +1853,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
               }, null, 8, ["icon"]),
               createTextVNode(" " + toDisplayString(calendarEvent.value.topic), 1)
             ])) : createCommentVNode("", true),
-            calendarEvent.value.description ? (openBlock(), createElementBlock("div", _hoisted_11$6, [
+            calendarEvent.value.description ? (openBlock(), createElementBlock("div", _hoisted_11$7, [
               createVNode(unref(_sfc_main$s), {
                 icon: icons.description
               }, null, 8, ["icon"]),
@@ -1871,7 +1871,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$11 = {
   key: 0,
   class: "calendar-month__event"
 };
@@ -1881,7 +1881,7 @@ const _hoisted_4$r = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
 };
-const _hoisted_5$m = { class: "calendar-month__event-title1 white-space ellipsis" };
+const _hoisted_5$n = { class: "calendar-month__event-title1 white-space ellipsis" };
 const eventIdPrefix = "calendar-month__event-";
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "Event",
@@ -1963,7 +1963,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
       setColors();
     });
     return (_ctx, _cache) => {
-      return __props.config.isSmall ? (openBlock(), createElementBlock("div", _hoisted_1$10)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      return __props.config.isSmall ? (openBlock(), createElementBlock("div", _hoisted_1$11)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         isCustomEvent.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           id: elementId.value,
@@ -1985,14 +1985,14 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         }, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
           eventTimeStart.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(eventTimeStart.value), 1)) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_5$m, toDisplayString(__props.calendarEvent.title), 1)
+          createElementVNode("span", _hoisted_5$n, toDisplayString(__props.calendarEvent.title), 1)
         ], 42, _hoisted_3$D))
       ], 64));
     };
   }
 });
 const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-3c4101df"]]);
-const _hoisted_1$$ = ["id"];
+const _hoisted_1$10 = ["id"];
 const _hoisted_2$L = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
 const _hoisted_3$C = { class: "calendar-month_events" };
 const _hoisted_4$q = {
@@ -2129,12 +2129,12 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
             }, toDisplayString(unref(getLanguage)(unref(languageKeys).moreEvents, __props.time.CALENDAR_LOCALE)), 1)) : createCommentVNode("", true)
           ])
         ], true)
-      ], 42, _hoisted_1$$)) : (openBlock(), createElementBlock("div", _hoisted_4$q));
+      ], 42, _hoisted_1$10)) : (openBlock(), createElementBlock("div", _hoisted_4$q));
     };
   }
 });
 const Day$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-c1dfa100"]]);
-const _hoisted_1$_ = { class: "txt12 normal block color-black pb-025" };
+const _hoisted_1$$ = { class: "txt12 normal block color-black pb-025" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "WeekDay",
   props: {
@@ -2142,11 +2142,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$_, toDisplayString(_ctx.day.dayName), 1);
+      return openBlock(), createElementBlock("span", _hoisted_1$$, toDisplayString(_ctx.day.dayName), 1);
     };
   }
 });
-const _hoisted_1$Z = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
+const _hoisted_1$_ = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
 const _hoisted_2$K = { class: "flex space-between" };
 const _hoisted_3$B = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
 const _hoisted_4$p = {
@@ -2255,7 +2255,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$_, [
         createElementVNode("div", _hoisted_2$K, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(month.value[0], (day, dayIndex) => {
             return openBlock(), createBlock(_sfc_main$19, {
@@ -2532,18 +2532,18 @@ class EventChange {
     this.dayEnd = `${endHourString}:00`;
   }
 }
-const _hoisted_1$Y = ["data-ref"];
+const _hoisted_1$Z = ["data-ref"];
 const _hoisted_2$J = { class: "calendar-week__event-row is-title" };
 const _hoisted_3$A = { class: "calendar-week__event-row is-time flex" };
 const _hoisted_4$o = {
   key: 0,
   class: "calendar-week__event-row is-location"
 };
-const _hoisted_5$l = {
+const _hoisted_5$m = {
   key: 1,
   class: "calendar-week__event-row is-with"
 };
-const _hoisted_6$i = {
+const _hoisted_6$j = {
   key: 2,
   class: "calendar-week__event-row is-topic"
 };
@@ -2909,14 +2909,14 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(event.value.location), 1)
           ])) : createCommentVNode("", true),
-          event.value.with ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
+          event.value.with ? (openBlock(), createElementBlock("div", _hoisted_5$m, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.user,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(event.value.with), 1)
           ])) : createCommentVNode("", true),
-          event.value.topic ? (openBlock(), createElementBlock("div", _hoisted_6$i, [
+          event.value.topic ? (openBlock(), createElementBlock("div", _hoisted_6$j, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.topic,
               class: "calendar-week__event-icon"
@@ -2953,12 +2953,12 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           class: "calendar-week__event-resize calendar-week__event-resize-down",
           onMousedown: _cache[1] || (_cache[1] = ($event) => resizeEvent("down"))
         }, null, 32)) : createCommentVNode("", true)
-      ], 46, _hoisted_1$Y);
+      ], 46, _hoisted_1$Z);
     };
   }
 });
 const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-c512b81d"]]);
-const _hoisted_1$X = ["id", "onClick"];
+const _hoisted_1$Y = ["id", "onClick"];
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "Day",
   props: {
@@ -3096,14 +3096,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["calendar-week__day-interval", { "has-border": interval.hasBorder }]),
             style: normalizeStyle(intervalStyles.value),
             onClick: ($event) => handleClickOnInterval(interval)
-          }, toDisplayString(__props.time.getLocalizedTime(interval.intervalStart)), 15, _hoisted_1$X);
+          }, toDisplayString(__props.time.getLocalizedTime(interval.intervalStart)), 15, _hoisted_1$Y);
         }), 128)) : createCommentVNode("", true)
       ]);
     };
   }
 });
 const Day = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-87669cec"]]);
-const _hoisted_1$W = { class: "day-timeline absolute top-0 start-0 space-evenly column display-flex" };
+const _hoisted_1$X = { class: "day-timeline absolute top-0 start-0 space-evenly column display-flex" };
 const _hoisted_2$I = { class: "day-timeline__hour-text line-height-0" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "DayTimeline",
@@ -3131,7 +3131,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       return props2.time.getLocalizedHour(new Date(2100, 1, 1, hour));
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(timelineHours.value, (hour) => {
           return openBlock(), createElementBlock("div", {
             key: hour,
@@ -3145,7 +3145,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 const DayTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-0b3de5c5"]]);
-const _hoisted_1$V = ["id"];
+const _hoisted_1$W = ["id"];
 const _hoisted_2$H = {
   key: 1,
   class: "week-timeline__event"
@@ -3217,20 +3217,20 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           zIndex: 1
         }),
         onClick: handleClickOnEvent
-      }, toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (openBlock(), createElementBlock("div", _hoisted_2$H));
+      }, toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$W)) : (openBlock(), createElementBlock("div", _hoisted_2$H));
     };
   }
 });
 const FullDayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8bd51337"]]);
-const _hoisted_1$U = {
+const _hoisted_1$V = {
   class: "week-timeline flex space-between border-bottom ms-3-5",
   style: { "margin-inline-end": "0.5em" }
 };
 const _hoisted_2$G = ["onClick"];
 const _hoisted_3$z = { class: "flex justify-content-center gap-025 txt12 pb-025" };
 const _hoisted_4$n = { class: "" };
-const _hoisted_5$k = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
-const _hoisted_6$h = { class: "week-timeline__events" };
+const _hoisted_5$l = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
+const _hoisted_6$i = { class: "week-timeline__events" };
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "WeekTimeline",
   props: {
@@ -3252,7 +3252,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       return date2;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+      return openBlock(), createElementBlock("div", _hoisted_1$V, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.days, (day, dayIndex) => {
           return openBlock(), createElementBlock("div", {
             key: dayIndex,
@@ -3263,9 +3263,9 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_3$z, [
               createElementVNode("div", _hoisted_4$n, toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
-              createElementVNode("div", _hoisted_5$k, toDisplayString(getDaysDate(day)), 1)
+              createElementVNode("div", _hoisted_5$l, toDisplayString(getDaysDate(day)), 1)
             ]),
-            createElementVNode("div", _hoisted_6$h, [
+            createElementVNode("div", _hoisted_6$i, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(day.fullDayEvents, (event, key) => {
                 return openBlock(), createElementBlock(Fragment, { key }, [
                   key !== "date" ? (openBlock(), createBlock(FullDayEvent, {
@@ -3285,7 +3285,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-18ecf6c3"]]);
-const _hoisted_1$T = { class: "calendar-week__wrapper relative ps-3-5" };
+const _hoisted_1$U = { class: "calendar-week__wrapper relative ps-3-5" };
 const _hoisted_2$F = { class: "calendar-week" };
 const _hoisted_3$y = { class: "calendar-week__events" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
@@ -3514,7 +3514,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           onEventWasClicked: handleClickOnEvent,
           onDayWasClicked: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dayWasClicked", $event))
         }, null, 8, ["days", "time", "full-day-events", "config", "mode"]),
-        createElementVNode("div", _hoisted_1$T, [
+        createElementVNode("div", _hoisted_1$U, [
           !__props.config.eventDialog || !__props.config.eventDialog.isDisabled ? (openBlock(), createBlock(_sfc_main$1c, {
             key: 0,
             "calendar-event-prop": selectedEvent.value,
@@ -3635,7 +3635,7 @@ ${_Errors.SUFFIX}`);
 __publicField(_Errors, "MISSING_TIME_END_WARNING", `${_Errors.PREFIX} required event property 'time.end' is missing 
 ${_Errors.SUFFIX}`);
 let Errors = _Errors;
-const _hoisted_1$S = { class: "calendar-root-wrapper txt16" };
+const _hoisted_1$T = { class: "calendar-root-wrapper txt16" };
 const _hoisted_2$E = ["data-lang"];
 const _hoisted_3$x = {
   key: 0,
@@ -3815,7 +3815,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a2, _b2;
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+      return openBlock(), createElementBlock("div", _hoisted_1$T, [
         createElementVNode("div", {
           ref_key: "calendarRoot",
           ref: calendarRoot,
@@ -3919,7 +3919,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   key: 0,
   class: "card_label"
 };
@@ -3952,7 +3952,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$R, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -3962,7 +3962,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["dir"];
+const _hoisted_1$R = ["dir"];
 const _hoisted_2$D = {
   key: 0,
   class: "dots"
@@ -4420,7 +4420,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$Q);
+      ], 14, _hoisted_1$R);
     };
   }
 });
@@ -10260,8 +10260,8 @@ const _hoisted_1$1$1 = {
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$v = { class: "layer-rectangles" };
 const _hoisted_4$l = ["transform", "onMouseover"];
-const _hoisted_5$j = ["width", "height"];
-const _hoisted_6$g = {
+const _hoisted_5$k = ["width", "height"];
+const _hoisted_6$h = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -10297,14 +10297,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$j),
+                }), null, 16, _hoisted_5$k),
                 renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
                 }, () => [
                   createElementVNode(
                     "text",
-                    _hoisted_6$g,
+                    _hoisted_6$h,
                     toDisplayString(r2.data.name),
                     1
                     /* TEXT */
@@ -10368,13 +10368,13 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   key: 0,
   class: "layer-hover-bar"
 };
 const _hoisted_2$C = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$P, [
+  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$Q, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -10686,6 +10686,8 @@ const SRC_VALUE_COMPONENTS = /* @__PURE__ */ new Set(["img", "iframe"]);
 function useTableData(options) {
   const sortField = ref("");
   const sortDirection = ref("ASC");
+  const schemaState = ref("loading");
+  const resolvedSchema = ref([]);
   function getValue(value) {
     if (value === void 0 || value === null) {
       return void 0;
@@ -10700,31 +10702,50 @@ function useTableData(options) {
       return void 0;
     }
   }
-  const computedSchema = computed(() => {
-    const dataValue = options.data.value || [];
-    const schema = useBglSchema({
-      schema: getValue(options.schema),
-      columns: getValue(options.columns),
-      data: dataValue
-    });
-    if (Array.isArray(schema) && schema.length > 0) {
-      return schema.filter((field) => field && field.id);
-    }
-    if (Array.isArray(dataValue) && dataValue.length > 0) {
-      const firstItem = dataValue[0];
-      return Object.keys(firstItem || {}).filter((key) => key !== "id" && !key.startsWith("_")).map((key) => ({
-        id: key,
-        label: keyToLabel(key),
-        $el: "div",
-        transform: (val) => {
-          const dateFields = ["created_at", "updated_at"];
-          if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val;
-          return val;
-        }
-      }));
+  async function resolveSchemaAsync() {
+    try {
+      schemaState.value = "loading";
+      const dataValue = options.data.value || [];
+      const schema = await useBglSchema({
+        schema: getValue(options.schema),
+        columns: getValue(options.columns),
+        data: dataValue
+      });
+      if (Array.isArray(schema) && schema.length > 0) {
+        resolvedSchema.value = schema.filter((field) => field && field.id);
+      } else if (Array.isArray(dataValue) && dataValue.length > 0) {
+        const firstItem = dataValue[0];
+        resolvedSchema.value = Object.keys(firstItem || {}).filter((key) => key !== "id" && !key.startsWith("_")).map((key) => ({
+          id: key,
+          label: keyToLabel(key),
+          $el: "div",
+          transform: (val) => {
+            const dateFields = ["created_at", "updated_at"];
+            if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val;
+            return val;
+          }
+        }));
+      } else {
+        resolvedSchema.value = [];
+      }
+      schemaState.value = "loaded";
+    } catch (error) {
+      console.error("Error resolving schema:", error);
+      schemaState.value = "error";
+      resolvedSchema.value = [];
     }
-    return [];
+  }
+  watch([
+    () => getValue(options.schema),
+    () => getValue(options.columns),
+    () => options.data.value
+  ], () => {
+    resolveSchemaAsync();
+  }, { immediate: true });
+  onMounted(() => {
+    resolveSchemaAsync();
   });
+  const computedSchema = computed(() => resolvedSchema.value);
   function transform(rowData) {
     const transformed = { ...rowData };
     const schemaFields = computedSchema.value.filter((f2) => f2.id);
@@ -10806,10 +10827,11 @@ function useTableData(options) {
     sortField: computed(() => sortField.value),
     sortDirection: computed(() => sortDirection.value),
     toggleSort,
-    cleanTransformedData
+    cleanTransformedData,
+    schemaState: computed(() => schemaState.value)
   };
 }
-const _hoisted_1$O = { class: "data-preview" };
+const _hoisted_1$P = { class: "data-preview" };
 const _hoisted_2$B = {
   key: 1,
   class: "empty-preview"
@@ -10855,7 +10877,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       includeUnset: props2.includeUnset
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$O, [
+      return openBlock(), createElementBlock("div", _hoisted_1$P, [
         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
@@ -11506,19 +11528,23 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$A = { class: "infinite-wrapper" };
-const _hoisted_3$u = { class: "row first-row" };
-const _hoisted_4$k = { key: 0 };
-const _hoisted_5$i = ["onClick"];
-const _hoisted_6$f = { class: "flex" };
-const _hoisted_7$c = ["onClick"];
-const _hoisted_8$7 = { key: 0 };
-const _hoisted_9$6 = ["value"];
-const _hoisted_10$6 = { key: 1 };
+const _hoisted_2$A = {
+  key: 1,
+  class: "flex-center h-300px txt-red"
+};
+const _hoisted_3$u = { class: "infinite-wrapper" };
+const _hoisted_4$k = { class: "row first-row" };
+const _hoisted_5$j = { key: 0 };
+const _hoisted_6$g = ["onClick"];
+const _hoisted_7$c = { class: "flex" };
+const _hoisted_8$7 = ["onClick"];
+const _hoisted_9$6 = { key: 0 };
+const _hoisted_10$6 = ["value"];
+const _hoisted_11$6 = { key: 1 };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ mergeModels({
@@ -11539,7 +11565,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "31aad8d2": unref(computedItemHeight)
+      "03db8ce0": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11557,7 +11583,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       sortField,
       sortDirection,
       toggleSort,
-      cleanTransformedData
+      cleanTransformedData,
+      schemaState
     } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
       emit2("orderBy", `${field} ${direction}`.trim());
     } });
@@ -11628,14 +11655,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
-        class: { "loading-table": loading.value }
+        class: { "loading-table": loading.value || unref(schemaState) === "loading" }
       }), [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$N, _cache[4] || (_cache[4] = [
+        loading.value || unref(schemaState) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
-        ]))) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
-          createElementVNode("table", _hoisted_2$A, [
-            createElementVNode("thead", _hoisted_3$u, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$k, [
+        ]))) : unref(schemaState) === "error" ? (openBlock(), createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 2 }, unref(wrapperProps))), [
+          createElementVNode("table", _hoisted_3$u, [
+            createElementVNode("thead", _hoisted_4$k, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$j, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11652,7 +11679,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                   class: "col",
                   onClick: ($event) => unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  createElementVNode("div", _hoisted_6$f, [
+                  createElementVNode("div", _hoisted_7$c, [
                     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) }])
@@ -11663,7 +11690,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$i);
+                ], 8, _hoisted_6$g);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -11673,7 +11700,7 @@ const _sfc_main$Y = /* @__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_8$7, [
+                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_9$6, [
                     createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["stop"]))
@@ -11682,7 +11709,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_9$6), [
+                      }, null, 8, _hoisted_10$6), [
                         [vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -11696,12 +11723,12 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$6, [
+                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_11$6, [
                         (openBlock(), createBlock(resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$c);
+                ], 10, _hoisted_8$7);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (openBlock(), createElementBlock("tr", {
                 key: 0,
@@ -11716,7 +11743,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-43f28baa"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-30ec790f"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -14896,7 +14923,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "px-1 pt-025 pb-1" };
+const _hoisted_1$N = { class: "px-1 pt-025 pb-1" };
 const _hoisted_2$z = { class: "ms-1" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "FieldSetVue",
@@ -14906,7 +14933,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", _hoisted_1$M, [
+      return openBlock(), createElementBlock("fieldset", _hoisted_1$N, [
         createElementVNode("legend", _hoisted_2$z, toDisplayString(_ctx.legend || _ctx.label), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
@@ -15354,6 +15381,7 @@ function getNestedValue(obj, path, defaultValue = void 0) {
   }
   return current ?? defaultValue;
 }
+const _hoisted_1$M = { class: "flex-center h-300px" };
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "BagelForm",
   props: {
@@ -15367,52 +15395,65 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    function safeClone2(obj) {
-      if (!obj) return obj;
-      try {
-        return JSON.parse(JSON.stringify(obj));
-      } catch (e) {
-        console.warn("Failed to clone object:", e);
-        return obj;
-      }
-    }
+    const clone2 = (obj) => !obj ? obj : JSON.parse(JSON.stringify(obj));
     const form = ref();
-    const formData = ref(safeClone2(props2.modelValue ?? {}));
-    const initialFormData = ref(safeClone2(props2.modelValue ?? {}));
-    onMounted(() => {
-      if (props2.modelValue) {
-        initialFormData.value = safeClone2(props2.modelValue);
-      }
-    });
+    const formData = ref(clone2(props2.modelValue ?? {}));
+    const initialFormData = ref(clone2(props2.modelValue ?? {}));
     const formState = ref("idle");
-    watch(() => props2.modelValue, (newValue) => {
-      if (newValue !== void 0) {
-        formData.value = safeClone2(newValue);
-      }
-    }, { immediate: true, deep: true });
-    const resolvedSchema = computed(() => {
-      if (!props2.schema) return void 0;
-      return typeof props2.schema === "function" ? props2.schema() : props2.schema;
-    });
+    const schemaState = ref("loaded");
+    const resolvedSchemaData = ref();
+    const schemaRef = toRef(props2, "schema");
+    const resolvedSchema = computed(() => resolvedSchemaData.value);
     const isDirty = computed(() => {
       try {
-        const current = JSON.stringify(formData.value);
-        const initial = JSON.stringify(initialFormData.value);
-        return current !== initial;
-      } catch (e) {
-        console.warn("Failed to compare form data:", e);
+        return JSON.stringify(formData.value) !== JSON.stringify(initialFormData.value);
+      } catch {
         return false;
       }
     });
+    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(".");
-      const newData = safeClone2(formData.value);
+      const newData = clone2(formData.value);
       let current = newData;
       for (let i2 = 0; i2 < keys4.length - 1; i2++) {
         const key = keys4[i2];
-        if (!current[key] || typeof current[key] !== "object") {
-          current[key] = {};
-        }
+        if (!current[key] || typeof current[key] !== "object") current[key] = {};
         current = current[key];
       }
       current[keys4[keys4.length - 1]] = value;
@@ -15425,38 +15466,34 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         if (formState.value === "submitting") return;
         formState.value = "submitting";
         await ((_a = props2.onSubmit) == null ? void 0 : _a.call(props2, formData.value));
-        initialFormData.value = safeClone2(formData.value);
+        initialFormData.value = clone2(formData.value);
         formState.value = "success";
         window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: JSON.stringify(formData.value) }, "*");
       } catch (error) {
-        console.error("Form submission error:", error);
+        console.error("Submit error:", error);
         formState.value = "error";
       }
     }
-    function validateForm() {
-      if (!form.value) return false;
-      return form.value.reportValidity();
-    }
+    const validateForm = () => {
+      var _a;
+      return ((_a = form.value) == null ? void 0 : _a.reportValidity()) ?? false;
+    };
     const { renderField } = useSchemaField({
       mode: "form",
-      getRowData: () => {
-        return {
-          ...formData.value,
-          // Add a special getter to handle nested paths
-          get: (path) => getNestedValue(formData.value, path, "")
-        };
-      },
+      getRowData: () => ({
+        ...formData.value,
+        get: (path) => getNestedValue(formData.value, path, "")
+      }),
       onUpdate: (field, value) => {
         var _a;
-        if (!field.id) return;
-        updateFormData(field.id, value);
-        (_a = field.onUpdate) == null ? void 0 : _a.call(field, value, formData.value);
+        if (field.id) {
+          updateFormData(field.id, value);
+          (_a = field.onUpdate) == null ? void 0 : _a.call(field, value, formData.value);
+        }
       }
     });
-    function renderSchemaField(field) {
-      return renderField(field);
-    }
-    __expose({ form, isDirty: isDirty.value, validateForm });
+    const renderSchemaField = (field) => renderField(field);
+    __expose({ form, isDirty, validateForm, resolveSchema, refreshSchema });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         formState.value !== "success" || !_ctx.$slots.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -15467,23 +15504,36 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             class: normalizeClass(props2.class),
             onSubmit: withModifiers(handleSubmit, ["prevent"])
           }, [
-            resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
+            schemaState.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
+              createElementVNode("div", _hoisted_1$M, [
+                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) => {
               return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
                 key: field.id
               });
-            }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
+            }), 128)) : renderSlot(_ctx.$slots, "default", { key: 3 }),
             renderSlot(_ctx.$slots, "submit", {
               submit: handleSubmit,
               isDirty: isDirty.value,
               validateForm,
-              formState: formState.value
+              formState: formState.value,
+              schemaState: schemaState.value
             })
-          ], 34)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
-            return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
-              key: field.id,
-              class: normalizeClass(props2.class)
-            }, null, 8, ["class"]);
-          }), 128))
+          ], 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) => {
+              return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
+                key: field.id,
+                class: normalizeClass(props2.class)
+              }, null, 8, ["class"]);
+            }), 128)) : createCommentVNode("", true)
+          ], 64))
         ], 64)) : createCommentVNode("", true),
         formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 1 }) : createCommentVNode("", true),
         formState.value === "error" ? renderSlot(_ctx.$slots, "error", { key: 2 }) : createCommentVNode("", true)
@@ -15497,10 +15547,18 @@ const _hoisted_2$y = {
   class: "ps-025 border-start mb-05"
 };
 const _hoisted_3$t = {
+  key: 0,
+  class: "flex-center h-300px"
+};
+const _hoisted_4$j = {
+  key: 1,
+  class: "flex-center h-300px txt-red"
+};
+const _hoisted_5$i = {
   key: 0,
   class: "minimizedText txt14 p-025 opacity-7"
 };
-const _hoisted_4$j = { 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$S = /* @__PURE__ */ defineComponent({
   __name: "FieldArray",
   props: {
@@ -15527,109 +15585,114 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const minimizedItems = ref([]);
-    const data2 = ref(props2.modelValue || []);
+    const internalData = ref(props2.modelValue || []);
+    const schemaState = ref("loaded");
+    const resolvedSchemaData = ref([]);
+    async function resolveSchema() {
+      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();
+    });
     function emitValue() {
-      emit2("update:modelValue", data2.value);
+      emit2("update:modelValue", internalData.value);
     }
     function deleteItem(i2) {
-      data2.value.splice(i2, 1);
+      internalData.value.splice(i2, 1);
       emitValue();
     }
     function addItem() {
-      data2.value.push({});
+      internalData.value.push({});
       emitValue();
     }
     function toggleMinimized(index2) {
       minimizedItems.value[index2] = !minimizedItems.value[index2];
     }
-    const computedField = computed(
-      () => ({
-        label: props2.label,
-        placeholder: props2.placeholder,
-        children: props2.children,
-        // class: props.class,
-        attrs: props2.attrs,
-        required: props2.required,
-        disabled: props2.disabled,
-        helptext: props2.helptext,
-        options: props2.options,
-        defaultValue: props2.defaultValue,
-        transform: props2.transform,
-        $el: props2.el
-      })
-    );
-    const resolvedSchema = computed(() => {
-      if (!props2.schema) return [];
-      return typeof props2.schema === "function" ? props2.schema() : props2.schema;
-    });
-    const { renderField } = useSchemaField({
-      mode: "form",
-      getRowData: () => data2.value,
-      onUpdate: (field, value) => {
-        if (!field.id) return;
-        const index2 = Number.parseInt(field.id);
-        if (Number.isNaN(index2)) return;
-        data2.value[index2] = value;
-        emitValue();
-      }
-    });
+    function updateItem(index2, value) {
+      internalData.value[index2] = value;
+      emitValue();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(props2.class)
       }, [
         createElementVNode("p", _hoisted_1$L, toDisplayString(_ctx.label), 1),
-        resolvedSchema.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(data2.value, (_2, i2) => {
-            return openBlock(), createElementBlock("div", {
-              key: i2,
-              outline: "",
-              thin: "",
-              class: normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
-            }, [
-              minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_3$t, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$T), {
-                key: 1,
-                modelValue: data2.value[i2],
-                "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
-                schema: resolvedSchema.value
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])),
-              createElementVNode("div", _hoisted_4$j, [
-                resolvedSchema.value.length > 4 ? (openBlock(), createBlock(unref(Btn), {
-                  key: 0,
-                  class: "block rotate-180 txt10 opacity-7 p-025",
-                  flat: "",
-                  thin: "",
-                  icon: "keyboard_arrow_down",
-                  onClick: ($event) => toggleMinimized(i2)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                props2.delete ? (openBlock(), createBlock(unref(Btn), {
+        resolvedSchemaData.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+          schemaState.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+            createVNode(unref(Loading))
+          ])) : schemaState.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_4$j, " Error ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(internalData.value, (item, i2) => {
+              return openBlock(), createElementBlock("div", {
+                key: i2,
+                outline: "",
+                thin: "",
+                class: normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
+              }, [
+                minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_5$i, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$T), {
                   key: 1,
-                  icon: "delete",
-                  class: "txt10 opacity-7",
-                  thin: "",
-                  flat: "",
-                  onClick: ($event) => deleteItem(i2)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true)
-              ])
-            ], 2);
-          }), 128)),
-          _ctx.add ? (openBlock(), createBlock(unref(Btn), {
-            key: 0,
-            thin: "",
-            icon: "add",
-            color: "gray",
-            class: "txt12",
-            onClick: addItem
-          }, {
-            default: withCtx(() => [
-              createElementVNode("p", null, toDisplayString(_ctx.label), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(data2.value, (_2, i2) => {
-          return openBlock(), createBlock(resolveDynamicComponent(unref(renderField)({ ...computedField.value, id: String(i2) })), {
-            key: i2,
-            "onUpdate:modelValue": emitValue
-          });
+                  "model-value": item,
+                  schema: resolvedSchemaData.value,
+                  "onUpdate:modelValue": (val) => updateItem(i2, val)
+                }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
+                createElementVNode("div", _hoisted_6$f, [
+                  resolvedSchemaData.value.length > 4 ? (openBlock(), createBlock(unref(Btn), {
+                    key: 0,
+                    class: "block rotate-180 txt10 opacity-7 p-025",
+                    flat: "",
+                    thin: "",
+                    icon: "keyboard_arrow_down",
+                    onClick: ($event) => toggleMinimized(i2)
+                  }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                  props2.delete ? (openBlock(), createBlock(unref(Btn), {
+                    key: 1,
+                    icon: "delete",
+                    class: "txt10 opacity-7",
+                    thin: "",
+                    flat: "",
+                    onClick: ($event) => deleteItem(i2)
+                  }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                ])
+              ], 2);
+            }), 128)),
+            _ctx.add ? (openBlock(), createBlock(unref(Btn), {
+              key: 0,
+              thin: "",
+              icon: "add",
+              color: "gray",
+              class: "txt12",
+              onClick: addItem
+            }, {
+              default: withCtx(() => [
+                createElementVNode("p", null, toDisplayString(_ctx.label), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ], 64))
+        ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(internalData.value, (_2, i2) => {
+          return openBlock(), createElementBlock("div", { key: i2 }, _cache[0] || (_cache[0] = [
+            createElementVNode("p", null, "No schema available", -1)
+          ]));
         }), 128))
       ], 2);
     };
@@ -34124,7 +34187,7 @@ const _hoisted_1$c = { class: "flex-center" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Loading",
   props: {
-    size: { default: 64 },
+    size: { default: 50 },
     thickness: {},
     duration: { default: 1.2 },
     type: { default: "ring" },
@@ -34139,7 +34202,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const computedSize = computed(() => standardSize(__props.size));
     const animationDuration = computed(() => `${__props.duration}s`);
     const computedBorder = computed(() => {
-      const borderValue = __props.thickness ?? Number.parseInt(computedSize.value) / 7;
+      const borderValue = __props.thickness ?? Math.max(Number.parseInt(computedSize.value) / 9, 2);
       return standardSize(borderValue);
     });
     return (_ctx, _cache) => {
@@ -34185,7 +34248,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2e27b3c1"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-221a3053"]]);
 const _hoisted_1$b = ["id"];
 const defaultMarkerSVG = '<svg width="28" height="38" viewBox="0 0 28 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2263 37.7955C17.0897 37.7955 19.4109 37.0138 19.4109 36.0496C19.4109 35.0854 17.0897 34.3037 14.2263 34.3037C11.363 34.3037 9.04175 35.0854 9.04175 36.0496C9.04175 37.0138 11.363 37.7955 14.2263 37.7955Z" fill="black" fill-opacity="0.1"/><path d="M14.2265 0.549591C21.2842 0.549591 27.0131 6.23786 27.0787 13.28V13.4024C27.0787 19.3328 24.4759 24.4306 21.5627 28.2764C18.6511 32.12 15.4577 34.6754 14.3457 35.5097C14.2748 35.5629 14.1778 35.5629 14.1068 35.5097C12.9947 34.675 9.80135 32.1197 6.88984 28.2762C3.97665 24.4304 1.37378 19.3328 1.37378 13.4024C1.37378 6.30387 7.12806 0.549591 14.2265 0.549591Z" fill="#ED1b3E" stroke="#ED6C6F"/><path d="M14.2263 21.6185C18.7639 21.6185 22.4424 17.94 22.4424 13.4024C22.4424 8.86477 18.7639 5.18631 14.2263 5.18631C9.68872 5.18631 6.01025 8.86477 6.01025 13.4024C6.01025 17.94 9.68872 21.6185 14.2263 21.6185Z" fill="white"/></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
@@ -36218,10 +36281,17 @@ function useBagelFormState() {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
-function useBglSchema({ schema, columns, data: data2 } = {}) {
+async function useBglSchema({ schema, columns, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {
-    _schema = _schema();
+    const result2 = _schema();
+    if (result2 instanceof Promise) {
+      _schema = await result2;
+    } else {
+      _schema = result2;
+    }
+  } else if (_schema instanceof Promise) {
+    _schema = await _schema;
   }
   if (_schema) {
     return columns && columns.length > 0 ? _schema.filter((f2) => columns.includes(f2.id)) : _schema;