@bagelink/vue 1.1.23 → 1.1.27

package/dist/index.cjs

@@ -21,7 +21,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$1b = ["aria-expanded", "aria-controls"];
 const _hoisted_2$T = { class: "accordion-label" };
-const _hoisted_3$I = ["id", "aria-hidden"];
+const _hoisted_3$J = ["id", "aria-hidden"];
 const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -106,7 +106,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$I)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$J)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -379,7 +379,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-689f051f"]]);
 const _hoisted_1$16 = ["src"];
 const _hoisted_2$R = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$H = ["src", "type"];
+const _hoisted_3$I = ["src", "type"];
 const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -471,7 +471,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$H)
+          }, null, 8, _hoisted_3$I)
         ], 12, _hoisted_2$R)) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -741,11 +741,11 @@ 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$14 = ["id"];
 const _hoisted_2$P = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
-const _hoisted_3$G = {
+const _hoisted_3$H = {
   key: 0,
   class: "agenda__event-time flex gap-025"
 };
-const _hoisted_4$u = {
+const _hoisted_4$t = {
   key: 1,
   class: "agenda__event-location flex gap-025"
 };
@@ -825,14 +825,14 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
         vue.createElementVNode("div", _hoisted_2$P, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$G, [
+          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$H, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
           ])) : vue.createCommentVNode("", true),
-          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$u, [
+          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
@@ -856,8 +856,8 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-d63dd40c"]]);
 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_3$G = { 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_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,
@@ -889,8 +889,8 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
         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$t, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
+          vue.createElementVNode("div", _hoisted_3$G, 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_5$p, [
           __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$l, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$g, [
@@ -1590,11 +1590,11 @@ const _hoisted_1$12 = {
   class: "event-flyout__relative-wrapper"
 };
 const _hoisted_2$N = { class: "event-flyout__menu" };
-const _hoisted_3$E = {
+const _hoisted_3$F = {
   key: 0,
   class: "event-flyout__menu-editable"
 };
-const _hoisted_4$s = { class: "event-flyout__menu-close" };
+const _hoisted_4$r = { class: "event-flyout__menu-close" };
 const _hoisted_5$o = {
   key: 0,
   class: "event-flyout__info-wrapper"
@@ -1798,7 +1798,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
           vue.createElementVNode("div", _hoisted_2$N, [
-            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, [
+            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$F, [
               vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
@@ -1810,7 +1810,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_4$s, [
+            vue.createElementVNode("span", _hoisted_4$r, [
               vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1868,8 +1868,8 @@ const _hoisted_1$11 = {
   class: "calendar-month__event"
 };
 const _hoisted_2$M = ["id", "draggable"];
-const _hoisted_3$D = ["id", "draggable"];
-const _hoisted_4$r = {
+const _hoisted_3$E = ["id", "draggable"];
+const _hoisted_4$q = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
 };
@@ -1976,9 +1976,9 @@ 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$r, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
+          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("span", _hoisted_5$n, vue.toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$D))
+        ], 42, _hoisted_3$E))
       ], 64));
     };
   }
@@ -1986,8 +1986,8 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
 const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-16d8079e"]]);
 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 = {
+const _hoisted_3$D = { class: "calendar-month_events" };
+const _hoisted_4$p = {
   key: 1,
   class: "space-reserver"
 };
@@ -2094,7 +2094,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
               onClick: emitDayWasClicked
             }, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_3$C, [
+          vue.createElementVNode("div", _hoisted_3$D, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (calendarEvent, index2) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                 index2 < 3 ? (vue.openBlock(), vue.createBlock(Event, {
@@ -2121,7 +2121,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$10)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q));
+      ], 42, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p));
     };
   }
 });
@@ -2140,8 +2140,8 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
 });
 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 = {
+const _hoisted_3$C = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
+const _hoisted_4$o = {
   key: 0,
   class: "calendar-month__day_events w-100p pt-1 m_pb-1"
 };
@@ -2259,7 +2259,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$B, [
+        vue.createElementVNode("div", _hoisted_3$C, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value, (week, weekIndex) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: weekIndex,
@@ -2290,7 +2290,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$p, [
+        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
           selectedDay.value ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2526,8 +2526,8 @@ class EventChange {
 }
 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 = {
+const _hoisted_3$B = { class: "calendar-week__event-row is-time flex" };
+const _hoisted_4$n = {
   key: 0,
   class: "calendar-week__event-row is-location"
 };
@@ -2887,14 +2887,14 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
           })
         }, [
           vue.createElementVNode("div", _hoisted_2$J, vue.toDisplayString(event.value.title), 1),
-          vue.createElementVNode("div", _hoisted_3$A, [
+          vue.createElementVNode("div", _hoisted_3$B, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
+          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
             vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
@@ -3219,8 +3219,8 @@ const _hoisted_1$V = {
   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_3$A = { class: "flex justify-content-center gap-025 txt12 pb-025" };
+const _hoisted_4$m = { class: "" };
 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__ */ vue.defineComponent({
@@ -3253,8 +3253,8 @@ 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$n, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+            vue.createElementVNode("div", _hoisted_3$A, [
+              vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
               vue.createElementVNode("div", _hoisted_5$l, vue.toDisplayString(getDaysDate(day)), 1)
             ]),
             vue.createElementVNode("div", _hoisted_6$i, [
@@ -3279,7 +3279,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
 const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-9aaa9a54"]]);
 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 _hoisted_3$z = { class: "calendar-week__events" };
 const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Week",
   props: {
@@ -3545,7 +3545,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            vue.createElementVNode("div", _hoisted_3$y, [
+            vue.createElementVNode("div", _hoisted_3$z, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(days.value, (day, dayIndex) => {
                 return vue.openBlock(), vue.createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3629,7 +3629,7 @@ ${_Errors.SUFFIX}`);
 let Errors = _Errors;
 const _hoisted_1$T = { class: "calendar-root-wrapper txt16" };
 const _hoisted_2$E = ["data-lang"];
-const _hoisted_3$x = {
+const _hoisted_3$y = {
   key: 0,
   class: "top-bar-loader"
 };
@@ -3821,7 +3821,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createVNode(vue.Transition, { name: "loading" }, {
             default: vue.withCtx(() => [
-              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x)) : vue.createCommentVNode("", true)
+              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y)) : vue.createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -3959,8 +3959,7 @@ const _hoisted_2$D = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$w = ["onClick"];
-const _hoisted_4$m = { class: "Handlers" };
+const _hoisted_3$x = ["onClick"];
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
 const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
@@ -4067,12 +4066,14 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     function next() {
       if (!isSliderAvailable.value) return;
       countSlides();
-      goToSlide((activeSlideIndex.value + 1) % slideCount.value);
+      const nextIndex = props2.rtl ? (activeSlideIndex.value - 1 + slideCount.value) % slideCount.value : (activeSlideIndex.value + 1) % slideCount.value;
+      goToSlide(nextIndex);
     }
     function prev() {
       if (!isSliderAvailable.value) return;
       countSlides();
-      goToSlide((activeSlideIndex.value - 1 + slideCount.value) % slideCount.value);
+      const prevIndex = props2.rtl ? (activeSlideIndex.value + 1) % slideCount.value : (activeSlideIndex.value - 1 + slideCount.value) % slideCount.value;
+      goToSlide(prevIndex);
     }
     function calcHeight() {
       if (!isSliderAvailable.value || !bglSlider.value) return;
@@ -4154,7 +4155,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       const distance = x2 - startX.value;
       if (Math.abs(distance) > THRESHOLDS.DRAG) isDragging.value = true;
       if (isDragging.value) {
-        const newTranslate = translateX2.value + distance;
+        const newTranslate = translateX2.value + (props2.rtl ? -distance : distance);
         const maxTranslate = 0;
         const containerWidth = bglSlider.value.offsetWidth;
         const gapWidth = containerWidth * GAP_PERCENT / 100;
@@ -4177,8 +4178,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       const dragPercentage = Math.abs(totalDragDistance) / singleItemWidth;
       let targetPanel = currentPanel;
       if (dragPercentage > THRESHOLDS.SWIPE_PERCENT) {
-        const direction = totalDragDistance > 0 ? -1 : 1;
-        targetPanel = Math.floor(currentPanel) + (direction < 0 ? 0 : 1);
+        const distnace = totalDragDistance > 0 ? -1 : 1;
+        targetPanel = Math.floor(currentPanel) + (distnace < 0 ? 0 : 1);
       } else {
         targetPanel = Math.round(currentPanel);
       }
@@ -4323,7 +4324,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       if (!isHorizontal) return;
       clearAutoplay();
       if (wheelTimeout) clearTimeout(wheelTimeout);
-      accumulatedDeltaX.value += e.deltaX;
+      accumulatedDeltaX.value += props2.rtl ? -e.deltaX : e.deltaX;
       wheelTimeout = setTimeout(() => {
         accumulatedDeltaX.value = 0;
       }, 50);
@@ -4370,15 +4371,14 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => activeSlideIndex.value, handleSlideChange);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["BglCarousel", { autoHeight: __props.autoHeight }]),
-        style: vue.normalizeStyle({ height: vue.unref(yHeight) }),
+        class: "BglCarousel",
         dir: __props.rtl ? "rtl" : "ltr"
       }, [
         vue.createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true, grab: __props.freeDrag && vue.unref(slideCount) > 1 }]),
-          style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount) }),
+          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true, grab: __props.freeDrag && vue.unref(slideCount) > 1, autoHeight: __props.autoHeight }]),
+          style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount), "height": vue.unref(yHeight) }),
           onMousedown: startDrag,
           onMouseover: clearAutoplay,
           onFocusin: clearAutoplay,
@@ -4395,28 +4395,36 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
               key: i2,
               class: vue.normalizeClass(["dot", { current: vue.unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$w);
+            }, null, 10, _hoisted_3$x);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$m, [
-          vue.createElementVNode("span", { onClick: prev }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["navigation-buttons", { rtl: __props.rtl }])
+        }, [
+          vue.createElementVNode("span", {
+            class: "prev",
+            onClick: prev
+          }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               index: vue.unref(activeSlideIndex),
               prev
             }, void 0, true)
           ]),
-          vue.createElementVNode("span", { onClick: next }, [
+          vue.createElementVNode("span", {
+            class: "next",
+            onClick: next
+          }, [
             vue.renderSlot(_ctx.$slots, "next", {
               index: vue.unref(activeSlideIndex),
               next
             }, void 0, true)
           ])
-        ])
-      ], 14, _hoisted_1$R);
+        ], 2)
+      ], 8, _hoisted_1$R);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-31632a3b"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-c2b21a75"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -10250,7 +10258,7 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$v = { class: "layer-rectangles" };
+const _hoisted_3$w = { class: "layer-rectangles" };
 const _hoisted_4$l = ["transform", "onMouseover"];
 const _hoisted_5$k = ["width", "height"];
 const _hoisted_6$h = {
@@ -10268,7 +10276,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      vue.createElementVNode("g", _hoisted_3$v, [
+      vue.createElementVNode("g", _hoisted_3$w, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -11701,7 +11709,7 @@ const _hoisted_2$A = {
   key: 1,
   class: "flex-center h-300px txt-red"
 };
-const _hoisted_3$u = { class: "infinite-wrapper" };
+const _hoisted_3$v = { class: "infinite-wrapper" };
 const _hoisted_4$k = { class: "row first-row" };
 const _hoisted_5$j = { key: 0 };
 const _hoisted_6$g = ["onClick"];
@@ -11835,7 +11843,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", vue.mergeProps(vue.unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          vue.createElementVNode("table", _hoisted_3$u, [
+          vue.createElementVNode("table", _hoisted_3$v, [
             vue.createElementVNode("thead", _hoisted_4$k, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$j, [
                 vue.createElementVNode("input", {
@@ -15028,6 +15036,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     outline: { type: Boolean },
     round: { type: Boolean },
     placement: { default: "bottom-start" },
+    disablePlacement: { type: Boolean, default: false },
     noAutoFocus: { type: Boolean },
     autoHide: { type: Boolean, default: true },
     triggers: { default: () => ["click"] }
@@ -15053,6 +15062,10 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
       (_a = triggerRef.value) == null ? void 0 : _a.focus();
       (_b = ddownRef.value) == null ? void 0 : _b.hide();
     }
+    const { isMobile } = useDevice();
+    const shouldDisablePositioning = vue.computed(() => {
+      return __props.disablePlacement && isMobile;
+    });
     __expose({ show, hide, shown });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(kt), {
@@ -15062,6 +15075,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:shown": _cache[0] || (_cache[0] = ($event) => shown.value = $event),
         disabled: _ctx.disabled,
         noAutoFocus: _ctx.noAutoFocus,
+        "positioning-disabled": shouldDisablePositioning.value,
         placement: _ctx.placement,
         autoHide: _ctx.autoHide,
         triggers: _ctx.triggers,
@@ -15094,7 +15108,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["shown", "disabled", "noAutoFocus", "placement", "autoHide", "triggers"]);
+      }, 8, ["shown", "disabled", "noAutoFocus", "positioning-disabled", "placement", "autoHide", "triggers"]);
     };
   }
 });
@@ -15751,7 +15765,7 @@ const _hoisted_1$L = {
   class: "label mb-05"
 };
 const _hoisted_2$y = { class: "ps-025 border-start mb-05" };
-const _hoisted_3$t = {
+const _hoisted_3$u = {
   key: 0,
   class: "flex-center h-300px"
 };
@@ -15876,7 +15890,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_2$y, [
-          schemaState.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
+          schemaState.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
             schemaState.value === "loading" ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), { key: 0 })) : schemaState.value === "error" ? (vue.openBlock(), vue.createBlock(_component_Icon, {
               key: 1,
               icon: "error",
@@ -15963,7 +15977,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$J = ["title"];
 const _hoisted_2$x = ["id", "value", "required"];
-const _hoisted_3$s = ["for"];
+const _hoisted_3$t = ["for"];
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -16004,7 +16018,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$s)
+        ], 8, _hoisted_3$t)
       ], 10, _hoisted_1$J);
     };
   }
@@ -16015,7 +16029,7 @@ const _hoisted_2$w = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$r = {
+const _hoisted_3$s = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
@@ -16106,7 +16120,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$w, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, [
+        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
@@ -16143,7 +16157,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
 const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-1fbc9b61"]]);
 const _hoisted_1$H = ["title"];
 const _hoisted_2$v = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
-const _hoisted_3$q = ["id", "placeholder", "required"];
+const _hoisted_3$r = ["id", "placeholder", "required"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorInput",
   props: {
@@ -16182,7 +16196,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               type: "color",
               placeholder: _ctx.placeholder || _ctx.label,
               required: _ctx.required
-            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$q), [
+            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$r), [
               [vue.vModelText, inputVal.value]
             ]),
             vue.withDirectives(vue.createElementVNode("input", {
@@ -16210,7 +16224,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$G = ["title"];
 const _hoisted_2$u = { key: 0 };
-const _hoisted_3$p = {
+const _hoisted_3$q = {
   key: 0,
   class: "required"
 };
@@ -16550,7 +16564,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$u, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, "*")) : vue.createCommentVNode("", true)
+          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$q, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(_sfc_main$W), {
           shown: isOpen.value,
@@ -16736,7 +16750,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
 const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-7d6fb8a5"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$t = { key: 0 };
-const _hoisted_3$o = {
+const _hoisted_3$p = {
   key: 0,
   class: "required"
 };
@@ -16943,7 +16957,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "*")) : vue.createCommentVNode("", true)
+          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(_sfc_main$W), {
           shown: vue.unref(isOpen),
@@ -17116,7 +17130,7 @@ const _hoisted_2$s = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_3$n = ["id", "name", "value"];
+const _hoisted_3$o = ["id", "name", "value"];
 const _hoisted_4$f = ["for"];
 const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
@@ -17148,7 +17162,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr
-              }, null, 8, _hoisted_3$n), [
+              }, null, 8, _hoisted_3$o), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
@@ -17169,7 +17183,7 @@ const _hoisted_2$r = {
   required: "",
   class: "pixel"
 };
-const _hoisted_3$m = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_3$n = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$e = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
 const _hoisted_5$e = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$b = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
@@ -17401,7 +17415,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_3$m, [
+                vue.createElementVNode("div", _hoisted_3$n, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -17637,7 +17651,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-50fd0597"]]);
 const _hoisted_1$C = ["title"];
 const _hoisted_2$q = { key: 0 };
-const _hoisted_3$l = ["value", "placeholder"];
+const _hoisted_3$m = ["value", "placeholder"];
 const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
@@ -17669,7 +17683,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$l)
+        }, null, 42, _hoisted_3$m)
       ], 10, _hoisted_1$C);
     };
   }
@@ -17680,7 +17694,7 @@ const _hoisted_2$p = {
   key: 0,
   class: "block"
 };
-const _hoisted_3$k = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
+const _hoisted_3$l = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
 const _hoisted_4$d = {
   key: 1,
   class: "opacity-7 light"
@@ -17829,7 +17843,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(vue.withModifiers(increment, ["prevent"]), ["up"]),
                 vue.withKeys(vue.withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_3$k), [
+            }, null, 42, _hoisted_3$l), [
               [
                 vue.vModelText,
                 vue.unref(formattedValue),
@@ -22539,7 +22553,7 @@ function parsePhoneNumber() {
 }
 const _hoisted_1$y = ["aria-expanded"];
 const _hoisted_2$n = { class: "flex gap-05 country-code-display" };
-const _hoisted_3$j = { class: "p-075 tel-countryp-dropdown" };
+const _hoisted_3$k = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_4$c = {
   class: "overflow-y p-0 max-h-300px",
   role: "listbox"
@@ -22745,7 +22759,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_3$j, [
+                vue.createElementVNode("div", _hoisted_3$k, [
                   searchable.value ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                     key: 0,
                     ref_key: "searchInput",
@@ -22814,7 +22828,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
 const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-ea318aee"]]);
 const _hoisted_1$x = ["for"];
 const _hoisted_2$m = ["id", "disabled", "name", "value", "required"];
-const _hoisted_3$i = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_3$j = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$b = ["src", "alt"];
 const _hoisted_5$b = { class: "" };
 const _hoisted_6$9 = {
@@ -22886,7 +22900,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             }, null, 40, _hoisted_2$m), [
               [vue.vModelRadio, selectedOption.value]
             ]),
-            vue.createElementVNode("div", _hoisted_3$i, [
+            vue.createElementVNode("div", _hoisted_3$j, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -22917,7 +22931,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
 const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-a692c596"]]);
 const _hoisted_1$w = { class: "bagel-input" };
 const _hoisted_2$l = { class: "pb-025" };
-const _hoisted_3$h = { class: "flex gap-05 flex-wrap" };
+const _hoisted_3$i = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$a = ["id", "name", "value", "checked"];
 const _hoisted_5$a = ["for"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
@@ -22965,7 +22979,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         vue.createElementVNode("label", _hoisted_2$l, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$h, [
+        vue.createElementVNode("div", _hoisted_3$i, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -22995,7 +23009,7 @@ const _hoisted_2$k = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$g = { class: "range-slider relative w-100" };
+const _hoisted_3$h = { class: "range-slider relative w-100" };
 const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
@@ -23065,7 +23079,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
         props2.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$k, vue.toDisplayString(props2.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$g, [
+        vue.createElementVNode("div", _hoisted_3$h, [
           vue.createElementVNode("input", {
             id: _ctx.id,
             value: validFrom.value,
@@ -23226,7 +23240,7 @@ const toolbarOptions = [
 ];
 const _hoisted_1$u = { class: "grid grid-wrap p-05" };
 const _hoisted_2$j = ["onMousemove", "onClick"];
-const _hoisted_3$f = { class: "txt-center txt-12 color-gray" };
+const _hoisted_3$g = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const base = 5;
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
@@ -23276,7 +23290,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ], 32);
         }), 128)),
-        vue.createElementVNode("p", _hoisted_3$f, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
+        vue.createElementVNode("p", _hoisted_3$g, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
@@ -24617,7 +24631,7 @@ function isNodeEmpty(node) {
 }
 const _hoisted_1$s = { class: "bagel-input" };
 const _hoisted_2$i = { class: "content-area radius-05" };
-const _hoisted_3$e = {
+const _hoisted_3$f = {
   key: 1,
   class: "flex"
 };
@@ -24775,7 +24789,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               class: "code-editor"
             }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
           ], 2),
-          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
+          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$f, [
             _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
             vue.createVNode(vue.unref(Btn), {
               thin: "",
@@ -24822,7 +24836,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-30bcda4c"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
-const _hoisted_3$d = { key: 1 };
+const _hoisted_3$e = { key: 1 };
 const _hoisted_4$8 = {
   key: 2,
   class: "ms-auto ps-05 me-05"
@@ -25052,7 +25066,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$d, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$e, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
                 _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
                   vue.createVNode(vue.unref(Btn), {
                     flat: "",
@@ -25141,7 +25155,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 });
 const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-da5bc268"]]);
 /*!
- * Signature Pad v5.0.6 | https://github.com/szimek/signature_pad
+ * Signature Pad v5.0.7 | https://github.com/szimek/signature_pad
  * (c) 2025 Szymon Nowak | Released under the MIT license
  */
 class Point {
@@ -28427,7 +28441,7 @@ const VueDraggableNext = vue.defineComponent({
 });
 const _hoisted_1$p = ["title"];
 const _hoisted_2$f = { class: "bagel-input" };
-const _hoisted_3$c = { class: "table-side-scroll" };
+const _hoisted_3$d = { class: "table-side-scroll" };
 const _hoisted_4$7 = { class: "table-header" };
 const _hoisted_5$7 = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
@@ -28499,7 +28513,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2$f, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$c, [
+        vue.createElementVNode("div", _hoisted_3$d, [
           vue.createElementVNode("div", _hoisted_4$7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -28578,7 +28592,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-e9632f79"]]);
 const _hoisted_1$o = ["title"];
 const _hoisted_2$e = ["for"];
-const _hoisted_3$b = ["id", "name", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_3$c = ["id", "name", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$6 = ["id", "name", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$6 = {
   key: 2,
@@ -28689,7 +28703,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             onFocus: _cache[2] || (_cache[2] = //@ts-ignore
             (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
             onInput: updateInputVal
-          }), null, 16, _hoisted_3$b)), [
+          }), null, 16, _hoisted_3$c)), [
             [
               vue.vModelDynamic,
               vue.unref(inputVal),
@@ -28735,7 +28749,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
 const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-dbcf2010"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$d = ["id", "required"];
-const _hoisted_3$a = ["for"];
+const _hoisted_3$b = ["for"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -28779,7 +28793,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$a)
+        ], 8, _hoisted_3$b)
       ], 10, _hoisted_1$n);
     };
   }
@@ -28815,7 +28829,7 @@ const files = {
 };
 const _hoisted_1$m = { class: "bagel-input" };
 const _hoisted_2$c = { key: 0 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 1,
   placeholder: "required",
   type: "text",
@@ -28965,7 +28979,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       const _directive_lightbox = vue.resolveDirective("lightbox");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        _ctx.required && !pathKeys.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_3$9)) : vue.createCommentVNode("", true),
+        _ctx.required && !pathKeys.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_3$a)) : vue.createCommentVNode("", true),
         _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$10), {
           key: 2,
           outline: "",
@@ -33718,7 +33732,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$k = { key: 0 };
 const _hoisted_2$b = ["src", "alt", "width", "height"];
-const _hoisted_3$8 = ["src", "alt", "width", "height"];
+const _hoisted_3$9 = ["src", "alt", "width", "height"];
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Image",
   props: {
@@ -33816,7 +33830,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         alt: _ctx.alt,
         width: vue.unref(normalizeDimension)(_ctx.width),
         height: vue.unref(normalizeDimension)(_ctx.height)
-      }), null, 16, _hoisted_3$8)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
+      }), null, 16, _hoisted_3$9)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
         class: "flex-center error-image",
         style: vue.normalizeStyle({
@@ -34024,7 +34038,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
 const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8788ed73"]]);
 const _hoisted_1$h = { class: "bgl_card tabs-top" };
 const _hoisted_2$a = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_3$7 = ["onClick"];
+const _hoisted_3$8 = ["onClick"];
 const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
@@ -34069,7 +34083,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                   active: tab === vue.unref(activeTab) || tab === ((_a = _ctx.router) == null ? void 0 : _a.currentRoute.value.path.split("/").slice(-1)[0])
                 }, "tab"]),
                 onClick: ($event) => changeTab(tab)
-              }, vue.toDisplayString(tab), 11, _hoisted_3$7);
+              }, vue.toDisplayString(tab), 11, _hoisted_3$8);
             }), 128))
           ])
         ]),
@@ -34263,27 +34277,57 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6ece2018"]]);
-const _hoisted_1$e = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$9 = { class: "txt12 no-margin txt-gray ellipsis" };
+const _hoisted_1$e = {
+  key: 0,
+  class: "txt10 no-margin txt-gray ellipsis"
+};
+const _hoisted_2$9 = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_3$7 = {
+  key: 1,
+  class: "txt12 no-margin txt-gray ellipsis"
+};
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
     showAvatar: { type: Boolean },
     to: {},
+    href: {},
     icon: {},
     title: {},
     subtitle: {},
     flat: { type: Boolean },
+    disabled: { type: Boolean },
+    lead: {},
+    iconEnd: {},
+    target: {},
     onClick: { type: Function }
   },
   setup(__props) {
+    const props2 = __props;
+    const isComponent = vue.computed(() => {
+      if (props2.to) return "router-link";
+      if (props2.href) return "a";
+      if (props2.onClick) return "button";
+      return "div";
+    });
+    const bind3 = vue.computed(() => {
+      const obj = {};
+      if (props2.to) obj.to = props2.to;
+      else if (props2.href) obj.href = props2.href;
+      if (props2.target && (props2.to || props2.href)) obj.target = props2.target;
+      obj.class = {
+        "notClickable": !(props2.to || props2.onClick),
+        "no-border-list": props2.flat
+      };
+      if (props2.disabled) obj.disabled = true;
+      return obj;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
-        to: _ctx.to,
-        class: vue.normalizeClass(["flex gap-05 list-item", { "notClickable": !(_ctx.to || _ctx.onClick), "no-border-list": _ctx.flat }]),
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(isComponent.value), vue.mergeProps(bind3.value, {
+        class: "flex gap-05 list-item",
         onClick: _ctx.onClick
-      }, {
+      }), {
         default: vue.withCtx(() => [
           _ctx.src || _ctx.showAvatar ? (vue.openBlock(), vue.createBlock(vue.unref(Avatar), {
             key: 0,
@@ -34299,18 +34343,27 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$e, [
+            _ctx.lead ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$e, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.lead) + " ", 1),
+              vue.renderSlot(_ctx.$slots, "lead")
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("p", _hoisted_2$9, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$9, [
+            _ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$7, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
-            ])
-          ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+            key: 2,
+            icon: _ctx.iconEnd,
+            class: "transition-400"
+          }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["to", "class", "onClick"]);
+      }, 16, ["onClick"]);
     };
   }
 });
@@ -36428,6 +36481,24 @@ function useBagelFormState(injectionKey = FORM_STATE_KEY) {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
+function useDevice() {
+  const innerWidth = vue.ref(window.innerWidth);
+  const isMobile = vue.ref(window.innerWidth < 768);
+  function updateDeviceInfo() {
+    innerWidth.value = window.innerWidth;
+    isMobile.value = window.innerWidth < 768;
+  }
+  vue.onMounted(() => {
+    window.addEventListener("resize", updateDeviceInfo);
+  });
+  vue.onUnmounted(() => {
+    window.removeEventListener("resize", updateDeviceInfo);
+  });
+  return {
+    innerWidth,
+    isMobile
+  };
+}
 function useBglSchema({ schema, columns, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {
@@ -37931,6 +38002,7 @@ exports.useBagel = useBagel;
 exports.useBagelFormState = useBagelFormState;
 exports.useBglSchema = useBglSchema;
 exports.useDebounceFn = useDebounceFn;
+exports.useDevice = useDevice;
 exports.useDraggable = useDraggable;
 exports.useEscape = useEscape;
 exports.useI18nT = useI18nT;