@bagelink/vue 1.2.71 → 1.2.75

package/dist/index.cjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -19,10 +19,10 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["aria-expanded", "aria-controls"];
-const _hoisted_2$M = { class: "accordion-label" };
-const _hoisted_3$F = ["id", "aria-hidden"];
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$13 = ["aria-expanded", "aria-controls"];
+const _hoisted_2$N = { class: "accordion-label" };
+const _hoisted_3$G = ["id", "aria-hidden"];
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -85,18 +85,18 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass(["accordion-icon", [_ctx.iconClass, { open: vue.unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
+            vue.createVNode(vue.unref(_sfc_main$t), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_2$M, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_2$N, vue.toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
             class: vue.normalizeClass(["accordion-icon", [_ctx.iconClass, { open: vue.unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
+            vue.createVNode(vue.unref(_sfc_main$t), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$12),
+        ], 8, _hoisted_1$13),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -106,7 +106,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$F)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$G)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -121,9 +121,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-3334f637"]]);
-const _hoisted_1$11 = { class: "relative" };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-3334f637"]]);
+const _hoisted_1$12 = { class: "relative" };
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -145,8 +145,8 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
       (_a = suggestion.value) == null ? void 0 : _a.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-        vue.createVNode(vue.unref(_sfc_main$X), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+        vue.createVNode(vue.unref(_sfc_main$Y), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -164,7 +164,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(ListView), { class: "-mt-2 hm-300px" }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(searchResults), (result2, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$i), {
                     key: index2,
                     icon: "location_on",
                     title: result2.display_name,
@@ -181,11 +181,11 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$11 = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -254,8 +254,8 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 0,
               icon: _ctx.icon,
               class: "transition-400"
@@ -264,7 +264,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots).default && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 2,
               icon: _ctx.iconEnd,
               class: "transition-400"
@@ -278,10 +278,10 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-99c4aa53"]]);
-const _hoisted_1$$ = ["dismissable"];
-const _hoisted_2$L = { class: "m-0" };
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-99c4aa53"]]);
+const _hoisted_1$10 = ["dismissable"];
+const _hoisted_2$M = { class: "m-0" };
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -304,14 +304,14 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type, { thin: _ctx.thin, outline: _ctx.outline }]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
           size: 1.7,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$L, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$M, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -319,13 +319,13 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$$)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$10)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-15c4ee95"]]);
-const _hoisted_1$_ = ["src", "alt"];
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-15c4ee95"]]);
+const _hoisted_1$$ = ["src", "alt"];
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -343,7 +343,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -351,8 +351,8 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-b73b9e30"]]);
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-b73b9e30"]]);
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -366,13 +366,13 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+        _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
           key: 1,
           class: "inline",
           icon: _ctx.iconEnd
@@ -381,11 +381,11 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-689f051f"]]);
-const _hoisted_1$Z = ["src"];
-const _hoisted_2$K = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$E = ["src", "type"];
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-689f051f"]]);
+const _hoisted_1$_ = ["src"];
+const _hoisted_2$L = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_3$F = ["src", "type"];
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -462,7 +462,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$Z)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$_)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -476,14 +476,14 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$E)
-        ], 12, _hoisted_2$K)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_3$F)
+        ], 12, _hoisted_2$L)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-006552f6"]]);
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-006552f6"]]);
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "CalendarPopover",
   props: {
     event: {},
@@ -526,7 +526,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_click_outside = vue.resolveDirective("click-outside");
-      return _ctx.show && _ctx.event ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$11), {
+      return _ctx.show && _ctx.event ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$12), {
         key: 0,
         ref_key: "popoverRef",
         ref: popoverRef,
@@ -548,14 +548,14 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CalendarPopover = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-6f51f6b3"]]);
-const _hoisted_1$Y = { class: "agenda-view" };
-const _hoisted_2$J = ["data-date", "onClick"];
-const _hoisted_3$D = { class: "event-content" };
+const CalendarPopover = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-6f51f6b3"]]);
+const _hoisted_1$Z = { class: "agenda-view" };
+const _hoisted_2$K = ["data-date", "onClick"];
+const _hoisted_3$E = { class: "event-content" };
 const _hoisted_4$r = { class: "event-time" };
 const _hoisted_5$q = { class: "event-details" };
 const _hoisted_6$n = { class: "event-title" };
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "AgendaView",
   props: {
     events: {},
@@ -653,7 +653,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
         _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "agenda-header" }, [
           vue.createElementVNode("div", { class: "time-column" }, " Time "),
           vue.createElementVNode("div", { class: "event-column" }, " Event ")
@@ -674,7 +674,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
               "data-date": event.start_time,
               onClick: vue.withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
             }, [
-              vue.createElementVNode("div", _hoisted_3$D, [
+              vue.createElementVNode("div", _hoisted_3$E, [
                 vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 vue.createElementVNode("div", _hoisted_5$q, [
                   vue.createElementVNode("div", _hoisted_6$n, vue.toDisplayString(event.title), 1),
@@ -683,17 +683,17 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
                   }, vue.toDisplayString(event.dayLabel), 3)
                 ])
               ])
-            ], 12, _hoisted_2$J);
+            ], 12, _hoisted_2$K);
           }), 128))
         ], 512)
       ]);
     };
   }
 });
-const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-1e2b483b"]]);
-const _hoisted_1$X = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
-const _hoisted_2$I = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
-const _hoisted_3$C = { class: "overflow h-100p pe-05" };
+const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-1e2b483b"]]);
+const _hoisted_1$Y = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
+const _hoisted_2$J = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
+const _hoisted_3$D = { class: "overflow h-100p pe-05" };
 const _hoisted_4$q = { class: "time-column" };
 const _hoisted_5$p = { class: "events-column" };
 const _hoisted_6$m = ["onClick"];
@@ -703,7 +703,7 @@ const _hoisted_9$7 = { class: "event-time opacity-8" };
 const _hoisted_10$6 = { class: "color-primary txt-12 p-025" };
 const slotHeight$1 = 60;
 const slotDuration$1 = 60;
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "DayView",
   props: {
     events: {},
@@ -837,12 +837,12 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
-        vue.createElementVNode("div", _hoisted_2$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+        vue.createElementVNode("div", _hoisted_2$J, [
           _cache[0] || (_cache[0] = vue.createElementVNode("div", null, null, -1)),
           vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(formatDate)(_ctx.startDate)), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$C, [
+        vue.createElementVNode("div", _hoisted_3$D, [
           vue.createElementVNode("div", {
             class: "time-slots dayGrid border-end relative",
             onMousedown: handleMouseDown
@@ -902,10 +902,10 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-8b1a770f"]]);
-const _hoisted_1$W = { class: "month-view" };
-const _hoisted_2$H = { class: "month-header" };
-const _hoisted_3$B = { class: "month-grid" };
+const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-8b1a770f"]]);
+const _hoisted_1$X = { class: "month-view" };
+const _hoisted_2$I = { class: "month-header" };
+const _hoisted_3$C = { class: "month-grid" };
 const _hoisted_4$p = { class: "day-number" };
 const _hoisted_5$o = { class: "day-events" };
 const _hoisted_6$l = {
@@ -915,7 +915,7 @@ const _hoisted_6$l = {
 const _hoisted_7$g = ["onClick"];
 const _hoisted_8$a = { class: "event-title" };
 const _hoisted_9$6 = { class: "event-time" };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "MonthView",
   props: {
     events: {},
@@ -989,8 +989,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
-        vue.createElementVNode("div", _hoisted_2$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+        vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: day,
@@ -998,7 +998,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(day), 1);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$B, [
+        vue.createElementVNode("div", _hoisted_3$C, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentMonth.value, (day) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: day.date.toISOString(),
@@ -1031,10 +1031,10 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-0b1117c4"]]);
-const _hoisted_1$V = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
-const _hoisted_2$G = { class: "overflow h-100p pe-05" };
-const _hoisted_3$A = ["onMousedown"];
+const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-0b1117c4"]]);
+const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
+const _hoisted_2$H = { class: "overflow h-100p pe-05" };
+const _hoisted_3$B = ["onMousedown"];
 const _hoisted_4$o = ["onClick"];
 const _hoisted_5$n = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$k = { class: "white-space ellipsis-1" };
@@ -1042,7 +1042,7 @@ const _hoisted_7$f = { class: "txt10 opacity-8 user-select-none" };
 const _hoisted_8$9 = { class: "color-primary txt-12 p-025" };
 const slotHeight = 60;
 const slotDuration = 60;
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekView",
   props: {
     events: { default: () => [] },
@@ -1296,7 +1296,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
         vue.createElementVNode("div", {
           ref_key: "calendarGrid",
           ref: calendarGrid,
@@ -1318,7 +1318,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ], 512),
-        vue.createElementVNode("div", _hoisted_2$G, [
+        vue.createElementVNode("div", _hoisted_2$H, [
           vue.createElementVNode("div", {
             ref_key: "dayColumnsContainer",
             ref: dayColumnsContainer,
@@ -1373,7 +1373,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ], 44, _hoisted_4$o);
                 }), 128))
-              ], 40, _hoisted_3$A);
+              ], 40, _hoisted_3$B);
             }), 128)),
             dragState.value.isDragging && dragState.value.start && dragState.value.end ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
@@ -1394,12 +1394,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-2d5bca17"]]);
-const _hoisted_1$U = { class: "calendar" };
-const _hoisted_2$F = { class: "flex m_block m_pb-1" };
-const _hoisted_3$z = { class: "txt-light my-0" };
+const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-2d5bca17"]]);
+const _hoisted_1$V = { class: "calendar" };
+const _hoisted_2$G = { class: "flex m_block m_pb-1" };
+const _hoisted_3$A = { class: "txt-light my-0" };
 const _hoisted_4$n = { class: "ms-auto flex gap-025" };
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     events: { default: () => [] },
@@ -1491,14 +1491,14 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       emit2("ready", state2.value);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
-        vue.createElementVNode("div", _hoisted_2$F, [
-          vue.createElementVNode("h3", _hoisted_3$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+        vue.createElementVNode("div", _hoisted_2$G, [
+          vue.createElementVNode("h3", _hoisted_3$A, [
             vue.createElementVNode("b", null, vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
             vue.createTextVNode(" " + vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
           vue.createElementVNode("div", _hoisted_4$n, [
-            vue.createVNode(vue.unref(_sfc_main$X), {
+            vue.createVNode(vue.unref(_sfc_main$Y), {
               thin: "",
               value: currentView.value,
               iconEnd: "keyboard_arrow_down",
@@ -1506,7 +1506,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(views, (_2, key) => {
-                  return vue.createVNode(vue.unref(_sfc_main$h), {
+                  return vue.createVNode(vue.unref(_sfc_main$i), {
                     key,
                     title: key,
                     onClick: ($event) => handleViewChange(key)
@@ -1569,12 +1569,12 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-840b6594"]]);
-const _hoisted_1$T = {
+const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-840b6594"]]);
+const _hoisted_1$U = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -1603,7 +1603,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$T, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$U, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -1613,773 +1613,581 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$S = { class: "carousel-wrapper" };
-const _hoisted_2$E = {
+const _hoisted_1$T = ["dir"];
+const _hoisted_2$F = {
   key: 0,
-  class: "carousel-dots"
+  class: "dots"
 };
-const _hoisted_3$y = ["aria-label", "onClick"];
-const dragThreshold = 10;
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-  __name: "Carousel2",
+const _hoisted_3$z = ["onClick"];
+const GAP_PERCENT = 1;
+const VELOCITY_SAMPLE_DURATION = 100;
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Carousel",
   props: {
-    duration: { default: 200 },
-    easing: { default: "ease-out" },
-    perPage: {},
-    startIndex: { default: 0 },
-    draggable: { type: Boolean, default: true },
-    multipleDrag: { type: Boolean, default: true },
-    threshold: { default: 20 },
-    loop: { type: Boolean, default: true },
+    autoHeight: { type: Boolean, default: false },
+    allowScroll: { type: Boolean, default: true },
+    freeDrag: { type: Boolean, default: true },
+    items: { type: Number, default: 4 },
+    index: { type: Number, default: 0 },
     rtl: { type: Boolean, default: false },
-    autoplay: { type: [Boolean, String], default: "disabled" },
-    autoplayInterval: { default: 3e3 },
-    autoplaySpeed: { default: 50 },
-    pauseOnHover: { type: Boolean, default: true },
-    dots: { type: Boolean, default: false },
-    slideWidth: { default: 300 },
-    onInit: {},
-    onChange: {}
+    autoplay: { type: Boolean, default: false },
+    autoPlaySpeed: { type: Number, default: 4e3 },
+    dots: { type: Boolean, default: false }
   },
-  emits: ["init", "change"],
+  emits: ["update:index"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const carouselRef = vue.ref(null);
-    const sliderFrame = vue.ref(null);
-    const innerElements = vue.ref([]);
-    const currentSlide = vue.ref(0);
-    const selectorWidth = vue.ref(0);
-    const { innerWidth } = useDevice();
-    const transformProperty = vue.ref("transform");
-    const pointerDown = vue.ref(false);
-    const drag = vue.ref({
-      startX: 0,
-      endX: 0,
-      startY: 0,
-      letItGo: null,
-      preventClick: false
-    });
-    const isDragging = vue.ref(false);
-    const autoplayTimer = vue.ref(null);
-    const linearAnimationFrame = vue.ref(null);
-    const isHovering = vue.ref(false);
-    const linearOffset = vue.ref(0);
-    const perPage = vue.computed(() => {
-      if (typeof props2.perPage === "number") {
-        return props2.perPage;
-      }
-      if (typeof props2.perPage === "object") {
-        return Object.entries(props2.perPage).reduce((acc, [viewport, value]) => innerWidth.value >= Number(viewport) ? value : acc, 1);
-      }
-      return Math.max(1, Math.ceil(selectorWidth.value / props2.slideWidth));
-    });
-    const config = vue.computed(() => {
-      let autoplayMode = "disabled";
-      if (typeof props2.autoplay === "boolean") {
-        autoplayMode = props2.autoplay ? "standard" : "disabled";
-      } else {
-        autoplayMode = props2.autoplay;
-      }
-      const calculatedPerPage = perPage.value;
-      return {
-        duration: props2.duration,
-        easing: props2.easing,
-        perPage: calculatedPerPage,
-        startIndex: props2.startIndex,
-        draggable: props2.draggable,
-        multipleDrag: props2.multipleDrag,
-        threshold: props2.threshold,
-        loop: props2.loop,
-        rtl: props2.rtl,
-        autoplay: autoplayMode,
-        autoplayInterval: props2.autoplayInterval,
-        autoplaySpeed: props2.autoplaySpeed,
-        pauseOnHover: props2.pauseOnHover,
-        dots: props2.dots,
-        slideWidth: props2.slideWidth,
-        onInit: () => {
-          emit2("init");
-        },
-        onChange: () => {
-          emit2("change");
-        }
-      };
-    });
-    const totalDots = vue.computed(() => {
-      if (!innerElements.value.length) return 0;
-      return config.value.loop ? innerElements.value.length : Math.ceil(innerElements.value.length - perPage.value + 1);
-    });
-    vue.onMounted(() => init());
-    vue.onBeforeUnmount(() => {
-      stopAutoplay();
-      detachEvents();
-    });
-    vue.watch(() => props2, () => {
-      resizeHandler();
-    }, { deep: true });
-    function webkitOrNot() {
-      const { style } = document.documentElement;
-      if (typeof style.transform === "string") {
-        return "transform";
-      }
-      return "WebkitTransform";
+    const ANIMATION_TIMINGS = {
+      TOUCH: 150,
+      MOBILE: 420,
+      DESKTOP: 840,
+      MAX_DURATION: 300,
+      BASE_DURATION: 150,
+      DURATION_PER_PANEL: 50
+    };
+    const THRESHOLDS = {
+      DRAG: 20,
+      TOUCH: 5,
+      SWIPE_PERCENT: 0.1,
+      VELOCITY: 0.15,
+      WHEEL_PERCENT: 0.3
+    };
+    const bglSlider = vue.ref();
+    const isSliderAvailable = vue.computed(() => !!bglSlider.value);
+    let itemCount = vue.ref(props2.items);
+    let activeSlideIndex = vue.ref(props2.index);
+    let slideCount = vue.ref(0);
+    let yHeight = vue.ref("auto");
+    let isDragging = vue.ref(false);
+    let isPressed = vue.ref(false);
+    let startX = vue.ref(0);
+    let startY = vue.ref(0);
+    let translateX2 = vue.ref(0);
+    let lastX = vue.ref(0);
+    let lastTime = vue.ref(0);
+    let accumulatedDeltaX = vue.ref(0);
+    let wheelTimeout;
+    let autoPlayInterval;
+    let velocityTracker = vue.ref([]);
+    function getAverageVelocity() {
+      if (velocityTracker.value.length < 2) return 0;
+      const now = Date.now();
+      const recentSamples = velocityTracker.value.filter((sample) => now - sample.time < VELOCITY_SAMPLE_DURATION);
+      if (recentSamples.length < 2) return 0;
+      const first = recentSamples[0];
+      const last = recentSamples[recentSamples.length - 1];
+      const timeDelta2 = last.time - first.time;
+      if (timeDelta2 === 0) return 0;
+      return (last.position - first.position) / timeDelta2;
+    }
+    function getCurrentTransform() {
+      if (!bglSlider.value) return 0;
+      const { transform } = bglSlider.value.style;
+      const value = transform ? Number.parseInt(transform.replace(/[^-\d.]/g, "")) : 0;
+      return props2.rtl ? -value : value;
+    }
+    function setTransform(value) {
+      if (!bglSlider.value) return;
+      const rtlValue = props2.rtl ? -value : value;
+      bglSlider.value.style.transform = `translateX(${rtlValue}px)`;
+    }
+    function easeInOutQuad(t) {
+      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+    }
+    function animateTransform(start, end, duration) {
+      const startTime = performance.now();
+      function animate(currentTime) {
+        if (!isSliderAvailable.value) return;
+        const timeElapsed = currentTime - startTime;
+        const progress = Math.min(timeElapsed / duration, 1);
+        const currentTransform = start + (end - start) * easeInOutQuad(progress);
+        setTransform(currentTransform);
+        if (progress < 1) requestAnimationFrame(animate);
+      }
+      requestAnimationFrame(animate);
+    }
+    function goToSlide(index2, isTouchNav = false) {
+      countSlides();
+      if (!isSliderAvailable.value || !bglSlider.value || index2 < 0 || index2 >= slideCount.value) return;
+      const containerWidth = bglSlider.value.offsetWidth;
+      const gapWidth = containerWidth * GAP_PERCENT / 100;
+      const totalGapWidth = (itemCount.value - 1) * gapWidth;
+      const singleItemWidth = (containerWidth - totalGapWidth) / itemCount.value;
+      const gapsBeforeSlide = index2 * gapWidth;
+      const targetTransform = -(singleItemWidth * index2 + gapsBeforeSlide);
+      const currentTransform = getCurrentTransform();
+      const duration = isTouchNav ? ANIMATION_TIMINGS.TOUCH : window.innerWidth < 600 ? ANIMATION_TIMINGS.MOBILE : ANIMATION_TIMINGS.DESKTOP;
+      animateTransform(currentTransform, targetTransform, duration);
+      activeSlideIndex.value = index2;
+      updateHeight();
     }
-    function attachEvents() {
-      window.addEventListener("resize", resizeHandler);
-      if (config.value.draggable && carouselRef.value) {
-        const eventOptions = { passive: true };
-        const touchMoveOptions = { passive: false };
-        const mouseMoveOptions = { passive: false };
-        const mouseDownOptions = { passive: false };
-        carouselRef.value.addEventListener("touchstart", touchstartHandler, eventOptions);
-        carouselRef.value.addEventListener("touchend", touchendHandler, eventOptions);
-        carouselRef.value.addEventListener("touchmove", touchmoveHandler, touchMoveOptions);
-        carouselRef.value.addEventListener("mousedown", mousedownHandler, mouseDownOptions);
-        carouselRef.value.addEventListener("mouseup", mouseupHandler, eventOptions);
-        carouselRef.value.addEventListener("mouseleave", mouseleaveHandler, eventOptions);
-        carouselRef.value.addEventListener("mousemove", mousemoveHandler, mouseMoveOptions);
-        carouselRef.value.addEventListener("dragstart", dragstartHandler);
-        carouselRef.value.addEventListener("click", clickHandler2);
-      }
-      if (config.value.autoplay !== "disabled" && config.value.pauseOnHover && carouselRef.value) {
-        carouselRef.value.addEventListener("mouseenter", mouseenterHandler);
-        carouselRef.value.addEventListener("mouseleave", mouseleaveAutoplayHandler);
-      }
+    function next() {
+      if (!isSliderAvailable.value) return;
+      countSlides();
+      const nextIndex = props2.rtl ? (activeSlideIndex.value - 1 + slideCount.value) % slideCount.value : (activeSlideIndex.value + 1) % slideCount.value;
+      goToSlide(nextIndex);
     }
-    function detachEvents() {
-      window.removeEventListener("resize", resizeHandler);
-      if (carouselRef.value) {
-        carouselRef.value.removeEventListener("touchstart", touchstartHandler);
-        carouselRef.value.removeEventListener("touchend", touchendHandler);
-        carouselRef.value.removeEventListener("touchmove", touchmoveHandler);
-        carouselRef.value.removeEventListener("mousedown", mousedownHandler);
-        carouselRef.value.removeEventListener("mouseup", mouseupHandler);
-        carouselRef.value.removeEventListener("mouseleave", mouseleaveHandler);
-        carouselRef.value.removeEventListener("mousemove", mousemoveHandler);
-        carouselRef.value.removeEventListener("dragstart", dragstartHandler);
-        carouselRef.value.removeEventListener("click", clickHandler2);
-        carouselRef.value.removeEventListener("mouseenter", mouseenterHandler);
-        carouselRef.value.removeEventListener("mouseleave", mouseleaveAutoplayHandler);
-      }
+    function prev() {
+      if (!isSliderAvailable.value) return;
+      countSlides();
+      const prevIndex = props2.rtl ? (activeSlideIndex.value + 1) % slideCount.value : (activeSlideIndex.value - 1 + slideCount.value) % slideCount.value;
+      goToSlide(prevIndex);
     }
-    async function init() {
-      if (!carouselRef.value) return;
-      transformProperty.value = webkitOrNot();
-      await sleep(10);
-      innerElements.value = Array.from(carouselRef.value.children);
-      if (!innerElements.value.length) {
-        console.warn("No carousel items found during initialization");
-        return;
-      }
-      selectorWidth.value = carouselRef.value.offsetWidth;
-      currentSlide.value = config.value.loop ? config.value.startIndex % innerElements.value.length : Math.max(0, Math.min(config.value.startIndex, innerElements.value.length - perPage.value));
-      carouselRef.value.style.overflow = "hidden";
-      carouselRef.value.style.direction = config.value.rtl ? "rtl" : "ltr";
-      attachEvents();
-      await vue.nextTick();
-      buildSliderFrame();
-      if (config.value.autoplay !== "disabled") {
-        startAutoplay();
+    function calcHeight() {
+      if (!isSliderAvailable.value || !bglSlider.value) return;
+      try {
+        const activeSlide = bglSlider.value.children[activeSlideIndex.value];
+        if (!activeSlide) return;
+        const children2 = Array.from(activeSlide.children);
+        const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
+        yHeight.value = `${totalHeight}px`;
+      } catch (error) {
+        console.error("Error calculating height:", error);
       }
-      config.value.onInit();
     }
-    function buildSliderFrame() {
-      if (!carouselRef.value) return;
-      if (!innerElements.value.length) {
-        console.warn("No carousel items found");
-        return;
-      }
-      const widthItem = selectorWidth.value / perPage.value;
-      const itemsToBuild = config.value.loop ? innerElements.value.length + 2 * perPage.value : innerElements.value.length;
-      if (!sliderFrame.value) {
-        sliderFrame.value = document.createElement("div");
-      }
-      sliderFrame.value.style.width = `${widthItem * itemsToBuild}px`;
-      enableTransition();
-      if (config.value.draggable && carouselRef.value) {
-        carouselRef.value.style.cursor = "-webkit-grab";
-      }
-      const docFragment = document.createDocumentFragment();
-      if (config.value.loop && innerElements.value.length > 0) {
-        for (let i2 = innerElements.value.length - perPage.value; i2 < innerElements.value.length; i2++) {
-          if (i2 >= 0 && i2 < innerElements.value.length) {
-            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
-            docFragment.appendChild(element);
-          }
-        }
-      }
-      for (let i2 = 0; i2 < innerElements.value.length; i2++) {
-        const element = buildSliderFrameItem(innerElements.value[i2]);
-        docFragment.appendChild(element);
-      }
-      if (config.value.loop && innerElements.value.length > 0) {
-        for (let i2 = 0; i2 < perPage.value; i2++) {
-          if (i2 >= 0 && i2 < innerElements.value.length) {
-            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
-            docFragment.appendChild(element);
-          }
-        }
+    function updateHeight() {
+      if (!props2.autoHeight) return;
+      setTimeout(calcHeight, 200);
+    }
+    function countSlides() {
+      if (!isSliderAvailable.value || !bglSlider.value) return;
+      slideCount.value = bglSlider.value.children.length;
+    }
+    function handleSlideChange() {
+      if (props2.index !== activeSlideIndex.value) {
+        emit2("update:index", activeSlideIndex.value);
       }
-      if (sliderFrame.value) {
-        sliderFrame.value.innerHTML = "";
-        sliderFrame.value.appendChild(docFragment);
-        if (carouselRef.value) {
-          carouselRef.value.innerHTML = "";
-          carouselRef.value.appendChild(sliderFrame.value);
-        }
+    }
+    function handleResize() {
+      if (!isSliderAvailable.value || !bglSlider.value) return;
+      itemCount.value = window.innerWidth < 600 ? 1 : window.innerWidth < 991 ? Math.min(props2.items, 2) : props2.items;
+      const containerWidth = bglSlider.value.offsetWidth;
+      const gapWidth = containerWidth * GAP_PERCENT / 100;
+      const totalGapWidth = (itemCount.value - 1) * gapWidth;
+      const singleItemWidth = (containerWidth - totalGapWidth) / itemCount.value;
+      const gapsBeforeSlide = activeSlideIndex.value * gapWidth;
+      const targetTransform = -(singleItemWidth * activeSlideIndex.value + gapsBeforeSlide);
+      setTransform(targetTransform);
+      updateHeight();
+    }
+    function clearAutoplay() {
+      if (autoPlayInterval) clearInterval(autoPlayInterval);
+    }
+    function preventDefaultClick(e) {
+      if (isDragging.value) {
+        e.preventDefault();
+        e.stopPropagation();
       }
-      slideToCurrent();
     }
-    function buildSliderFrameItem(elm) {
-      const elementContainer = document.createElement("div");
-      elementContainer.style.cssFloat = config.value.rtl ? "right" : "left";
-      elementContainer.style.float = config.value.rtl ? "right" : "left";
-      const percentage = config.value.loop ? 100 / (innerElements.value.length + perPage.value * 2) : 100 / innerElements.value.length;
-      elementContainer.style.width = `${percentage}%`;
-      elementContainer.appendChild(elm);
-      return elementContainer;
+    async function disableDrag() {
+      await vue.nextTick();
+      if (!isSliderAvailable.value || !bglSlider.value) return;
+      const elements = Array.from(bglSlider.value.querySelectorAll("img, a"));
+      elements.forEach((el) => {
+        el.setAttribute("draggable", "false");
+        el.removeEventListener("click", preventDefaultClick, true);
+        el.addEventListener("click", preventDefaultClick, true);
+      });
+      const slides = Array.from(bglSlider.value.children);
+      slides.forEach((slide) => {
+        const element = slide;
+        element.setAttribute("draggable", "false");
+        element.removeEventListener("click", preventDefaultClick, true);
+        element.addEventListener("click", preventDefaultClick, true);
+      });
     }
-    function slideToCurrent(enableTransitionFlag) {
-      const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
-      const offset2 = (config.value.rtl ? 1 : -1) * currentSlideValue * (selectorWidth.value / perPage.value);
-      if (enableTransitionFlag && sliderFrame.value) {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            enableTransition();
-            if (sliderFrame.value) {
-              sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
-            }
-          });
-        });
-      } else if (sliderFrame.value) {
-        sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
+    function startDrag(e) {
+      e.stopPropagation();
+      if (e.button !== 0 || !props2.freeDrag || !isSliderAvailable.value) return;
+      clearAutoplay();
+      startX.value = e.pageX;
+      translateX2.value = getCurrentTransform();
+      isPressed.value = true;
+      isDragging.value = false;
+      document.addEventListener("mousemove", onDrag);
+      document.addEventListener("mouseup", endDrag);
+    }
+    function onDrag(e) {
+      if (!isSliderAvailable.value || !bglSlider.value || !isPressed.value) return;
+      const x2 = e.pageX;
+      const distance = x2 - startX.value;
+      if (Math.abs(distance) > THRESHOLDS.DRAG) isDragging.value = true;
+      if (isDragging.value) {
+        const newTranslate = translateX2.value + (props2.rtl ? -distance : distance);
+        const maxTranslate = 0;
+        const containerWidth = bglSlider.value.offsetWidth;
+        const gapWidth = containerWidth * GAP_PERCENT / 100;
+        const totalGapWidth = (itemCount.value - 1) * gapWidth;
+        const singleItemWidth = (containerWidth - totalGapWidth) / itemCount.value;
+        const minTranslate = -(singleItemWidth * (slideCount.value - 1) + gapWidth * (slideCount.value - 1));
+        const boundedTranslate = Math.max(minTranslate, Math.min(maxTranslate, newTranslate));
+        setTransform(boundedTranslate);
+      }
+    }
+    function endDrag() {
+      isPressed.value = false;
+      document.removeEventListener("mousemove", onDrag);
+      document.removeEventListener("mouseup", endDrag);
+      if (!isSliderAvailable.value || !bglSlider.value) return;
+      const currentTransform = getCurrentTransform();
+      const singleItemWidth = bglSlider.value.offsetWidth / itemCount.value;
+      const currentPanel = -currentTransform / singleItemWidth;
+      const totalDragDistance = currentTransform - translateX2.value;
+      const dragPercentage = Math.abs(totalDragDistance) / singleItemWidth;
+      let targetPanel = currentPanel;
+      if (dragPercentage > THRESHOLDS.SWIPE_PERCENT) {
+        const distnace = totalDragDistance > 0 ? -1 : 1;
+        targetPanel = Math.floor(currentPanel) + (distnace < 0 ? 0 : 1);
+      } else {
+        targetPanel = Math.round(currentPanel);
       }
-    }
-    function prev(howManySlides = 1) {
-      if (innerElements.value.length <= perPage.value) {
-        return;
+      targetPanel = Math.max(0, Math.min(targetPanel, slideCount.value - 1));
+      goToSlide(targetPanel, true);
+      if (isDragging.value) {
+        setTimeout(() => {
+          isDragging.value = false;
+        }, 10);
       }
-      const beforeChange = currentSlide.value;
-      if (config.value.loop) {
-        const isNewIndexClone = currentSlide.value - howManySlides < 0;
-        if (isNewIndexClone) {
-          disableTransition();
-          const mirrorSlideIndex = currentSlide.value + innerElements.value.length;
-          const mirrorSlideIndexOffset = perPage.value;
-          const moveTo = mirrorSlideIndex + mirrorSlideIndexOffset;
-          const offset2 = (config.value.rtl ? 1 : -1) * moveTo * (selectorWidth.value / perPage.value);
-          const dragDistance = config.value.draggable ? drag.value.endX - drag.value.startX : 0;
-          if (sliderFrame.value) {
-            sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2 + dragDistance}px, 0, 0)`;
+    }
+    let hasScrollDirectionLock = vue.ref(false);
+    let isHorizontalScroll = vue.ref(false);
+    function onTouchStart(e) {
+      if (!props2.freeDrag || !isSliderAvailable.value) return;
+      const target = e.target;
+      const isInteractive = target.matches('button, a, input, select, textarea, [role="button"]') || target.closest('button, a, input, select, textarea, [role="button"]');
+      if (!isInteractive) {
+        clearAutoplay();
+        const touch = e.touches[0];
+        startX.value = touch.pageX;
+        startY.value = touch.pageY;
+        lastX.value = touch.pageX;
+        lastTime.value = Date.now();
+        translateX2.value = getCurrentTransform();
+        velocityTracker.value = [{ time: lastTime.value, position: lastX.value }];
+        isPressed.value = true;
+        hasScrollDirectionLock.value = false;
+        if (bglSlider.value) {
+          bglSlider.value.style.transition = "none";
+        }
+      }
+    }
+    function onTouchMove(e) {
+      if (!isSliderAvailable.value || !bglSlider.value || !isPressed.value) return;
+      const touch = e.touches[0];
+      const x2 = touch.pageX;
+      const y2 = touch.pageY;
+      const deltaX = x2 - startX.value;
+      const deltaY = y2 - startY.value;
+      if (!hasScrollDirectionLock.value) {
+        if (Math.abs(deltaX) > 5 || Math.abs(deltaY) > 5) {
+          isHorizontalScroll.value = Math.abs(deltaX) > Math.abs(deltaY);
+          hasScrollDirectionLock.value = true;
+          if (!isHorizontalScroll.value) {
+            isPressed.value = false;
+            return;
           }
-          currentSlide.value = mirrorSlideIndex - howManySlides;
-        } else {
-          currentSlide.value = currentSlide.value - howManySlides;
         }
-      } else {
-        currentSlide.value = Math.max(currentSlide.value - howManySlides, 0);
+        return;
       }
-      if (beforeChange !== currentSlide.value) {
-        slideToCurrent(config.value.loop);
-        config.value.onChange();
+      if (!isHorizontalScroll.value) return;
+      const now = Date.now();
+      velocityTracker.value.push({ time: now, position: x2 });
+      lastX.value = x2;
+      const cutoffTime = now - VELOCITY_SAMPLE_DURATION;
+      velocityTracker.value = velocityTracker.value.filter((sample) => sample.time >= cutoffTime);
+      if (Math.abs(deltaX) > THRESHOLDS.TOUCH) {
+        isDragging.value = true;
+        e.preventDefault();
       }
-    }
-    function next(howManySlides = 1) {
-      if (innerElements.value.length <= perPage.value) {
+      if (isDragging.value) {
+        const containerWidth = bglSlider.value.offsetWidth;
+        const gapWidth = containerWidth * GAP_PERCENT / 100;
+        const totalGapWidth = (itemCount.value - 1) * gapWidth;
+        const singleItemWidth = (containerWidth - totalGapWidth) / itemCount.value;
+        const totalWidth = singleItemWidth * slideCount.value + gapWidth * (slideCount.value - 1);
+        let newTranslate = translateX2.value + (props2.rtl ? -deltaX : deltaX);
+        if (newTranslate > 0) {
+          newTranslate = newTranslate * 0.5;
+        } else if (newTranslate < -totalWidth + containerWidth) {
+          const overDrag = -totalWidth + containerWidth - newTranslate;
+          newTranslate = -totalWidth + containerWidth - overDrag * 0.5;
+        }
+        setTransform(newTranslate);
+      }
+    }
+    function onTouchEnd() {
+      if (!isSliderAvailable.value || !bglSlider.value || !isPressed.value || !isHorizontalScroll.value) {
+        isPressed.value = false;
+        hasScrollDirectionLock.value = false;
         return;
       }
-      const beforeChange = currentSlide.value;
-      if (config.value.loop) {
-        const isNewIndexClone = currentSlide.value + howManySlides > innerElements.value.length - perPage.value;
-        if (isNewIndexClone) {
-          disableTransition();
-          const mirrorSlideIndex = currentSlide.value - innerElements.value.length;
-          const mirrorSlideIndexOffset = perPage.value;
-          const moveTo = mirrorSlideIndex + mirrorSlideIndexOffset;
-          const offset2 = (config.value.rtl ? 1 : -1) * moveTo * (selectorWidth.value / perPage.value);
-          const dragDistance = config.value.draggable ? drag.value.endX - drag.value.startX : 0;
-          if (sliderFrame.value) {
-            sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2 + dragDistance}px, 0, 0)`;
-          }
-          currentSlide.value = mirrorSlideIndex + howManySlides;
+      const containerWidth = bglSlider.value.offsetWidth;
+      const gapWidth = containerWidth * GAP_PERCENT / 100;
+      const totalGapWidth = (itemCount.value - 1) * gapWidth;
+      const singleItemWidth = (containerWidth - totalGapWidth) / itemCount.value;
+      const totalSlideWidth = singleItemWidth + gapWidth;
+      const currentTransform = getCurrentTransform();
+      let normalizedTransform = currentTransform;
+      if (currentTransform > 0) {
+        normalizedTransform = 0;
+      } else {
+        const minTransform = -(singleItemWidth * (slideCount.value - 1) + gapWidth * (slideCount.value - 1));
+        if (currentTransform < minTransform) {
+          normalizedTransform = minTransform;
+        }
+      }
+      const currentPanel = Math.abs(normalizedTransform / totalSlideWidth);
+      const totalSwipeDistance = lastX.value - startX.value;
+      const swipePercentage = Math.abs(totalSwipeDistance) / totalSlideWidth;
+      const finalVelocity = getAverageVelocity();
+      let targetPanel = currentPanel;
+      let velocityDirection = 0;
+      if (Math.abs(finalVelocity) > THRESHOLDS.VELOCITY) {
+        velocityDirection = finalVelocity < 0 ? 1 : -1;
+      }
+      const isMobile = window.innerWidth < 600;
+      if (swipePercentage > THRESHOLDS.SWIPE_PERCENT || Math.abs(finalVelocity) > THRESHOLDS.VELOCITY) {
+        const direction = swipePercentage > THRESHOLDS.SWIPE_PERCENT ? totalSwipeDistance > 0 ? -1 : 1 : velocityDirection;
+        const rtlDirection = props2.rtl ? -direction : direction;
+        if (isMobile) {
+          targetPanel = activeSlideIndex.value + rtlDirection;
         } else {
-          currentSlide.value = currentSlide.value + howManySlides;
+          targetPanel = Math.round(currentPanel) + rtlDirection;
         }
       } else {
-        currentSlide.value = Math.min(currentSlide.value + howManySlides, innerElements.value.length - perPage.value);
-      }
-      if (beforeChange !== currentSlide.value) {
-        slideToCurrent(config.value.loop);
-        config.value.onChange();
+        targetPanel = isMobile ? activeSlideIndex.value : Math.round(currentPanel);
+      }
+      targetPanel = Math.max(0, Math.min(targetPanel, slideCount.value - 1));
+      activeSlideIndex.value = targetPanel;
+      const distance = Math.abs(targetPanel - currentPanel);
+      const velocityFactor = Math.min(Math.abs(finalVelocity) * 1e3, 1);
+      const duration = Math.min(
+        ANIMATION_TIMINGS.BASE_DURATION * (1 - velocityFactor * 0.5) + distance * ANIMATION_TIMINGS.DURATION_PER_PANEL,
+        ANIMATION_TIMINGS.MAX_DURATION
+      );
+      bglSlider.value.style.transition = `transform ${duration}ms cubic-bezier(0.4, 0, 0.2, 1)`;
+      const gapsBeforeSlide = targetPanel * gapWidth;
+      const targetTransform = -(singleItemWidth * targetPanel + gapsBeforeSlide);
+      setTransform(targetTransform);
+      setTimeout(() => {
+        if (bglSlider.value) bglSlider.value.style.transition = "none";
+      }, duration);
+      velocityTracker.value = [];
+      isDragging.value = false;
+      hasScrollDirectionLock.value = false;
+    }
+    function onWheel(e) {
+      if (!props2.allowScroll || !isSliderAvailable.value || !bglSlider.value || isPressed.value || isDragging.value) return;
+      const isHorizontal = Math.abs(e.deltaX) > Math.abs(e.deltaY);
+      if (!isHorizontal) return;
+      clearAutoplay();
+      if (wheelTimeout) clearTimeout(wheelTimeout);
+      accumulatedDeltaX.value += props2.rtl ? -e.deltaX : e.deltaX;
+      wheelTimeout = setTimeout(() => {
+        accumulatedDeltaX.value = 0;
+      }, 50);
+      const singleItemWidth = bglSlider.value.offsetWidth / itemCount.value;
+      const moveThreshold = singleItemWidth * THRESHOLDS.WHEEL_PERCENT;
+      if (Math.abs(accumulatedDeltaX.value) > moveThreshold) {
+        const direction = accumulatedDeltaX.value > 0 ? 1 : -1;
+        const nextPanel = Math.max(0, Math.min(activeSlideIndex.value + direction, slideCount.value - 1));
+        if (nextPanel !== activeSlideIndex.value) {
+          goToSlide(nextPanel, true);
+          accumulatedDeltaX.value = 0;
+        }
       }
     }
-    function goTo(index2) {
-      if (innerElements.value.length <= perPage.value) {
-        return;
-      }
-      const beforeChange = currentSlide.value;
-      currentSlide.value = config.value.loop ? index2 % innerElements.value.length : Math.min(Math.max(index2, 0), innerElements.value.length - perPage.value);
-      if (beforeChange !== currentSlide.value) {
-        slideToCurrent();
-        config.value.onChange();
+    vue.onMounted(() => {
+      window.addEventListener("resize", handleResize);
+      updateHeight();
+      handleResize();
+      countSlides();
+      disableDrag();
+      if (bglSlider.value) {
+        slideCount.value = bglSlider.value.children.length;
       }
-    }
-    function disableTransition() {
-      if (sliderFrame.value) {
-        sliderFrame.value.style.webkitTransition = `all 0ms ${config.value.easing}`;
-        sliderFrame.value.style.transition = `all 0ms ${config.value.easing}`;
+      if (props2.autoplay) {
+        autoPlayInterval = setInterval(next, props2.autoPlaySpeed);
       }
-    }
-    function enableTransition() {
-      if (sliderFrame.value) {
-        sliderFrame.value.style.webkitTransition = `all ${config.value.duration}ms ${config.value.easing}`;
-        sliderFrame.value.style.transition = `all ${config.value.duration}ms ${config.value.easing}`;
+    });
+    vue.onUnmounted(() => {
+      if (isSliderAvailable.value && bglSlider.value) {
+        Array.from(bglSlider.value.children).forEach((child) => {
+          const element = child;
+          element.removeEventListener("click", preventDefaultClick);
+        });
       }
+      window.removeEventListener("resize", handleResize);
+      document.removeEventListener("mousemove", onDrag);
+      document.removeEventListener("mouseup", endDrag);
+      clearAutoplay();
+      if (wheelTimeout) clearTimeout(wheelTimeout);
+    });
+    vue.watch(() => props2.index, (newIndex2) => {
+      goToSlide(newIndex2);
+    });
+    vue.watch(() => activeSlideIndex.value, handleSlideChange);
+    __expose({
+      goToSlide,
+      next,
+      prev,
+      countSlides,
+      clearAutoplay
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        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, autoHeight: __props.autoHeight }]),
+          style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount), "height": vue.unref(yHeight) }),
+          onMousedown: startDrag,
+          onMouseover: clearAutoplay,
+          onFocusin: clearAutoplay,
+          onTouchstart: onTouchStart,
+          onTouchmove: onTouchMove,
+          onTouchend: onTouchEnd,
+          onWheel
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 38),
+        props2.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(slideCount), (i2) => {
+            return vue.openBlock(), vue.createElementBlock("span", {
+              key: i2,
+              class: vue.normalizeClass(["dot", { current: vue.unref(activeSlideIndex) === i2 - 1 }]),
+              onClick: ($event) => goToSlide(i2 - 1)
+            }, null, 10, _hoisted_3$z);
+          }), 128))
+        ])) : vue.createCommentVNode("", true),
+        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", {
+            class: "next",
+            onClick: next
+          }, [
+            vue.renderSlot(_ctx.$slots, "next", {
+              index: vue.unref(activeSlideIndex),
+              next
+            }, void 0, true)
+          ])
+        ], 2)
+      ], 8, _hoisted_1$T);
+    };
+  }
+});
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-406c405d"]]);
+function _isPlaceholder(a2) {
+  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
+}
+function _curry1(fn) {
+  return function f1(a2) {
+    if (arguments.length === 0 || _isPlaceholder(a2)) {
+      return f1;
+    } else {
+      return fn.apply(this, arguments);
     }
-    function updateAfterDrag() {
-      const movement = (config.value.rtl ? -1 : 1) * (drag.value.endX - drag.value.startX);
-      const movementDistance = Math.abs(movement);
-      const howManySliderToSlide = config.value.multipleDrag ? Math.ceil(movementDistance / (selectorWidth.value / perPage.value)) : 1;
-      const slideToNegativeClone = movement > 0 && currentSlide.value - howManySliderToSlide < 0;
-      const slideToPositiveClone = movement < 0 && currentSlide.value + howManySliderToSlide > innerElements.value.length - perPage.value;
-      if (movement > 0 && movementDistance > config.value.threshold && innerElements.value.length > perPage.value) {
-        prev(howManySliderToSlide);
-      } else if (movement < 0 && movementDistance > config.value.threshold && innerElements.value.length > perPage.value) {
-        next(howManySliderToSlide);
-      }
-      slideToCurrent(slideToNegativeClone || slideToPositiveClone);
+  };
+}
+function _curry2(fn) {
+  return function f2(a2, b2) {
+    switch (arguments.length) {
+      case 0:
+        return f2;
+      case 1:
+        return _isPlaceholder(a2) ? f2 : _curry1(function(_b) {
+          return fn(a2, _b);
+        });
+      default:
+        return _isPlaceholder(a2) && _isPlaceholder(b2) ? f2 : _isPlaceholder(a2) ? _curry1(function(_a) {
+          return fn(_a, b2);
+        }) : _isPlaceholder(b2) ? _curry1(function(_b) {
+          return fn(a2, _b);
+        }) : fn(a2, b2);
     }
-    function resizeHandler() {
-      if (currentSlide.value + perPage.value > innerElements.value.length) {
-        currentSlide.value = innerElements.value.length <= perPage.value ? 0 : innerElements.value.length - perPage.value;
+  };
+}
+function _arity(n2, fn) {
+  switch (n2) {
+    case 0:
+      return function() {
+        return fn.apply(this, arguments);
+      };
+    case 1:
+      return function(a0) {
+        return fn.apply(this, arguments);
+      };
+    case 2:
+      return function(a0, a1) {
+        return fn.apply(this, arguments);
+      };
+    case 3:
+      return function(a0, a1, a2) {
+        return fn.apply(this, arguments);
+      };
+    case 4:
+      return function(a0, a1, a2, a3) {
+        return fn.apply(this, arguments);
+      };
+    case 5:
+      return function(a0, a1, a2, a3, a4) {
+        return fn.apply(this, arguments);
+      };
+    case 6:
+      return function(a0, a1, a2, a3, a4, a5) {
+        return fn.apply(this, arguments);
+      };
+    case 7:
+      return function(a0, a1, a2, a3, a4, a5, a6) {
+        return fn.apply(this, arguments);
+      };
+    case 8:
+      return function(a0, a1, a2, a3, a4, a5, a6, a7) {
+        return fn.apply(this, arguments);
+      };
+    case 9:
+      return function(a0, a1, a2, a3, a4, a5, a6, a7, a8) {
+        return fn.apply(this, arguments);
+      };
+    case 10:
+      return function(a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {
+        return fn.apply(this, arguments);
+      };
+    default:
+      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
+  }
+}
+function _curryN(length, received, fn) {
+  return function() {
+    var combined = [];
+    var argsIdx = 0;
+    var left2 = length;
+    var combinedIdx = 0;
+    while (combinedIdx < received.length || argsIdx < arguments.length) {
+      var result2;
+      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {
+        result2 = received[combinedIdx];
+      } else {
+        result2 = arguments[argsIdx];
+        argsIdx += 1;
       }
-      if (carouselRef.value) {
-        selectorWidth.value = carouselRef.value.offsetWidth;
-      }
-      buildSliderFrame();
-    }
-    function clearDrag() {
-      drag.value = {
-        startX: 0,
-        endX: 0,
-        startY: 0,
-        letItGo: null,
-        preventClick: drag.value.preventClick
-      };
-    }
-    function touchstartHandler(e) {
-      const target = e.target;
-      const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
-      if (ignoreTags) {
-        return;
-      }
-      stopAutoplay();
-      e.stopPropagation();
-      pointerDown.value = true;
-      isDragging.value = false;
-      drag.value.startX = e.touches[0].pageX;
-      drag.value.startY = e.touches[0].pageY;
-      const isLink = target.tagName === "A" || target.closest("a");
-      const isImage = target.tagName === "IMG";
-      if (isLink || isImage) {
-        drag.value.preventClick = false;
-      }
-    }
-    function touchendHandler(e) {
-      e.stopPropagation();
-      if (isDragging.value) {
-        document.addEventListener("click", function preventClickAfterDrag(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          event.stopImmediatePropagation();
-          document.removeEventListener("click", preventClickAfterDrag, true);
-        }, { capture: true, once: true });
-      }
-      pointerDown.value = false;
-      isDragging.value = false;
-      enableTransition();
-      if (drag.value.endX) {
-        updateAfterDrag();
-      }
-      clearDrag();
-      if (config.value.autoplay !== "disabled") {
-        startAutoplay();
-      }
-    }
-    function touchmoveHandler(e) {
-      e.stopPropagation();
-      if (drag.value.letItGo === null) {
-        drag.value.letItGo = Math.abs(drag.value.startY - e.touches[0].pageY) < Math.abs(drag.value.startX - e.touches[0].pageX);
-      }
-      if (pointerDown.value && drag.value.letItGo) {
-        e.preventDefault();
-        drag.value.endX = e.touches[0].pageX;
-        const dragDistance = Math.abs(drag.value.endX - drag.value.startX);
-        if (dragDistance > dragThreshold) {
-          isDragging.value = true;
-          drag.value.preventClick = true;
-        }
-        if (sliderFrame.value) {
-          disableTransition();
-          const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
-          const currentOffset = currentSlideValue * (selectorWidth.value / perPage.value);
-          const dragOffset = drag.value.endX - drag.value.startX;
-          const offset2 = config.value.rtl ? currentOffset + dragOffset : currentOffset - dragOffset;
-          sliderFrame.value.style[transformProperty.value] = `translate3d(${(config.value.rtl ? 1 : -1) * offset2}px, 0, 0)`;
-        }
-      }
-    }
-    function mousedownHandler(e) {
-      const target = e.target;
-      const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
-      if (ignoreTags) return;
-      stopAutoplay();
-      e.preventDefault();
-      e.stopPropagation();
-      pointerDown.value = true;
-      isDragging.value = false;
-      drag.value.startX = e.pageX;
-      const isLink = target.tagName === "A" || target.closest("a");
-      const isImage = target.tagName === "IMG";
-      if (isLink || isImage) {
-        drag.value.preventClick = false;
-      }
-    }
-    function mouseupHandler(e) {
-      e.stopPropagation();
-      if (isDragging.value) {
-        document.addEventListener("click", function preventClickAfterDrag(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          event.stopImmediatePropagation();
-          document.removeEventListener("click", preventClickAfterDrag, true);
-        }, { capture: true, once: true });
-      }
-      pointerDown.value = false;
-      isDragging.value = false;
-      if (carouselRef.value) {
-        carouselRef.value.style.cursor = "-webkit-grab";
-      }
-      enableTransition();
-      if (drag.value.endX) {
-        updateAfterDrag();
-      }
-      clearDrag();
-      if (config.value.autoplay !== "disabled" && !isHovering.value) {
-        startAutoplay();
-      }
-    }
-    function mousemoveHandler(e) {
-      e.preventDefault();
-      if (pointerDown.value) {
-        drag.value.endX = e.pageX;
-        const dragDistance = Math.abs(drag.value.endX - drag.value.startX);
-        if (dragDistance > dragThreshold) {
-          isDragging.value = true;
-          drag.value.preventClick = true;
-        }
-        if (carouselRef.value) {
-          carouselRef.value.style.cursor = "-webkit-grabbing";
-        }
-        if (sliderFrame.value) {
-          disableTransition();
-          const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
-          const currentOffset = currentSlideValue * (selectorWidth.value / perPage.value);
-          const dragOffset = drag.value.endX - drag.value.startX;
-          const offset2 = config.value.rtl ? currentOffset + dragOffset : currentOffset - dragOffset;
-          sliderFrame.value.style[transformProperty.value] = `translate3d(${(config.value.rtl ? 1 : -1) * offset2}px, 0, 0)`;
-        }
-      }
-    }
-    function mouseleaveHandler(e) {
-      if (pointerDown.value) {
-        pointerDown.value = false;
-        if (carouselRef.value) {
-          carouselRef.value.style.cursor = "-webkit-grab";
-        }
-        drag.value.endX = e.pageX;
-        drag.value.preventClick = false;
-        enableTransition();
-        updateAfterDrag();
-        clearDrag();
-      }
-    }
-    function clickHandler2(e) {
-      if (drag.value.preventClick || isDragging.value) {
-        e.preventDefault();
-        e.stopPropagation();
-        e.stopImmediatePropagation();
-        drag.value.preventClick = false;
-      }
-      drag.value.preventClick = false;
-    }
-    function dragstartHandler(e) {
-      var _a;
-      if (config.value.draggable) {
-        const target = e.target;
-        const isDraggableElement = target.tagName === "IMG" || target.tagName === "A" || ((_a = target.parentElement) == null ? void 0 : _a.tagName) === "A";
-        if (isDraggableElement) {
-          e.preventDefault();
-        }
-      }
-    }
-    function remove2(index2) {
-      if (index2 < 0 || index2 >= innerElements.value.length) {
-        throw new Error("Item to remove doesn't exist 😭");
-      }
-      const lowerIndex = index2 < currentSlide.value;
-      const lastItem = currentSlide.value + perPage.value - 1 === index2;
-      if (lowerIndex || lastItem) {
-        currentSlide.value--;
-      }
-      innerElements.value.splice(index2, 1);
-      buildSliderFrame();
-    }
-    function insert(item, index2) {
-      if (index2 < 0 || index2 > innerElements.value.length + 1) {
-        throw new Error("Unable to insert at this index 😭");
-      }
-      if (innerElements.value.includes(item)) {
-        throw new Error("The same item in a carousel? Really? Nope 😭");
-      }
-      const shouldItShift = index2 <= currentSlide.value && innerElements.value.length > 0;
-      if (shouldItShift) {
-        currentSlide.value++;
-      }
-      innerElements.value.splice(index2, 0, item);
-      buildSliderFrame();
-    }
-    function prepend(item) {
-      insert(item, 0);
-    }
-    function append3(item) {
-      insert(item, innerElements.value.length);
-    }
-    function destroy2(restoreMarkup = false) {
-      detachEvents();
-      if (carouselRef.value) {
-        carouselRef.value.style.cursor = "auto";
-        if (restoreMarkup) {
-          const slides = document.createDocumentFragment();
-          for (let i2 = 0; i2 < innerElements.value.length; i2++) {
-            slides.appendChild(innerElements.value[i2]);
-          }
-          carouselRef.value.innerHTML = "";
-          carouselRef.value.appendChild(slides);
-          carouselRef.value.removeAttribute("style");
-        }
-      }
-    }
-    async function startAutoplay() {
-      stopAutoplay();
-      if (config.value.autoplay === "standard") {
-        autoplayTimer.value = window.setInterval(() => {
-          if (!isHovering.value) {
-            next();
-          }
-        }, config.value.autoplayInterval);
-      } else if (config.value.autoplay === "linear") {
-        startLinearAutoplay();
-      }
-    }
-    function stopAutoplay() {
-      if (autoplayTimer.value !== null) {
-        clearInterval(autoplayTimer.value);
-        autoplayTimer.value = null;
-      }
-      if (linearAnimationFrame.value !== null) {
-        cancelAnimationFrame(linearAnimationFrame.value);
-        linearAnimationFrame.value = null;
-      }
-    }
-    function startLinearAutoplay() {
-      linearOffset.value = 0;
-      let lastTimestamp = 0;
-      const animate = (timestamp2) => {
-        if (!lastTimestamp) lastTimestamp = timestamp2;
-        const elapsed = timestamp2 - lastTimestamp;
-        lastTimestamp = timestamp2;
-        if (isHovering.value) {
-          linearAnimationFrame.value = requestAnimationFrame(animate);
-          return;
-        }
-        const pixelsToMove = elapsed / 1e3 * config.value.autoplaySpeed;
-        linearOffset.value += pixelsToMove;
-        const itemWidth = selectorWidth.value / perPage.value;
-        const totalWidth = itemWidth * innerElements.value.length;
-        if (linearOffset.value >= totalWidth) {
-          if (config.value.loop) {
-            linearOffset.value = 0;
-          } else {
-            linearOffset.value = totalWidth - itemWidth;
-            stopAutoplay();
-            return;
-          }
-        }
-        if (sliderFrame.value) {
-          const direction = config.value.rtl ? 1 : -1;
-          sliderFrame.value.style.transition = "none";
-          sliderFrame.value.style[transformProperty.value] = `translate3d(${direction * linearOffset.value}px, 0, 0)`;
-        }
-        const newSlide = Math.floor(linearOffset.value / itemWidth) % innerElements.value.length;
-        if (newSlide !== currentSlide.value) {
-          currentSlide.value = newSlide;
-          config.value.onChange();
-        }
-        linearAnimationFrame.value = requestAnimationFrame(animate);
-      };
-      linearAnimationFrame.value = requestAnimationFrame(animate);
-    }
-    function mouseenterHandler() {
-      isHovering.value = true;
-    }
-    function mouseleaveAutoplayHandler() {
-      isHovering.value = false;
-    }
-    function pauseAutoplay() {
-      stopAutoplay();
-    }
-    function resumeAutoplay() {
-      if (config.value.autoplay !== "disabled") {
-        startAutoplay();
-      }
-    }
-    __expose({
-      prev,
-      next,
-      goTo,
-      remove: remove2,
-      insert,
-      prepend,
-      append: append3,
-      destroy: destroy2,
-      currentSlide,
-      pauseAutoplay,
-      resumeAutoplay
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
-        vue.createElementVNode("div", {
-          ref_key: "carouselRef",
-          ref: carouselRef,
-          class: "carousel-container"
-        }, [
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 512),
-        props2.dots && totalDots.value > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(totalDots.value, (i2) => {
-            return vue.openBlock(), vue.createElementBlock("button", {
-              key: i2,
-              type: "button",
-              class: vue.normalizeClass(["carousel-dot", [{ active: i2 - 1 === currentSlide.value }]]),
-              "aria-label": `Go to slide ${i2}`,
-              onClick: ($event) => goTo(i2 - 1)
-            }, null, 10, _hoisted_3$y);
-          }), 128))
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6de4176c"]]);
-function _isPlaceholder(a2) {
-  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
-}
-function _curry1(fn) {
-  return function f1(a2) {
-    if (arguments.length === 0 || _isPlaceholder(a2)) {
-      return f1;
-    } else {
-      return fn.apply(this, arguments);
-    }
-  };
-}
-function _curry2(fn) {
-  return function f2(a2, b2) {
-    switch (arguments.length) {
-      case 0:
-        return f2;
-      case 1:
-        return _isPlaceholder(a2) ? f2 : _curry1(function(_b) {
-          return fn(a2, _b);
-        });
-      default:
-        return _isPlaceholder(a2) && _isPlaceholder(b2) ? f2 : _isPlaceholder(a2) ? _curry1(function(_a) {
-          return fn(_a, b2);
-        }) : _isPlaceholder(b2) ? _curry1(function(_b) {
-          return fn(a2, _b);
-        }) : fn(a2, b2);
-    }
-  };
-}
-function _arity(n2, fn) {
-  switch (n2) {
-    case 0:
-      return function() {
-        return fn.apply(this, arguments);
-      };
-    case 1:
-      return function(a0) {
-        return fn.apply(this, arguments);
-      };
-    case 2:
-      return function(a0, a1) {
-        return fn.apply(this, arguments);
-      };
-    case 3:
-      return function(a0, a1, a2) {
-        return fn.apply(this, arguments);
-      };
-    case 4:
-      return function(a0, a1, a2, a3) {
-        return fn.apply(this, arguments);
-      };
-    case 5:
-      return function(a0, a1, a2, a3, a4) {
-        return fn.apply(this, arguments);
-      };
-    case 6:
-      return function(a0, a1, a2, a3, a4, a5) {
-        return fn.apply(this, arguments);
-      };
-    case 7:
-      return function(a0, a1, a2, a3, a4, a5, a6) {
-        return fn.apply(this, arguments);
-      };
-    case 8:
-      return function(a0, a1, a2, a3, a4, a5, a6, a7) {
-        return fn.apply(this, arguments);
-      };
-    case 9:
-      return function(a0, a1, a2, a3, a4, a5, a6, a7, a8) {
-        return fn.apply(this, arguments);
-      };
-    case 10:
-      return function(a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {
-        return fn.apply(this, arguments);
-      };
-    default:
-      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
-  }
-}
-function _curryN(length, received, fn) {
-  return function() {
-    var combined = [];
-    var argsIdx = 0;
-    var left2 = length;
-    var combinedIdx = 0;
-    while (combinedIdx < received.length || argsIdx < arguments.length) {
-      var result2;
-      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {
-        result2 = received[combinedIdx];
-      } else {
-        result2 = arguments[argsIdx];
-        argsIdx += 1;
-      }
-      combined[combinedIdx] = result2;
-      if (!_isPlaceholder(result2)) {
-        left2 -= 1;
+      combined[combinedIdx] = result2;
+      if (!_isPlaceholder(result2)) {
+        left2 -= 1;
       }
       combinedIdx += 1;
     }
@@ -8116,7 +7924,7 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$x = { class: "layer-rectangles" };
+const _hoisted_3$y = { class: "layer-rectangles" };
 const _hoisted_4$m = ["transform", "onMouseover"];
 const _hoisted_5$m = ["width", "height"];
 const _hoisted_6$j = {
@@ -8134,7 +7942,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$x, [
+      vue.createElementVNode("g", _hoisted_3$y, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -8226,25 +8034,25 @@ var script = vue.defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$D = ["x", "y", "width", "height"];
+const _hoisted_2$E = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$R, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$S, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$D)
+    }), null, 16, _hoisted_2$E)
   ])) : vue.createCommentVNode("v-if", true);
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -8412,8 +8220,8 @@ ${indent}}`;
       text: TextInput,
       textarea: TextInput,
       number: NumberInput,
-      array: _sfc_main$S,
-      color: _sfc_main$O,
+      array: _sfc_main$T,
+      color: _sfc_main$P,
       tel: TelInput,
       select: SelectInput,
       toggle: ToggleInput,
@@ -8421,9 +8229,9 @@ ${indent}}`;
       richtext: RichText,
       upload: UploadInput,
       file: UploadInput,
-      date: _sfc_main$M,
+      date: _sfc_main$N,
       tabs: TabsNav,
-      form: _sfc_main$U,
+      form: _sfc_main$V,
       range: RangeInput,
       email: EmailInput
     };
@@ -8720,12 +8528,12 @@ function useTableData(options) {
     schemaState: vue.computed(() => schemaState.value)
   };
 }
-const _hoisted_1$Q = { class: "data-preview" };
-const _hoisted_2$C = {
+const _hoisted_1$R = { class: "data-preview" };
+const _hoisted_2$D = {
   key: 1,
   class: "empty-preview"
 };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
     schema: { type: Function },
@@ -8767,17 +8575,17 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       onUpdateModelValue: void 0
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
         vue.unref(computedSchema) && vue.unref(computedSchema).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(computedSchema), (field) => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(field, vue.unref(slots))), {
             key: field.id
           });
-        }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, " No data to display "))
+        }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, " No data to display "))
       ]);
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-430b1998"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-430b1998"]]);
 function useTableSelection(options) {
   const allSelectorEl = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
@@ -9714,15 +9522,15 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$B = {
+const _hoisted_2$C = {
   key: 1,
   class: "flex-center h-300px txt-red"
 };
-const _hoisted_3$w = { class: "infinite-wrapper" };
+const _hoisted_3$x = { class: "infinite-wrapper" };
 const _hoisted_4$l = { class: "row first-row" };
 const _hoisted_5$l = { key: 0 };
 const _hoisted_6$i = ["onClick"];
@@ -9731,7 +9539,7 @@ const _hoisted_8$8 = ["onClick"];
 const _hoisted_9$5 = { key: 0 };
 const _hoisted_10$5 = ["value"];
 const _hoisted_11$5 = { key: 1 };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
     data: {},
@@ -9852,13 +9660,13 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": showLoading.value }
       }), [
-        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, _cache[4] || (_cache[4] = [
+        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, _cache[4] || (_cache[4] = [
           vue.createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, " Error loading table schema ")) : vue.createCommentVNode("", true),
+        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, " Error loading table schema ")) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", vue.mergeProps(vue.unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          vue.createElementVNode("table", _hoisted_3$w, [
+          vue.createElementVNode("table", _hoisted_3$x, [
             vue.createElementVNode("thead", _hoisted_4$l, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$l, [
                 vue.createElementVNode("input", {
@@ -9881,7 +9689,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === (field == null ? void 0 : field.id) }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$s), {
+                      vue.createVNode(vue.unref(_sfc_main$t), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -9940,7 +9748,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-382d1c94"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-382d1c94"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -10415,7 +10223,7 @@ function useDraggable(options = {}) {
     initDraggableContainer
   };
 }
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "Draggable",
   props: {
     modelValue: {},
@@ -13035,7 +12843,7 @@ const Gt = {
   install: Ct,
   options: h
 };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ vue.mergeModels({
     value: {},
@@ -13129,9 +12937,9 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$O = { class: "px-1 pt-025 pb-1" };
-const _hoisted_2$A = { class: "ms-1" };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$P = { class: "px-1 pt-025 pb-1" };
+const _hoisted_2$B = { class: "ms-1" };
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldSetVue",
   props: {
     label: {},
@@ -13139,15 +12947,15 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$O, [
-        vue.createElementVNode("legend", _hoisted_2$A, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
+      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$P, [
+        vue.createElementVNode("legend", _hoisted_2$B, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
         vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f7e758e5"]]);
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-f7e758e5"]]);
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -13177,7 +12985,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f99f1900"]]);
 function getBaseField(id, labelOrRest = {}, rest = {}) {
   if (typeof labelOrRest === "object") return { id, ...labelOrRest };
   return { id, label: labelOrRest, ...rest };
@@ -13658,8 +13466,8 @@ function getNestedValue(obj, path, defaultValue = void 0) {
   }
   return current ?? defaultValue;
 }
-const _hoisted_1$N = { class: "flex-center h-300px" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$O = { class: "flex-center h-300px" };
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
     modelValue: { default: void 0 },
@@ -13793,7 +13601,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             onInput: handleSlotInputChange
           }, [
             schemaState.value === "loading" ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              vue.createElementVNode("div", _hoisted_1$N, [
+              vue.createElementVNode("div", _hoisted_1$O, [
                 vue.createVNode(vue.unref(Loading))
               ])
             ]) : schemaState.value === "error" ? vue.renderSlot(_ctx.$slots, "schema-error", { key: 1 }, () => [
@@ -13832,12 +13640,12 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "bgl-multi-step-form" };
-const _hoisted_2$z = {
+const _hoisted_1$N = { class: "bgl-multi-step-form" };
+const _hoisted_2$A = {
   key: 0,
   class: "bgl-step-progress"
 };
-const _hoisted_3$v = { class: "bgl-steps-indicator" };
+const _hoisted_3$w = { class: "bgl-steps-indicator" };
 const _hoisted_4$k = ["onClick"];
 const _hoisted_5$k = {
   key: 0,
@@ -13845,7 +13653,7 @@ const _hoisted_5$k = {
 };
 const _hoisted_6$h = { class: "bgl-form-wrapper" };
 const _hoisted_7$c = { class: "bgl-step-controls" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -14001,8 +13809,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       prevStep
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-        _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
           vue.renderSlot(_ctx.$slots, "progress", vue.normalizeProps(vue.guardReactiveProps({
             currentStep: currentStep.value,
             totalSteps: numberOfSteps.value,
@@ -14011,7 +13819,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             allowStepNavigation: props2.allowStepNavigation,
             isStepValidated: isStepValidated.value
           })), () => [
-            vue.createElementVNode("div", _hoisted_3$v, [
+            vue.createElementVNode("div", _hoisted_3$w, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(numberOfSteps.value, (_2, index2) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: index2,
@@ -14041,7 +13849,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                 ref: formContainer,
                 class: "bgl-form-container"
               }, [
-                vue.createVNode(vue.unref(_sfc_main$U), vue.mergeProps({
+                vue.createVNode(vue.unref(_sfc_main$V), vue.mergeProps({
                   ref_key: "formRef",
                   ref: formRef,
                   modelValue: formData.value,
@@ -14098,13 +13906,13 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-53bb3be3"]]);
-const _hoisted_1$L = {
+const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-53bb3be3"]]);
+const _hoisted_1$M = {
   key: 0,
   class: "label mb-05"
 };
-const _hoisted_2$y = { class: "ps-025 border-start mb-05" };
-const _hoisted_3$u = {
+const _hoisted_2$z = { class: "ps-025 border-start mb-05" };
+const _hoisted_3$v = {
   key: 0,
   class: "flex-center h-300px"
 };
@@ -14117,7 +13925,7 @@ const _hoisted_5$j = {
   class: "minimizedText txt14 p-025 opacity-7"
 };
 const _hoisted_6$g = { class: "bg-gray-80 -my-05 px-025 pt-065 pb-05 txt-center space-between flex column" };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
     el: { default: "div" },
@@ -14226,10 +14034,10 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(props2.class)
       }, [
-        _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$u, [
-            schemaState.value === "loading" ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), { key: 0 })) : schemaState.value === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$M, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$z, [
+          schemaState.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
+            schemaState.value === "loading" ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), { key: 0 })) : schemaState.value === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 1,
               icon: "error",
               color: "red"
@@ -14244,7 +14052,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 thin: "",
                 class: vue.normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
               }, [
-                minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$j, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$U), {
+                minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$j, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
                   key: 1,
                   "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
@@ -14289,8 +14097,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "primary-checkbox" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$L = { class: "primary-checkbox" };
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -14300,7 +14108,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$K, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$L, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -14312,11 +14120,11 @@ 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$t = ["for"];
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-73f1d9ad"]]);
+const _hoisted_1$K = ["title"];
+const _hoisted_2$y = ["id", "value", "required"];
+const _hoisted_3$u = ["for"];
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -14349,7 +14157,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$x), [
+        }, null, 8, _hoisted_2$y), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", {
@@ -14358,25 +14166,25 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$t)
-      ], 10, _hoisted_1$J);
+        ], 8, _hoisted_3$u)
+      ], 10, _hoisted_1$K);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-722373de"]]);
-const _hoisted_1$I = { class: "mb-05" };
-const _hoisted_2$w = {
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-722373de"]]);
+const _hoisted_1$J = { class: "mb-05" };
+const _hoisted_2$x = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$s = {
+const _hoisted_3$t = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
 const _hoisted_4$i = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
 const _hoisted_5$i = ["innerHTML"];
 const _hoisted_6$f = ["onKeydown"];
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     language: {},
@@ -14458,9 +14266,9 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       }
     }, { immediate: true });
     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$s, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$x, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
@@ -14494,11 +14302,11 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-13335b34"]]);
-const _hoisted_1$H = ["title"];
-const _hoisted_2$v = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
-const _hoisted_3$r = ["id", "placeholder", "required"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-13335b34"]]);
+const _hoisted_1$I = ["title"];
+const _hoisted_2$w = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
+const _hoisted_3$s = ["id", "placeholder", "required"];
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorInput",
   props: {
     label: {},
@@ -14528,7 +14336,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", null, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          vue.createElementVNode("div", _hoisted_2$v, [
+          vue.createElementVNode("div", _hoisted_2$w, [
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.id,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
@@ -14536,7 +14344,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               type: "color",
               placeholder: _ctx.placeholder || _ctx.label,
               required: _ctx.required
-            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$r), [
+            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$s), [
               [vue.vModelText, inputVal.value]
             ]),
             vue.withDirectives(vue.createElementVNode("input", {
@@ -14558,7 +14366,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ])
-      ], 10, _hoisted_1$H);
+      ], 10, _hoisted_1$I);
     };
   }
 });
@@ -15079,9 +14887,9 @@ class Time {
     return number2 < 10 ? `0${number2}` : String(number2);
   }
 }
-const _hoisted_1$G = { class: "ltr flex gap-075 m_flex-wrap calendar-container justify-content-center h-100p" };
-const _hoisted_2$u = { class: "calendar-section m_border-none pe-05 m_p-0" };
-const _hoisted_3$q = { class: "flex space-between pb-1" };
+const _hoisted_1$H = { class: "ltr flex gap-075 m_flex-wrap calendar-container justify-content-center h-100p" };
+const _hoisted_2$v = { class: "calendar-section m_border-none pe-05 m_p-0" };
+const _hoisted_3$r = { class: "flex space-between pb-1" };
 const _hoisted_4$h = { class: "flex gap-05" };
 const _hoisted_5$h = { class: "month-year" };
 const _hoisted_6$e = {
@@ -15102,7 +14910,7 @@ const _hoisted_10$4 = {
   class: "time-picker border-start flex column gap-1 w-120px px-025"
 };
 const _hoisted_11$4 = { class: "flex gap-025" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     modelValue: {},
@@ -15312,9 +15120,9 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
-        vue.createElementVNode("div", _hoisted_2$u, [
-          vue.createElementVNode("div", _hoisted_3$q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+        vue.createElementVNode("div", _hoisted_2$v, [
+          vue.createElementVNode("div", _hoisted_3$r, [
             currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createVNode(vue.unref(Btn), {
                 flat: "",
@@ -15442,14 +15250,14 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-8b7bd9b8"]]);
-const _hoisted_1$F = ["title"];
-const _hoisted_2$t = { key: 0 };
-const _hoisted_3$p = {
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-8b7bd9b8"]]);
+const _hoisted_1$G = ["title"];
+const _hoisted_2$u = { key: 0 };
+const _hoisted_3$q = {
   key: 0,
   class: "required"
 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: /* @__PURE__ */ vue.mergeModels({
     required: { type: Boolean },
@@ -15565,11 +15373,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         onFocusin: _cache[4] || (_cache[4] = //@ts-ignore
         (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args))
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, [
+        _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$X), {
+        vue.createVNode(vue.unref(_sfc_main$Y), {
           shown: isOpen.value,
           placement: "bottom-start",
           autoHide: false,
@@ -15624,7 +15432,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 8, ["shown"])
-      ], 42, _hoisted_1$F);
+      ], 42, _hoisted_1$G);
     };
   }
 });
@@ -15633,9 +15441,9 @@ const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
 const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\])|(([a-z\-0-9]+\.)+[a-z]{2,}))$/i;
-const _hoisted_1$E = ["title"];
-const _hoisted_2$s = ["for"];
-const _hoisted_3$o = { class: "flex" };
+const _hoisted_1$F = ["title"];
+const _hoisted_2$t = ["for"];
+const _hoisted_3$p = { class: "flex" };
 const _hoisted_4$g = { key: 0 };
 const _hoisted_5$g = {
   key: 1,
@@ -15646,7 +15454,7 @@ const _hoisted_6$d = {
   class: "validating"
 };
 const _hoisted_7$a = ["id", "name", "title", "placeholder", "disabled", "required"];
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "EmailInput",
   props: {
     id: {},
@@ -15910,7 +15718,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.title
       }, [
         vue.createElementVNode("label", { for: _ctx.id }, [
-          vue.createElementVNode("div", _hoisted_3$o, [
+          vue.createElementVNode("div", _hoisted_3$p, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
             _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, "*")) : vue.createCommentVNode("", true),
             _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$g, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
@@ -15943,30 +15751,30 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, vue.unref(inputVal)],
             [_directive_pattern, void 0, "lower"]
           ]),
-          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 0,
             class: "iconStart",
             icon: _ctx.iconStart
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 1,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$s)
-      ], 10, _hoisted_1$E);
+        ], 8, _hoisted_2$t)
+      ], 10, _hoisted_1$F);
     };
   }
 });
-const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-e3d13caa"]]);
-const _hoisted_1$D = { class: "bagel-input" };
-const _hoisted_2$r = {
+const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-e3d13caa"]]);
+const _hoisted_1$E = { class: "bagel-input" };
+const _hoisted_2$s = {
   key: 0,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel"
 };
-const _hoisted_3$n = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_3$o = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$f = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
 const _hoisted_5$f = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$c = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
@@ -15999,7 +15807,7 @@ const _hoisted_15$1 = {
 };
 const _hoisted_16$1 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
 const _hoisted_17$1 = { class: "pretty balance" };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -16174,10 +15982,10 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       const _directive_lightbox = vue.resolveDirective("lightbox");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
-        _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$r)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$11), {
+        _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$s)) : vue.createCommentVNode("", true),
+        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$12), {
           key: 1,
           outline: "",
           class: "flex p-05 gap-1",
@@ -16198,7 +16006,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_3$n, [
+                vue.createElementVNode("div", _hoisted_3$o, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -16233,7 +16041,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
                   vue.createElementVNode("div", _hoisted_5$f, [
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -16284,7 +16092,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -16314,7 +16122,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, ["width", "src"])) : vue.createCommentVNode("", true)
-                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -16325,7 +16133,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$3, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       class: "success",
                       icon: "check"
                     })
@@ -16377,7 +16185,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, ["src"]), [
                       [_directive_lightbox, { src: file.url, download: true }]
                     ])
-                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -16398,7 +16206,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       class: "success",
                       icon: "check"
                     })
@@ -16422,7 +16230,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_16$1, [
-              vue.createVNode(vue.unref(_sfc_main$s), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$t), { icon: "upload_2" }),
               vue.createElementVNode("span", _hoisted_17$1, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -16431,11 +16239,11 @@ 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$m = ["value", "placeholder"];
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-50fd0597"]]);
+const _hoisted_1$D = ["title"];
+const _hoisted_2$r = { key: 0 };
+const _hoisted_3$n = ["value", "placeholder"];
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -16458,7 +16266,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$r, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -16466,18 +16274,18 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$m)
-      ], 10, _hoisted_1$C);
+        }, null, 42, _hoisted_3$n)
+      ], 10, _hoisted_1$D);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$B = ["for"];
-const _hoisted_2$p = {
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$C = ["for"];
+const _hoisted_2$q = {
   key: 0,
   class: "block"
 };
-const _hoisted_3$l = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
+const _hoisted_3$m = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
 const _hoisted_4$e = {
   key: 1,
   class: "opacity-7 light"
@@ -16486,7 +16294,7 @@ const _hoisted_5$e = {
   key: 5,
   class: "flex column spinner"
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "NumberInput",
   props: {
     modelValue: {},
@@ -16591,7 +16399,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         }])
       }, [
         vue.createElementVNode("div", { for: _ctx.id }, [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$p, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["gap-025", { "column flex": _ctx.layout === "vertical", "flex": _ctx.layout === "horizontal" }])
           }, [
@@ -16626,7 +16434,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$l), [
+            }, null, 42, _hoisted_3$m), [
               [
                 vue.vModelText,
                 vue.unref(formattedValue),
@@ -16641,12 +16449,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               ]
             ]),
             _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$e, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
-            _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+            _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 2,
               class: "iconStart",
               icon: _ctx.iconStart
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 3,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -16679,14 +16487,14 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["disabled"])
             ])) : vue.createCommentVNode("", true)
           ], 2)
-        ], 8, _hoisted_1$B)
+        ], 8, _hoisted_1$C)
       ], 2);
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-78609eff"]]);
-const _hoisted_1$A = ["value", "autofocus", "onKeydown", "onPaste"];
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-78609eff"]]);
+const _hoisted_1$B = ["value", "autofocus", "onKeydown", "onPaste"];
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
   props: {
     digitCount: {},
@@ -16790,16 +16598,16 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             onPaste: ($event) => handlePaste($event, ind),
             onKeyup: _cache[0] || (_cache[0] = vue.withModifiers(() => {
             }, ["prevent"]))
-          }, null, 40, _hoisted_1$A);
+          }, null, 40, _hoisted_1$B);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ab0a46bf"]]);
-const _hoisted_1$z = { class: "relative passwordInput" };
-const _hoisted_2$o = { class: "m-password position-bottom-end flex column justify-content-center" };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-ab0a46bf"]]);
+const _hoisted_1$A = { class: "relative passwordInput" };
+const _hoisted_2$p = { class: "m-password position-bottom-end flex column justify-content-center" };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
     id: {},
@@ -16839,7 +16647,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     const toggleShowPwdIcon = vue.computed(() => showPwd.value ? "visibility_off" : "visibility");
     const inputType = vue.computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createVNode(vue.unref(TextInput), vue.mergeProps({
           modelValue: password.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
@@ -16848,7 +16656,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           class: "mb-0",
           name: props2.name
         }), null, 16, ["modelValue", "type", "name"]),
-        vue.createElementVNode("div", _hoisted_2$o, [
+        vue.createElementVNode("div", _hoisted_2$p, [
           vue.createVNode(vue.unref(Btn), {
             flat: "",
             thin: "",
@@ -16861,9 +16669,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["for"];
-const _hoisted_2$n = ["id", "disabled", "name", "value", "required"];
-const _hoisted_3$k = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_1$z = ["for"];
+const _hoisted_2$o = ["id", "disabled", "name", "value", "required"];
+const _hoisted_3$l = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$d = ["src", "alt"];
 const _hoisted_5$d = { class: "" };
 const _hoisted_6$b = {
@@ -16874,7 +16682,7 @@ const _hoisted_7$8 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ vue.mergeModels({
     groupName: {},
@@ -16932,10 +16740,10 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               onFocus: handleFocus,
               onBlur: handleBlur,
               onChange: handleChange
-            }, null, 40, _hoisted_2$n), [
+            }, null, 40, _hoisted_2$o), [
               [vue.vModelRadio, selectedOption.value]
             ]),
-            vue.createElementVNode("div", _hoisted_3$k, [
+            vue.createElementVNode("div", _hoisted_3$l, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -16957,19 +16765,19 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$y);
+          ], 8, _hoisted_1$z);
         }), 128))
       ], 2);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-29cff93d"]]);
-const _hoisted_1$x = { class: "bagel-input" };
-const _hoisted_2$m = { class: "pb-025" };
-const _hoisted_3$j = { class: "flex gap-05 flex-wrap" };
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-29cff93d"]]);
+const _hoisted_1$y = { class: "bagel-input" };
+const _hoisted_2$n = { class: "pb-025" };
+const _hoisted_3$k = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$c = ["id", "name", "value", "checked"];
 const _hoisted_5$c = ["for"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -17012,9 +16820,9 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
-        vue.createElementVNode("label", _hoisted_2$m, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+        vue.createElementVNode("label", _hoisted_2$n, vue.toDisplayString(_ctx.label), 1),
+        vue.createElementVNode("div", _hoisted_3$k, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -17038,18 +16846,18 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-68b4cdd0"]]);
-const _hoisted_1$w = ["dir"];
-const _hoisted_2$l = {
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-68b4cdd0"]]);
+const _hoisted_1$x = ["dir"];
+const _hoisted_2$m = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$i = { class: "range-slider relative w-100" };
+const _hoisted_3$j = { class: "range-slider relative w-100" };
 const _hoisted_4$b = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$b = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$a = { class: "track absolute pointer-events-none overflow-hidden round" };
 const _hoisted_7$7 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "RangeInput",
   props: {
     modelValue: {},
@@ -17113,8 +16921,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
-        props2.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, vue.toDisplayString(props2.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$i, [
+        props2.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, vue.toDisplayString(props2.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3$j, [
           vue.createElementVNode("input", {
             id: _ctx.id,
             value: validFrom.value,
@@ -17205,11 +17013,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)(vue.unref(max2))), 1)
           ], true)
         ])
-      ], 8, _hoisted_1$w);
+      ], 8, _hoisted_1$x);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-46e22f3e"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-46e22f3e"]]);
 const basicToolbarConfig = [
   "h2",
   "h3",
@@ -17275,11 +17083,11 @@ const toolbarOptions = [
   { name: "separator" },
   { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
 ];
-const _hoisted_1$v = { class: "grid grid-wrap p-05" };
-const _hoisted_2$k = ["onMousemove", "onClick"];
-const _hoisted_3$h = { class: "txt-center txt-12 color-gray" };
+const _hoisted_1$w = { class: "grid grid-wrap p-05" };
+const _hoisted_2$l = ["onMousemove", "onClick"];
+const _hoisted_3$i = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "gridBox",
   props: {
     gridSize: {}
@@ -17300,7 +17108,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       return hoveredCol.value > base - 1 ? enlarge : base;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rowSize.value, (row) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: `row-${row}`,
@@ -17327,21 +17135,21 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                   hoveredCol.value = col;
                 },
                 onClick: ($event) => emit2("select", `${row}x${col}`)
-              }, null, 42, _hoisted_2$k);
+              }, null, 42, _hoisted_2$l);
             }), 128))
           ], 32);
         }), 128)),
-        vue.createElementVNode("p", _hoisted_3$h, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
+        vue.createElementVNode("p", _hoisted_3$i, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
 });
-const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-2f424c9c"]]);
-const _hoisted_1$u = {
+const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-2f424c9c"]]);
+const _hoisted_1$v = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "EditorToolbar",
   props: {
     config: { default: basicToolbarConfig },
@@ -17356,10 +17164,10 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.map(configToOption).filter(Boolean), (action, index2) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
+            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Y), {
               key: 0,
               placement: "bottom-start",
               thin: "",
@@ -17397,7 +17205,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7e9466dc"]]);
+const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-7e9466dc"]]);
 function isStyleActive(style, doc) {
   const selection = doc.getSelection();
   if (!selection || !selection.rangeCount) return false;
@@ -18964,13 +18772,13 @@ function isNodeEmpty(node) {
   if (brElements.length === 0) return true;
   return brElements.length === 1 && node.childNodes.length <= 2;
 }
-const _hoisted_1$t = { class: "bagel-input" };
-const _hoisted_2$j = { class: "content-area radius-05" };
-const _hoisted_3$g = {
+const _hoisted_1$u = { class: "bagel-input" };
+const _hoisted_2$k = { class: "content-area radius-05" };
+const _hoisted_3$h = {
   key: 1,
   class: "flex"
 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -19087,7 +18895,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["rich-text-editor rounded pt-05 px-05 pb-075", { "fullscreen-mode": vue.unref(editor).state.isFullscreen }])
@@ -19101,7 +18909,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["editor-container", { "split-view": vue.unref(editor).state.isSplitView }])
           }, [
-            vue.createElementVNode("div", _hoisted_2$j, [
+            vue.createElementVNode("div", _hoisted_2$k, [
               vue.createElementVNode("iframe", {
                 id: "rich-text-iframe",
                 ref_key: "iframe",
@@ -19124,7 +18932,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               class: "code-editor"
             }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
           ], 2),
-          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g, [
+          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
             _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
             vue.createVNode(vue.unref(Btn), {
               thin: "",
@@ -19168,10 +18976,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-30bcda4c"]]);
-const _hoisted_1$s = { key: 0 };
-const _hoisted_2$i = { class: "flex gap-05" };
-const _hoisted_3$f = ["disabled"];
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-30bcda4c"]]);
+const _hoisted_1$t = { key: 0 };
+const _hoisted_2$j = { class: "flex gap-05" };
+const _hoisted_3$g = ["disabled"];
 const _hoisted_4$a = { key: 1 };
 const _hoisted_5$a = {
   key: 2,
@@ -19180,7 +18988,7 @@ const _hoisted_5$a = {
 const _hoisted_6$9 = ["value"];
 const _hoisted_7$6 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_8$5 = { class: "block" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -19340,7 +19148,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Y), {
         ref_key: "dropdown",
         ref: dropdown,
         shown: vue.unref(open),
@@ -19354,8 +19162,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         trigger: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, "*")) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2$i, [
+            _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$t, "*")) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_2$j, [
               _ctx.searchable && vue.unref(open) ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                 key: 0,
                 ref_key: "searchInput",
@@ -19381,7 +19189,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => navigate("up"), ["prevent"]), ["up"]))
                 ]
               }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -19398,11 +19206,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     })
                   })
                 ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), vue.mergeProps({
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), vue.mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-              ], 42, _hoisted_3$f)),
+              ], 42, _hoisted_3$g)),
               _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
                 key: 2,
                 tabindex: "-1",
@@ -19421,7 +19229,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             height: "25px",
             class: "mx-1 my-1"
           })) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(_sfc_main$11), {
+          vue.createVNode(vue.unref(_sfc_main$12), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" }),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
@@ -19448,12 +19256,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     ]
                   }, [
                     _ctx.multiselect ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : vue.createCommentVNode("", true),
-                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -19474,7 +19282,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c16650b4"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c16650b4"]]);
 /*!
  * Signature Pad v5.0.7 | https://github.com/szimek/signature_pad
  * (c) 2025 Szymon Nowak | Released under the MIT license
@@ -20071,15 +19879,15 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$r = ["disabled"];
-const _hoisted_2$h = {
+const _hoisted_1$s = ["disabled"];
+const _hoisted_2$i = {
   key: 1,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel opacity-0"
 };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
   props: /* @__PURE__ */ vue.mergeModels({
     sigOption: {},
@@ -20275,8 +20083,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$r),
-        _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$h)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_1$s),
+        _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$i)) : vue.createCommentVNode("", true)
       ], 34);
     };
   }
@@ -22760,13 +22568,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$q = ["title"];
-const _hoisted_2$g = { class: "bagel-input" };
-const _hoisted_3$e = { class: "table-side-scroll" };
+const _hoisted_1$r = ["title"];
+const _hoisted_2$h = { class: "bagel-input" };
+const _hoisted_3$f = { class: "table-side-scroll" };
 const _hoisted_4$9 = { class: "table-header" };
 const _hoisted_5$9 = { class: "table-reorder" };
 const _hoisted_6$8 = { class: "table-action" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -22831,10 +22639,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        vue.createElementVNode("div", _hoisted_2$g, [
+        vue.createElementVNode("div", _hoisted_2$h, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$e, [
+        vue.createElementVNode("div", _hoisted_3$f, [
           vue.createElementVNode("div", _hoisted_4$9, [
             (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", {
@@ -22863,7 +22671,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row"
                     }, [
                       vue.createElementVNode("div", _hoisted_5$9, [
-                        vue.createVNode(vue.unref(_sfc_main$s), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$t), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -22880,7 +22688,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$8, [
-                        vue.createVNode(vue.unref(_sfc_main$s), {
+                        vue.createVNode(vue.unref(_sfc_main$t), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -22906,11 +22714,11 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           ])),
           _: 1
         })
-      ], 8, _hoisted_1$q);
+      ], 8, _hoisted_1$r);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-e9632f79"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-e9632f79"]]);
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -27384,9 +27192,9 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$p = { key: 0 };
-const _hoisted_2$f = ["aria-expanded"];
-const _hoisted_3$d = { class: "flex gap-05 country-code-display" };
+const _hoisted_1$q = { key: 0 };
+const _hoisted_2$g = ["aria-expanded"];
+const _hoisted_3$e = { class: "flex gap-05 country-code-display" };
 const _hoisted_4$8 = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_5$8 = {
   class: "overflow-y p-0 max-h-300px",
@@ -27395,7 +27203,7 @@ const _hoisted_5$8 = {
 const _hoisted_6$7 = ["aria-selected", "onClick"];
 const _hoisted_7$5 = { class: "tel-country" };
 const _hoisted_8$4 = ["id", "required", "placeholder", "disabled", "name"];
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: {
     id: {},
@@ -27565,7 +27373,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", null, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required && _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$p, "*")) : vue.createCommentVNode("", true),
+          _ctx.required && _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$q, "*")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             dir: "ltr",
             class: "flex gap-05 tel-input",
@@ -27574,7 +27382,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             "aria-haspopup": "listbox",
             "aria-expanded": vue.unref(open)
           }, [
-            vue.createVNode(vue.unref(_sfc_main$X), {
+            vue.createVNode(vue.unref(_sfc_main$Y), {
               shown: vue.unref(open),
               "onUpdate:shown": _cache[1] || (_cache[1] = ($event) => vue.isRef(open) ? open.value = $event : open = $event),
               placement: "bottom-start",
@@ -27582,8 +27390,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               onShow: focusSearchInput
             }, {
               trigger: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_3$d, [
-                  !disableDropdown.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                vue.createElementVNode("span", _hoisted_3$e, [
+                  !disableDropdown.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 0,
                     icon: vue.unref(open) ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -27654,23 +27462,23 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 { tel: true }
               ]
             ])
-          ], 8, _hoisted_2$f)
+          ], 8, _hoisted_2$g)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-24f599bf"]]);
-const _hoisted_1$o = ["title"];
-const _hoisted_2$e = ["for"];
-const _hoisted_3$c = { key: 0 };
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-24f599bf"]]);
+const _hoisted_1$p = ["title"];
+const _hoisted_2$f = ["for"];
+const _hoisted_3$d = { key: 0 };
 const _hoisted_4$7 = ["id", "name", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$7 = ["id", "name", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_6$6 = {
   key: 3,
   class: "opacity-7 light"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -27762,7 +27570,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", { for: _ctx.id }, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required && _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, "*")) : vue.createCommentVNode("", true),
+          _ctx.required && _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, "*")) : vue.createCommentVNode("", true),
           !_ctx.multiline && !_ctx.autoheight && !_ctx.code && inputRows.value < 2 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
             key: 1,
             id: _ctx.id,
@@ -27813,25 +27621,25 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, vue.unref(inputVal)]
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$6, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
-          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 4,
             class: "iconStart",
             icon: _ctx.iconStart
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 5,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$e)
-      ], 10, _hoisted_1$o);
+        ], 8, _hoisted_2$f)
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-84ff4b81"]]);
-const _hoisted_1$n = ["title"];
-const _hoisted_2$d = ["id", "required"];
-const _hoisted_3$b = ["for"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-84ff4b81"]]);
+const _hoisted_1$o = ["title"];
+const _hoisted_2$e = ["id", "required"];
+const _hoisted_3$c = ["for"];
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -27867,19 +27675,19 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
           required: _ctx.required
-        }, null, 8, _hoisted_2$d), [
+        }, null, 8, _hoisted_2$e), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$b)
-      ], 10, _hoisted_1$n);
+        ], 8, _hoisted_3$c)
+      ], 10, _hoisted_1$o);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c5e45931"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c5e45931"]]);
 const files = {
   setBaseUrl: (baseUrl) => {
     if (!baseUrl) return;
@@ -27908,9 +27716,9 @@ const files = {
     return axios$1.get("/files_v2/list", { params: { dir_path: dirPath } });
   }
 };
-const _hoisted_1$m = { class: "bagel-input" };
-const _hoisted_2$c = { key: 0 };
-const _hoisted_3$a = {
+const _hoisted_1$n = { class: "bagel-input" };
+const _hoisted_2$d = { key: 0 };
+const _hoisted_3$b = {
   key: 1,
   placeholder: "required",
   type: "text",
@@ -27949,7 +27757,7 @@ const _hoisted_15 = {
 };
 const _hoisted_16 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
 const _hoisted_17 = { class: "pretty balance" };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "UploadInput",
   props: {
     label: {},
@@ -28058,10 +27866,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       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$a)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$11), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$d, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.required && !pathKeys.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_3$b)) : vue.createCommentVNode("", true),
+        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$12), {
           key: 2,
           outline: "",
           class: "flex p-05 gap-1",
@@ -28107,7 +27915,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
                   vue.createElementVNode("div", _hoisted_5$6, [
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -28150,7 +27958,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     key: 0,
                     pathKey: path_key,
                     class: "multi-preview"
-                  }, null, 8, ["pathKey"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  }, null, 8, ["pathKey"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28177,7 +27985,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: fileToUrl(file.file),
                     alt: ""
-                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28188,7 +27996,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$2, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28236,7 +28044,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, ["pathKey"]), [
                       [_directive_lightbox, { src: vue.unref(pathKeyToURL)(path_key), download: true }]
                     ])
-                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -28257,7 +28065,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28281,7 +28089,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_16, [
-              vue.createVNode(vue.unref(_sfc_main$s), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$t), { icon: "upload_2" }),
               vue.createElementVNode("span", _hoisted_17, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -28290,7 +28098,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d8f3ff01"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-d8f3ff01"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",
@@ -32716,7 +32524,7 @@ const MATERIAL_ICONS = [
   "zoom_out",
   "zoom_out_map"
 ];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "Icon",
   props: {
     icon: {},
@@ -32747,8 +32555,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$m = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "IframeVue",
   props: {
     src: {},
@@ -32807,14 +32615,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         scrolling: _ctx.scrolling,
         srcset: _ctx.srcset,
         onLoad: _cache[0] || (_cache[0] = ($event) => emit2("load", $event))
-      }, null, 40, _hoisted_1$l);
+      }, null, 40, _hoisted_1$m);
     };
   }
 });
-const _hoisted_1$k = { key: 0 };
-const _hoisted_2$b = ["src", "alt", "width", "height"];
-const _hoisted_3$9 = ["src", "alt", "width", "height"];
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$l = { key: 0 };
+const _hoisted_2$c = ["src", "alt", "width", "height"];
+const _hoisted_3$a = ["src", "alt", "width", "height"];
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "Image",
   props: {
     src: {},
@@ -32890,7 +32698,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     }
     vue.watch(() => [props2.src, props2.pathKey], loadImage, { immediate: true });
     return (_ctx, _cache) => {
-      return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$k, [
+      return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$l, [
         vue.unref(imageSrc) ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
           key: 0,
           src: vue.unref(imageSrc)
@@ -32898,7 +32706,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_2$b)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
+        }), null, 16, _hoisted_2$c)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
           key: 1,
           class: "img-web-kit",
           width: vue.unref(normalizeDimension)(_ctx.width),
@@ -32911,7 +32719,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$9)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
+      }), null, 16, _hoisted_3$a)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
         class: "flex-center error-image",
         style: vue.normalizeStyle({
@@ -32919,7 +32727,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(normalizeDimension)(_ctx.height)
         })
       }, [
-        vue.createVNode(vue.unref(_sfc_main$s), { name: "broken_image" })
+        vue.createVNode(vue.unref(_sfc_main$t), { name: "broken_image" })
       ], 4)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
         key: 3,
         class: "img-web-kit",
@@ -32929,16 +32737,16 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2f5e271c"]]);
-const _hoisted_1$j = { class: "m-0 pb-025 txt10 line-height-1 w60 menu-text" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-2f5e271c"]]);
+const _hoisted_1$k = { class: "m-0 pb-025 txt10 line-height-1 w60 menu-text" };
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
   props: {
     navLinks: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$11), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$12), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav, i2) => {
@@ -32949,12 +32757,12 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               onClick: nav.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$s), {
+                vue.createVNode(vue.unref(_sfc_main$t), {
                   icon: nav.icon,
                   size: 1.4,
                   class: "m-0 line-height-14"
                 }, null, 8, ["icon"]),
-                vue.createElementVNode("p", _hoisted_1$j, vue.toDisplayString(nav.label), 1)
+                vue.createElementVNode("p", _hoisted_1$k, vue.toDisplayString(nav.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "onClick"]);
@@ -32966,8 +32774,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2227f9cc"]]);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2227f9cc"]]);
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "Layout",
   props: {
     gap: { default: 1 },
@@ -33008,9 +32816,9 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1814129a"]]);
-const _hoisted_1$i = { key: 0 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1814129a"]]);
+const _hoisted_1$j = { key: 0 };
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMenu",
   props: {
     navLinks: {},
@@ -33039,7 +32847,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           icon: "keyboard_arrow_right",
           onClick: vue.unref(toggleMenu)
         }, null, 8, ["onClick"]),
-        vue.createVNode(vue.unref(_sfc_main$11), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
+        vue.createVNode(vue.unref(_sfc_main$12), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: vue.withCtx(() => [
             !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
             vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
@@ -33054,13 +32862,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 ...nav.onClick && { onClick: nav.onClick }
               }, { class: "nav-button px-075 me-auto w-100" }), {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$s), {
+                  vue.createVNode(vue.unref(_sfc_main$t), {
                     icon: nav.icon,
                     size: 1.4
                   }, null, 8, ["icon"]),
                   vue.createVNode(vue.Transition, { name: "showP" }, {
                     default: vue.withCtx(() => [
-                      _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$i, vue.toDisplayString(nav.label), 1)) : vue.createCommentVNode("", true)
+                      _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$j, vue.toDisplayString(nav.label), 1)) : vue.createCommentVNode("", true)
                     ]),
                     _: 2
                   }, 1024)
@@ -33087,8 +32895,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-43939d5b"]]);
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-43939d5b"]]);
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "Skeleton",
   props: {
     count: { default: 1 },
@@ -33119,11 +32927,11 @@ 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$8 = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8788ed73"]]);
+const _hoisted_1$i = { class: "bgl_card tabs-top" };
+const _hoisted_2$b = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_3$9 = ["onClick"];
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -33156,9 +32964,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["h-100 grid list-view gap-1", { "side-tabs": _ctx.sideTabs }])
       }, [
-        vue.createElementVNode("div", _hoisted_1$h, [
+        vue.createElementVNode("div", _hoisted_1$i, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_2$a, [
+          vue.createElementVNode("div", _hoisted_2$b, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               var _a;
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -33167,7 +32975,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$8);
+              }, vue.toDisplayString(tab), 11, _hoisted_3$9);
             }), 128))
           ])
         ]),
@@ -33183,7 +32991,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-915732c1"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-915732c1"]]);
 const state = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state.has(group)) {
@@ -33197,8 +33005,8 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$g = { key: 0 };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$h = { key: 0 };
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -33240,14 +33048,14 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           group: vue.unref(group),
           class: "mb-05"
         }, null, 8, ["modelValue", "flat", "tabs", "group"]),
-        vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+        vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
           vue.unref(slots)[vue.unref(currentTab)] ? vue.renderSlot(_ctx.$slots, vue.unref(currentTab), { key: 0 }) : vue.unref(currentTab) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabComponent)), { key: 1 })) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ], 64);
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsBody",
   props: {
     group: {}
@@ -33260,8 +33068,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["onClick"];
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$g = ["onClick"];
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -33348,31 +33156,31 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass([{ active: isActive(tab) }, "bgl_tab relative z-1"]),
               onClick: ($event) => selectTab(tab)
             }, [
-              typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+              typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                 key: 0,
                 icon: tab.icon
               }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
               vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-            ], 10, _hoisted_1$f);
+            ], 10, _hoisted_1$g);
           }), 128))
         ], true)
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6ece2018"]]);
-const _hoisted_1$e = { class: "txt-start" };
-const _hoisted_2$9 = {
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6ece2018"]]);
+const _hoisted_1$f = { class: "txt-start" };
+const _hoisted_2$a = {
   key: 0,
   class: "txt10 m-0 p-0 txt-gray ellipsis"
 };
-const _hoisted_3$7 = { class: "m-0 p-0 ellipsis-1 line-height-14 pb-025" };
+const _hoisted_3$8 = { class: "m-0 p-0 ellipsis-1 line-height-14 pb-025" };
 const _hoisted_4$5 = {
   key: 1,
   class: "txt12 m-0 p-0 opacity-7 ellipsis-1"
 };
 const _hoisted_5$5 = ["textContent"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -33434,18 +33242,18 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 1,
             size: "1.2",
             class: "color-primary",
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_1$e, [
-            _ctx.lead ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$9, [
+          vue.createElementVNode("div", _hoisted_1$f, [
+            _ctx.lead ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$a, [
               vue.createTextVNode(vue.toDisplayString(_ctx.lead) + " ", 1),
               vue.renderSlot(_ctx.$slots, "lead")
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("p", _hoisted_3$7, [
+            vue.createElementVNode("p", _hoisted_3$8, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -33456,7 +33264,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           ]),
           _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
           vue.renderSlot(_ctx.$slots, "end", {}, () => [
-            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
               key: 0,
               icon: _ctx.iconEnd,
               class: "transition-400"
@@ -33475,23 +33283,23 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = {};
-const _hoisted_1$d = { class: "list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$8 = { class: "p-0" };
-const _hoisted_3$6 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const _sfc_main$h = {};
+const _hoisted_1$e = { class: "list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_2$9 = { class: "p-0" };
+const _hoisted_3$7 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$3(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
-    vue.createElementVNode("div", _hoisted_2$8, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+    vue.createElementVNode("div", _hoisted_2$9, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
-    vue.createElementVNode("div", _hoisted_3$6, [
+    vue.createElementVNode("div", _hoisted_3$7, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$3]]);
-const _hoisted_1$c = { class: "flex-center" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$3]]);
+const _hoisted_1$d = { class: "flex-center" };
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "Loading",
   props: {
     size: { default: 50 },
@@ -33513,7 +33321,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       return standardSize(borderValue);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
         theme.value === "bar" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "lds-bar",
@@ -33555,11 +33363,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2d349a92"]]);
-const _hoisted_1$b = ["id"];
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2d349a92"]]);
+const _hoisted_1$c = ["id"];
 const defaultMarkerSVG = '<svg width="28" height="38" viewBox="0 0 28 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2263 37.7955C17.0897 37.7955 19.4109 37.0138 19.4109 36.0496C19.4109 35.0854 17.0897 34.3037 14.2263 34.3037C11.363 34.3037 9.04175 35.0854 9.04175 36.0496C9.04175 37.0138 11.363 37.7955 14.2263 37.7955Z" fill="black" fill-opacity="0.1"/><path d="M14.2265 0.549591C21.2842 0.549591 27.0131 6.23786 27.0787 13.28V13.4024C27.0787 19.3328 24.4759 24.4306 21.5627 28.2764C18.6511 32.12 15.4577 34.6754 14.3457 35.5097C14.2748 35.5629 14.1778 35.5629 14.1068 35.5097C12.9947 34.675 9.80135 32.1197 6.88984 28.2762C3.97665 24.4304 1.37378 19.3328 1.37378 13.4024C1.37378 6.30387 7.12806 0.549591 14.2265 0.549591Z" fill="#ED1b3E" stroke="#ED6C6F"/><path d="M14.2263 21.6185C18.7639 21.6185 22.4424 17.94 22.4424 13.4024C22.4424 8.86477 18.7639 5.18631 14.2263 5.18631C9.68872 5.18631 6.01025 8.86477 6.01025 13.4024C6.01025 17.94 9.68872 21.6185 14.2263 21.6185Z" fill="white"/></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -33650,23 +33458,23 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         class: "leaflet-map",
         style: vue.normalizeStyle({ height: `${props2.height || 400}px` }),
         dir: "ltr"
-      }, null, 12, _hoisted_1$b);
+      }, null, 12, _hoisted_1$c);
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$8 = {
   key: 1,
   class: "sticky z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     thin: { type: Boolean },
@@ -33723,7 +33531,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$11), {
+        vue.createVNode(vue.unref(_sfc_main$12), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           thin: _ctx.thin,
@@ -33733,7 +33541,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$a, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$b, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -33748,7 +33556,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
                 vue.createVNode(vue.unref(Btn), {
                   class: "position-start",
                   icon: "close",
@@ -33759,7 +33567,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                 })
               ])),
               vue.renderSlot(_ctx.$slots, "default"),
-              vue.unref(slots).footer || ((_a = _ctx.actions) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$5, [
+              vue.unref(slots).footer || ((_a = _ctx.actions) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$6, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                     key: i2,
@@ -33777,8 +33585,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "pb-05 pretty" };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$a = { class: "pb-05 pretty" };
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -33804,7 +33612,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const confirmBtnColor = props2.confirmBtnColor || "green";
     const cancelBtnColor = props2.cancelBtnColor || "gray";
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$e), {
         title: vue.unref(title),
         width: "380px",
         dismissable: false,
@@ -33823,16 +33631,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["color", "value"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$9, vue.toDisplayString(vue.unref(message)), 1)
+          vue.createElementVNode("p", _hoisted_1$a, vue.toDisplayString(vue.unref(message)), 1)
         ]),
         _: 1
       }, 8, ["title"]);
     };
   }
 });
-const _hoisted_1$8 = { class: "flex gap-0" };
-const _hoisted_2$6 = { class: "flex gap-05" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = { class: "flex gap-0" };
+const _hoisted_2$7 = { class: "flex gap-05" };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -33896,7 +33704,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$e), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -33907,7 +33715,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => emit2("update:visible", $event))
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$U), {
+          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
             key: 0,
             ref_key: "form",
             ref: form,
@@ -33925,7 +33733,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         _ctx.onDelete || _ctx.onSubmit ? {
           name: "footer",
           fn: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$8, [
+            vue.createElementVNode("div", _hoisted_1$9, [
               vue.createVNode(vue.unref(Btn), {
                 thin: "",
                 flat: "",
@@ -33942,7 +33750,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 onClick: runDelete
               }, null, 8, ["value"])) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createElementVNode("div", _hoisted_2$7, [
               _ctx.onDuplicate ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                 key: 0,
                 outline: "",
@@ -33968,14 +33776,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1c0f6894"]]);
-const _hoisted_1$7 = { class: "full-nav" };
-const _hoisted_2$5 = { class: "nav-scroll" };
-const _hoisted_3$4 = { class: "nav-links-wrapper" };
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-1c0f6894"]]);
+const _hoisted_1$8 = { class: "full-nav" };
+const _hoisted_2$6 = { class: "nav-scroll" };
+const _hoisted_3$5 = { class: "nav-links-wrapper" };
 const _hoisted_4$4 = { class: "tooltip" };
 const _hoisted_5$4 = { class: "bot-buttons-wrapper" };
 const _hoisted_6$4 = { class: "tooltip" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -34009,14 +33817,14 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           onClick: toggleMenu,
           onKeypress: vue.withKeys(toggleMenu, ["enter"])
         }, [
-          vue.createVNode(vue.unref(_sfc_main$s), {
+          vue.createVNode(vue.unref(_sfc_main$t), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$7, [
-          vue.createElementVNode("div", _hoisted_2$5, [
-            vue.createElementVNode("div", _hoisted_3$4, [
+        vue.createElementVNode("div", _hoisted_1$8, [
+          vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createElementVNode("div", _hoisted_3$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   key: link.label,
@@ -34028,7 +33836,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$s), {
+                    vue.createVNode(vue.unref(_sfc_main$t), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(link.label), 1)
@@ -34050,7 +33858,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$s), {
+                  vue.createVNode(vue.unref(_sfc_main$t), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$4, vue.toDisplayString(link.label), 1)
@@ -34065,10 +33873,10 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f3df1ee7"]]);
-const _hoisted_1$6 = { class: "page-top" };
-const _hoisted_2$4 = { class: "top-title m-0" };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f3df1ee7"]]);
+const _hoisted_1$7 = { class: "page-top" };
+const _hoisted_2$5 = { class: "top-title m-0" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -34078,8 +33886,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-        vue.createElementVNode("h1", _hoisted_2$4, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        vue.createElementVNode("h1", _hoisted_2$5, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -34087,9 +33895,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["disabled"];
-const _hoisted_2$3 = { class: "bgl_pill-flex" };
-const _hoisted_3$3 = {
+const _hoisted_1$6 = ["disabled"];
+const _hoisted_2$4 = { class: "bgl_pill-flex" };
+const _hoisted_3$4 = {
   key: 0,
   class: "loading"
 };
@@ -34107,7 +33915,7 @@ const _hoisted_8$2 = {
   key: 0,
   class: "flex h-100"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "Pill",
   props: {
     disabled: { type: Boolean },
@@ -34185,8 +33993,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           "bgl_pill-border": _ctx.border || _ctx.outline
         })
       }, [
-        vue.createElementVNode("div", _hoisted_2$3, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+        vue.createElementVNode("div", _hoisted_2$4, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
             _ctx.btn ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
               vue.createVNode(vue.unref(Btn), vue.mergeProps({
                 class: "bgl_pill-btn",
@@ -34195,7 +34003,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               }, _ctx.btn), null, 16)
             ])) : vue.createCommentVNode("", true)
           ])),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 2,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -34203,7 +34011,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           !vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.value || _ctx.modelValue), 1)
           ], 64)) : vue.createCommentVNode("", true),
-          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 4,
             icon: _ctx.iconEnd
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -34217,12 +34025,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ]))
         ])
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1$6);
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-764b6b8b"]]);
-const _sfc_main$7 = {};
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-764b6b8b"]]);
+const _sfc_main$8 = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -34244,7 +34052,677 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]);
+const _hoisted_1$5 = { class: "carousel-wrapper" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "carousel-dots"
+};
+const _hoisted_3$3 = ["aria-label", "onClick"];
+const dragThreshold = 10;
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Slider",
+  props: {
+    duration: { default: 200 },
+    easing: { default: "ease-out" },
+    perPage: {},
+    startIndex: { default: 0 },
+    draggable: { type: Boolean, default: true },
+    multipleDrag: { type: Boolean, default: true },
+    threshold: { default: 20 },
+    loop: { type: Boolean, default: true },
+    rtl: { type: Boolean, default: false },
+    autoplay: { type: [Boolean, String], default: "disabled" },
+    autoplayInterval: { default: 3e3 },
+    autoplaySpeed: { default: 50 },
+    pauseOnHover: { type: Boolean, default: true },
+    dots: { type: Boolean, default: false },
+    slideWidth: { default: 300 },
+    onInit: {},
+    onChange: {}
+  },
+  emits: ["init", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    const carouselRef = vue.ref(null);
+    const sliderFrame = vue.ref(null);
+    const innerElements = vue.ref([]);
+    const currentSlide = vue.ref(0);
+    const selectorWidth = vue.ref(0);
+    const { innerWidth } = useDevice();
+    const transformProperty = vue.ref("transform");
+    const pointerDown = vue.ref(false);
+    const drag = vue.ref({
+      startX: 0,
+      endX: 0,
+      startY: 0,
+      letItGo: null,
+      preventClick: false
+    });
+    const isDragging = vue.ref(false);
+    const autoplayTimer = vue.ref(null);
+    const linearAnimationFrame = vue.ref(null);
+    const isHovering = vue.ref(false);
+    const linearOffset = vue.ref(0);
+    const perPage = vue.computed(() => {
+      if (typeof props2.perPage === "number") {
+        return props2.perPage;
+      }
+      if (typeof props2.perPage === "object") {
+        return Object.entries(props2.perPage).reduce((acc, [viewport, value]) => innerWidth.value >= Number(viewport) ? value : acc, 1);
+      }
+      return Math.max(1, Math.ceil(selectorWidth.value / props2.slideWidth));
+    });
+    const config = vue.computed(() => {
+      let autoplayMode = "disabled";
+      if (typeof props2.autoplay === "boolean") {
+        autoplayMode = props2.autoplay ? "standard" : "disabled";
+      } else {
+        autoplayMode = props2.autoplay;
+      }
+      const calculatedPerPage = perPage.value;
+      return {
+        duration: props2.duration,
+        easing: props2.easing,
+        perPage: calculatedPerPage,
+        startIndex: props2.startIndex,
+        draggable: props2.draggable,
+        multipleDrag: props2.multipleDrag,
+        threshold: props2.threshold,
+        loop: props2.loop,
+        rtl: props2.rtl,
+        autoplay: autoplayMode,
+        autoplayInterval: props2.autoplayInterval,
+        autoplaySpeed: props2.autoplaySpeed,
+        pauseOnHover: props2.pauseOnHover,
+        dots: props2.dots,
+        slideWidth: props2.slideWidth,
+        onInit: () => {
+          emit2("init");
+        },
+        onChange: () => {
+          emit2("change");
+        }
+      };
+    });
+    const totalDots = vue.computed(() => {
+      if (!innerElements.value.length) return 0;
+      return config.value.loop ? innerElements.value.length : Math.ceil(innerElements.value.length - perPage.value + 1);
+    });
+    vue.onMounted(() => init());
+    vue.onBeforeUnmount(() => {
+      stopAutoplay();
+      detachEvents();
+    });
+    vue.watch(() => props2, () => {
+      resizeHandler();
+    }, { deep: true });
+    function webkitOrNot() {
+      const { style } = document.documentElement;
+      if (typeof style.transform === "string") {
+        return "transform";
+      }
+      return "WebkitTransform";
+    }
+    function attachEvents() {
+      window.addEventListener("resize", resizeHandler);
+      if (config.value.draggable && carouselRef.value) {
+        const eventOptions = { passive: true };
+        const touchMoveOptions = { passive: false };
+        const mouseMoveOptions = { passive: false };
+        const mouseDownOptions = { passive: false };
+        carouselRef.value.addEventListener("touchstart", touchstartHandler, eventOptions);
+        carouselRef.value.addEventListener("touchend", touchendHandler, eventOptions);
+        carouselRef.value.addEventListener("touchmove", touchmoveHandler, touchMoveOptions);
+        carouselRef.value.addEventListener("mousedown", mousedownHandler, mouseDownOptions);
+        carouselRef.value.addEventListener("mouseup", mouseupHandler, eventOptions);
+        carouselRef.value.addEventListener("mouseleave", mouseleaveHandler, eventOptions);
+        carouselRef.value.addEventListener("mousemove", mousemoveHandler, mouseMoveOptions);
+        carouselRef.value.addEventListener("dragstart", dragstartHandler);
+        carouselRef.value.addEventListener("click", clickHandler2);
+      }
+      if (config.value.autoplay !== "disabled" && config.value.pauseOnHover && carouselRef.value) {
+        carouselRef.value.addEventListener("mouseenter", mouseenterHandler);
+        carouselRef.value.addEventListener("mouseleave", mouseleaveAutoplayHandler);
+      }
+    }
+    function detachEvents() {
+      window.removeEventListener("resize", resizeHandler);
+      if (carouselRef.value) {
+        carouselRef.value.removeEventListener("touchstart", touchstartHandler);
+        carouselRef.value.removeEventListener("touchend", touchendHandler);
+        carouselRef.value.removeEventListener("touchmove", touchmoveHandler);
+        carouselRef.value.removeEventListener("mousedown", mousedownHandler);
+        carouselRef.value.removeEventListener("mouseup", mouseupHandler);
+        carouselRef.value.removeEventListener("mouseleave", mouseleaveHandler);
+        carouselRef.value.removeEventListener("mousemove", mousemoveHandler);
+        carouselRef.value.removeEventListener("dragstart", dragstartHandler);
+        carouselRef.value.removeEventListener("click", clickHandler2);
+        carouselRef.value.removeEventListener("mouseenter", mouseenterHandler);
+        carouselRef.value.removeEventListener("mouseleave", mouseleaveAutoplayHandler);
+      }
+    }
+    async function init() {
+      if (!carouselRef.value) return;
+      transformProperty.value = webkitOrNot();
+      await sleep(10);
+      innerElements.value = Array.from(carouselRef.value.children);
+      if (!innerElements.value.length) {
+        console.warn("No carousel items found during initialization");
+        return;
+      }
+      selectorWidth.value = carouselRef.value.offsetWidth;
+      currentSlide.value = config.value.loop ? config.value.startIndex % innerElements.value.length : Math.max(0, Math.min(config.value.startIndex, innerElements.value.length - perPage.value));
+      carouselRef.value.style.overflow = "hidden";
+      carouselRef.value.style.direction = config.value.rtl ? "rtl" : "ltr";
+      attachEvents();
+      await vue.nextTick();
+      buildSliderFrame();
+      if (config.value.autoplay !== "disabled") {
+        startAutoplay();
+      }
+      config.value.onInit();
+    }
+    function buildSliderFrame() {
+      if (!carouselRef.value) return;
+      if (!innerElements.value.length) {
+        console.warn("No carousel items found");
+        return;
+      }
+      const widthItem = selectorWidth.value / perPage.value;
+      const itemsToBuild = config.value.loop ? innerElements.value.length + 2 * perPage.value : innerElements.value.length;
+      if (!sliderFrame.value) {
+        sliderFrame.value = document.createElement("div");
+      }
+      sliderFrame.value.style.width = `${widthItem * itemsToBuild}px`;
+      enableTransition();
+      if (config.value.draggable && carouselRef.value) {
+        carouselRef.value.style.cursor = "-webkit-grab";
+      }
+      const docFragment = document.createDocumentFragment();
+      if (config.value.loop && innerElements.value.length > 0) {
+        for (let i2 = innerElements.value.length - perPage.value; i2 < innerElements.value.length; i2++) {
+          if (i2 >= 0 && i2 < innerElements.value.length) {
+            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
+            docFragment.appendChild(element);
+          }
+        }
+      }
+      for (let i2 = 0; i2 < innerElements.value.length; i2++) {
+        const element = buildSliderFrameItem(innerElements.value[i2]);
+        docFragment.appendChild(element);
+      }
+      if (config.value.loop && innerElements.value.length > 0) {
+        for (let i2 = 0; i2 < perPage.value; i2++) {
+          if (i2 >= 0 && i2 < innerElements.value.length) {
+            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
+            docFragment.appendChild(element);
+          }
+        }
+      }
+      if (sliderFrame.value) {
+        sliderFrame.value.innerHTML = "";
+        sliderFrame.value.appendChild(docFragment);
+        if (carouselRef.value) {
+          carouselRef.value.innerHTML = "";
+          carouselRef.value.appendChild(sliderFrame.value);
+        }
+      }
+      slideToCurrent();
+    }
+    function buildSliderFrameItem(elm) {
+      const elementContainer = document.createElement("div");
+      elementContainer.style.cssFloat = config.value.rtl ? "right" : "left";
+      elementContainer.style.float = config.value.rtl ? "right" : "left";
+      const percentage = config.value.loop ? 100 / (innerElements.value.length + perPage.value * 2) : 100 / innerElements.value.length;
+      elementContainer.style.width = `${percentage}%`;
+      elementContainer.appendChild(elm);
+      return elementContainer;
+    }
+    function slideToCurrent(enableTransitionFlag) {
+      const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
+      const offset2 = (config.value.rtl ? 1 : -1) * currentSlideValue * (selectorWidth.value / perPage.value);
+      if (enableTransitionFlag && sliderFrame.value) {
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            enableTransition();
+            if (sliderFrame.value) {
+              sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
+            }
+          });
+        });
+      } else if (sliderFrame.value) {
+        sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
+      }
+    }
+    function prev(howManySlides = 1) {
+      const beforeChange = currentSlide.value;
+      if (config.value.loop) {
+        const isNewIndexClone = currentSlide.value - howManySlides < 0;
+        if (isNewIndexClone) {
+          disableTransition();
+          const mirrorSlideIndex = currentSlide.value + innerElements.value.length;
+          const mirrorSlideIndexOffset = perPage.value;
+          const moveTo = mirrorSlideIndex + mirrorSlideIndexOffset;
+          const offset2 = (config.value.rtl ? 1 : -1) * moveTo * (selectorWidth.value / perPage.value);
+          const dragDistance = config.value.draggable ? drag.value.endX - drag.value.startX : 0;
+          if (sliderFrame.value) {
+            sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2 + dragDistance}px, 0, 0)`;
+          }
+          currentSlide.value = mirrorSlideIndex - howManySlides;
+        } else {
+          currentSlide.value = currentSlide.value - howManySlides;
+        }
+      } else {
+        currentSlide.value = Math.max(currentSlide.value - howManySlides, 0);
+      }
+      if (beforeChange !== currentSlide.value) {
+        slideToCurrent(config.value.loop);
+        config.value.onChange();
+      }
+      if (config.value.autoplay !== "disabled") {
+        startAutoplay();
+      }
+    }
+    function next(howManySlides = 1) {
+      const beforeChange = currentSlide.value;
+      if (config.value.loop) {
+        const isNewIndexClone = currentSlide.value + howManySlides > innerElements.value.length - perPage.value;
+        if (isNewIndexClone) {
+          disableTransition();
+          const mirrorSlideIndex = currentSlide.value - innerElements.value.length;
+          const mirrorSlideIndexOffset = perPage.value;
+          const moveTo = mirrorSlideIndex + mirrorSlideIndexOffset;
+          const offset2 = (config.value.rtl ? 1 : -1) * moveTo * (selectorWidth.value / perPage.value);
+          const dragDistance = config.value.draggable ? drag.value.endX - drag.value.startX : 0;
+          if (sliderFrame.value) {
+            sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2 + dragDistance}px, 0, 0)`;
+          }
+          currentSlide.value = mirrorSlideIndex + howManySlides;
+        } else {
+          currentSlide.value = currentSlide.value + howManySlides;
+        }
+      } else {
+        currentSlide.value = Math.min(currentSlide.value + howManySlides, innerElements.value.length - perPage.value);
+      }
+      if (beforeChange !== currentSlide.value) {
+        slideToCurrent(config.value.loop);
+        config.value.onChange();
+      }
+      if (config.value.autoplay !== "disabled") {
+        startAutoplay();
+      }
+    }
+    function goTo(index2) {
+      if (innerElements.value.length <= perPage.value) {
+        return;
+      }
+      const beforeChange = currentSlide.value;
+      currentSlide.value = config.value.loop ? index2 % innerElements.value.length : Math.min(Math.max(index2, 0), innerElements.value.length - perPage.value);
+      if (beforeChange !== currentSlide.value) {
+        slideToCurrent();
+        config.value.onChange();
+      }
+    }
+    function disableTransition() {
+      if (sliderFrame.value) {
+        sliderFrame.value.style.webkitTransition = `all 0ms ${config.value.easing}`;
+        sliderFrame.value.style.transition = `all 0ms ${config.value.easing}`;
+      }
+    }
+    function enableTransition() {
+      if (sliderFrame.value) {
+        sliderFrame.value.style.webkitTransition = `all ${config.value.duration}ms ${config.value.easing}`;
+        sliderFrame.value.style.transition = `all ${config.value.duration}ms ${config.value.easing}`;
+      }
+    }
+    function updateAfterDrag() {
+      const movement = (config.value.rtl ? -1 : 1) * (drag.value.endX - drag.value.startX);
+      const movementDistance = Math.abs(movement);
+      const howManySliderToSlide = config.value.multipleDrag ? Math.ceil(movementDistance / (selectorWidth.value / perPage.value)) : 1;
+      const slideToNegativeClone = movement > 0 && currentSlide.value - howManySliderToSlide < 0;
+      const slideToPositiveClone = movement < 0 && currentSlide.value + howManySliderToSlide > innerElements.value.length - perPage.value;
+      if (movement > 0 && movementDistance > config.value.threshold && innerElements.value.length > perPage.value) {
+        prev(howManySliderToSlide);
+      } else if (movement < 0 && movementDistance > config.value.threshold && innerElements.value.length > perPage.value) {
+        next(howManySliderToSlide);
+      }
+      slideToCurrent(slideToNegativeClone || slideToPositiveClone);
+    }
+    function resizeHandler() {
+      if (currentSlide.value + perPage.value > innerElements.value.length) {
+        currentSlide.value = innerElements.value.length <= perPage.value ? 0 : innerElements.value.length - perPage.value;
+      }
+      if (carouselRef.value) {
+        selectorWidth.value = carouselRef.value.offsetWidth;
+      }
+      buildSliderFrame();
+    }
+    function clearDrag() {
+      drag.value = {
+        startX: 0,
+        endX: 0,
+        startY: 0,
+        letItGo: null,
+        preventClick: drag.value.preventClick
+      };
+    }
+    function touchstartHandler(e) {
+      const target = e.target;
+      const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
+      if (ignoreTags) {
+        return;
+      }
+      stopAutoplay();
+      e.stopPropagation();
+      pointerDown.value = true;
+      isDragging.value = false;
+      drag.value.startX = e.touches[0].pageX;
+      drag.value.startY = e.touches[0].pageY;
+      const isLink = target.tagName === "A" || target.closest("a");
+      const isImage = target.tagName === "IMG";
+      if (isLink || isImage) {
+        drag.value.preventClick = false;
+      }
+    }
+    function touchendHandler(e) {
+      e.stopPropagation();
+      if (isDragging.value) {
+        document.addEventListener("click", function preventClickAfterDrag(event) {
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+          document.removeEventListener("click", preventClickAfterDrag, true);
+        }, { capture: true, once: true });
+      }
+      pointerDown.value = false;
+      isDragging.value = false;
+      enableTransition();
+      if (drag.value.endX) {
+        updateAfterDrag();
+      }
+      clearDrag();
+      if (config.value.autoplay !== "disabled") {
+        startAutoplay();
+      }
+    }
+    function touchmoveHandler(e) {
+      e.stopPropagation();
+      if (drag.value.letItGo === null) {
+        drag.value.letItGo = Math.abs(drag.value.startY - e.touches[0].pageY) < Math.abs(drag.value.startX - e.touches[0].pageX);
+      }
+      if (pointerDown.value && drag.value.letItGo) {
+        e.preventDefault();
+        drag.value.endX = e.touches[0].pageX;
+        const dragDistance = Math.abs(drag.value.endX - drag.value.startX);
+        if (dragDistance > dragThreshold) {
+          isDragging.value = true;
+          drag.value.preventClick = true;
+        }
+        if (sliderFrame.value) {
+          disableTransition();
+          const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
+          const currentOffset = currentSlideValue * (selectorWidth.value / perPage.value);
+          const dragOffset = drag.value.endX - drag.value.startX;
+          const offset2 = config.value.rtl ? currentOffset + dragOffset : currentOffset - dragOffset;
+          sliderFrame.value.style[transformProperty.value] = `translate3d(${(config.value.rtl ? 1 : -1) * offset2}px, 0, 0)`;
+        }
+      }
+    }
+    function mousedownHandler(e) {
+      const target = e.target;
+      const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
+      if (ignoreTags) return;
+      stopAutoplay();
+      e.preventDefault();
+      e.stopPropagation();
+      pointerDown.value = true;
+      isDragging.value = false;
+      drag.value.startX = e.pageX;
+      const isLink = target.tagName === "A" || target.closest("a");
+      const isImage = target.tagName === "IMG";
+      if (isLink || isImage) {
+        drag.value.preventClick = false;
+      }
+    }
+    function mouseupHandler(e) {
+      e.stopPropagation();
+      if (isDragging.value) {
+        document.addEventListener("click", function preventClickAfterDrag(event) {
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+          document.removeEventListener("click", preventClickAfterDrag, true);
+        }, { capture: true, once: true });
+      }
+      pointerDown.value = false;
+      isDragging.value = false;
+      if (carouselRef.value) {
+        carouselRef.value.style.cursor = "-webkit-grab";
+      }
+      enableTransition();
+      if (drag.value.endX) {
+        updateAfterDrag();
+      }
+      clearDrag();
+      if (config.value.autoplay !== "disabled" && !isHovering.value) {
+        startAutoplay();
+      }
+    }
+    function mousemoveHandler(e) {
+      e.preventDefault();
+      if (pointerDown.value) {
+        drag.value.endX = e.pageX;
+        const dragDistance = Math.abs(drag.value.endX - drag.value.startX);
+        if (dragDistance > dragThreshold) {
+          isDragging.value = true;
+          drag.value.preventClick = true;
+        }
+        if (carouselRef.value) {
+          carouselRef.value.style.cursor = "-webkit-grabbing";
+        }
+        if (sliderFrame.value) {
+          disableTransition();
+          const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
+          const currentOffset = currentSlideValue * (selectorWidth.value / perPage.value);
+          const dragOffset = drag.value.endX - drag.value.startX;
+          const offset2 = config.value.rtl ? currentOffset + dragOffset : currentOffset - dragOffset;
+          sliderFrame.value.style[transformProperty.value] = `translate3d(${(config.value.rtl ? 1 : -1) * offset2}px, 0, 0)`;
+        }
+      }
+    }
+    function mouseleaveHandler(e) {
+      if (pointerDown.value) {
+        pointerDown.value = false;
+        if (carouselRef.value) {
+          carouselRef.value.style.cursor = "-webkit-grab";
+        }
+        drag.value.endX = e.pageX;
+        drag.value.preventClick = false;
+        enableTransition();
+        updateAfterDrag();
+        clearDrag();
+      }
+    }
+    function clickHandler2(e) {
+      if (drag.value.preventClick || isDragging.value) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        drag.value.preventClick = false;
+      }
+      drag.value.preventClick = false;
+    }
+    function dragstartHandler(e) {
+      var _a;
+      if (config.value.draggable) {
+        const target = e.target;
+        const isDraggableElement = target.tagName === "IMG" || target.tagName === "A" || ((_a = target.parentElement) == null ? void 0 : _a.tagName) === "A";
+        if (isDraggableElement) {
+          e.preventDefault();
+        }
+      }
+    }
+    function remove2(index2) {
+      if (index2 < 0 || index2 >= innerElements.value.length) {
+        throw new Error("Item to remove doesn't exist 😭");
+      }
+      const lowerIndex = index2 < currentSlide.value;
+      const lastItem = currentSlide.value + perPage.value - 1 === index2;
+      if (lowerIndex || lastItem) {
+        currentSlide.value--;
+      }
+      innerElements.value.splice(index2, 1);
+      buildSliderFrame();
+    }
+    function insert(item, index2) {
+      if (index2 < 0 || index2 > innerElements.value.length + 1) {
+        throw new Error("Unable to insert at this index 😭");
+      }
+      if (innerElements.value.includes(item)) {
+        throw new Error("The same item in a carousel? Really? Nope 😭");
+      }
+      const shouldItShift = index2 <= currentSlide.value && innerElements.value.length > 0;
+      if (shouldItShift) {
+        currentSlide.value++;
+      }
+      innerElements.value.splice(index2, 0, item);
+      buildSliderFrame();
+    }
+    function prepend(item) {
+      insert(item, 0);
+    }
+    function append3(item) {
+      insert(item, innerElements.value.length);
+    }
+    function destroy2(restoreMarkup = false) {
+      detachEvents();
+      if (carouselRef.value) {
+        carouselRef.value.style.cursor = "auto";
+        if (restoreMarkup) {
+          const slides = document.createDocumentFragment();
+          for (let i2 = 0; i2 < innerElements.value.length; i2++) {
+            slides.appendChild(innerElements.value[i2]);
+          }
+          carouselRef.value.innerHTML = "";
+          carouselRef.value.appendChild(slides);
+          carouselRef.value.removeAttribute("style");
+        }
+      }
+    }
+    async function startAutoplay() {
+      stopAutoplay();
+      if (config.value.autoplay === "standard") {
+        autoplayTimer.value = window.setInterval(() => {
+          if (!isHovering.value) {
+            next();
+          }
+        }, config.value.autoplayInterval);
+      } else if (config.value.autoplay === "linear") {
+        startLinearAutoplay();
+      }
+    }
+    function stopAutoplay() {
+      if (autoplayTimer.value !== null) {
+        clearInterval(autoplayTimer.value);
+        autoplayTimer.value = null;
+      }
+      if (linearAnimationFrame.value !== null) {
+        cancelAnimationFrame(linearAnimationFrame.value);
+        linearAnimationFrame.value = null;
+      }
+    }
+    function startLinearAutoplay() {
+      linearOffset.value = 0;
+      let lastTimestamp = 0;
+      const animate = (timestamp2) => {
+        if (!lastTimestamp) lastTimestamp = timestamp2;
+        const elapsed = timestamp2 - lastTimestamp;
+        lastTimestamp = timestamp2;
+        if (isHovering.value) {
+          linearAnimationFrame.value = requestAnimationFrame(animate);
+          return;
+        }
+        const pixelsToMove = elapsed / 1e3 * config.value.autoplaySpeed;
+        linearOffset.value += pixelsToMove;
+        const itemWidth = selectorWidth.value / perPage.value;
+        const totalWidth = itemWidth * innerElements.value.length;
+        if (linearOffset.value >= totalWidth) {
+          if (config.value.loop) {
+            linearOffset.value = 0;
+          } else {
+            linearOffset.value = totalWidth - itemWidth;
+            stopAutoplay();
+            return;
+          }
+        }
+        if (sliderFrame.value) {
+          const direction = config.value.rtl ? 1 : -1;
+          sliderFrame.value.style.transition = "none";
+          sliderFrame.value.style[transformProperty.value] = `translate3d(${direction * linearOffset.value}px, 0, 0)`;
+        }
+        const newSlide = Math.floor(linearOffset.value / itemWidth) % innerElements.value.length;
+        if (newSlide !== currentSlide.value) {
+          currentSlide.value = newSlide;
+          config.value.onChange();
+        }
+        linearAnimationFrame.value = requestAnimationFrame(animate);
+      };
+      linearAnimationFrame.value = requestAnimationFrame(animate);
+    }
+    function mouseenterHandler() {
+      isHovering.value = true;
+    }
+    function mouseleaveAutoplayHandler() {
+      isHovering.value = false;
+    }
+    function pauseAutoplay() {
+      stopAutoplay();
+    }
+    function resumeAutoplay() {
+      if (config.value.autoplay !== "disabled") {
+        startAutoplay();
+      }
+    }
+    __expose({
+      prev,
+      next,
+      goTo,
+      remove: remove2,
+      insert,
+      prepend,
+      append: append3,
+      destroy: destroy2,
+      currentSlide,
+      pauseAutoplay,
+      resumeAutoplay
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        vue.createElementVNode("div", {
+          ref_key: "carouselRef",
+          ref: carouselRef,
+          class: "carousel-container"
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 512),
+        props2.dots && totalDots.value > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(totalDots.value, (i2) => {
+            return vue.openBlock(), vue.createElementBlock("button", {
+              key: i2,
+              type: "button",
+              class: vue.normalizeClass(["carousel-dot", [{ active: i2 - 1 === currentSlide.value }]]),
+              "aria-label": `Go to slide ${i2}`,
+              onClick: ($event) => goTo(i2 - 1)
+            }, null, 10, _hoisted_3$3);
+          }), 128))
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-705b9c93"]]);
 const _hoisted_1$4 = { class: "stickyTop" };
 const _hoisted_2$2 = {
   key: 0,
@@ -34347,7 +34825,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", {
                     onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
                   }, vue.toDisplayString(col.label || col.key), 9, _hoisted_4$2),
-                  _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                  _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                     key: 0,
                     class: vue.normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
                     name: "keyboard_arrow_down"
@@ -34924,29 +35402,29 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               placeholder: "Search",
               class: "m-0 max-w200px"
             }, null, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(_sfc_main$X), {
+            vue.createVNode(vue.unref(_sfc_main$Y), {
               flat: "",
               thin: "",
               icon: "more_vert"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$h), {
+                vue.createVNode(vue.unref(_sfc_main$i), {
                   title: "Paste",
                   icon: "paste",
                   onClick: pasteSelection
                 }),
-                vue.createVNode(vue.unref(_sfc_main$h), {
+                vue.createVNode(vue.unref(_sfc_main$i), {
                   title: "copy",
                   icon: "copy",
                   onClick: copySelection
                 }),
-                vue.createVNode(vue.unref(_sfc_main$h), {
+                vue.createVNode(vue.unref(_sfc_main$i), {
                   title: "Undo",
                   icon: "undo",
                   disabled: !canUndo.value,
                   onClick: undo
                 }, null, 8, ["disabled"]),
-                vue.createVNode(vue.unref(_sfc_main$h), {
+                vue.createVNode(vue.unref(_sfc_main$i), {
                   title: "Redo",
                   icon: "redo",
                   disabled: !canRedo.value,
@@ -34957,9 +35435,9 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(wrapText) ? wrapText.value = $event : null),
                   label: "Wrap Text"
                 }, null, 8, ["modelValue"]),
-                vue.createVNode(vue.unref(_sfc_main$X), { placement: "auto-end" }, {
+                vue.createVNode(vue.unref(_sfc_main$Y), { placement: "auto-end" }, {
                   trigger: vue.withCtx(({ show }) => [
-                    vue.createVNode(vue.unref(_sfc_main$h), {
+                    vue.createVNode(vue.unref(_sfc_main$i), {
                       title: "Column Visibility",
                       icon: "view_column",
                       onClick: ($event) => show()
@@ -36177,13 +36655,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           title: item == null ? void 0 : item.name,
                           class: "vw90"
                         }, null, 8, _hoisted_5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                          vue.createVNode(vue.unref(_sfc_main$s), {
+                          vue.createVNode(vue.unref(_sfc_main$t), {
                             class: "m-0 m_none",
                             icon: "draft",
                             size: 10,
                             weight: "12"
                           }),
-                          vue.createVNode(vue.unref(_sfc_main$s), {
+                          vue.createVNode(vue.unref(_sfc_main$t), {
                             class: "m-0 none m_block m_-mb-1",
                             icon: "draft",
                             size: 4,
@@ -36222,7 +36700,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 8, ["src", "class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+                      }, null, 8, ["src", "class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                         key: 1,
                         class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         icon: "description",
@@ -36603,9 +37081,9 @@ const ModalPlugin = {
             case "modalForm":
               return vue.h(ModalForm, props2, modal.componentSlots);
             case "confirmModal":
-              return vue.h(_sfc_main$c, props2, {});
+              return vue.h(_sfc_main$d, props2, {});
             default:
-              return vue.h(_sfc_main$d, props2, modal.componentSlots);
+              return vue.h(_sfc_main$e, props2, modal.componentSlots);
           }
         });
       }
@@ -37378,60 +37856,60 @@ function useSearch(params) {
     isLoading: vue.computed(() => isLoading.value)
   };
 }
-exports.Accordion = _sfc_main$1f;
+exports.Accordion = _sfc_main$1g;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$1d;
+exports.AddressSearch = _sfc_main$1e;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$U;
+exports.BagelForm = _sfc_main$V;
 exports.BagelMultiStepForm = BglMultiStepForm;
 exports.BagelVue = BagelVue;
-exports.BglForm = _sfc_main$U;
+exports.BglForm = _sfc_main$V;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
 exports.Calendar = Index$1;
-exports.Card = _sfc_main$11;
+exports.Card = _sfc_main$12;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
 exports.CodeEditor = CodeEditor;
-exports.ColorInput = _sfc_main$O;
+exports.ColorInput = _sfc_main$P;
 exports.DataPreview = DataPreview;
 exports.DataTable = DataTable;
-exports.DateInput = _sfc_main$M;
+exports.DateInput = _sfc_main$N;
 exports.DatePicker = DatePicker;
-exports.Draggable = _sfc_main$Y;
-exports.Dropdown = _sfc_main$X;
+exports.Draggable = _sfc_main$Z;
+exports.Dropdown = _sfc_main$Y;
 exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.EmailInput = EmailInput;
 exports.FORM_STATE_KEY = FORM_STATE_KEY;
-exports.FieldArray = _sfc_main$S;
+exports.FieldArray = _sfc_main$T;
 exports.FieldSetVue = FieldSetVue;
 exports.FileUpload = FileUpload;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
-exports.Icon = _sfc_main$s;
-exports.IframeVue = _sfc_main$r;
+exports.Icon = _sfc_main$t;
+exports.IframeVue = _sfc_main$s;
 exports.Image = Image$1;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
-exports.Lineart = _sfc_main$$;
-exports.ListItem = _sfc_main$h;
+exports.Lineart = _sfc_main$10;
+exports.ListItem = _sfc_main$i;
 exports.ListView = ListView;
 exports.Loading = Loading;
-exports.MapEmbed = _sfc_main$e;
-exports.Modal = _sfc_main$d;
-exports.ModalConfirm = _sfc_main$c;
+exports.MapEmbed = _sfc_main$f;
+exports.Modal = _sfc_main$e;
+exports.ModalConfirm = _sfc_main$d;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
 exports.NumberInput = NumberInput;
 exports.OTP = OTP;
-exports.PageTitle = _sfc_main$9;
-exports.PasswordInput = _sfc_main$G;
+exports.PageTitle = _sfc_main$a;
+exports.PasswordInput = _sfc_main$H;
 exports.Pill = Pill;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
@@ -37440,14 +37918,15 @@ exports.RichText = RichText;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
-exports.SignaturePad = _sfc_main$y;
+exports.SignaturePad = _sfc_main$z;
 exports.Skeleton = Skeleton;
+exports.Slider = Slider;
 exports.Spreadsheet = Index;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = DataTable;
-exports.Tabs = _sfc_main$k;
-exports.TabsBody = _sfc_main$j;
+exports.Tabs = _sfc_main$l;
+exports.TabsBody = _sfc_main$k;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;