@bagelink/vue 1.1.21 → 1.1.27

package/dist/index.mjs

@@ -19,7 +19,7 @@ const _sfc_main$1n = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -104,7 +104,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$I)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$J)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -377,7 +377,7 @@ const _sfc_main$1h = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -469,7 +469,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$H)
+          }, null, 8, _hoisted_3$I)
         ], 12, _hoisted_2$R)) : createCommentVNode("", true)
       ], 2);
     };
@@ -739,11 +739,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"
 };
@@ -823,14 +823,14 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(handleClickOnEvent, ["prevent"])
       }, [
         createElementVNode("div", _hoisted_2$P, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_3$G, [
+          eventTime.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_3$H, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             createTextVNode(" " + toDisplayString(eventTime.value), 1)
           ])) : createCommentVNode("", true),
-          __props.calendarEvent.location ? (openBlock(), createElementBlock("span", _hoisted_4$u, [
+          __props.calendarEvent.location ? (openBlock(), createElementBlock("span", _hoisted_4$t, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
@@ -854,8 +854,8 @@ const _sfc_main$1e = /* @__PURE__ */ 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,
@@ -887,8 +887,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$13, [
         createElementVNode("header", _hoisted_2$O, [
-          createElementVNode("div", _hoisted_3$F, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
-          createElementVNode("div", _hoisted_4$t, toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
+          createElementVNode("div", _hoisted_3$G, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
+          createElementVNode("div", _hoisted_4$s, toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
         createElementVNode("div", _hoisted_5$p, [
           __props.day.events.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$l, toDisplayString(unref(getLanguage)(unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$g, [
@@ -1588,11 +1588,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"
@@ -1796,7 +1796,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (openBlock(), createElementBlock("div", _hoisted_1$12, [
           createElementVNode("div", _hoisted_2$N, [
-            isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, [
+            isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$F, [
               createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
@@ -1808,7 +1808,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_4$s, [
+            createElementVNode("span", _hoisted_4$r, [
               createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1866,8 +1866,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"
 };
@@ -1974,9 +1974,9 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           onClick: handleClickOnEvent
         }, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
-          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(eventTimeStart.value), 1)) : createCommentVNode("", true),
+          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(eventTimeStart.value), 1)) : createCommentVNode("", true),
           createElementVNode("span", _hoisted_5$n, toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$D))
+        ], 42, _hoisted_3$E))
       ], 64));
     };
   }
@@ -1984,8 +1984,8 @@ const _sfc_main$1b = /* @__PURE__ */ 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"
 };
@@ -2092,7 +2092,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
               onClick: emitDayWasClicked
             }, toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          createElementVNode("div", _hoisted_3$C, [
+          createElementVNode("div", _hoisted_3$D, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.day.events, (calendarEvent, index2) => {
               return openBlock(), createElementBlock(Fragment, { key: index2 }, [
                 index2 < 3 ? (openBlock(), createBlock(Event, {
@@ -2119,7 +2119,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
             }, toDisplayString(unref(getLanguage)(unref(languageKeys).moreEvents, __props.time.CALENDAR_LOCALE)), 1)) : createCommentVNode("", true)
           ])
         ], true)
-      ], 42, _hoisted_1$10)) : (openBlock(), createElementBlock("div", _hoisted_4$q));
+      ], 42, _hoisted_1$10)) : (openBlock(), createElementBlock("div", _hoisted_4$p));
     };
   }
 });
@@ -2138,8 +2138,8 @@ const _sfc_main$19 = /* @__PURE__ */ 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"
 };
@@ -2257,7 +2257,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$B, [
+        createElementVNode("div", _hoisted_3$C, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(month.value, (week, weekIndex) => {
             return openBlock(), createElementBlock("div", {
               key: weekIndex,
@@ -2288,7 +2288,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ]),
-        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
+        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
           selectedDay.value ? (openBlock(), createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2524,8 +2524,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"
 };
@@ -2885,14 +2885,14 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           })
         }, [
           createElementVNode("div", _hoisted_2$J, toDisplayString(event.value.title), 1),
-          createElementVNode("div", _hoisted_3$A, [
+          createElementVNode("div", _hoisted_3$B, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+          event.value.location ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
             createVNode(unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
@@ -3217,8 +3217,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__ */ defineComponent({
@@ -3251,8 +3251,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
             }]),
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
-            createElementVNode("div", _hoisted_3$z, [
-              createElementVNode("div", _hoisted_4$n, toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+            createElementVNode("div", _hoisted_3$A, [
+              createElementVNode("div", _hoisted_4$m, toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
               createElementVNode("div", _hoisted_5$l, toDisplayString(getDaysDate(day)), 1)
             ]),
             createElementVNode("div", _hoisted_6$i, [
@@ -3277,7 +3277,7 @@ const _sfc_main$13 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Week",
   props: {
@@ -3543,7 +3543,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            createElementVNode("div", _hoisted_3$y, [
+            createElementVNode("div", _hoisted_3$z, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day, dayIndex) => {
                 return openBlock(), createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3627,7 +3627,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"
 };
@@ -3819,7 +3819,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(Transition, { name: "loading" }, {
             default: withCtx(() => [
-              __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3$x)) : createCommentVNode("", true)
+              __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3$y)) : createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -3957,8 +3957,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__ */ defineComponent({
@@ -4065,12 +4064,14 @@ const _sfc_main$$ = /* @__PURE__ */ 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;
@@ -4152,7 +4153,7 @@ const _sfc_main$$ = /* @__PURE__ */ 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;
@@ -4175,8 +4176,8 @@ const _sfc_main$$ = /* @__PURE__ */ 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);
       }
@@ -4321,7 +4322,7 @@ const _sfc_main$$ = /* @__PURE__ */ 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);
@@ -4368,15 +4369,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     watch(() => activeSlideIndex.value, handleSlideChange);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["BglCarousel", { autoHeight: __props.autoHeight }]),
-        style: normalizeStyle({ height: unref(yHeight) }),
+        class: "BglCarousel",
         dir: __props.rtl ? "rtl" : "ltr"
       }, [
         createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: normalizeClass(["bgl-slider", { dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${unref(itemCount)}`]: true, grab: __props.freeDrag && unref(slideCount) > 1 }]),
-          style: normalizeStyle({ "--item-count": unref(itemCount) }),
+          class: normalizeClass(["bgl-slider", { dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${unref(itemCount)}`]: true, grab: __props.freeDrag && unref(slideCount) > 1, autoHeight: __props.autoHeight }]),
+          style: normalizeStyle({ "--item-count": unref(itemCount), "height": unref(yHeight) }),
           onMousedown: startDrag,
           onMouseover: clearAutoplay,
           onFocusin: clearAutoplay,
@@ -4393,28 +4393,36 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
               key: i2,
               class: normalizeClass(["dot", { current: unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$w);
+            }, null, 10, _hoisted_3$x);
           }), 128))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$m, [
-          createElementVNode("span", { onClick: prev }, [
+        createElementVNode("div", {
+          class: normalizeClass(["navigation-buttons", { rtl: __props.rtl }])
+        }, [
+          createElementVNode("span", {
+            class: "prev",
+            onClick: prev
+          }, [
             renderSlot(_ctx.$slots, "prev", {
               index: unref(activeSlideIndex),
               prev
             }, void 0, true)
           ]),
-          createElementVNode("span", { onClick: next }, [
+          createElementVNode("span", {
+            class: "next",
+            onClick: next
+          }, [
             renderSlot(_ctx.$slots, "next", {
               index: 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;
 }
@@ -10248,7 +10256,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 = {
@@ -10266,7 +10274,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      createElementVNode("g", _hoisted_3$v, [
+      createElementVNode("g", _hoisted_3$w, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -11699,7 +11707,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"];
@@ -11833,7 +11841,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         createElementVNode("div", mergeProps(unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          createElementVNode("table", _hoisted_3$u, [
+          createElementVNode("table", _hoisted_3$v, [
             createElementVNode("thead", _hoisted_4$k, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$j, [
                 createElementVNode("input", {
@@ -15026,6 +15034,7 @@ const _sfc_main$W = /* @__PURE__ */ 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"] }
@@ -15051,6 +15060,10 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       (_a = triggerRef.value) == null ? void 0 : _a.focus();
       (_b = ddownRef.value) == null ? void 0 : _b.hide();
     }
+    const { isMobile } = useDevice();
+    const shouldDisablePositioning = computed(() => {
+      return __props.disablePlacement && isMobile;
+    });
     __expose({ show, hide, shown });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(kt), {
@@ -15060,6 +15073,7 @@ const _sfc_main$W = /* @__PURE__ */ 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,
@@ -15092,7 +15106,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["shown", "disabled", "noAutoFocus", "placement", "autoHide", "triggers"]);
+      }, 8, ["shown", "disabled", "noAutoFocus", "positioning-disabled", "placement", "autoHide", "triggers"]);
     };
   }
 });
@@ -15749,7 +15763,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"
 };
@@ -15874,7 +15888,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("p", _hoisted_1$L, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$y, [
-          schemaState.value !== "loaded" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+          schemaState.value !== "loaded" ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
             schemaState.value === "loading" ? (openBlock(), createBlock(unref(Loading), { key: 0 })) : schemaState.value === "error" ? (openBlock(), createBlock(_component_Icon, {
               key: 1,
               icon: "error",
@@ -15961,7 +15975,7 @@ const _sfc_main$R = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -16002,7 +16016,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$s)
+        ], 8, _hoisted_3$t)
       ], 10, _hoisted_1$J);
     };
   }
@@ -16013,7 +16027,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"
 };
@@ -16104,7 +16118,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$w, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
           createElementVNode("div", {
             class: "relative block h-100",
             style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
@@ -16141,7 +16155,7 @@ const _sfc_main$P = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ColorInput",
   props: {
@@ -16180,7 +16194,7 @@ const _sfc_main$O = /* @__PURE__ */ 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), [
               [vModelText, inputVal.value]
             ]),
             withDirectives(createElementVNode("input", {
@@ -16208,7 +16222,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$G = ["title"];
 const _hoisted_2$u = { key: 0 };
-const _hoisted_3$p = {
+const _hoisted_3$q = {
   key: 0,
   class: "required"
 };
@@ -16548,7 +16562,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$u, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$p, "*")) : createCommentVNode("", true)
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$q, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(_sfc_main$W), {
           shown: isOpen.value,
@@ -16734,7 +16748,7 @@ const _sfc_main$N = /* @__PURE__ */ 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"
 };
@@ -16941,7 +16955,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$t, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$o, "*")) : createCommentVNode("", true)
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$p, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(_sfc_main$W), {
           shown: unref(isOpen),
@@ -17114,7 +17128,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__ */ defineComponent({
   __name: "DatePicker",
@@ -17146,7 +17160,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr
-              }, null, 8, _hoisted_3$n), [
+              }, null, 8, _hoisted_3$o), [
                 [vModelRadio, selectedHour.value]
               ]),
               createElementVNode("label", {
@@ -17167,7 +17181,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" };
@@ -17399,7 +17413,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                createElementVNode("div", _hoisted_3$m, [
+                createElementVNode("div", _hoisted_3$n, [
                   withDirectives(createVNode(unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -17635,7 +17649,7 @@ const _sfc_main$K = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -17667,7 +17681,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$l)
+        }, null, 42, _hoisted_3$m)
       ], 10, _hoisted_1$C);
     };
   }
@@ -17678,7 +17692,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"
@@ -17827,7 +17841,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 withKeys(withModifiers(increment, ["prevent"]), ["up"]),
                 withKeys(withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_3$k), [
+            }, null, 42, _hoisted_3$l), [
               [
                 vModelText,
                 unref(formattedValue),
@@ -22537,7 +22551,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"
@@ -22743,7 +22757,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$j, [
+                createElementVNode("div", _hoisted_3$k, [
                   searchable.value ? (openBlock(), createBlock(unref(TextInput), {
                     key: 0,
                     ref_key: "searchInput",
@@ -22812,7 +22826,7 @@ const _sfc_main$F = /* @__PURE__ */ 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 = {
@@ -22884,7 +22898,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             }, null, 40, _hoisted_2$m), [
               [vModelRadio, selectedOption.value]
             ]),
-            createElementVNode("div", _hoisted_3$i, [
+            createElementVNode("div", _hoisted_3$j, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -22915,7 +22929,7 @@ const _sfc_main$E = /* @__PURE__ */ 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__ */ defineComponent({
@@ -22963,7 +22977,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("label", _hoisted_2$l, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$h, [
+        createElementVNode("div", _hoisted_3$i, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -22993,7 +23007,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" };
@@ -23063,7 +23077,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
         props2.label ? (openBlock(), createElementBlock("label", _hoisted_2$k, toDisplayString(props2.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$g, [
+        createElementVNode("div", _hoisted_3$h, [
           createElementVNode("input", {
             id: _ctx.id,
             value: validFrom.value,
@@ -23224,7 +23238,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__ */ defineComponent({
@@ -23274,7 +23288,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 32);
         }), 128)),
-        createElementVNode("p", _hoisted_3$f, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
+        createElementVNode("p", _hoisted_3$g, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
@@ -24615,7 +24629,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"
 };
@@ -24773,7 +24787,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               class: "code-editor"
             }, null, 8, ["modelValue"])) : createCommentVNode("", true)
           ], 2),
-          _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
+          _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
             _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
             createVNode(unref(Btn), {
               thin: "",
@@ -24820,7 +24834,7 @@ const _sfc_main$z = /* @__PURE__ */ 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"
@@ -25050,7 +25064,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
-                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$d, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
+                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$e, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
                 _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
                   createVNode(unref(Btn), {
                     flat: "",
@@ -25139,7 +25153,7 @@ const _sfc_main$y = /* @__PURE__ */ 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 {
@@ -28425,7 +28439,7 @@ const VueDraggableNext = 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" };
@@ -28497,7 +28511,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$f, [
           createElementVNode("label", null, toDisplayString((_a = unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$d, [
           createElementVNode("div", _hoisted_4$7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList((_b = unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return openBlock(), createElementBlock("div", {
@@ -28576,7 +28590,7 @@ const _sfc_main$w = /* @__PURE__ */ 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,
@@ -28687,7 +28701,7 @@ const _sfc_main$v = /* @__PURE__ */ 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)), [
             [
               vModelDynamic,
               unref(inputVal),
@@ -28733,7 +28747,7 @@ const _sfc_main$v = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ mergeModels({
@@ -28777,7 +28791,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$a)
+        ], 8, _hoisted_3$b)
       ], 10, _hoisted_1$n);
     };
   }
@@ -28813,7 +28827,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",
@@ -28963,7 +28977,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _directive_lightbox = resolveDirective("lightbox");
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$9)) : createCommentVNode("", true),
+        _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$a)) : createCommentVNode("", true),
         _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$10), {
           key: 2,
           outline: "",
@@ -33716,7 +33730,7 @@ const _sfc_main$r = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Image",
   props: {
@@ -33814,7 +33828,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         alt: _ctx.alt,
         width: unref(normalizeDimension)(_ctx.width),
         height: unref(normalizeDimension)(_ctx.height)
-      }), null, 16, _hoisted_3$8)) : unref(loadingError) ? (openBlock(), createElementBlock("div", {
+      }), null, 16, _hoisted_3$9)) : unref(loadingError) ? (openBlock(), createElementBlock("div", {
         key: 2,
         class: "flex-center error-image",
         style: normalizeStyle({
@@ -34022,7 +34036,7 @@ const _sfc_main$m = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "TabbedLayout",
   props: {
@@ -34067,7 +34081,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   active: tab === unref(activeTab) || tab === ((_a = _ctx.router) == null ? void 0 : _a.currentRoute.value.path.split("/").slice(-1)[0])
                 }, "tab"]),
                 onClick: ($event) => changeTab(tab)
-              }, toDisplayString(tab), 11, _hoisted_3$7);
+              }, toDisplayString(tab), 11, _hoisted_3$8);
             }), 128))
           ])
         ]),
@@ -34261,27 +34275,57 @@ const _sfc_main$i = /* @__PURE__ */ 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__ */ 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 = computed(() => {
+      if (props2.to) return "router-link";
+      if (props2.href) return "a";
+      if (props2.onClick) return "button";
+      return "div";
+    });
+    const bind3 = 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 openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
-        to: _ctx.to,
-        class: normalizeClass(["flex gap-05 list-item", { "notClickable": !(_ctx.to || _ctx.onClick), "no-border-list": _ctx.flat }]),
+      return openBlock(), createBlock(resolveDynamicComponent(isComponent.value), mergeProps(bind3.value, {
+        class: "flex gap-05 list-item",
         onClick: _ctx.onClick
-      }, {
+      }), {
         default: withCtx(() => [
           _ctx.src || _ctx.showAvatar ? (openBlock(), createBlock(unref(Avatar), {
             key: 0,
@@ -34297,18 +34341,27 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$e, [
+            _ctx.lead ? (openBlock(), createElementBlock("p", _hoisted_1$e, [
+              createTextVNode(toDisplayString(_ctx.lead) + " ", 1),
+              renderSlot(_ctx.$slots, "lead")
+            ])) : createCommentVNode("", true),
+            createElementVNode("p", _hoisted_2$9, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$9, [
+            _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_3$7, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
-            ])
-          ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
+            key: 2,
+            icon: _ctx.iconEnd,
+            class: "transition-400"
+          }, null, 8, ["icon"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["to", "class", "onClick"]);
+      }, 16, ["onClick"]);
     };
   }
 });
@@ -36426,6 +36479,24 @@ function useBagelFormState(injectionKey = FORM_STATE_KEY) {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
+function useDevice() {
+  const innerWidth = ref(window.innerWidth);
+  const isMobile = ref(window.innerWidth < 768);
+  function updateDeviceInfo() {
+    innerWidth.value = window.innerWidth;
+    isMobile.value = window.innerWidth < 768;
+  }
+  onMounted(() => {
+    window.addEventListener("resize", updateDeviceInfo);
+  });
+  onUnmounted(() => {
+    window.removeEventListener("resize", updateDeviceInfo);
+  });
+  return {
+    innerWidth,
+    isMobile
+  };
+}
 function useBglSchema({ schema, columns, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {
@@ -37930,6 +38001,7 @@ export {
   useBagelFormState,
   useBglSchema,
   useDebounceFn,
+  useDevice,
   useDraggable,
   useEscape,
   useI18nT,