@bagelink/vue 1.0.33 → 1.0.38

package/dist/index.cjs

@@ -20,7 +20,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "AccordionItem",
@@ -88,7 +88,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_2$T, vue.toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -277,7 +277,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Alert",
   props: {
@@ -306,7 +306,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$R, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$S, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -378,7 +378,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -472,7 +472,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             type: `video/${videoFormat.value}`
           }, null, 8, _hoisted_3$H)
-        ], 12, _hoisted_2$Q)) : vue.createCommentVNode("", true)
+        ], 12, _hoisted_2$R)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
@@ -609,7 +609,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__ */ vue.defineComponent({
   __name: "Header",
   props: {
@@ -689,7 +689,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
-        vue.createElementVNode("div", _hoisted_2$P, [
+        vue.createElementVNode("div", _hoisted_2$Q, [
           vue.createVNode(vue.unref(Btn), {
             flat: "",
             icon: "chevron_left",
@@ -740,12 +740,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"
 };
@@ -829,7 +829,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         class: "agenda__event is-event rounded mb-05 pointer user-select-none p-1 grid gap-1",
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
-        vue.createElementVNode("div", _hoisted_2$O, [
+        vue.createElementVNode("div", _hoisted_2$P, [
           eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$G, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.clock,
@@ -837,7 +837,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
           ])) : vue.createCommentVNode("", true),
-          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
+          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$u, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
@@ -860,9 +860,9 @@ const _sfc_main$1e = /* @__PURE__ */ vue.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,
@@ -893,9 +893,9 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
-        vue.createElementVNode("header", _hoisted_2$N, [
+        vue.createElementVNode("header", _hoisted_2$O, [
           vue.createElementVNode("div", _hoisted_3$F, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
-          vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
+          vue.createElementVNode("div", _hoisted_4$t, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
         vue.createElementVNode("div", _hoisted_5$o, [
           __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$k, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$g, [
@@ -1598,12 +1598,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"
@@ -1807,7 +1807,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(eventFlyoutInlineStyles.value)
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-          vue.createElementVNode("div", _hoisted_2$M, [
+          vue.createElementVNode("div", _hoisted_2$N, [
             isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, [
               vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
@@ -1820,7 +1820,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_4$r, [
+            vue.createElementVNode("span", _hoisted_4$s, [
               vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1877,9 +1877,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"
 };
@@ -1976,7 +1976,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClickOnEvent
         }, [
           vue.renderSlot(_ctx.$slots, "monthEvent", { eventData: __props.calendarEvent }, void 0, true)
-        ], 42, _hoisted_2$L)) : (vue.openBlock(), vue.createElementBlock("div", {
+        ], 42, _hoisted_2$M)) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           id: elementId.value,
           "data-ref": "default-event",
@@ -1986,7 +1986,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClickOnEvent
         }, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
-          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
+          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("span", _hoisted_5$m, vue.toDisplayString(__props.calendarEvent.title), 1)
         ], 42, _hoisted_3$D))
       ], 64));
@@ -1995,9 +1995,9 @@ const _sfc_main$1b = /* @__PURE__ */ vue.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"
 };
@@ -2098,7 +2098,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
         onDragend: handleDragEnd
       }, [
         vue.renderSlot(_ctx.$slots, "dayCell", { dayData: __props.day }, () => [
-          vue.createElementVNode("div", _hoisted_2$K, [
+          vue.createElementVNode("div", _hoisted_2$L, [
             vue.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
@@ -2131,7 +2131,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).moreEvents, __props.time.CALENDAR_LOCALE)), 1)) : vue.createCommentVNode("", true)
           ])
         ], true)
-      ], 42, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p));
+      ], 42, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q));
     };
   }
 });
@@ -2149,9 +2149,9 @@ const _sfc_main$19 = /* @__PURE__ */ vue.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"
 };
@@ -2258,7 +2258,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
-        vue.createElementVNode("div", _hoisted_2$J, [
+        vue.createElementVNode("div", _hoisted_2$K, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value[0], (day, dayIndex) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$19, {
               key: dayIndex,
@@ -2300,7 +2300,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ]),
-        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
+        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, [
           selectedDay.value ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2535,9 +2535,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"
 };
@@ -2896,7 +2896,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             backgroundColor: eventBackgroundColor.value
           })
         }, [
-          vue.createElementVNode("div", _hoisted_2$I, vue.toDisplayString(event.value.title), 1),
+          vue.createElementVNode("div", _hoisted_2$J, vue.toDisplayString(event.value.title), 1),
           vue.createElementVNode("div", _hoisted_3$A, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.clock,
@@ -2904,7 +2904,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
+          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
@@ -3106,7 +3106,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "DayTimeline",
   props: {
@@ -3139,7 +3139,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             key: hour,
             class: "day-timeline__hour display-flex column ustify-content-start h-100p ps-05"
           }, [
-            vue.createElementVNode("span", _hoisted_2$H, vue.toDisplayString(getLocaleTimeString(hour)), 1)
+            vue.createElementVNode("span", _hoisted_2$I, vue.toDisplayString(getLocaleTimeString(hour)), 1)
           ]);
         }), 128))
       ]);
@@ -3148,7 +3148,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.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"
 };
@@ -3219,7 +3219,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
           zIndex: 1
         }),
         onClick: handleClickOnEvent
-      }, vue.toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G));
+      }, vue.toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$H));
     };
   }
 });
@@ -3228,9 +3228,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__ */ vue.defineComponent({
@@ -3264,7 +3264,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
             vue.createElementVNode("div", _hoisted_3$z, [
-              vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+              vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
               vue.createElementVNode("div", _hoisted_5$k, vue.toDisplayString(getDaysDate(day)), 1)
             ]),
             vue.createElementVNode("div", _hoisted_6$h, [
@@ -3280,7 +3280,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
                 ], 64);
               }), 128))
             ])
-          ], 10, _hoisted_2$F);
+          ], 10, _hoisted_2$G);
         }), 128))
       ]);
     };
@@ -3288,7 +3288,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Week",
@@ -3535,7 +3535,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["calendar-event-prop", "event-element", "time", "config"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("section", _hoisted_2$E, [
+          vue.createElementVNode("section", _hoisted_2$F, [
             hasCustomCurrentTimeSlot.value && showCurrentTime.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "custom-current-time",
@@ -3638,7 +3638,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"
@@ -3916,7 +3916,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["events-prop", "time", "config", "period"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_2$D)
+        ], 10, _hoisted_2$E)
       ]);
     };
   }
@@ -3965,12 +3965,12 @@ const _sfc_main$10 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -4399,7 +4399,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
-        props2.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
+        props2.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(slideCount), (i2) => {
             return vue.openBlock(), vue.createElementBlock("span", {
               key: i2,
@@ -4408,7 +4408,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             }, null, 10, _hoisted_3$w);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$l, [
+        vue.createElementVNode("div", _hoisted_4$m, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               index: vue.unref(activeSlideIndex),
@@ -10261,7 +10261,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,
@@ -10313,7 +10313,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$k);
+            ], 42, _hoisted_4$l);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -10374,7 +10374,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 ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$P, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
@@ -10382,7 +10382,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)
   ])) : vue.createCommentVNode("v-if", true);
 }
 script.render = render;
@@ -10689,14 +10689,43 @@ function useTableData(options) {
   const sortField = vue.ref("");
   const sortDirection = vue.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 = vue.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 };
@@ -10722,9 +10751,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 = vue.computed(() => sortField.value ? `_transformed_${sortField.value}` : "");
   const computedData = vue.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);
@@ -10766,10 +10807,15 @@ function useTableData(options) {
     transform,
     sortField: vue.computed(() => sortField.value),
     sortDirection: vue.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__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
@@ -10784,7 +10830,12 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props2 = __props;
     const slots = vue.useSlots();
-    const data2 = vue.computed(() => Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue]);
+    const data2 = vue.computed(() => {
+      if (!props2.modelValue) {
+        return [];
+      }
+      return Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue];
+    });
     const {
       computedSchema,
       computedData
@@ -10794,7 +10845,12 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       columns: props2.columns,
       useServerSort: false
     });
-    const firstItem = vue.computed(() => computedData.value[0] || {});
+    const firstItem = vue.computed(() => {
+      if (!computedData.value || computedData.value.length === 0) {
+        return {};
+      }
+      return computedData.value[0] || {};
+    });
     const { renderField } = useSchemaField({
       mode: "preview",
       getRowData: () => firstItem.value,
@@ -10802,16 +10858,16 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedSchema), (field) => {
+        vue.unref(computedSchema) && vue.unref(computedSchema).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(computedSchema), (field) => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(field, vue.unref(slots))), {
             key: field.id
           });
-        }), 128))
+        }), 128)) : (vue.openBlock(), vue.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 = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
@@ -10824,8 +10880,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;
     }
@@ -11426,7 +11488,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 (vue.isRef(options.data) && options.data.value) {
+        dataLength = Array.isArray(options.data.value) ? options.data.value.length : 0;
+      } else if (Array.isArray(options.data)) {
+        dataLength = options.data.length;
+      }
+      if (entry.isIntersecting && dataLength > 0) {
         (_a = options.onLastItemVisible) == null ? void 0 : _a.call(options);
       }
     });
@@ -11446,7 +11514,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"];
@@ -11473,7 +11541,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "97de67d4": vue.unref(computedItemHeight)
+      "31aad8d2": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11490,7 +11558,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       computedData,
       sortField,
       sortDirection,
-      toggleSort
+      toggleSort,
+      cleanTransformedData
     } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
       emit2("orderBy", `${field} ${direction}`.trim());
     } });
@@ -11504,6 +11573,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     } = useTableSelection({
       selectable: props2.selectable,
       selectedItems,
+      cleanData: cleanTransformedData,
       onSelect: (item) => {
         emit2("select", item);
       }
@@ -11567,7 +11637,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_2$A, [
             vue.createElementVNode("thead", _hoisted_3$u, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$j, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$k, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11585,9 +11655,9 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
                   vue.createElementVNode("div", _hoisted_6$f, [
-                    vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
+                    vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
+                      class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === (field == null ? void 0 : field.id) }])
                     }, [
                       vue.createVNode(vue.unref(_sfc_main$s), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
@@ -11601,8 +11671,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("tbody", null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), ({ data: row }) => {
                 return vue.openBlock(), vue.createElementBlock("tr", {
-                  key: row.id,
-                  class: vue.normalizeClass(["row row-item position-relative", { selected: vue.unref(computedSelectedItems).includes(row.id ?? "") }]),
+                  key: (row == null ? void 0 : row.id) || `row-${Math.random()}`,
+                  class: vue.normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && vue.unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => vue.unref(toggleSelectItem)(row)
                 }, [
                   vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$7, [
@@ -11613,7 +11683,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                       vue.withDirectives(vue.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), [
                         [vue.vModelCheckbox, selectedItems.value]
                       ])
@@ -11621,7 +11691,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                   ])) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedSchema), (field) => {
                     return vue.openBlock(), vue.createElementBlock("td", {
-                      key: `${field.id}-${row.id}`,
+                      key: `${field.id}-${(row == null ? void 0 : row.id) || Math.random()}`,
                       class: "col"
                     }, [
                       field.id && vue.unref(slots)[field.id] ? vue.renderSlot(_ctx.$slots, field.id, {
@@ -11648,7 +11718,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.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 = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -15428,7 +15498,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__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
@@ -15454,6 +15528,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
+    const minimizedItems = vue.ref([]);
     const data2 = vue.ref(props2.modelValue || []);
     function emitValue() {
       emit2("update:modelValue", data2.value);
@@ -15466,6 +15541,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       data2.value.push({});
       emitValue();
     }
+    function toggleMinimized(index2) {
+      minimizedItems.value[index2] = !minimizedItems.value[index2];
+    }
     const computedField = vue.computed(
       () => ({
         label: props2.label,
@@ -15482,6 +15560,10 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         $el: props2.el
       })
     );
+    const resolvedSchema = vue.computed(() => {
+      if (!props2.schema) return [];
+      return typeof props2.schema === "function" ? props2.schema() : props2.schema;
+    });
     const { renderField } = useSchemaField({
       mode: "form",
       getRowData: () => data2.value,
@@ -15498,22 +15580,31 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(props2.class)
       }, [
         vue.createElementVNode("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1),
-        _ctx.schema ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
+        resolvedSchema.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.value, (_2, i2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: i2,
               outline: "",
               thin: "",
-              class: "mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden"
+              class: vue.normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
             }, [
-              vue.createVNode(vue.unref(_sfc_main$T), {
+              minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$t, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.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"]),
-              vue.createElementVNode("div", _hoisted_3$t, [
-                props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                schema: resolvedSchema.value
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])),
+              vue.createElementVNode("div", _hoisted_4$j, [
+                resolvedSchema.value.length > 4 ? (vue.openBlock(), vue.createBlock(vue.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"])) : vue.createCommentVNode("", true),
+                props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  key: 1,
                   icon: "delete",
                   class: "txt10 opacity-7",
                   thin: "",
@@ -15521,7 +15612,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   onClick: ($event) => deleteItem(i2)
                 }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
               ])
-            ]);
+            ], 2);
           }), 128)),
           _ctx.add ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: 0,
@@ -33537,7 +33628,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "BottomMenu",
   props: {
@@ -33573,7 +33664,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Layout",
   props: {