@bagelink/vue 1.0.33 → 1.0.38

package/dist/index.mjs

@@ -18,7 +18,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1a = ["aria-expanded", "aria-controls"];
-const _hoisted_2$S = { class: "accordion-label" };
+const _hoisted_2$T = { class: "accordion-label" };
 const _hoisted_3$I = ["id", "aria-hidden"];
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
@@ -86,7 +86,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             createVNode(unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "head", {}, () => [
-            createElementVNode("span", _hoisted_2$S, toDisplayString(_ctx.label), 1)
+            createElementVNode("span", _hoisted_2$T, toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (openBlock(), createElementBlock("span", {
             key: 1,
@@ -275,7 +275,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_2$R = { class: "m-0" };
+const _hoisted_2$S = { class: "m-0" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
@@ -304,7 +304,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$R, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$S, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -376,7 +376,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_2$Q = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_2$R = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$H = ["src", "type"];
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
@@ -470,7 +470,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             src: _ctx.src,
             type: `video/${videoFormat.value}`
           }, null, 8, _hoisted_3$H)
-        ], 12, _hoisted_2$Q)) : createCommentVNode("", true)
+        ], 12, _hoisted_2$R)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -607,7 +607,7 @@ function translate(key, locale2 = "en-US") {
   return language[locale2] || key;
 }
 const _hoisted_1$14 = { class: "flex gap-05 space-between pb-1 datePick" };
-const _hoisted_2$P = { class: "flex gap-1 m_gap-025" };
+const _hoisted_2$Q = { class: "flex gap-1 m_gap-025" };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "Header",
   props: {
@@ -687,7 +687,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$14, [
-        createElementVNode("div", _hoisted_2$P, [
+        createElementVNode("div", _hoisted_2$Q, [
           createVNode(unref(Btn), {
             flat: "",
             icon: "chevron_left",
@@ -738,12 +738,12 @@ 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_2$O = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
+const _hoisted_2$P = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
 const _hoisted_3$G = {
   key: 0,
   class: "agenda__event-time flex gap-025"
 };
-const _hoisted_4$t = {
+const _hoisted_4$u = {
   key: 1,
   class: "agenda__event-location flex gap-025"
 };
@@ -827,7 +827,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         class: "agenda__event is-event rounded mb-05 pointer user-select-none p-1 grid gap-1",
         onClick: withModifiers(handleClickOnEvent, ["prevent"])
       }, [
-        createElementVNode("div", _hoisted_2$O, [
+        createElementVNode("div", _hoisted_2$P, [
           eventTime.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_3$G, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.clock,
@@ -835,7 +835,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
             }, null, 8, ["icon"]),
             createTextVNode(" " + toDisplayString(eventTime.value), 1)
           ])) : createCommentVNode("", true),
-          __props.calendarEvent.location ? (openBlock(), createElementBlock("span", _hoisted_4$t, [
+          __props.calendarEvent.location ? (openBlock(), createElementBlock("span", _hoisted_4$u, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
@@ -858,9 +858,9 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
 });
 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_2$N = { class: "m_sticky" };
+const _hoisted_2$O = { class: "m_sticky" };
 const _hoisted_3$F = { class: "agenda__header-day-name txt-center" };
-const _hoisted_4$s = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
+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 = {
   key: 0,
@@ -891,9 +891,9 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     const emit2 = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$12, [
-        createElementVNode("header", _hoisted_2$N, [
+        createElementVNode("header", _hoisted_2$O, [
           createElementVNode("div", _hoisted_3$F, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
-          createElementVNode("div", _hoisted_4$s, toDisplayString(__props.day.dateTimeString.substring(8, 10)), 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, [
@@ -1596,12 +1596,12 @@ const _hoisted_1$11 = {
   key: 0,
   class: "event-flyout__relative-wrapper"
 };
-const _hoisted_2$M = { class: "event-flyout__menu" };
+const _hoisted_2$N = { class: "event-flyout__menu" };
 const _hoisted_3$E = {
   key: 0,
   class: "event-flyout__menu-editable"
 };
-const _hoisted_4$r = { class: "event-flyout__menu-close" };
+const _hoisted_4$s = { class: "event-flyout__menu-close" };
 const _hoisted_5$n = {
   key: 0,
   class: "event-flyout__info-wrapper"
@@ -1805,7 +1805,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(eventFlyoutInlineStyles.value)
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (openBlock(), createElementBlock("div", _hoisted_1$11, [
-          createElementVNode("div", _hoisted_2$M, [
+          createElementVNode("div", _hoisted_2$N, [
             isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, [
               createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
@@ -1818,7 +1818,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_4$r, [
+            createElementVNode("span", _hoisted_4$s, [
               createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1875,9 +1875,9 @@ const _hoisted_1$10 = {
   key: 0,
   class: "calendar-month__event"
 };
-const _hoisted_2$L = ["id", "draggable"];
+const _hoisted_2$M = ["id", "draggable"];
 const _hoisted_3$D = ["id", "draggable"];
-const _hoisted_4$q = {
+const _hoisted_4$r = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
 };
@@ -1974,7 +1974,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           onClick: handleClickOnEvent
         }, [
           renderSlot(_ctx.$slots, "monthEvent", { eventData: __props.calendarEvent }, void 0, true)
-        ], 42, _hoisted_2$L)) : (openBlock(), createElementBlock("div", {
+        ], 42, _hoisted_2$M)) : (openBlock(), createElementBlock("div", {
           key: 1,
           id: elementId.value,
           "data-ref": "default-event",
@@ -1984,7 +1984,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           onClick: handleClickOnEvent
         }, [
           _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$q, toDisplayString(eventTimeStart.value), 1)) : createCommentVNode("", true),
+          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)
         ], 42, _hoisted_3$D))
       ], 64));
@@ -1993,9 +1993,9 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
 });
 const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-3c4101df"]]);
 const _hoisted_1$$ = ["id"];
-const _hoisted_2$K = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
+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$p = {
+const _hoisted_4$q = {
   key: 1,
   class: "space-reserver"
 };
@@ -2096,7 +2096,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
         onDragend: handleDragEnd
       }, [
         renderSlot(_ctx.$slots, "dayCell", { dayData: __props.day }, () => [
-          createElementVNode("div", _hoisted_2$K, [
+          createElementVNode("div", _hoisted_2$L, [
             createElementVNode("p", {
               class: "calendar-month__day-date ms-auto flex aspect-ratio-1 w-30px h-30px justify-content-center m_mx-auto",
               onClick: emitDayWasClicked
@@ -2129,7 +2129,7 @@ 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$p));
+      ], 42, _hoisted_1$$)) : (openBlock(), createElementBlock("div", _hoisted_4$q));
     };
   }
 });
@@ -2147,9 +2147,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$Z = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
-const _hoisted_2$J = { class: "flex space-between" };
+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$o = {
+const _hoisted_4$p = {
   key: 0,
   class: "calendar-month__day_events w-100p pt-1 m_pb-1"
 };
@@ -2256,7 +2256,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1$Z, [
-        createElementVNode("div", _hoisted_2$J, [
+        createElementVNode("div", _hoisted_2$K, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(month.value[0], (day, dayIndex) => {
             return openBlock(), createBlock(_sfc_main$19, {
               key: dayIndex,
@@ -2298,7 +2298,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ]),
-        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
           selectedDay.value ? (openBlock(), createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2533,9 +2533,9 @@ class EventChange {
   }
 }
 const _hoisted_1$Y = ["data-ref"];
-const _hoisted_2$I = { class: "calendar-week__event-row is-title" };
+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$n = {
+const _hoisted_4$o = {
   key: 0,
   class: "calendar-week__event-row is-location"
 };
@@ -2894,7 +2894,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             backgroundColor: eventBackgroundColor.value
           })
         }, [
-          createElementVNode("div", _hoisted_2$I, toDisplayString(event.value.title), 1),
+          createElementVNode("div", _hoisted_2$J, toDisplayString(event.value.title), 1),
           createElementVNode("div", _hoisted_3$A, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.clock,
@@ -2902,7 +2902,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+          event.value.location ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
@@ -3104,7 +3104,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 });
 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_2$H = { class: "day-timeline__hour-text line-height-0" };
+const _hoisted_2$I = { class: "day-timeline__hour-text line-height-0" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "DayTimeline",
   props: {
@@ -3137,7 +3137,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             key: hour,
             class: "day-timeline__hour display-flex column ustify-content-start h-100p ps-05"
           }, [
-            createElementVNode("span", _hoisted_2$H, toDisplayString(getLocaleTimeString(hour)), 1)
+            createElementVNode("span", _hoisted_2$I, toDisplayString(getLocaleTimeString(hour)), 1)
           ]);
         }), 128))
       ]);
@@ -3146,7 +3146,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_2$G = {
+const _hoisted_2$H = {
   key: 1,
   class: "week-timeline__event"
 };
@@ -3217,7 +3217,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           zIndex: 1
         }),
         onClick: handleClickOnEvent
-      }, toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (openBlock(), createElementBlock("div", _hoisted_2$G));
+      }, toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (openBlock(), createElementBlock("div", _hoisted_2$H));
     };
   }
 });
@@ -3226,9 +3226,9 @@ const _hoisted_1$U = {
   class: "week-timeline flex space-between border-bottom ms-3-5",
   style: { "margin-inline-end": "0.5em" }
 };
-const _hoisted_2$F = ["onClick"];
+const _hoisted_2$G = ["onClick"];
 const _hoisted_3$z = { class: "flex justify-content-center gap-025 txt12 pb-025" };
-const _hoisted_4$m = { class: "" };
+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 _sfc_main$13 = /* @__PURE__ */ defineComponent({
@@ -3262,7 +3262,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
             createElementVNode("div", _hoisted_3$z, [
-              createElementVNode("div", _hoisted_4$m, toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+              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_6$h, [
@@ -3278,7 +3278,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                 ], 64);
               }), 128))
             ])
-          ], 10, _hoisted_2$F);
+          ], 10, _hoisted_2$G);
         }), 128))
       ]);
     };
@@ -3286,7 +3286,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_2$E = { class: "calendar-week" };
+const _hoisted_2$F = { class: "calendar-week" };
 const _hoisted_3$y = { class: "calendar-week__events" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Week",
@@ -3533,7 +3533,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["calendar-event-prop", "event-element", "time", "config"])) : createCommentVNode("", true),
-          createElementVNode("section", _hoisted_2$E, [
+          createElementVNode("section", _hoisted_2$F, [
             hasCustomCurrentTimeSlot.value && showCurrentTime.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "custom-current-time",
@@ -3636,7 +3636,7 @@ __publicField(_Errors, "MISSING_TIME_END_WARNING", `${_Errors.PREFIX} required e
 ${_Errors.SUFFIX}`);
 let Errors = _Errors;
 const _hoisted_1$S = { class: "calendar-root-wrapper txt16" };
-const _hoisted_2$D = ["data-lang"];
+const _hoisted_2$E = ["data-lang"];
 const _hoisted_3$x = {
   key: 0,
   class: "top-bar-loader"
@@ -3914,7 +3914,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["events-prop", "time", "config", "period"])) : createCommentVNode("", true)
-        ], 10, _hoisted_2$D)
+        ], 10, _hoisted_2$E)
       ]);
     };
   }
@@ -3963,12 +3963,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$Q = ["dir"];
-const _hoisted_2$C = {
+const _hoisted_2$D = {
   key: 0,
   class: "dots"
 };
 const _hoisted_3$w = ["onClick"];
-const _hoisted_4$l = { class: "Handlers" };
+const _hoisted_4$m = { class: "Handlers" };
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
@@ -4397,7 +4397,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
-        props2.dots && unref(slideCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
+        props2.dots && unref(slideCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(slideCount), (i2) => {
             return openBlock(), createElementBlock("span", {
               key: i2,
@@ -4406,7 +4406,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             }, null, 10, _hoisted_3$w);
           }), 128))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$l, [
+        createElementVNode("div", _hoisted_4$m, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               index: unref(activeSlideIndex),
@@ -10259,7 +10259,7 @@ const _hoisted_1$1$1 = {
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$v = { class: "layer-rectangles" };
-const _hoisted_4$k = ["transform", "onMouseover"];
+const _hoisted_4$l = ["transform", "onMouseover"];
 const _hoisted_5$j = ["width", "height"];
 const _hoisted_6$g = {
   x: 0 + 10,
@@ -10311,7 +10311,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$k);
+            ], 42, _hoisted_4$l);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -10372,7 +10372,7 @@ const _hoisted_1$P = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$B = ["x", "y", "width", "height"];
+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, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
@@ -10380,7 +10380,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$B)
+    }), null, 16, _hoisted_2$C)
   ])) : createCommentVNode("v-if", true);
 }
 script.render = render;
@@ -10687,14 +10687,43 @@ function useTableData(options) {
   const sortField = ref("");
   const sortDirection = ref("ASC");
   function getValue(value) {
-    return value.value !== void 0 ? value.value : 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;
+    }
   }
   const computedSchema = computed(() => {
-    return useBglSchema({
+    const dataValue = options.data.value || [];
+    const schema = useBglSchema({
       schema: getValue(options.schema),
       columns: getValue(options.columns),
-      data: options.data.value
-    });
+      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;
+        }
+      }));
+    }
+    return [];
   });
   function transform(rowData) {
     const transformed = { ...rowData };
@@ -10720,9 +10749,21 @@ function useTableData(options) {
     }
     return transformed;
   }
+  function cleanTransformedData(data2) {
+    const cleanData = { ...data2 };
+    Object.keys(cleanData).forEach((key) => {
+      if (key.startsWith("_")) {
+        delete cleanData[key];
+      }
+    });
+    return cleanData;
+  }
   const computedSortField = computed(() => sortField.value ? `_transformed_${sortField.value}` : "");
   const computedData = computed(() => {
-    const currentData = options.data.value;
+    const currentData = options.data.value || [];
+    if (!Array.isArray(currentData) || currentData.length === 0) {
+      return [];
+    }
     const useServerSortValue = getValue(options.useServerSort);
     if (!sortField.value || useServerSortValue === true) {
       return currentData.map(transform);
@@ -10764,10 +10805,15 @@ function useTableData(options) {
     transform,
     sortField: computed(() => sortField.value),
     sortDirection: computed(() => sortDirection.value),
-    toggleSort
+    toggleSort,
+    cleanTransformedData
   };
 }
 const _hoisted_1$O = { class: "data-preview" };
+const _hoisted_2$B = {
+  key: 1,
+  class: "empty-preview"
+};
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: {
@@ -10782,7 +10828,12 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props2 = __props;
     const slots = useSlots();
-    const data2 = computed(() => Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue]);
+    const data2 = computed(() => {
+      if (!props2.modelValue) {
+        return [];
+      }
+      return Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue];
+    });
     const {
       computedSchema,
       computedData
@@ -10792,7 +10843,12 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       columns: props2.columns,
       useServerSort: false
     });
-    const firstItem = computed(() => computedData.value[0] || {});
+    const firstItem = computed(() => {
+      if (!computedData.value || computedData.value.length === 0) {
+        return {};
+      }
+      return computedData.value[0] || {};
+    });
     const { renderField } = useSchemaField({
       mode: "preview",
       getRowData: () => firstItem.value,
@@ -10800,16 +10856,16 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$O, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedSchema), (field) => {
+        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
           });
-        }), 128))
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_2$B, " No data to display "))
       ]);
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-88ed9d8d"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-4cd3d931"]]);
 function useTableSelection(options) {
   const allSelectorEl = ref();
   const computedSelectedItems = computed(() => options.selectedItems.value);
@@ -10822,8 +10878,14 @@ function useTableSelection(options) {
   }
   function toggleSelectItem(item) {
     if (computedSelectedItems.value.length === 0) {
-      const cleanItem = { ...item };
-      Object.keys(cleanItem).forEach((key) => key.startsWith("_transformed_") && delete cleanItem[key]);
+      const cleanItem = options.cleanData ? options.cleanData(item) : { ...item };
+      if (!options.cleanData) {
+        Object.keys(cleanItem).forEach((key) => {
+          if (key.startsWith("_")) {
+            delete cleanItem[key];
+          }
+        });
+      }
       options.onSelect(cleanItem);
       return;
     }
@@ -11424,7 +11486,13 @@ function useTableVirtualization(options) {
     await until(() => lastItemEl.value).toBeTruthy();
     useIntersectionObserver(lastItemEl, ([entry]) => {
       var _a;
-      if (entry.isIntersecting && options.data.value.length) {
+      let dataLength = 0;
+      if (isRef(options.data) && options.data.value) {
+        dataLength = Array.isArray(options.data.value) ? options.data.value.length : 0;
+      } else if (Array.isArray(options.data)) {
+        dataLength = options.data.length;
+      }
+      if (entry.isIntersecting && dataLength > 0) {
         (_a = options.onLastItemVisible) == null ? void 0 : _a.call(options);
       }
     });
@@ -11444,7 +11512,7 @@ const _hoisted_1$N = {
 };
 const _hoisted_2$A = { class: "infinite-wrapper" };
 const _hoisted_3$u = { class: "row first-row" };
-const _hoisted_4$j = { key: 0 };
+const _hoisted_4$k = { key: 0 };
 const _hoisted_5$i = ["onClick"];
 const _hoisted_6$f = { class: "flex" };
 const _hoisted_7$c = ["onClick"];
@@ -11471,7 +11539,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) => ({
-      "97de67d4": unref(computedItemHeight)
+      "31aad8d2": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11488,7 +11556,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       computedData,
       sortField,
       sortDirection,
-      toggleSort
+      toggleSort,
+      cleanTransformedData
     } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
       emit2("orderBy", `${field} ${direction}`.trim());
     } });
@@ -11502,6 +11571,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     } = useTableSelection({
       selectable: props2.selectable,
       selectedItems,
+      cleanData: cleanTransformedData,
       onSelect: (item) => {
         emit2("select", item);
       }
@@ -11565,7 +11635,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         ]))) : (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$j, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$k, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11583,9 +11653,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
                   createElementVNode("div", _hoisted_6$f, [
-                    createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field.id)) + " ", 1),
+                    createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     createElementVNode("div", {
-                      class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
+                      class: normalizeClass(["list-arrows", { sorted: unref(sortField) === (field == null ? void 0 : field.id) }])
                     }, [
                       createVNode(unref(_sfc_main$s), {
                         class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
@@ -11599,8 +11669,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), ({ data: row }) => {
                 return openBlock(), createElementBlock("tr", {
-                  key: row.id,
-                  class: normalizeClass(["row row-item position-relative", { selected: unref(computedSelectedItems).includes(row.id ?? "") }]),
+                  key: (row == null ? void 0 : row.id) || `row-${Math.random()}`,
+                  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, [
@@ -11611,7 +11681,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                       withDirectives(createElementVNode("input", {
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
-                        value: row.id
+                        value: (row == null ? void 0 : row.id) || ""
                       }, null, 8, _hoisted_9$6), [
                         [vModelCheckbox, selectedItems.value]
                       ])
@@ -11619,7 +11689,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedSchema), (field) => {
                     return openBlock(), createElementBlock("td", {
-                      key: `${field.id}-${row.id}`,
+                      key: `${field.id}-${(row == null ? void 0 : row.id) || Math.random()}`,
                       class: "col"
                     }, [
                       field.id && unref(slots)[field.id] ? renderSlot(_ctx.$slots, field.id, {
@@ -11646,7 +11716,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-5e7cca10"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-43f28baa"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -15426,7 +15496,11 @@ const _hoisted_2$y = {
   key: 0,
   class: "ps-025 border-start mb-05"
 };
-const _hoisted_3$t = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
+const _hoisted_3$t = {
+  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 _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "FieldArray",
   props: {
@@ -15452,6 +15526,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
+    const minimizedItems = ref([]);
     const data2 = ref(props2.modelValue || []);
     function emitValue() {
       emit2("update:modelValue", data2.value);
@@ -15464,6 +15539,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       data2.value.push({});
       emitValue();
     }
+    function toggleMinimized(index2) {
+      minimizedItems.value[index2] = !minimizedItems.value[index2];
+    }
     const computedField = computed(
       () => ({
         label: props2.label,
@@ -15480,6 +15558,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         $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,
@@ -15496,22 +15578,31 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         class: normalizeClass(props2.class)
       }, [
         createElementVNode("p", _hoisted_1$L, toDisplayString(_ctx.label), 1),
-        _ctx.schema ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+        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: "mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden"
+              class: normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
             }, [
-              createVNode(unref(_sfc_main$T), {
+              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: _ctx.schema
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"]),
-              createElementVNode("div", _hoisted_3$t, [
-                props2.delete ? (openBlock(), createBlock(unref(Btn), {
+                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), {
+                  key: 1,
                   icon: "delete",
                   class: "txt10 opacity-7",
                   thin: "",
@@ -15519,7 +15610,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => deleteItem(i2)
                 }, null, 8, ["onClick"])) : createCommentVNode("", true)
               ])
-            ]);
+            ], 2);
           }), 128)),
           _ctx.add ? (openBlock(), createBlock(unref(Btn), {
             key: 0,
@@ -33535,7 +33626,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2f5e271c"]]);
-const _hoisted_1$j = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
+const _hoisted_1$j = { class: "m-0 pb-025 txt10 line-height-1 w60 menu-text" };
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "BottomMenu",
   props: {
@@ -33571,7 +33662,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-fe3a895e"]]);
+const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2227f9cc"]]);
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "Layout",
   props: {