@bagelink/vue 1.0.16 → 1.0.22

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$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -19,10 +19,10 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$19 = ["aria-expanded", "aria-controls"];
-const _hoisted_2$R = { class: "accordion-label" };
-const _hoisted_3$G = ["id", "aria-hidden"];
-const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1a = ["aria-expanded", "aria-controls"];
+const _hoisted_2$S = { class: "accordion-label" };
+const _hoisted_3$H = ["id", "aria-hidden"];
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -88,7 +88,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_2$R, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -96,7 +96,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$19),
+        ], 8, _hoisted_1$1a),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -106,7 +106,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$G)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$H)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -121,9 +121,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-3334f637"]]);
-const _hoisted_1$18 = { class: "relative" };
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-3334f637"]]);
+const _hoisted_1$19 = { class: "relative" };
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -145,8 +145,8 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
       (_a = suggestion.value) == null ? void 0 : _a.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
-        vue.createVNode(vue.unref(_sfc_main$V), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+        vue.createVNode(vue.unref(_sfc_main$W), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -164,7 +164,7 @@ const _sfc_main$1k = /* @__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$g), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), {
                     key: index2,
                     icon: "location_on",
                     title: result2.display_name,
@@ -181,11 +181,11 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$17 = {
+const _hoisted_1$18 = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -251,7 +251,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
               key: 0,
               icon: _ctx.icon,
@@ -275,10 +275,10 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-bfc435b3"]]);
-const _hoisted_1$16 = ["dismissable"];
-const _hoisted_2$Q = { class: "m-0" };
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-bfc435b3"]]);
+const _hoisted_1$17 = ["dismissable"];
+const _hoisted_2$R = { class: "m-0" };
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -306,7 +306,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$Q, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$R, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -314,13 +314,13 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$16)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$17)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-064bdd20"]]);
-const _hoisted_1$15 = ["src", "alt"];
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-064bdd20"]]);
+const _hoisted_1$16 = ["src", "alt"];
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -338,7 +338,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$15)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$16)) : (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))
@@ -346,8 +346,8 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -376,11 +376,11 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-689f051f"]]);
-const _hoisted_1$14 = ["src"];
-const _hoisted_2$P = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$F = ["src", "type"];
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-689f051f"]]);
+const _hoisted_1$15 = ["src"];
+const _hoisted_2$Q = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_3$G = ["src", "type"];
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -457,7 +457,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$14)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$15)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -471,13 +471,13 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$F)
-        ], 12, _hoisted_2$P)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_3$G)
+        ], 12, _hoisted_2$Q)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-006552f6"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-006552f6"]]);
 const languageKeys = {
   /** The following three keys, describe the calendar modes */
   week: {
@@ -608,9 +608,9 @@ function translate(key, locale2 = "en-US") {
   const language = languageKeys[key] || {};
   return language[locale2] || key;
 }
-const _hoisted_1$13 = { class: "flex gap-05 space-between pb-1 datePick" };
-const _hoisted_2$O = { class: "flex gap-1 m_gap-025" };
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$14 = { class: "flex gap-05 space-between pb-1 datePick" };
+const _hoisted_2$P = { class: "flex gap-1 m_gap-025" };
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "Header",
   props: {
     config: {
@@ -688,8 +688,8 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
       emit2("updatedPeriod", currentPeriod.value);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
-        vue.createElementVNode("div", _hoisted_2$O, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
+        vue.createElementVNode("div", _hoisted_2$P, [
           vue.createVNode(vue.unref(Btn), {
             flat: "",
             icon: "chevron_left",
@@ -739,23 +739,23 @@ const EVENT_COLORS = {
 };
 const DATE_TIME_STRING_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
 const DATE_TIME_STRING_FULL_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-const _hoisted_1$12 = ["id"];
-const _hoisted_2$N = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
-const _hoisted_3$E = {
+const _hoisted_1$13 = ["id"];
+const _hoisted_2$O = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
+const _hoisted_3$F = {
   key: 0,
   class: "agenda__event-time flex gap-025"
 };
-const _hoisted_4$s = {
+const _hoisted_4$t = {
   key: 1,
   class: "agenda__event-location flex gap-025"
 };
-const _hoisted_5$o = { class: "agenda__event-title" };
-const _hoisted_6$k = {
+const _hoisted_5$p = { class: "agenda__event-title" };
+const _hoisted_6$l = {
   key: 0,
   class: "agenda__event-with txt14 opacity-6"
 };
 const eventIdPrefix$1 = "agenda__event-";
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "AgendaEventTile",
   props: {
     time: {
@@ -829,15 +829,15 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
         class: "agenda__event is-event rounded mb-05 pointer user-select-none p-1 grid gap-1",
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
-        vue.createElementVNode("div", _hoisted_2$N, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, [
+        vue.createElementVNode("div", _hoisted_2$O, [
+          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$F, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
           ])) : vue.createCommentVNode("", true),
-          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$s, [
+          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.location,
               size: 1
@@ -846,33 +846,33 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", null, [
-          vue.createElementVNode("div", _hoisted_5$o, vue.toDisplayString(__props.calendarEvent.title), 1),
-          __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$k, [
+          vue.createElementVNode("div", _hoisted_5$p, vue.toDisplayString(__props.calendarEvent.title), 1),
+          __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$l, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.user
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.with), 1)
           ])) : vue.createCommentVNode("", true)
         ])
-      ], 8, _hoisted_1$12);
+      ], 8, _hoisted_1$13);
     };
   }
 });
-const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-5740437b"]]);
-const _hoisted_1$11 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
-const _hoisted_2$M = { class: "m_sticky" };
-const _hoisted_3$D = { class: "agenda__header-day-name txt-center" };
-const _hoisted_4$r = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$n = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
-const _hoisted_6$j = {
+const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-5740437b"]]);
+const _hoisted_1$12 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
+const _hoisted_2$N = { class: "m_sticky" };
+const _hoisted_3$E = { class: "agenda__header-day-name txt-center" };
+const _hoisted_4$s = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
+const _hoisted_5$o = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
+const _hoisted_6$k = {
   key: 0,
   class: "align-items-center flex justify-content-center h-100p opacity-6"
 };
-const _hoisted_7$f = {
+const _hoisted_7$g = {
   key: 1,
   class: "w-100p"
 };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "AgendaEvents",
   props: {
     config: {
@@ -892,13 +892,13 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-        vue.createElementVNode("header", _hoisted_2$M, [
-          vue.createElementVNode("div", _hoisted_3$D, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
-          vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+        vue.createElementVNode("header", _hoisted_2$N, [
+          vue.createElementVNode("div", _hoisted_3$E, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
+          vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_5$n, [
-          __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$f, [
+        vue.createElementVNode("div", _hoisted_5$o, [
+          __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$k, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$g, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (dayEvent) => {
               return vue.openBlock(), vue.createBlock(AgendaEventTile, {
                 key: `agenda_event_${dayEvent.id}`,
@@ -915,7 +915,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-746fe0c6"]]);
+const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-746fe0c6"]]);
 class EDate extends Date {
   get fullYear() {
     return this.getFullYear();
@@ -1594,25 +1594,25 @@ class EventFlyoutPosition {
     return { top: eventElementDOMRect.top, left: null };
   }
 }
-const _hoisted_1$10 = {
+const _hoisted_1$11 = {
   key: 0,
   class: "event-flyout__relative-wrapper"
 };
-const _hoisted_2$L = { class: "event-flyout__menu" };
-const _hoisted_3$C = {
+const _hoisted_2$M = { class: "event-flyout__menu" };
+const _hoisted_3$D = {
   key: 0,
   class: "event-flyout__menu-editable"
 };
-const _hoisted_4$q = { class: "event-flyout__menu-close" };
-const _hoisted_5$m = {
+const _hoisted_4$r = { class: "event-flyout__menu-close" };
+const _hoisted_5$n = {
   key: 0,
   class: "event-flyout__info-wrapper"
 };
-const _hoisted_6$i = {
+const _hoisted_6$j = {
   key: 0,
   class: "event-flyout__row is-title"
 };
-const _hoisted_7$e = {
+const _hoisted_7$f = {
   key: 1,
   class: "event-flyout__row is-time"
 };
@@ -1632,8 +1632,8 @@ const _hoisted_11$6 = {
   key: 5,
   class: "event-flyout__row is-description"
 };
-const _hoisted_12$6 = ["innerHTML"];
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_12$5 = ["innerHTML"];
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "EventFlyout",
   props: {
     calendarEventProp: {
@@ -1806,9 +1806,9 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["event-flyout p-05 bg-white", { "is-visible": isVisible.value, "is-not-editable": !isEditable.value }]),
         style: vue.normalizeStyle(eventFlyoutInlineStyles.value)
       }, [
-        !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
-          vue.createElementVNode("div", _hoisted_2$L, [
-            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$C, [
+        !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+          vue.createElementVNode("div", _hoisted_2$M, [
+            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, [
               vue.createVNode(vue.unref(Icon), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
@@ -1820,7 +1820,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_4$q, [
+            vue.createElementVNode("span", _hoisted_4$r, [
               vue.createVNode(vue.unref(Icon), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1828,15 +1828,15 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["icon"])
             ])
           ]),
-          calendarEvent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$m, [
-            calendarEvent.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$i, [
+          calendarEvent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$n, [
+            calendarEvent.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j, [
               vue.createElementVNode("div", {
                 class: "event-flyout__color-icon",
                 style: vue.normalizeStyle({ backgroundColor: eventBackgroundColor.value })
               }, null, 4),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.title), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.time ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$e, vue.toDisplayString(getEventTime.value), 1)) : vue.createCommentVNode("", true),
+            calendarEvent.value.time ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$f, vue.toDisplayString(getEventTime.value), 1)) : vue.createCommentVNode("", true),
             calendarEvent.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$9, [
               vue.createVNode(vue.unref(Icon), {
                 icon: icons.location
@@ -1861,7 +1861,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["icon"]),
               vue.createElementVNode("p", {
                 innerHTML: calendarEvent.value.description
-              }, null, 8, _hoisted_12$6)
+              }, null, 8, _hoisted_12$5)
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ])) : vue.renderSlot(_ctx.$slots, "default", {
@@ -1873,19 +1873,19 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$$ = {
+const _hoisted_1$10 = {
   key: 0,
   class: "calendar-month__event"
 };
-const _hoisted_2$K = ["id", "draggable"];
-const _hoisted_3$B = ["id", "draggable"];
-const _hoisted_4$p = {
+const _hoisted_2$L = ["id", "draggable"];
+const _hoisted_3$C = ["id", "draggable"];
+const _hoisted_4$q = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
 };
-const _hoisted_5$l = { class: "calendar-month__event-title1 white-space ellipsis" };
+const _hoisted_5$m = { class: "calendar-month__event-title1 white-space ellipsis" };
 const eventIdPrefix = "calendar-month__event-";
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "Event",
   props: {
     time: {
@@ -1965,7 +1965,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
       setColors();
     });
     return (_ctx, _cache) => {
-      return __props.config.isSmall ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+      return __props.config.isSmall ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
         isCustomEvent.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           id: elementId.value,
@@ -1976,7 +1976,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClickOnEvent
         }, [
           vue.renderSlot(_ctx.$slots, "monthEvent", { eventData: __props.calendarEvent }, void 0, true)
-        ], 42, _hoisted_2$K)) : (vue.openBlock(), vue.createElementBlock("div", {
+        ], 42, _hoisted_2$L)) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           id: elementId.value,
           "data-ref": "default-event",
@@ -1986,22 +1986,22 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClickOnEvent
         }, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
-          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_5$l, vue.toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$B))
+          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_5$m, vue.toDisplayString(__props.calendarEvent.title), 1)
+        ], 42, _hoisted_3$C))
       ], 64));
     };
   }
 });
-const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-3c4101df"]]);
-const _hoisted_1$_ = ["id"];
-const _hoisted_2$J = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
-const _hoisted_3$A = { class: "calendar-month_events" };
-const _hoisted_4$o = {
+const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-3c4101df"]]);
+const _hoisted_1$$ = ["id"];
+const _hoisted_2$K = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
+const _hoisted_3$B = { class: "calendar-month_events" };
+const _hoisted_4$p = {
   key: 1,
   class: "space-reserver"
 };
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "Day",
   props: {
     config: {
@@ -2098,13 +2098,13 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
         onDragend: handleDragEnd
       }, [
         vue.renderSlot(_ctx.$slots, "dayCell", { dayData: __props.day }, () => [
-          vue.createElementVNode("div", _hoisted_2$J, [
+          vue.createElementVNode("div", _hoisted_2$K, [
             vue.createElementVNode("p", {
               class: "calendar-month__day-date ms-auto flex aspect-ratio-1 w-30px h-30px justify-content-center m_mx-auto",
               onClick: emitDayWasClicked
             }, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_3$A, [
+          vue.createElementVNode("div", _hoisted_3$B, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (calendarEvent, index2) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                 index2 < 3 ? (vue.openBlock(), vue.createBlock(Event, {
@@ -2131,31 +2131,31 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).moreEvents, __props.time.CALENDAR_LOCALE)), 1)) : vue.createCommentVNode("", true)
           ])
         ], true)
-      ], 42, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o));
+      ], 42, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p));
     };
   }
 });
-const Day$1 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-c1dfa100"]]);
-const _hoisted_1$Z = { class: "txt12 normal block color-black pb-025" };
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const Day$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-c1dfa100"]]);
+const _hoisted_1$_ = { class: "txt12 normal block color-black pb-025" };
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
   props: {
     day: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$Z, vue.toDisplayString(_ctx.day.dayName), 1);
+      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$_, vue.toDisplayString(_ctx.day.dayName), 1);
     };
   }
 });
-const _hoisted_1$Y = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
-const _hoisted_2$I = { class: "flex space-between" };
-const _hoisted_3$z = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
-const _hoisted_4$n = {
+const _hoisted_1$Z = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
+const _hoisted_2$J = { class: "flex space-between" };
+const _hoisted_3$A = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
+const _hoisted_4$o = {
   key: 0,
   class: "calendar-month__day_events w-100p pt-1 m_pb-1"
 };
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "Month",
   props: {
     config: {
@@ -2257,10 +2257,10 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
-        vue.createElementVNode("div", _hoisted_2$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+        vue.createElementVNode("div", _hoisted_2$J, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value[0], (day, dayIndex) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$18, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$19, {
               key: dayIndex,
               class: "txt-center flex-shrink flex-grow",
               config: __props.config,
@@ -2269,7 +2269,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$z, [
+        vue.createElementVNode("div", _hoisted_3$A, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value, (week, weekIndex) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: weekIndex,
@@ -2300,7 +2300,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ]),
-        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
+        !(((_a = __props.config.month) == null ? void 0 : _a.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
           selectedDay.value ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2309,7 +2309,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             onEventWasClicked: handleClickOnEvent
           }, null, 8, ["config", "time", "day"])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        !__props.config.eventDialog || !__props.config.eventDialog.isDisabled ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
+        !__props.config.eventDialog || !__props.config.eventDialog.isDisabled ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
           key: 1,
           "calendar-event-prop": selectedEvent.value,
           "event-element": selectedEventElement.value,
@@ -2534,27 +2534,27 @@ class EventChange {
     this.dayEnd = `${endHourString}:00`;
   }
 }
-const _hoisted_1$X = ["data-ref"];
-const _hoisted_2$H = { class: "calendar-week__event-row is-title" };
-const _hoisted_3$y = { class: "calendar-week__event-row is-time flex" };
-const _hoisted_4$m = {
+const _hoisted_1$Y = ["data-ref"];
+const _hoisted_2$I = { class: "calendar-week__event-row is-title" };
+const _hoisted_3$z = { class: "calendar-week__event-row is-time flex" };
+const _hoisted_4$n = {
   key: 0,
   class: "calendar-week__event-row is-location"
 };
-const _hoisted_5$k = {
+const _hoisted_5$l = {
   key: 1,
   class: "calendar-week__event-row is-with"
 };
-const _hoisted_6$h = {
+const _hoisted_6$i = {
   key: 2,
   class: "calendar-week__event-row is-topic"
 };
-const _hoisted_7$d = {
+const _hoisted_7$e = {
   key: 3,
   class: "calendar-week__event-row is-description"
 };
 const _hoisted_8$8 = ["innerHTML"];
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "DayEvent",
   props: {
     eventProp: {
@@ -2896,36 +2896,36 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
             backgroundColor: eventBackgroundColor.value
           })
         }, [
-          vue.createElementVNode("div", _hoisted_2$H, vue.toDisplayString(event.value.title), 1),
-          vue.createElementVNode("div", _hoisted_3$y, [
+          vue.createElementVNode("div", _hoisted_2$I, vue.toDisplayString(event.value.title), 1),
+          vue.createElementVNode("div", _hoisted_3$z, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
+          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.location), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$k, [
+          event.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$l, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.value.user,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.with), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$h, [
+          event.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$i, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.value.topic,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.topic), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$d, [
+          event.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$e, [
             vue.createVNode(vue.unref(Icon), {
               icon: icons.value.description,
               class: "calendar-week__event-icon"
@@ -2955,13 +2955,13 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           class: "calendar-week__event-resize calendar-week__event-resize-down",
           onMousedown: _cache[1] || (_cache[1] = ($event) => resizeEvent("down"))
         }, null, 32)) : vue.createCommentVNode("", true)
-      ], 46, _hoisted_1$X);
+      ], 46, _hoisted_1$Y);
     };
   }
 });
-const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-c512b81d"]]);
-const _hoisted_1$W = ["id", "onClick"];
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-c512b81d"]]);
+const _hoisted_1$X = ["id", "onClick"];
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "Day",
   props: {
     day: {
@@ -3098,16 +3098,16 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["calendar-week__day-interval", { "has-border": interval.hasBorder }]),
             style: vue.normalizeStyle(intervalStyles.value),
             onClick: ($event) => handleClickOnInterval(interval)
-          }, vue.toDisplayString(__props.time.getLocalizedTime(interval.intervalStart)), 15, _hoisted_1$W);
+          }, vue.toDisplayString(__props.time.getLocalizedTime(interval.intervalStart)), 15, _hoisted_1$X);
         }), 128)) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const Day = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-87669cec"]]);
-const _hoisted_1$V = { class: "day-timeline absolute top-0 start-0 space-evenly column display-flex" };
-const _hoisted_2$G = { class: "day-timeline__hour-text line-height-0" };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const Day = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-87669cec"]]);
+const _hoisted_1$W = { class: "day-timeline absolute top-0 start-0 space-evenly column display-flex" };
+const _hoisted_2$H = { class: "day-timeline__hour-text line-height-0" };
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "DayTimeline",
   props: {
     time: {
@@ -3133,27 +3133,27 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       return props2.time.getLocalizedHour(new Date(2100, 1, 1, hour));
     }
     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(timelineHours.value, (hour) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: hour,
             class: "day-timeline__hour display-flex column ustify-content-start h-100p ps-05"
           }, [
-            vue.createElementVNode("span", _hoisted_2$G, vue.toDisplayString(getLocaleTimeString(hour)), 1)
+            vue.createElementVNode("span", _hoisted_2$H, vue.toDisplayString(getLocaleTimeString(hour)), 1)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const DayTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-0b3de5c5"]]);
-const _hoisted_1$U = ["id"];
-const _hoisted_2$F = {
+const DayTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-0b3de5c5"]]);
+const _hoisted_1$V = ["id"];
+const _hoisted_2$G = {
   key: 1,
   class: "week-timeline__event"
 };
 const eventElementIdPrefix = "week-timeline__event-id-";
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "FullDayEvent",
   props: {
     scheduleEvent: {
@@ -3219,21 +3219,21 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           zIndex: 1
         }),
         onClick: handleClickOnEvent
-      }, vue.toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$U)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F));
+      }, vue.toDisplayString(__props.scheduleEvent.title), 13, _hoisted_1$V)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G));
     };
   }
 });
-const FullDayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-8bd51337"]]);
-const _hoisted_1$T = {
+const FullDayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8bd51337"]]);
+const _hoisted_1$U = {
   class: "week-timeline flex space-between border-bottom ms-3-5",
   style: { "margin-inline-end": "0.5em" }
 };
-const _hoisted_2$E = ["onClick"];
-const _hoisted_3$x = { class: "flex justify-content-center gap-025 txt12 pb-025" };
-const _hoisted_4$l = { class: "" };
-const _hoisted_5$j = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
-const _hoisted_6$g = { class: "week-timeline__events" };
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$F = ["onClick"];
+const _hoisted_3$y = { class: "flex justify-content-center gap-025 txt12 pb-025" };
+const _hoisted_4$m = { class: "" };
+const _hoisted_5$k = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
+const _hoisted_6$h = { class: "week-timeline__events" };
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekTimeline",
   props: {
     days: {},
@@ -3254,7 +3254,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       return date2;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.days, (day, dayIndex) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: dayIndex,
@@ -3263,11 +3263,11 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             }]),
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
-            vue.createElementVNode("div", _hoisted_3$x, [
-              vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
-              vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(getDaysDate(day)), 1)
+            vue.createElementVNode("div", _hoisted_3$y, [
+              vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+              vue.createElementVNode("div", _hoisted_5$k, vue.toDisplayString(getDaysDate(day)), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_6$g, [
+            vue.createElementVNode("div", _hoisted_6$h, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(day.fullDayEvents, (event, key) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
                   key !== "date" ? (vue.openBlock(), vue.createBlock(FullDayEvent, {
@@ -3280,17 +3280,17 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
                 ], 64);
               }), 128))
             ])
-          ], 10, _hoisted_2$E);
+          ], 10, _hoisted_2$F);
         }), 128))
       ]);
     };
   }
 });
-const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-18ecf6c3"]]);
-const _hoisted_1$S = { class: "calendar-week__wrapper relative ps-3-5" };
-const _hoisted_2$D = { class: "calendar-week" };
-const _hoisted_3$w = { class: "calendar-week__events" };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-18ecf6c3"]]);
+const _hoisted_1$T = { class: "calendar-week__wrapper relative ps-3-5" };
+const _hoisted_2$E = { class: "calendar-week" };
+const _hoisted_3$x = { class: "calendar-week__events" };
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Week",
   props: {
     config: {
@@ -3516,8 +3516,8 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
           onEventWasClicked: handleClickOnEvent,
           onDayWasClicked: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dayWasClicked", $event))
         }, null, 8, ["days", "time", "full-day-events", "config", "mode"]),
-        vue.createElementVNode("div", _hoisted_1$S, [
-          !__props.config.eventDialog || !__props.config.eventDialog.isDisabled ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
+        vue.createElementVNode("div", _hoisted_1$T, [
+          !__props.config.eventDialog || !__props.config.eventDialog.isDisabled ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
             key: 0,
             "calendar-event-prop": selectedEvent.value,
             "event-element": selectedEventElement.value,
@@ -3535,7 +3535,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["calendar-event-prop", "event-element", "time", "config"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("section", _hoisted_2$D, [
+          vue.createElementVNode("section", _hoisted_2$E, [
             hasCustomCurrentTimeSlot.value && showCurrentTime.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "custom-current-time",
@@ -3555,7 +3555,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            vue.createElementVNode("div", _hoisted_3$w, [
+            vue.createElementVNode("div", _hoisted_3$x, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(days.value, (day, dayIndex) => {
                 return vue.openBlock(), vue.createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3588,7 +3588,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Week = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-f1a405b2"]]);
+const Week = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f1a405b2"]]);
 const _Errors = class _Errors {
   static checkEventProperties(event) {
     var _a, _b, _c, _d;
@@ -3637,13 +3637,13 @@ ${_Errors.SUFFIX}`);
 __publicField(_Errors, "MISSING_TIME_END_WARNING", `${_Errors.PREFIX} required event property 'time.end' is missing 
 ${_Errors.SUFFIX}`);
 let Errors = _Errors;
-const _hoisted_1$R = { class: "calendar-root-wrapper txt16" };
-const _hoisted_2$C = ["data-lang"];
-const _hoisted_3$v = {
+const _hoisted_1$S = { class: "calendar-root-wrapper txt16" };
+const _hoisted_2$D = ["data-lang"];
+const _hoisted_3$w = {
   key: 0,
   class: "top-bar-loader"
 };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     config: {
@@ -3817,7 +3817,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       var _a2, _b2;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
         vue.createElementVNode("div", {
           ref_key: "calendarRoot",
           ref: calendarRoot,
@@ -3831,11 +3831,11 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createVNode(vue.Transition, { name: "loading" }, {
             default: vue.withCtx(() => [
-              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v)) : vue.createCommentVNode("", true)
+              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w)) : vue.createCommentVNode("", true)
             ]),
             _: 1
           }),
-          (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+          (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
             ref_key: "appHeaderRef",
             ref: appHeaderRef,
             key: wasInitialized.value + mode.value,
@@ -3887,7 +3887,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["events-prop", "period", "config", "mode-prop", "time"])) : vue.createCommentVNode("", true),
-          mode.value === "month" ? (vue.openBlock(), vue.createBlock(_sfc_main$17, {
+          mode.value === "month" ? (vue.openBlock(), vue.createBlock(_sfc_main$18, {
             key: period.value.start.getTime() + period.value.end.getTime() + eventRenderingKey.value,
             "events-prop": eventsDataProperty.value,
             time: time.value,
@@ -3916,16 +3916,16 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["events-prop", "time", "config", "period"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_2$C)
+        ], 10, _hoisted_2$D)
       ]);
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -3954,7 +3954,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$Q, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$R, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -3964,16 +3964,16 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["dir"];
-const _hoisted_2$B = {
+const _hoisted_1$Q = ["dir"];
+const _hoisted_2$C = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$u = ["onClick"];
-const _hoisted_4$k = { class: "Handlers" };
+const _hoisted_3$v = ["onClick"];
+const _hoisted_4$l = { class: "Handlers" };
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: { type: Boolean, default: false },
@@ -4399,16 +4399,16 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
-        props2.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, [
+        props2.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
           (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$u);
+            }, null, 10, _hoisted_3$v);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$k, [
+        vue.createElementVNode("div", _hoisted_4$l, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               index: vue.unref(activeSlideIndex),
@@ -4422,11 +4422,11 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$P);
+      ], 14, _hoisted_1$Q);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-31632a3b"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-31632a3b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -9337,7 +9337,7 @@ const _hoisted_4$2$1 = {
 };
 const _hoisted_5$2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_6$2$1 = ["x1", "y1", "x2", "y2"];
-const _hoisted_7$c = ["x1", "y1", "x2", "y2"];
+const _hoisted_7$d = ["x1", "y1", "x2", "y2"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.data.length ? (vue.openBlock(), vue.createElementBlock("g", {
     key: 0,
@@ -9393,7 +9393,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y1: _ctx.canvas.y,
         x2: _ctx.canvas.width - 1,
         y2: _ctx.canvas.height
-      }, null, 8, _hoisted_7$c)
+      }, null, 8, _hoisted_7$d)
     ])
   ], 8, _hoisted_1$4$1)) : vue.createCommentVNode("v-if", true);
 }
@@ -10260,10 +10260,10 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$t = { class: "layer-rectangles" };
-const _hoisted_4$j = ["transform", "onMouseover"];
-const _hoisted_5$i = ["width", "height"];
-const _hoisted_6$f = {
+const _hoisted_3$u = { class: "layer-rectangles" };
+const _hoisted_4$k = ["transform", "onMouseover"];
+const _hoisted_5$j = ["width", "height"];
+const _hoisted_6$g = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -10278,7 +10278,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$t, [
+      vue.createElementVNode("g", _hoisted_3$u, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -10299,21 +10299,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$i),
+                }), null, 16, _hoisted_5$j),
                 vue.renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
                 }, () => [
                   vue.createElementVNode(
                     "text",
-                    _hoisted_6$f,
+                    _hoisted_6$g,
                     vue.toDisplayString(r2.data.name),
                     1
                     /* TEXT */
                   )
                 ])
               ])
-            ], 42, _hoisted_4$j);
+            ], 42, _hoisted_4$k);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -10370,25 +10370,25 @@ var script = vue.defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$A = ["x", "y", "width", "height"];
+const _hoisted_2$B = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$O, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$P, [
     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$A)
+    }), null, 16, _hoisted_2$B)
   ])) : vue.createCommentVNode("v-if", true);
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -10538,8 +10538,8 @@ function useSchemaField(optns) {
       text: TextInput,
       textarea: TextInput,
       number: NumberInput,
-      array: _sfc_main$R,
-      color: _sfc_main$N,
+      array: _sfc_main$S,
+      color: _sfc_main$O,
       tel: TelInput,
       select: SelectInput,
       toggle: ToggleInput,
@@ -10549,7 +10549,8 @@ function useSchemaField(optns) {
       file: UploadInput,
       date: DateInput,
       tabs: TabsNav,
-      form: _sfc_main$S
+      form: _sfc_main$T,
+      range: RangeInput
     };
     if (field.$el === "textarea" && !((_a = field.attrs) == null ? void 0 : _a.multiline)) {
       field.attrs = { ...field.attrs, multiline: true };
@@ -10762,8 +10763,8 @@ function useTableData(options) {
     toggleSort
   };
 }
-const _hoisted_1$N = { class: "data-preview" };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$O = { class: "data-preview" };
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
     schema: { type: Function },
@@ -10794,7 +10795,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       includeUnset: props2.includeUnset
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedSchema), (field) => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(field, vue.unref(slots))), {
             key: field.id
@@ -10804,7 +10805,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-74c7df87"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-74c7df87"]]);
 function useTableSelection(options) {
   const allSelectorEl = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
@@ -11433,20 +11434,20 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$M = {
+const _hoisted_1$N = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$z = { class: "infinite-wrapper" };
-const _hoisted_3$s = { class: "row first-row" };
-const _hoisted_4$i = { key: 0 };
-const _hoisted_5$h = ["onClick"];
-const _hoisted_6$e = { class: "flex" };
-const _hoisted_7$b = ["onClick"];
+const _hoisted_2$A = { class: "infinite-wrapper" };
+const _hoisted_3$t = { class: "row first-row" };
+const _hoisted_4$j = { key: 0 };
+const _hoisted_5$i = ["onClick"];
+const _hoisted_6$f = { class: "flex" };
+const _hoisted_7$c = ["onClick"];
 const _hoisted_8$7 = { key: 0 };
 const _hoisted_9$6 = ["value"];
 const _hoisted_10$6 = { key: 1 };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
     data: {},
@@ -11566,12 +11567,12 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, _cache[4] || (_cache[4] = [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, _cache[4] || (_cache[4] = [
           vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
-          vue.createElementVNode("table", _hoisted_2$z, [
-            vue.createElementVNode("thead", _hoisted_3$s, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$i, [
+          vue.createElementVNode("table", _hoisted_2$A, [
+            vue.createElementVNode("thead", _hoisted_3$t, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$j, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11588,7 +11589,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_6$e, [
+                  vue.createElementVNode("div", _hoisted_6$f, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
@@ -11599,7 +11600,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$h);
+                ], 8, _hoisted_5$i);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -11637,7 +11638,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$b);
+                ], 10, _hoisted_7$c);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
@@ -11652,7 +11653,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-89f6838b"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-89f6838b"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -12127,7 +12128,7 @@ function useDraggable(options = {}) {
     initDraggableContainer
   };
 }
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "Draggable",
   props: {
     modelValue: {},
@@ -14747,7 +14748,7 @@ const Gt = {
   install: Ct,
   options: h
 };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ vue.mergeModels({
     value: {},
@@ -14830,9 +14831,9 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "px-1 pt-025 pb-1" };
-const _hoisted_2$y = { class: "ms-1" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$M = { class: "px-1 pt-025 pb-1" };
+const _hoisted_2$z = { class: "ms-1" };
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldSetVue",
   props: {
     label: {},
@@ -14840,15 +14841,15 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$L, [
-        vue.createElementVNode("legend", _hoisted_2$y, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
+      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$M, [
+        vue.createElementVNode("legend", _hoisted_2$z, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
         vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f7e758e5"]]);
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f7e758e5"]]);
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -14878,7 +14879,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f99f1900"]]);
 function getBaseField(id, labelOrRest = {}, rest = {}) {
   if (typeof labelOrRest === "object") return { id, ...labelOrRest };
   return { id, label: labelOrRest, ...rest };
@@ -14999,6 +15000,22 @@ function uploadField(id, label, options) {
     }
   };
 }
+function rangeField(id, label, options) {
+  return {
+    $el: "range",
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      min: options == null ? void 0 : options.min,
+      max: options == null ? void 0 : options.max,
+      step: options == null ? void 0 : options.step,
+      rtl: options == null ? void 0 : options.rtl,
+      multiRange: options == null ? void 0 : options.multiRange,
+      formatValue: options == null ? void 0 : options.formatValue
+    }
+  };
+}
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
@@ -15067,6 +15084,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   frmRow: frmRow$1,
   getBaseField,
   numField: numField$1,
+  rangeField,
   richText,
   selectField,
   slctField,
@@ -15271,7 +15289,7 @@ function getNestedValue(obj, path, defaultValue = void 0) {
   }
   return current ?? defaultValue;
 }
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
     modelValue: { default: void 0 },
@@ -15405,13 +15423,13 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "label mb-05" };
-const _hoisted_2$x = {
+const _hoisted_1$L = { class: "label mb-05" };
+const _hoisted_2$y = {
   key: 0,
   class: "ps-025 border-start mb-05"
 };
-const _hoisted_3$r = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$s = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
     el: { default: "div" },
@@ -15479,8 +15497,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(props2.class)
       }, [
-        vue.createElementVNode("p", _hoisted_1$K, vue.toDisplayString(_ctx.label), 1),
-        _ctx.schema ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+        vue.createElementVNode("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1),
+        _ctx.schema ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.value, (_2, i2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: i2,
@@ -15488,12 +15506,12 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
               thin: "",
               class: "mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden"
             }, [
-              vue.createVNode(vue.unref(_sfc_main$S), {
+              vue.createVNode(vue.unref(_sfc_main$T), {
                 modelValue: data2.value[i2],
                 "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
                 schema: _ctx.schema
               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"]),
-              vue.createElementVNode("div", _hoisted_3$r, [
+              vue.createElementVNode("div", _hoisted_3$s, [
                 props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                   key: 0,
                   icon: "delete",
@@ -15528,8 +15546,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "primary-checkbox" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$K = { class: "primary-checkbox" };
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -15539,7 +15557,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$J, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$K, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -15551,11 +15569,11 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$I = ["title"];
-const _hoisted_2$w = ["id", "value", "required"];
-const _hoisted_3$q = ["for"];
-const _sfc_main$P = /* @__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$r = ["for"];
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -15589,32 +15607,32 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$w), [
+        }, null, 8, _hoisted_2$x), [
           [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$q)
-      ], 10, _hoisted_1$I);
+        ], 8, _hoisted_3$r)
+      ], 10, _hoisted_1$J);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-03ed2982"]]);
-const _hoisted_1$H = { class: "mb-05" };
-const _hoisted_2$v = {
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-03ed2982"]]);
+const _hoisted_1$I = { class: "mb-05" };
+const _hoisted_2$w = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$p = {
+const _hoisted_3$q = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
-const _hoisted_4$h = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$g = ["innerHTML"];
-const _hoisted_6$d = ["onKeydown"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$i = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
+const _hoisted_5$h = ["innerHTML"];
+const _hoisted_6$e = ["onKeydown"];
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     language: {},
@@ -15696,19 +15714,19 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$v, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
+      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$q, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
           }, [
-            vue.createElementVNode("pre", _hoisted_4$h, [
+            vue.createElementVNode("pre", _hoisted_4$i, [
               _cache[2] || (_cache[2] = vue.createTextVNode("					")),
               vue.createElementVNode("code", {
                 class: vue.normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$g),
+              }, null, 10, _hoisted_5$h),
               _cache[3] || (_cache[3] = vue.createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
@@ -15723,7 +15741,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               "data-gramm": "false",
               onKeydown: vue.withKeys(vue.withModifiers(handleTab, ["prevent"]), ["tab"]),
               onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", vue.unref(code)))
-            }, null, 40, _hoisted_6$d)), [
+            }, null, 40, _hoisted_6$e)), [
               [vue.vModelText, vue.unref(code)]
             ]) : vue.createCommentVNode("", true)
           ], 4)
@@ -15732,10 +15750,10 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-1fbc9b61"]]);
-const _hoisted_1$G = ["title"];
-const _hoisted_2$u = ["id", "placeholder", "required"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-1fbc9b61"]]);
+const _hoisted_1$H = ["title"];
+const _hoisted_2$v = ["id", "placeholder", "required"];
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorInput",
   props: {
     label: {},
@@ -15772,24 +15790,24 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$u), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$v), [
             [vue.vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$G);
+      ], 10, _hoisted_1$H);
     };
   }
 });
-const _hoisted_1$F = ["title"];
-const _hoisted_2$t = { key: 0 };
-const _hoisted_3$o = {
+const _hoisted_1$G = ["title"];
+const _hoisted_2$u = { key: 0 };
+const _hoisted_3$p = {
   key: 0,
   class: "required"
 };
-const _hoisted_4$g = { class: "calendar-section m_border-none pe-05 m_p-0" };
-const _hoisted_5$f = { class: "flex space-between pb-1" };
-const _hoisted_6$c = { class: "flex gap-05" };
-const _hoisted_7$a = { class: "month-year" };
+const _hoisted_4$h = { class: "calendar-section m_border-none pe-05 m_p-0" };
+const _hoisted_5$g = { class: "flex space-between pb-1" };
+const _hoisted_6$d = { class: "flex gap-05" };
+const _hoisted_7$b = { class: "month-year" };
 const _hoisted_8$6 = {
   key: 0,
   class: "calendar-grid grid gap-025"
@@ -15800,18 +15818,18 @@ const _hoisted_10$5 = {
   class: "month-grid grid gap-05 p-05"
 };
 const _hoisted_11$5 = ["disabled", "onClick"];
-const _hoisted_12$5 = {
+const _hoisted_12$4 = {
   key: 2,
   class: "year-grid grid gap-05 p-0"
 };
-const _hoisted_13$4 = ["disabled", "onClick"];
-const _hoisted_14$4 = {
+const _hoisted_13$3 = ["disabled", "onClick"];
+const _hoisted_14$3 = {
   key: 0,
   class: "time-picker border-start flex column gap-1 w-120px"
 };
-const _hoisted_15$4 = { class: "flex gap-025" };
-const _hoisted_16$4 = { class: "txt-center opacity-6 txt14" };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_15$3 = { class: "flex gap-025" };
+const _hoisted_16$3 = { class: "txt-center opacity-6 txt14" };
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -16152,11 +16170,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         onFocusin: _cache[6] || (_cache[6] = //@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$o, "*")) : vue.createCommentVNode("", true)
+          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(_sfc_main$V), {
+        vue.createVNode(vue.unref(_sfc_main$W), {
           shown: isOpen.value,
           placement: "bottom-start",
           autoHide: false,
@@ -16198,15 +16216,15 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[5] || (_cache[5] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              vue.createElementVNode("div", _hoisted_4$g, [
-                vue.createElementVNode("div", _hoisted_5$f, [
+              vue.createElementVNode("div", _hoisted_4$h, [
+                vue.createElementVNode("div", _hoisted_5$g, [
                   currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createVNode(vue.unref(Btn), {
                       flat: "",
                       icon: "chevron_left",
                       onClick: vue.unref(previousMonth)
                     }, null, 8, ["onClick"]),
-                    vue.createElementVNode("div", _hoisted_6$c, [
+                    vue.createElementVNode("div", _hoisted_6$d, [
                       vue.createVNode(vue.unref(Btn), {
                         flat: "",
                         class: "month-btn",
@@ -16239,7 +16257,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                       icon: "chevron_left",
                       onClick: vue.unref(previousYear)
                     }, null, 8, ["onClick"]),
-                    vue.createElementVNode("span", _hoisted_7$a, vue.toDisplayString(vue.unref(currentMonthValue).formatted.year), 1),
+                    vue.createElementVNode("span", _hoisted_7$b, vue.toDisplayString(vue.unref(currentMonthValue).formatted.year), 1),
                     vue.createVNode(vue.unref(Btn), {
                       flat: "",
                       icon: "chevron_right",
@@ -16280,7 +16298,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                       onClick: ($event) => vue.unref(selectMonth)(month.value)
                     }, vue.toDisplayString(month.name), 11, _hoisted_11$5);
                   }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$5, [
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$4, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(years), (year) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: year.value,
@@ -16290,12 +16308,12 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                       }]),
                       disabled: year.disabled,
                       onClick: ($event) => vue.unref(selectYear)(year.value)
-                    }, vue.toDisplayString(year.value), 11, _hoisted_13$4);
+                    }, vue.toDisplayString(year.value), 11, _hoisted_13$3);
                   }), 128))
                 ]))
               ]),
-              _ctx.enableTime && currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$4, [
-                vue.createElementVNode("div", _hoisted_15$4, [
+              _ctx.enableTime && currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$3, [
+                vue.createElementVNode("div", _hoisted_15$3, [
                   vue.createVNode(vue.unref(NumberInput), {
                     center: "",
                     "model-value": vue.unref(hours),
@@ -16318,7 +16336,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                     "onUpdate:modelValue": vue.unref(handleMinuteInput)
                   }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
                 ]),
-                vue.createElementVNode("span", _hoisted_16$4, vue.toDisplayString(vue.unref(timezoneDisplay)), 1),
+                vue.createElementVNode("span", _hoisted_16$3, vue.toDisplayString(vue.unref(timezoneDisplay)), 1),
                 vue.unref(selectedDate) ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                   key: 0,
                   flat: "",
@@ -16334,21 +16352,21 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 8, ["shown"])
-      ], 42, _hoisted_1$F);
+      ], 42, _hoisted_1$G);
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-c35156b6"]]);
-const _hoisted_1$E = ["title"];
-const _hoisted_2$s = { key: 0 };
-const _hoisted_3$n = {
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-c35156b6"]]);
+const _hoisted_1$F = ["title"];
+const _hoisted_2$t = { key: 0 };
+const _hoisted_3$o = {
   key: 0,
   class: "required"
 };
-const _hoisted_4$f = { class: "date-picker-container" };
-const _hoisted_5$e = ["value", "min", "max", "required", "disabled"];
-const _hoisted_6$b = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
-const _hoisted_7$9 = { class: "calendar-section m_border-none pe-05 m_p-0" };
+const _hoisted_4$g = { class: "date-picker-container" };
+const _hoisted_5$f = ["value", "min", "max", "required", "disabled"];
+const _hoisted_6$c = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
+const _hoisted_7$a = { class: "calendar-section m_border-none pe-05 m_p-0" };
 const _hoisted_8$5 = { class: "flex space-between pb-1" };
 const _hoisted_9$4 = { class: "flex gap-05" };
 const _hoisted_10$4 = { class: "month-year" };
@@ -16356,24 +16374,24 @@ const _hoisted_11$4 = {
   key: 0,
   class: "calendar-grid grid gap-025"
 };
-const _hoisted_12$4 = ["disabled", "onClick"];
-const _hoisted_13$3 = {
+const _hoisted_12$3 = ["disabled", "onClick"];
+const _hoisted_13$2 = {
   key: 1,
   class: "month-grid grid gap-05 p-05"
 };
-const _hoisted_14$3 = ["disabled", "onClick"];
-const _hoisted_15$3 = {
+const _hoisted_14$2 = ["disabled", "onClick"];
+const _hoisted_15$2 = {
   key: 2,
   class: "year-grid grid gap-05 p-0"
 };
-const _hoisted_16$3 = ["disabled", "onClick"];
-const _hoisted_17$3 = {
+const _hoisted_16$2 = ["disabled", "onClick"];
+const _hoisted_17$2 = {
   key: 0,
   class: "time-picker border-start flex column gap-1 w-120px"
 };
-const _hoisted_18$1 = { class: "flex gap-025" };
-const _hoisted_19$1 = { class: "txt-center opacity-6 txt14" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_18 = { class: "flex gap-025" };
+const _hoisted_19 = { class: "txt-center opacity-6 txt14" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePick",
   props: {
     required: { type: Boolean },
@@ -16566,18 +16584,18 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$s, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, "*")) : vue.createCommentVNode("", true)
+          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(_sfc_main$V), {
+        vue.createVNode(vue.unref(_sfc_main$W), {
           shown: vue.unref(isOpen),
           placement: "bottom-start",
           onApplyShow: _cache[4] || (_cache[4] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true),
           onApplyHide: _cache[5] || (_cache[5] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
         }, {
           trigger: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_4$f, [
+            vue.createElementVNode("div", _hoisted_4$g, [
               vue.createElementVNode("input", {
                 type: "text",
                 value: formattedDisplayValue.value,
@@ -16590,12 +16608,12 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                 }]),
                 readonly: "",
                 onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true)
-              }, null, 10, _hoisted_5$e)
+              }, null, 10, _hoisted_5$f)
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_6$b, [
-              vue.createElementVNode("div", _hoisted_7$9, [
+            vue.createElementVNode("div", _hoisted_6$c, [
+              vue.createElementVNode("div", _hoisted_7$a, [
                 vue.createElementVNode("div", _hoisted_8$5, [
                   vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createVNode(vue.unref(Btn), {
@@ -16663,9 +16681,9 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                       }]),
                       disabled: isDateDisabled(date2),
                       onClick: ($event) => selectDate(date2)
-                    }, vue.toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_12$4);
+                    }, vue.toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_12$3);
                   }), 128))
-                ])) : vue.unref(currentView) === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$3, [
+                ])) : vue.unref(currentView) === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months.value, (month) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: month.value,
@@ -16675,9 +16693,9 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                       }]),
                       disabled: month.disabled,
                       onClick: ($event) => selectMonth(month.value)
-                    }, vue.toDisplayString(month.name), 11, _hoisted_14$3);
+                    }, vue.toDisplayString(month.name), 11, _hoisted_14$2);
                   }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$3, [
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$2, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years.value, (year) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: year.value,
@@ -16687,12 +16705,12 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                       }]),
                       disabled: year.disabled,
                       onClick: ($event) => selectYear(year.value)
-                    }, vue.toDisplayString(year.value), 11, _hoisted_16$3);
+                    }, vue.toDisplayString(year.value), 11, _hoisted_16$2);
                   }), 128))
                 ]))
               ]),
-              _ctx.enableTime && vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$3, [
-                vue.createElementVNode("div", _hoisted_18$1, [
+              _ctx.enableTime && vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$2, [
+                vue.createElementVNode("div", _hoisted_18, [
                   vue.createVNode(vue.unref(NumberInput), {
                     center: "",
                     "model-value": hours.value,
@@ -16715,7 +16733,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                     "onUpdate:modelValue": handleMinuteInput
                   }, null, 8, ["model-value", "disabled"])
                 ]),
-                vue.createElementVNode("span", _hoisted_19$1, vue.toDisplayString(timezoneDisplay.value), 1),
+                vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(timezoneDisplay.value), 1),
                 selectedDate.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                   key: 0,
                   flat: "",
@@ -16731,19 +16749,19 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 8, ["shown"])
-      ], 10, _hoisted_1$E);
+      ], 10, _hoisted_1$F);
     };
   }
 });
-const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-3d6519f4"]]);
-const _hoisted_1$D = { class: "datetime-wrap" };
-const _hoisted_2$r = {
+const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-3d6519f4"]]);
+const _hoisted_1$E = { class: "datetime-wrap" };
+const _hoisted_2$s = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_3$m = ["id", "name", "value"];
-const _hoisted_4$e = ["for"];
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$n = ["id", "name", "value"];
+const _hoisted_4$f = ["for"];
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -16763,8 +16781,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hours), (hr) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: hr }, [
               vue.withDirectives(vue.createElementVNode("input", {
@@ -16773,12 +16791,12 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr
-              }, null, 8, _hoisted_3$m), [
+              }, null, 8, _hoisted_3$n), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
                 for: `${hr}_${_ctx.id}`
-              }, vue.toDisplayString(hr), 9, _hoisted_4$e)
+              }, vue.toDisplayString(hr), 9, _hoisted_4$f)
             ], 64);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -16786,19 +16804,19 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "bagel-input" };
-const _hoisted_2$q = {
+const _hoisted_1$D = { class: "bagel-input" };
+const _hoisted_2$r = {
   key: 0,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel"
 };
-const _hoisted_3$l = { class: "m-05 flex opacity-7 z-99" };
-const _hoisted_4$d = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
-const _hoisted_5$d = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
-const _hoisted_6$a = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
-const _hoisted_7$8 = {
+const _hoisted_3$m = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_4$e = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
+const _hoisted_5$e = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
+const _hoisted_6$b = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
+const _hoisted_7$9 = {
   key: 1,
   class: "txt-gray txt-12"
 };
@@ -16812,22 +16830,22 @@ const _hoisted_11$3 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$3 = {
+const _hoisted_12$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_13$2 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
-const _hoisted_14$2 = {
+const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
+const _hoisted_14$1 = {
   key: 0,
   class: "h-100"
 };
-const _hoisted_15$2 = {
+const _hoisted_15$1 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_16$2 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _hoisted_17$2 = { class: "pretty balance" };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+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({
   __name: "FileUpload",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -17002,10 +17020,10 @@ const _sfc_main$J = /* @__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$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
-        _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$q)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$$), {
+        _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$10), {
           key: 1,
           outline: "",
           class: "flex p-05 gap-1",
@@ -17026,7 +17044,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_3$l, [
+                vue.createElementVNode("div", _hoisted_3$m, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -17055,17 +17073,17 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["href", "download"]), [
                     [_directive_tooltip, "Download"]
                   ]),
-                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$d, [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$e, [
                     vue.createTextVNode(vue.toDisplayString(file.name), 1)
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
-                  vue.createElementVNode("div", _hoisted_5$d, [
+                  vue.createElementVNode("div", _hoisted_5$e, [
                     vue.createVNode(vue.unref(Icon), {
                       icon: "draft",
                       size: 1.5
                     }),
-                    vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_6$a, [
+                    vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_6$b, [
                       vue.createTextVNode(vue.toDisplayString(file.name), 1)
                     ])), [
                       [_directive_lightbox, { src: file.url, download: true }]
@@ -17081,7 +17099,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]);
             }), 128)),
-            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$8, vue.toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : vue.createCommentVNode("", true)
+            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$9, vue.toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -17161,13 +17179,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true),
-            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$3, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
                   class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  vue.createElementVNode("div", _hoisted_13$2, [
+                  vue.createElementVNode("div", _hoisted_13$1, [
                     vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                       color: "gray",
                       thin: "",
@@ -17197,7 +17215,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                       [_directive_tooltip, "Download"]
                     ])
                   ]),
-                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, [
+                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, [
                     vue.withDirectives(vue.createVNode(vue.unref(Image$1), {
                       class: "single-preview",
                       src: file.url,
@@ -17225,7 +17243,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    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(Icon), {
                       class: "success",
                       icon: "check"
@@ -17249,9 +17267,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             fileQueue: fileQueue.value,
             browse
           }, () => [
-            vue.createElementVNode("p", _hoisted_16$2, [
+            vue.createElementVNode("p", _hoisted_16$1, [
               vue.createVNode(vue.unref(Icon), { icon: "upload_2" }),
-              vue.createElementVNode("span", _hoisted_17$2, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
+              vue.createElementVNode("span", _hoisted_17$1, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
         ], 38))
@@ -17259,11 +17277,11 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-50fd0597"]]);
-const _hoisted_1$B = ["title"];
-const _hoisted_2$p = { key: 0 };
-const _hoisted_3$k = ["value", "placeholder"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-50fd0597"]]);
+const _hoisted_1$C = ["title"];
+const _hoisted_2$q = { key: 0 };
+const _hoisted_3$l = ["value", "placeholder"];
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -17286,7 +17304,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$p, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -17294,24 +17312,24 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$k)
-      ], 10, _hoisted_1$B);
+        }, null, 42, _hoisted_3$l)
+      ], 10, _hoisted_1$C);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$A = ["for"];
-const _hoisted_2$o = {
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$B = ["for"];
+const _hoisted_2$p = {
   key: 0,
   class: "block"
 };
-const _hoisted_3$j = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
-const _hoisted_4$c = { key: 1 };
-const _hoisted_5$c = {
+const _hoisted_3$k = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
+const _hoisted_4$d = { key: 1 };
+const _hoisted_5$d = {
   key: 5,
   class: "flex column spinner"
 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "NumberInput",
   props: {
     modelValue: {},
@@ -17416,7 +17434,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         }])
       }, [
         vue.createElementVNode("div", { for: _ctx.id }, [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$o, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$p, 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" }])
           }, [
@@ -17451,7 +17469,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(vue.withModifiers(increment, ["prevent"]), ["up"]),
                 vue.withKeys(vue.withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_3$j), [
+            }, null, 42, _hoisted_3$k), [
               [
                 vue.vModelText,
                 vue.unref(formattedValue),
@@ -17465,7 +17483,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$c, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$d, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
             _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
               key: 2,
               class: "iconStart",
@@ -17483,7 +17501,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               tabindex: "-1",
               onClick: decrement
             }, null, 8, ["class"])) : vue.createCommentVNode("", true),
-            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
               vue.createVNode(vue.unref(Btn), {
                 icon: "add",
                 flat: "",
@@ -17504,14 +17522,14 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["disabled"])
             ])) : vue.createCommentVNode("", true)
           ], 2)
-        ], 8, _hoisted_1$A)
+        ], 8, _hoisted_1$B)
       ], 2);
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-77950bb7"]]);
-const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-77950bb7"]]);
+const _hoisted_1$A = ["value", "autofocus", "onKeydown", "onPaste"];
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
   props: {
     digitCount: {},
@@ -17608,16 +17626,16 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             oninput: "this.value = this.value.slice(0, 1)",
             onKeydown: ($event) => handleKeyDown($event, ind),
             onPaste: ($event) => handlePaste($event, ind)
-          }, null, 40, _hoisted_1$z);
+          }, null, 40, _hoisted_1$A);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-8e8db33e"]]);
-const _hoisted_1$y = { class: "relative passwordInput" };
-const _hoisted_2$n = { class: "m-password position-bottom-end flex column justify-content-center" };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8e8db33e"]]);
+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({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
     id: {},
@@ -17658,7 +17676,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     );
     const inputType = vue.computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         vue.createVNode(vue.unref(TextInput), vue.mergeProps({
           modelValue: password.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
@@ -17666,7 +17684,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           type: inputType.value,
           class: "mb-0"
         }), null, 16, ["modelValue", "type"]),
-        vue.createElementVNode("div", _hoisted_2$n, [
+        vue.createElementVNode("div", _hoisted_2$o, [
           vue.createVNode(vue.unref(Btn), {
             flat: "",
             thin: "",
@@ -17679,20 +17697,20 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["for"];
-const _hoisted_2$m = ["id", "disabled", "name", "value", "required"];
-const _hoisted_3$i = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
-const _hoisted_4$b = ["src", "alt"];
-const _hoisted_5$b = { class: "" };
-const _hoisted_6$9 = {
+const _hoisted_1$y = ["for"];
+const _hoisted_2$n = ["id", "disabled", "name", "value", "required"];
+const _hoisted_3$j = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_4$c = ["src", "alt"];
+const _hoisted_5$c = { class: "" };
+const _hoisted_6$a = {
   key: 0,
   class: "m-0 m_txt-14"
 };
-const _hoisted_7$7 = {
+const _hoisted_7$8 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ vue.mergeModels({
     groupName: {},
@@ -17750,20 +17768,20 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
               onFocus: handleFocus,
               onBlur: handleBlur,
               onChange: handleChange
-            }, null, 40, _hoisted_2$m), [
+            }, null, 40, _hoisted_2$n), [
               [vue.vModelRadio, selectedOption.value]
             ]),
-            vue.createElementVNode("div", _hoisted_3$i, [
+            vue.createElementVNode("div", _hoisted_3$j, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
-              }, null, 8, _hoisted_4$b)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_5$b, [
-                opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$9, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
-                opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$7, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_4$c)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_5$c, [
+                opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$a, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
+                opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$8, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
               ]),
               vue.renderSlot(_ctx.$slots, "radioItem", vue.mergeProps({ ref_for: true }, opt), void 0, true)
             ]),
@@ -17775,19 +17793,19 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$x);
+          ], 8, _hoisted_1$y);
         }), 128))
       ], 2);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-a692c596"]]);
-const _hoisted_1$w = { class: "bagel-input" };
-const _hoisted_2$l = { class: "pb-025" };
-const _hoisted_3$h = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$a = ["id", "name", "value", "checked"];
-const _hoisted_5$a = ["for"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-a692c596"]]);
+const _hoisted_1$x = { class: "bagel-input" };
+const _hoisted_2$m = { class: "pb-025" };
+const _hoisted_3$i = { class: "flex gap-05 flex-wrap" };
+const _hoisted_4$b = ["id", "name", "value", "checked"];
+const _hoisted_5$b = ["for"];
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -17828,9 +17846,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
-        vue.createElementVNode("label", _hoisted_2$l, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$h, [
+      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$i, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -17843,10 +17861,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$a),
+              }, null, 40, _hoisted_4$b),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$a)
+              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$b)
             ]);
           }), 128))
         ])
@@ -17854,18 +17872,18 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$v = ["dir"];
-const _hoisted_2$k = {
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-cf892d71"]]);
+const _hoisted_1$w = ["dir"];
+const _hoisted_2$l = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$g = { class: "range-slider relative w-100" };
-const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
-const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
-const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
-const _hoisted_7$6 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$h = { class: "range-slider relative w-100" };
+const _hoisted_4$a = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_5$a = ["value", "min", "max", "step", "required", "disabled"];
+const _hoisted_6$9 = { 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({
   __name: "RangeInput",
   props: {
     modelValue: {},
@@ -17933,8 +17951,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         dir: vue.unref(rtl) ? "rtl" : "ltr"
       }, [
-        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$k, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$g, [
+        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3$h, [
           vue.createElementVNode("input", {
             id: vue.unref(id),
             value: validFrom.value,
@@ -17947,7 +17965,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             disabled: vue.unref(disabled),
             "aria-label": vue.unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
-          }, null, 40, _hoisted_4$9),
+          }, null, 40, _hoisted_4$a),
           vue.unref(multiRange) ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
             value: validTo.value,
@@ -17960,8 +17978,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             disabled: vue.unref(disabled),
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
-          }, null, 40, _hoisted_5$9)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_6$8, [
+          }, null, 40, _hoisted_5$a)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_6$9, [
             vue.createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
               style: vue.normalizeStyle(rangeStyle.value)
@@ -18005,7 +18023,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             ], true)
           ], 4)) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("p", _hoisted_7$6, [
+        vue.createElementVNode("p", _hoisted_7$7, [
           vue.renderSlot(_ctx.$slots, "min", {
             max: vue.unref(formatValue)(vue.unref(max2)),
             min: vue.unref(formatValue)(vue.unref(min2)),
@@ -18025,11 +18043,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)(vue.unref(max2))), 1)
           ], true)
         ])
-      ], 8, _hoisted_1$v);
+      ], 8, _hoisted_1$w);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-25d991e5"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-25d991e5"]]);
 const basicToolbarConfig = [
   "h2",
   "h3",
@@ -18093,12 +18111,12 @@ const toolbarOptions = [
   { name: "separator" },
   { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
 ];
-const _hoisted_1$u = { class: "grid grid-wrap p-05" };
-const _hoisted_2$j = ["onMousemove", "onClick"];
-const _hoisted_3$f = { class: "txt-center txt-12 color-gray" };
+const _hoisted_1$v = { class: "grid grid-wrap p-05" };
+const _hoisted_2$k = ["onMousemove", "onClick"];
+const _hoisted_3$g = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const base = 5;
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "gridBox",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -18114,7 +18132,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
       return hoveredCol.value > base - 1 ? enlarge : base;
     });
     return (_ctx, _cache) => {
-      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(rowSize.value, (row) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: `row-${row}`,
@@ -18141,21 +18159,21 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                   hoveredCol.value = col;
                 },
                 onClick: ($event) => emit2("select", `${row}x${col}`)
-              }, null, 42, _hoisted_2$j);
+              }, null, 42, _hoisted_2$k);
             }), 128))
           ], 32);
         }), 128)),
-        vue.createElementVNode("p", _hoisted_3$f, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
+        vue.createElementVNode("p", _hoisted_3$g, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
 });
-const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4548b70f"]]);
-const _hoisted_1$t = {
+const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4548b70f"]]);
+const _hoisted_1$u = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "EditorToolbar",
   props: {
     config: { default: basicToolbarConfig },
@@ -18170,10 +18188,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
         (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$V), {
+            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
               key: 0,
               placement: "bottom-start",
               thin: "",
@@ -18213,7 +18231,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-9d8a6eb6"]]);
+const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-9d8a6eb6"]]);
 function isStyleActive(style, doc) {
   const selection = doc.getSelection();
   if (!selection || !selection.rangeCount) return false;
@@ -19485,13 +19503,13 @@ function isNodeEmpty(node) {
   if (brElements.length === 0) return true;
   return brElements.length === 1 && node.childNodes.length <= 2;
 }
-const _hoisted_1$s = { class: "bagel-input" };
-const _hoisted_2$i = { class: "content-area radius-05" };
-const _hoisted_3$e = {
+const _hoisted_1$t = { class: "bagel-input" };
+const _hoisted_2$j = { class: "content-area radius-05" };
+const _hoisted_3$f = {
   key: 1,
   class: "flex"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -19608,7 +19626,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         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 }])
@@ -19622,7 +19640,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["editor-container", { "split-view": vue.unref(editor).state.isSplitView }])
           }, [
-            vue.createElementVNode("div", _hoisted_2$i, [
+            vue.createElementVNode("div", _hoisted_2$j, [
               vue.createElementVNode("iframe", {
                 id: "rich-text-iframe",
                 ref_key: "iframe",
@@ -19645,7 +19663,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               class: "code-editor"
             }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
           ], 2),
-          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
+          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$f, [
             _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
             vue.createVNode(vue.unref(Btn), {
               thin: "",
@@ -19689,18 +19707,18 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-30bcda4c"]]);
-const _hoisted_1$r = { class: "flex gap-05" };
-const _hoisted_2$h = ["disabled"];
-const _hoisted_3$d = { key: 1 };
-const _hoisted_4$8 = {
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-30bcda4c"]]);
+const _hoisted_1$s = { class: "flex gap-05" };
+const _hoisted_2$i = ["disabled"];
+const _hoisted_3$e = { key: 1 };
+const _hoisted_4$9 = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
-const _hoisted_5$8 = ["value"];
-const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
-const _hoisted_7$5 = { class: "block" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_5$9 = ["value"];
+const _hoisted_6$8 = ["aria-selected", "onClick", "onKeydown"];
+const _hoisted_7$6 = { class: "block" };
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -19876,7 +19894,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
         ref_key: "dropdown",
         ref: dropdown,
         shown: vue.unref(open),
@@ -19888,7 +19906,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
         trigger: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$r, [
+            vue.createElementVNode("div", _hoisted_1$s, [
               _ctx.searchable && vue.unref(open) ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                 key: 0,
                 ref_key: "searchInput",
@@ -19919,8 +19937,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$d, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$e, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
                   vue.createVNode(vue.unref(Btn), {
                     flat: "",
                     thin: "",
@@ -19936,14 +19954,14 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-              ], 42, _hoisted_2$h)),
+              ], 42, _hoisted_2$i)),
               _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
                 key: 2,
                 tabindex: "-1",
                 style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
                 value: vue.unref(selectedItems),
                 required: ""
-              }, null, 8, _hoisted_5$8)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_5$9)) : vue.createCommentVNode("", true)
             ])
           ])
         ]),
@@ -19955,7 +19973,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
             height: "25px",
             class: "mx-1 my-1"
           })) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(_sfc_main$$), {
+          vue.createVNode(vue.unref(_sfc_main$10), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -19992,8 +20010,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                         size: 1.1
                       })) : vue.createCommentVNode("", true)
                     ], 64)) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("span", _hoisted_7$5, vue.toDisplayString(getLabel(option2)), 1)
-                  ], 42, _hoisted_6$7);
+                    vue.createElementVNode("span", _hoisted_7$6, vue.toDisplayString(getLabel(option2)), 1)
+                  ], 42, _hoisted_6$8);
                 }), 128))
               ], 2),
               vue.renderSlot(_ctx.$slots, "last", {}, void 0, true)
@@ -20006,7 +20024,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-70535216"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-70535216"]]);
 /*!
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -20603,15 +20621,15 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$q = ["disabled"];
-const _hoisted_2$g = {
+const _hoisted_1$r = ["disabled"];
+const _hoisted_2$h = {
   key: 1,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel opacity-0"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
   props: /* @__PURE__ */ vue.mergeModels({
     sigOption: {},
@@ -20807,8 +20825,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$q),
-        _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$g)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_1$r),
+        _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$h)) : vue.createCommentVNode("", true)
       ], 34);
     };
   }
@@ -23292,13 +23310,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["title"];
-const _hoisted_2$f = { class: "bagel-input" };
-const _hoisted_3$c = { class: "table-side-scroll" };
-const _hoisted_4$7 = { class: "table-header" };
-const _hoisted_5$7 = { class: "table-reorder" };
-const _hoisted_6$6 = { class: "table-action" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$q = ["title"];
+const _hoisted_2$g = { class: "bagel-input" };
+const _hoisted_3$d = { class: "table-side-scroll" };
+const _hoisted_4$8 = { class: "table-header" };
+const _hoisted_5$8 = { class: "table-reorder" };
+const _hoisted_6$7 = { class: "table-action" };
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -23363,11 +23381,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        vue.createElementVNode("div", _hoisted_2$f, [
+        vue.createElementVNode("div", _hoisted_2$g, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$c, [
-          vue.createElementVNode("div", _hoisted_4$7, [
+        vue.createElementVNode("div", _hoisted_3$d, [
+          vue.createElementVNode("div", _hoisted_4$8, [
             (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", {
                 key: `${field.fieldname}header`,
@@ -23394,7 +23412,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$7, [
+                      vue.createElementVNode("div", _hoisted_5$8, [
                         vue.createVNode(vue.unref(Icon), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
@@ -23411,7 +23429,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                           }, null, 8, ["field-meta", "bagel-app", "model-value", "onUpdate:modelValue"])
                         ], 2);
                       }), 128)),
-                      vue.createElementVNode("div", _hoisted_6$6, [
+                      vue.createElementVNode("div", _hoisted_6$7, [
                         vue.createVNode(vue.unref(Icon), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
@@ -23438,11 +23456,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           ])),
           _: 1
         })
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-e9632f79"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-e9632f79"]]);
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -27889,14 +27907,14 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$o = ["aria-expanded"];
-const _hoisted_2$e = { class: "flex gap-05" };
-const _hoisted_3$b = { class: "p-075 tel-countryp-dropdown" };
-const _hoisted_4$6 = ["aria-selected", "onClick", "onMousemove"];
-const _hoisted_5$6 = { class: "tel-country" };
-const _hoisted_6$5 = { key: 1 };
-const _hoisted_7$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$p = ["aria-expanded"];
+const _hoisted_2$f = { class: "flex gap-05" };
+const _hoisted_3$c = { class: "p-075 tel-countryp-dropdown" };
+const _hoisted_4$7 = ["aria-selected", "onClick", "onMousemove"];
+const _hoisted_5$7 = { class: "tel-country" };
+const _hoisted_6$6 = { key: 1 };
+const _hoisted_7$5 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -28196,14 +28214,14 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               vue.withKeys(reset, ["tab"])
             ]
           }, [
-            vue.createVNode(vue.unref(_sfc_main$V), {
+            vue.createVNode(vue.unref(_sfc_main$W), {
               shown: open.value,
               "onUpdate:shown": _cache[1] || (_cache[1] = ($event) => open.value = $event),
               placement: "bottom-start",
               disabled: vue.unref(computedDropDownOptions).disabled
             }, {
               trigger: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_2$e, [
+                vue.createElementVNode("span", _hoisted_2$f, [
                   vue.createVNode(vue.unref(Icon), {
                     icon: open.value ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
@@ -28214,7 +28232,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_3$b, [
+                vue.createElementVNode("div", _hoisted_3$c, [
                   _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                     key: 0,
                     modelValue: vue.unref(searchQuery),
@@ -28241,9 +28259,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                           key: 0,
                           country: pb.iso2
                         }, null, 8, ["country"])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("p", _hoisted_5$6, vue.toDisplayString(pb.name), 1),
-                        vue.unref(computedDropDownOptions).showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
-                      ], 40, _hoisted_4$6);
+                        vue.createElementVNode("p", _hoisted_5$7, vue.toDisplayString(pb.name), 1),
+                        vue.unref(computedDropDownOptions).showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
+                      ], 40, _hoisted_4$7);
                     }), 128))
                   ], 2)
                 ])
@@ -28274,22 +28292,22 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(onSpace, ["space"])
               ],
               onKeydown: handleInput
-            }, null, 44, _hoisted_7$4), [
+            }, null, 44, _hoisted_7$5), [
               [vue.vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$o)
+          ], 40, _hoisted_1$p)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-a77caf64"]]);
-const _hoisted_1$n = ["title"];
-const _hoisted_2$d = ["for"];
-const _hoisted_3$a = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_4$5 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_5$5 = { key: 2 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a77caf64"]]);
+const _hoisted_1$o = ["title"];
+const _hoisted_2$e = ["for"];
+const _hoisted_3$b = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_4$6 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_5$6 = { key: 2 };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -28392,7 +28410,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             onFocus: _cache[2] || (_cache[2] = //@ts-ignore
             (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
             onInput: updateInputVal
-          }), null, 16, _hoisted_3$a)), [
+          }), null, 16, _hoisted_3$b)), [
             [
               vue.vModelDynamic,
               vue.unref(inputVal),
@@ -28416,10 +28434,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             onInput: updateInputVal,
             onFocusout: _cache[4] || (_cache[4] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-          }), null, 16, _hoisted_4$5)), [
+          }), null, 16, _hoisted_4$6)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
-          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$5, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$6, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
           _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
             key: 3,
             class: "iconStart",
@@ -28429,16 +28447,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             key: 4,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$d)
-      ], 10, _hoisted_1$n);
+        ], 8, _hoisted_2$e)
+      ], 10, _hoisted_1$o);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-99e3ea36"]]);
-const _hoisted_1$m = ["title"];
-const _hoisted_2$c = ["id", "required"];
-const _hoisted_3$9 = ["for"];
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-99e3ea36"]]);
+const _hoisted_1$n = ["title"];
+const _hoisted_2$d = ["id", "required"];
+const _hoisted_3$a = ["for"];
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -28474,19 +28492,19 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
           required: _ctx.required
-        }, null, 8, _hoisted_2$c), [
+        }, null, 8, _hoisted_2$d), [
           [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$9)
-      ], 10, _hoisted_1$m);
+        ], 8, _hoisted_3$a)
+      ], 10, _hoisted_1$n);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-ebe691ee"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ebe691ee"]]);
 const files = {
   setBaseUrl: (baseUrl) => {
     if (!baseUrl) return;
@@ -28515,19 +28533,19 @@ const files = {
     return axios$1.get("/files_v2/list", { params: { dir_path: dirPath } });
   }
 };
-const _hoisted_1$l = { class: "bagel-input" };
-const _hoisted_2$b = { key: 0 };
-const _hoisted_3$8 = {
+const _hoisted_1$m = { class: "bagel-input" };
+const _hoisted_2$c = { key: 0 };
+const _hoisted_3$9 = {
   key: 1,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel"
 };
-const _hoisted_4$4 = { class: "m-05 flex opacity-7 z-99" };
-const _hoisted_5$4 = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
-const _hoisted_6$4 = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
-const _hoisted_7$3 = {
+const _hoisted_4$5 = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_5$5 = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
+const _hoisted_6$5 = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
+const _hoisted_7$4 = {
   key: 1,
   class: "txt-gray txt-12"
 };
@@ -28541,22 +28559,22 @@ const _hoisted_11$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$2 = {
+const _hoisted_12$1 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
-const _hoisted_14$1 = {
+const _hoisted_13 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
+const _hoisted_14 = {
   key: 0,
   class: "h-100"
 };
-const _hoisted_15$1 = {
+const _hoisted_15 = {
   key: 0,
   class: "progress"
 };
-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$s = /* @__PURE__ */ vue.defineComponent({
+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({
   __name: "UploadInput",
   props: {
     label: {},
@@ -28665,10 +28683,10 @@ const _sfc_main$s = /* @__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$l, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        _ctx.required && !pathKeys.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_3$8)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$$), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.required && !pathKeys.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_3$9)) : vue.createCommentVNode("", true),
+        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$10), {
           key: 2,
           outline: "",
           class: "flex p-05 gap-1",
@@ -28689,7 +28707,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 key: path_key,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_4$4, [
+                vue.createElementVNode("div", _hoisted_4$5, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -28713,12 +28731,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     href: vue.unref(pathKeyToURL)(path_key),
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
-                  vue.createElementVNode("div", _hoisted_5$4, [
+                  vue.createElementVNode("div", _hoisted_5$5, [
                     vue.createVNode(vue.unref(Icon), {
                       icon: "draft",
                       size: 1.5
                     }),
-                    vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_6$4, [
+                    vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_6$5, [
                       vue.createTextVNode(vue.toDisplayString(path_key.split("/").pop()), 1)
                     ])), [
                       [_directive_lightbox, { src: vue.unref(pathKeyToURL)(path_key), download: true }]
@@ -28727,7 +28745,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]);
             }), 128)),
-            !pathKeys.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, vue.toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : vue.createCommentVNode("", true)
+            !pathKeys.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -28802,13 +28820,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   ], 6)
                 ], 2);
               }), 128))
-            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
+            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pathKeys.value, (path_key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: path_key,
                   class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  vue.createElementVNode("div", _hoisted_13$1, [
+                  vue.createElementVNode("div", _hoisted_13, [
                     vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                       color: "gray",
                       thin: "",
@@ -28835,7 +28853,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                       [_directive_tooltip, "Download"]
                     ])
                   ]),
-                  isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, [
+                  isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
                     vue.withDirectives(vue.createVNode(vue.unref(Image$1), {
                       class: "single-preview",
                       pathKey: path_key,
@@ -28863,7 +28881,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(["pie", { complete: file.progress === 100 }]),
                     style: vue.normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
-                    file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
+                    file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(Icon), {
                       class: "success",
                       icon: "check_circle"
@@ -28887,9 +28905,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             fileQueue: fileQueue.value,
             browse
           }, () => [
-            vue.createElementVNode("p", _hoisted_16$1, [
+            vue.createElementVNode("p", _hoisted_16, [
               vue.createVNode(vue.unref(Icon), { icon: "upload_2" }),
-              vue.createElementVNode("span", _hoisted_17$1, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
+              vue.createElementVNode("span", _hoisted_17, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
         ], 38))
@@ -28897,7 +28915,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-d2faef2b"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d2faef2b"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",
@@ -33323,7 +33341,7 @@ const MATERIAL_ICONS = [
   "zoom_out",
   "zoom_out_map"
 ];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Icon",
   props: {
     icon: {},
@@ -33354,9 +33372,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-b28cd148"]]);
-const _hoisted_1$k = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-b28cd148"]]);
+const _hoisted_1$l = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "IframeVue",
   props: {
     src: {},
@@ -33415,14 +33433,14 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         scrolling: _ctx.scrolling,
         srcset: _ctx.srcset,
         onLoad: _cache[0] || (_cache[0] = ($event) => emit2("load", $event))
-      }, null, 40, _hoisted_1$k);
+      }, null, 40, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = { key: 0 };
-const _hoisted_2$a = ["src", "alt", "width", "height"];
-const _hoisted_3$7 = ["src", "alt", "width", "height"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$k = { key: 0 };
+const _hoisted_2$b = ["src", "alt", "width", "height"];
+const _hoisted_3$8 = ["src", "alt", "width", "height"];
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Image",
   props: {
     src: {},
@@ -33498,7 +33516,7 @@ const _sfc_main$p = /* @__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$j, [
+      return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$k, [
         vue.unref(imageSrc) ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
           key: 0,
           src: vue.unref(imageSrc)
@@ -33506,7 +33524,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           alt: _ctx.alt,
           width: vue.unref(normalizeDimension)(_ctx.width),
           height: vue.unref(normalizeDimension)(_ctx.height)
-        }), null, 16, _hoisted_2$a)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
+        }), null, 16, _hoisted_2$b)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
           key: 1,
           class: "img-web-kit",
           width: vue.unref(normalizeDimension)(_ctx.width),
@@ -33519,7 +33537,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         alt: _ctx.alt,
         width: vue.unref(normalizeDimension)(_ctx.width),
         height: vue.unref(normalizeDimension)(_ctx.height)
-      }), null, 16, _hoisted_3$7)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
+      }), null, 16, _hoisted_3$8)) : vue.unref(loadingError) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
         class: "flex-center error-image",
         style: vue.normalizeStyle({
@@ -33537,16 +33555,16 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2f5e271c"]]);
-const _hoisted_1$i = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2f5e271c"]]);
+const _hoisted_1$j = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
   props: {
     navLinks: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$$), { 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$10), { 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) => {
@@ -33562,7 +33580,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                   size: 1.4,
                   class: "m-0 line-height-14"
                 }, null, 8, ["icon"]),
-                vue.createElementVNode("p", _hoisted_1$i, vue.toDisplayString(nav.label), 1)
+                vue.createElementVNode("p", _hoisted_1$j, vue.toDisplayString(nav.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "onClick"]);
@@ -33574,8 +33592,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-fe3a895e"]]);
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-fe3a895e"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "Layout",
   props: {
     gap: { default: 1 },
@@ -33616,9 +33634,9 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1814129a"]]);
-const _hoisted_1$h = { key: 0 };
-const _sfc_main$m = /* @__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({
   __name: "SidebarMenu",
   props: {
     navLinks: {},
@@ -33647,7 +33665,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           icon: "keyboard_arrow_right",
           onClick: vue.unref(toggleMenu)
         }, null, 8, ["onClick"]),
-        vue.createVNode(vue.unref(_sfc_main$$), { 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$10), { 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),
@@ -33665,7 +33683,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["icon"]),
                   vue.createVNode(vue.Transition, { name: "showP" }, {
                     default: vue.withCtx(() => [
-                      _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$h, vue.toDisplayString(nav.label), 1)) : vue.createCommentVNode("", true)
+                      _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$i, vue.toDisplayString(nav.label), 1)) : vue.createCommentVNode("", true)
                     ]),
                     _: 2
                   }, 1024)
@@ -33692,8 +33710,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-951fdacc"]]);
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-951fdacc"]]);
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "Skeleton",
   props: {
     count: { default: 1 },
@@ -33724,11 +33742,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-8788ed73"]]);
-const _hoisted_1$g = { class: "bgl_card tabs-top" };
-const _hoisted_2$9 = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_3$6 = ["onClick"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8788ed73"]]);
+const _hoisted_1$h = { class: "bgl_card tabs-top" };
+const _hoisted_2$a = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_3$7 = ["onClick"];
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -33761,9 +33779,9 @@ const _sfc_main$k = /* @__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$g, [
+        vue.createElementVNode("div", _hoisted_1$h, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_2$9, [
+          vue.createElementVNode("div", _hoisted_2$a, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               var _a;
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -33772,7 +33790,7 @@ const _sfc_main$k = /* @__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$6);
+              }, vue.toDisplayString(tab), 11, _hoisted_3$7);
             }), 128))
           ])
         ]),
@@ -33788,7 +33806,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-915732c1"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-915732c1"]]);
 const state = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state.has(group)) {
@@ -33802,8 +33820,8 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$f = { key: 0 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$g = { key: 0 };
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -33845,14 +33863,14 @@ const _sfc_main$j = /* @__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$f, [
+        vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
           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$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsBody",
   props: {
     group: {}
@@ -33865,8 +33883,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["onClick"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$f = ["onClick"];
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -33948,17 +33966,17 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 icon: tab.icon
               }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
               vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-            ], 10, _hoisted_1$e);
+            ], 10, _hoisted_1$f);
           }), 128))
         ], true)
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e680c2a4"]]);
-const _hoisted_1$d = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$8 = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-e680c2a4"]]);
+const _hoisted_1$e = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_2$9 = { class: "txt12 no-margin txt-gray ellipsis" };
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -33992,11 +34010,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$d, [
+            vue.createElementVNode("p", _hoisted_1$e, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$8, [
+            vue.createElementVNode("p", _hoisted_2$9, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -34007,23 +34025,23 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$f = {};
-const _hoisted_1$c = { class: "list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$7 = { class: "p-0" };
-const _hoisted_3$5 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+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" };
 function _sfc_render$3(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-    vue.createElementVNode("div", _hoisted_2$7, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+    vue.createElementVNode("div", _hoisted_2$8, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
-    vue.createElementVNode("div", _hoisted_3$5, [
+    vue.createElementVNode("div", _hoisted_3$6, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$3]]);
-const _hoisted_1$b = { class: "flex-center" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+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({
   __name: "Loading",
   props: {
     size: { default: 64 },
@@ -34045,7 +34063,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return standardSize(borderValue);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
         theme.value === "bar" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "lds-bar",
@@ -34087,11 +34105,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2e27b3c1"]]);
-const _hoisted_1$a = ["id"];
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2e27b3c1"]]);
+const _hoisted_1$b = ["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$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -34182,23 +34200,23 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         class: "leaflet-map",
         style: vue.normalizeStyle({ height: `${props2.height || 400}px` }),
         dir: "ltr"
-      }, null, 12, _hoisted_1$a);
+      }, null, 12, _hoisted_1$b);
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$7 = {
   key: 1,
   class: "sticky bg-popup z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     thin: { type: Boolean },
@@ -34255,7 +34273,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$$), {
+        vue.createVNode(vue.unref(_sfc_main$10), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           thin: _ctx.thin,
@@ -34265,7 +34283,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$9, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$a, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -34280,7 +34298,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
                 vue.createVNode(vue.unref(Btn), {
                   class: "position-start",
                   icon: "close",
@@ -34290,7 +34308,7 @@ const _sfc_main$c = /* @__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$4, [
+              vue.unref(slots).footer || ((_a = _ctx.actions) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$5, [
                 (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,
@@ -34308,8 +34326,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "pb-05 pretty" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = { class: "pb-05 pretty" };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -34335,7 +34353,7 @@ const _sfc_main$b = /* @__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$c), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
         title: vue.unref(title),
         width: "380px",
         dismissable: false,
@@ -34354,16 +34372,16 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["color", "value"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$8, vue.toDisplayString(vue.unref(message)), 1)
+          vue.createElementVNode("p", _hoisted_1$9, vue.toDisplayString(vue.unref(message)), 1)
         ]),
         _: 1
       }, 8, ["title"]);
     };
   }
 });
-const _hoisted_1$7 = { class: "flex gap-0" };
-const _hoisted_2$5 = { class: "flex gap-05" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$8 = { class: "flex gap-0" };
+const _hoisted_2$6 = { class: "flex gap-05" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -34427,7 +34445,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -34438,7 +34456,7 @@ const _sfc_main$a = /* @__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$S), {
+          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
             key: 0,
             ref_key: "form",
             ref: form,
@@ -34456,7 +34474,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         _ctx.onDelete || _ctx.onSubmit ? {
           name: "footer",
           fn: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$7, [
+            vue.createElementVNode("div", _hoisted_1$8, [
               vue.createVNode(vue.unref(Btn), {
                 thin: "",
                 flat: "",
@@ -34473,7 +34491,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 onClick: runDelete
               }, null, 8, ["value"])) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_2$5, [
+            vue.createElementVNode("div", _hoisted_2$6, [
               _ctx.onDuplicate ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                 key: 0,
                 outline: "",
@@ -34499,14 +34517,14 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1c0f6894"]]);
-const _hoisted_1$6 = { class: "full-nav" };
-const _hoisted_2$4 = { class: "nav-scroll" };
-const _hoisted_3$3 = { class: "nav-links-wrapper" };
-const _hoisted_4$3 = { class: "tooltip" };
-const _hoisted_5$3 = { class: "bot-buttons-wrapper" };
-const _hoisted_6$3 = { class: "tooltip" };
-const _sfc_main$9 = /* @__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 _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({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -34545,9 +34563,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$6, [
-          vue.createElementVNode("div", _hoisted_2$4, [
-            vue.createElementVNode("div", _hoisted_3$3, [
+        vue.createElementVNode("div", _hoisted_1$7, [
+          vue.createElementVNode("div", _hoisted_2$5, [
+            vue.createElementVNode("div", _hoisted_3$4, [
               (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,
@@ -34562,14 +34580,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                     vue.createVNode(vue.unref(Icon), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$3, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$3, [
+          vue.createElementVNode("div", _hoisted_5$4, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.footerLinks, (link) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 key: link.label,
@@ -34584,7 +34602,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                   vue.createVNode(vue.unref(Icon), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
-                  vue.createElementVNode("div", _hoisted_6$3, vue.toDisplayString(link.label), 1)
+                  vue.createElementVNode("div", _hoisted_6$4, vue.toDisplayString(link.label), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"]);
@@ -34596,10 +34614,10 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f3df1ee7"]]);
-const _hoisted_1$5 = { class: "page-top" };
-const _hoisted_2$3 = { class: "top-title m-0" };
-const _sfc_main$8 = /* @__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({
   __name: "PageTitle",
   props: {
     value: {
@@ -34609,8 +34627,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-        vue.createElementVNode("h1", _hoisted_2$3, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        vue.createElementVNode("h1", _hoisted_2$4, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -34618,27 +34636,27 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["disabled"];
-const _hoisted_2$2 = { class: "bgl_pill-flex" };
-const _hoisted_3$2 = {
+const _hoisted_1$5 = ["disabled"];
+const _hoisted_2$3 = { class: "bgl_pill-flex" };
+const _hoisted_3$3 = {
   key: 0,
   class: "loading"
 };
-const _hoisted_4$2 = { key: 1 };
-const _hoisted_5$2 = {
+const _hoisted_4$3 = { key: 1 };
+const _hoisted_5$3 = {
   key: 0,
   class: "flex h-100"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 5,
   class: "loading"
 };
-const _hoisted_7$2 = { key: 6 };
+const _hoisted_7$3 = { key: 6 };
 const _hoisted_8$2 = {
   key: 0,
   class: "flex h-100"
 };
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "Pill",
   props: {
     disabled: { type: Boolean },
@@ -34716,9 +34734,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           "bgl_pill-border": _ctx.border || _ctx.outline
         })
       }, [
-        vue.createElementVNode("div", _hoisted_2$2, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
-            _ctx.btn ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
+        vue.createElementVNode("div", _hoisted_2$3, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3)) : (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",
                 round: "",
@@ -34738,7 +34756,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             key: 4,
             icon: _ctx.iconEnd
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
             _ctx.btnEnd ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
               vue.createVNode(vue.unref(Btn), vue.mergeProps({
                 class: "bgl_pill-btn",
@@ -34748,12 +34766,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ]))
         ])
-      ], 10, _hoisted_1$4);
+      ], 10, _hoisted_1$5);
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-764b6b8b"]]);
-const _sfc_main$6 = {};
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-764b6b8b"]]);
+const _sfc_main$7 = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -34775,52 +34793,197 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
-const _hoisted_1$3 = { class: "flex gap-05 py-05 justify-content-end m_flex-wrap" };
-const _hoisted_2$1 = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2]]);
+const _hoisted_1$4 = {
   key: 0,
-  class: "label me-auto"
-};
-const _hoisted_3$1 = { class: "flex gap-075" };
-const _hoisted_4$1 = { class: "flex w-100p relative" };
-const _hoisted_5$1 = {
-  key: 0,
-  class: "fixed-columns sticky z-2 start-0 bg-white"
+  class: "row-number-header bg-white"
 };
-const _hoisted_6$1 = ["onClick"];
-const _hoisted_7$1 = ["onClick"];
-const _hoisted_8$1 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
-const _hoisted_9$1 = ["value", "onInput"];
-const _hoisted_10$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
-const _hoisted_11$1 = {
+const _hoisted_2$2 = { class: "th-content" };
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = ["onMousedown"];
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_7$2 = ["value", "onInput"];
+const _hoisted_8$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
+const _hoisted_9$1 = {
   key: 0,
   class: "h40px w-100p flex align-items-center justify-content-center overflow-hidden"
 };
-const _hoisted_12$1 = ["src", "alt"];
-const _hoisted_13 = {
+const _hoisted_10$1 = ["src", "alt"];
+const _hoisted_11$1 = {
   key: 2,
   class: "spreadsheet-cell"
 };
-const _hoisted_14 = { class: "flex-shrink flex-grow overflow-x" };
-const _hoisted_15 = { class: "w-100p" };
-const _hoisted_16 = {
-  key: 0,
-  class: "row-number-header bg-white"
-};
-const _hoisted_17 = ["onClick"];
-const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
-const _hoisted_20 = ["value", "onInput"];
-const _hoisted_21 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
-const _hoisted_22 = {
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SpreadsheetTable",
+  props: {
+    columns: {},
+    rows: {},
+    isFixed: { type: Boolean },
+    showRowNumbers: { type: Boolean },
+    columnWidths: {},
+    sortColumn: {},
+    sortDirection: {},
+    selectionStart: {},
+    selectionEnd: {},
+    editingCell: {},
+    baseColumnIndex: {}
+  },
+  emits: ["sortColumn", "resizeStart", "selectRow", "cellMouseDown", "cellMouseOver", "cellEditStart", "cellKeyDown", "updateCell", "stopEditing", "setInputRef"],
+  setup(__props) {
+    const props2 = __props;
+    const getActualColumnIndex = (localIndex) => props2.baseColumnIndex + localIndex;
+    function isCellSelected(row, localColIndex) {
+      if (!props2.selectionStart || !props2.selectionEnd) return false;
+      const colIndex = getActualColumnIndex(localColIndex);
+      const startRow = Math.min(props2.selectionStart.row, props2.selectionEnd.row);
+      const endRow = Math.max(props2.selectionStart.row, props2.selectionEnd.row);
+      const startCol = Math.min(props2.selectionStart.col, props2.selectionEnd.col);
+      const endCol = Math.max(props2.selectionStart.col, props2.selectionEnd.col);
+      return row >= startRow && row <= endRow && colIndex >= startCol && colIndex <= endCol;
+    }
+    function isCellEditable(columnKey) {
+      const column = props2.columns.find((col) => col.key === columnKey);
+      return !((column == null ? void 0 : column.locked) ?? false);
+    }
+    function isEditing(row, localColIndex) {
+      if (!props2.editingCell) return false;
+      const colIndex = getActualColumnIndex(localColIndex);
+      return props2.editingCell.row === row && props2.editingCell.col === colIndex;
+    }
+    function formatCellValue(value, format2) {
+      if (value === null || value === void 0) return "";
+      switch (format2) {
+        case "image":
+          return String(value);
+        // Return raw value for images
+        case "boolean":
+          return "";
+        // Return empty string since we're using CheckInput component
+        case "number":
+          return Number(value).toLocaleString();
+        case "currency":
+          return Number(value).toLocaleString(void 0, {
+            style: "currency",
+            currency: "USD"
+          });
+        case "date":
+          return value ? new Date(value).toLocaleDateString() : "";
+        case "percentage":
+          return Number(value).toLocaleString(void 0, {
+            style: "percent",
+            minimumFractionDigits: 2
+          });
+        default:
+          return String(value);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("table", {
+        class: vue.normalizeClass({ "fixed-columns": _ctx.isFixed, "w-100p": !_ctx.isFixed })
+      }, [
+        vue.createElementVNode("thead", null, [
+          vue.createElementVNode("tr", null, [
+            _ctx.showRowNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$4)) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
+              return vue.openBlock(), vue.createElementBlock("th", {
+                key: col.key,
+                style: vue.normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width })
+              }, [
+                vue.createElementVNode("div", _hoisted_2$2, [
+                  vue.createElementVNode("span", {
+                    onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
+                  }, vue.toDisplayString(col.label || col.key), 9, _hoisted_3$2),
+                  _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                    key: 0,
+                    class: vue.normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
+                    name: "keyboard_arrow_down"
+                  }, null, 8, ["class"])) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("div", {
+                    class: "resize-handle",
+                    onMousedown: vue.withModifiers(($event) => _ctx.$emit("resizeStart", $event, col.key), ["stop"])
+                  }, null, 40, _hoisted_4$2)
+                ])
+              ], 4);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("tbody", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, rowIndex) => {
+            return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
+              _ctx.showRowNumbers ? (vue.openBlock(), vue.createElementBlock("td", {
+                key: 0,
+                class: "row-number txt-center hover user-select-none pointer txt12 regular",
+                onClick: ($event) => _ctx.$emit("selectRow", rowIndex)
+              }, vue.toDisplayString(rowIndex + 1), 9, _hoisted_5$2)) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col, colIndex) => {
+                return vue.openBlock(), vue.createElementBlock("td", {
+                  key: col.key,
+                  class: vue.normalizeClass({
+                    selected: isCellSelected(rowIndex, colIndex),
+                    locked: !isCellEditable(col.key)
+                  }),
+                  style: vue.normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width }),
+                  tabindex: col.hidden ? void 0 : 0,
+                  onMousedown: ($event) => _ctx.$emit("cellMouseDown", rowIndex, getActualColumnIndex(colIndex)),
+                  onMouseover: ($event) => _ctx.$emit("cellMouseOver", rowIndex, getActualColumnIndex(colIndex)),
+                  onFocusin: ($event) => _ctx.$emit("cellMouseOver", rowIndex, getActualColumnIndex(colIndex)),
+                  onDblclick: ($event) => _ctx.$emit("cellEditStart", rowIndex, getActualColumnIndex(colIndex)),
+                  onKeydown: ($event) => _ctx.$emit("cellKeyDown", $event, rowIndex, getActualColumnIndex(colIndex))
+                }, [
+                  isEditing(rowIndex, colIndex) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createElementVNode("input", {
+                      ref_for: true,
+                      ref: (el) => _ctx.$emit("setInputRef", el, `cell-${rowIndex}-${getActualColumnIndex(colIndex)}`),
+                      value: row[col.key],
+                      type: "text",
+                      class: "spreadsheet-input",
+                      onInput: (e) => _ctx.$emit("updateCell", rowIndex, col.key, e.target.value),
+                      onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("stopEditing", false)),
+                      onKeydown: [
+                        _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("stopEditing", false), ["prevent"]), ["enter"])),
+                        _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("stopEditing", true), ["prevent"]), ["esc"]))
+                      ],
+                      onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 40, _hoisted_7$2),
+                    vue.createElementVNode("span", _hoisted_8$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1)
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    col.format === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+                      vue.createElementVNode("img", {
+                        class: "w-100p h-100p contain radius-05",
+                        src: row[col.key],
+                        alt: col.label || col.key
+                      }, null, 8, _hoisted_10$1)
+                    ])) : col.format === "boolean" ? (vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
+                      key: 1,
+                      modelValue: !!row[col.key],
+                      disabled: !isCellEditable(col.key),
+                      "onUpdate:modelValue": (value) => _ctx.$emit("updateCell", rowIndex, col.key, !!value),
+                      onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1))
+                  ], 64))
+                ], 46, _hoisted_6$2);
+              }), 128))
+            ]);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5386c509"]]);
+const _hoisted_1$3 = { class: "flex gap-05 py-05 justify-content-end m_flex-wrap" };
+const _hoisted_2$1 = {
   key: 0,
-  class: "h40px w-100p flex align-items-center justify-content-center overflow-hidden"
-};
-const _hoisted_23 = ["src", "alt"];
-const _hoisted_24 = {
-  key: 2,
-  class: "spreadsheet-cell"
+  class: "label me-auto"
 };
+const _hoisted_3$1 = { class: "flex gap-075" };
+const _hoisted_4$1 = { class: "p-05" };
+const _hoisted_5$1 = { class: "flex space-between" };
+const _hoisted_6$1 = { class: "flex w-100p relative" };
+const _hoisted_7$1 = { class: "flex-shrink flex-grow overflow-x" };
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
@@ -34874,6 +35037,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     function emitUpdate() {
       emit2("update:modelValue", localRows.value.map((row) => unflattenObject({ ...row })));
     }
+    const visibleColumns = vue.ref([]);
     const sortColumn = vue.ref(null);
     const sortDirection = vue.ref("asc");
     const columns = vue.computed(() => {
@@ -34963,8 +35127,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         const modifier = sortDirection.value === "desc" ? 1 : -1;
         return aVal < bVal ? -modifier : modifier;
       });
+      const currentVisibleColumns = [...visibleColumns.value];
       localRows.value = sorted;
       emitUpdate();
+      vue.nextTick(() => {
+        visibleColumns.value = currentVisibleColumns;
+      });
     }
     const isSelecting = vue.ref(false);
     const selectionStart = vue.ref(null);
@@ -34980,14 +35148,6 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         editInputRef.value.delete(key);
       }
     }
-    function isCellSelected(row, col) {
-      if (!selectionStart.value || !selectionEnd.value) return false;
-      const startRow = Math.min(selectionStart.value.row, selectionEnd.value.row);
-      const endRow = Math.max(selectionStart.value.row, selectionEnd.value.row);
-      const startCol = Math.min(selectionStart.value.col, selectionEnd.value.col);
-      const endCol = Math.max(selectionStart.value.col, selectionEnd.value.col);
-      return row >= startRow && row <= endRow && col >= startCol && col <= endCol;
-    }
     function handleMouseDown(row, col) {
       selectionStart.value = { row, col };
       selectionEnd.value = { row, col };
@@ -35066,11 +35226,16 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       localRows.value[rowIndex][key] = parsedValue ?? (column == null ? void 0 : column.defaultValue) ?? ((column == null ? void 0 : column.format) === "boolean" ? false : "");
       emitUpdate();
     }
+    vue.watch(() => columns.value, (newColumns) => {
+      if (newColumns.length > 0 && visibleColumns.value.length === 0) {
+        visibleColumns.value = newColumns.filter((col) => !col.hidden).map((col) => col.key);
+      }
+    });
     const fixedColumns = vue.computed(() => {
-      return columns.value.filter((col) => col.fixed && !col.hidden);
+      return columns.value.filter((col) => col.fixed && !col.hidden && visibleColumns.value.includes(col.key));
     });
     const scrollableColumns = vue.computed(() => {
-      return columns.value.filter((col) => !col.fixed && !col.hidden);
+      return columns.value.filter((col) => !col.fixed && !col.hidden && visibleColumns.value.includes(col.key));
     });
     function createEmptyRow() {
       const newRow = {};
@@ -35113,6 +35278,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         console.error("Failed to copy to clipboard:", err);
       }
     }
+    const searchInputRef = vue.ref(null);
+    function isSearchFocused() {
+      var _a, _b;
+      const inputElement = (_b = (_a = searchInputRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector("input");
+      return document.activeElement === inputElement;
+    }
     async function pasteSelection() {
       if (!selectionStart.value) return;
       try {
@@ -35202,7 +35373,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function handleSpreadsheetKeyDown(event) {
-      if (editingCell.value) return;
+      if (editingCell.value || isSearchFocused()) return;
+      console.log("handleSpreadsheetKeyDown", event);
       const isCtrlOrCmd = event.ctrlKey || event.metaKey;
       if (isCtrlOrCmd) {
         switch (event.key.toLowerCase()) {
@@ -35242,6 +35414,43 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         });
       });
     });
+    const columnWidths = vue.ref(/* @__PURE__ */ new Map());
+    const isResizing = vue.ref(false);
+    const resizingColumn = vue.ref(null);
+    const startX = vue.ref(0);
+    const startWidth = vue.ref(0);
+    function handleResizeStart(e, columnKey) {
+      isResizing.value = true;
+      resizingColumn.value = columnKey;
+      startX.value = e.pageX;
+      const columnHeader = e.target.closest("th");
+      if (!columnHeader) return;
+      const computedWidth = columnHeader.getBoundingClientRect().width;
+      const currentWidth = columnWidths.value.get(columnKey) || computedWidth;
+      startWidth.value = currentWidth;
+      document.addEventListener("mousemove", handleResizeMove);
+      document.addEventListener("mouseup", handleResizeEnd);
+    }
+    function handleResizeMove(e) {
+      if (!isResizing.value || !resizingColumn.value) return;
+      e.preventDefault();
+      const diff = e.pageX - startX.value;
+      const newWidth = Math.max(80, startWidth.value + diff);
+      columnWidths.value.set(resizingColumn.value, newWidth);
+    }
+    function handleResizeEnd() {
+      isResizing.value = false;
+      resizingColumn.value = null;
+      document.removeEventListener("mousemove", handleResizeMove);
+      document.removeEventListener("mouseup", handleResizeEnd);
+    }
+    vue.onUnmounted(() => {
+      document.removeEventListener("mousemove", handleResizeMove);
+      document.removeEventListener("mouseup", handleResizeEnd);
+    });
+    const columnOptions = vue.computed(() => {
+      return columns.value.filter((col) => !col.hidden);
+    });
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -35252,9 +35461,47 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_1$3, [
           _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$1, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_3$1, [
+            vue.createVNode(_sfc_main$W, {
+              flat: "",
+              thin: "",
+              icon: "view_column"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_4$1, [
+                  vue.createElementVNode("div", _hoisted_5$1, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      thin: "",
+                      small: "",
+                      value: "Select All",
+                      onClick: _cache[0] || (_cache[0] = ($event) => visibleColumns.value = columnOptions.value.map((col) => col.key))
+                    }),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      thin: "",
+                      small: "",
+                      value: "Clear All",
+                      onClick: _cache[1] || (_cache[1] = ($event) => visibleColumns.value = [])
+                    })
+                  ]),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columnOptions.value, (col) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
+                      key: col.key,
+                      modelValue: visibleColumns.value,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visibleColumns.value = $event),
+                      value: col.key,
+                      label: col.label || col.key
+                    }, null, 8, ["modelValue", "value", "label"]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
             vue.createVNode(vue.unref(TextInput), {
+              ref_key: "searchInputRef",
+              ref: searchInputRef,
               modelValue: search.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.value = $event),
               icon: "search",
               placeholder: "Search",
               class: "m-0 max-w200px"
@@ -35303,173 +35550,56 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           class: "spreadsheet",
           onMouseup: handleMouseUp
         }, [
-          vue.createElementVNode("div", _hoisted_4$1, [
-            fixedColumns.value.length ? (vue.openBlock(), vue.createElementBlock("table", _hoisted_5$1, [
-              vue.createElementVNode("thead", null, [
-                vue.createElementVNode("tr", null, [
-                  _cache[11] || (_cache[11] = vue.createElementVNode("th", { class: "row-number-header bg-white" }, null, -1)),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fixedColumns.value, (col) => {
-                    return vue.openBlock(), vue.createElementBlock("th", {
-                      key: col.key
-                    }, [
-                      vue.createElementVNode("span", {
-                        onClick: ($event) => col.sortable && sortByColumn(col.key)
-                      }, vue.toDisplayString(col.label || col.key), 9, _hoisted_6$1),
-                      sortColumn.value === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
-                        key: 0,
-                        class: vue.normalizeClass(["line-height-0 transition-400", { "rotate-180": sortDirection.value === "desc" }]),
-                        name: "keyboard_arrow_down"
-                      }, null, 8, ["class"])) : vue.createCommentVNode("", true)
-                    ]);
-                  }), 128))
-                ])
-              ]),
-              vue.createElementVNode("tbody", null, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredRows.value, (row, rowIndex) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
-                    vue.createElementVNode("td", {
-                      class: "row-number txt-center hover user-select-none pointer txt12 regular",
-                      onClick: ($event) => selectEntireRow(rowIndex)
-                    }, vue.toDisplayString(rowIndex + 1), 9, _hoisted_7$1),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fixedColumns.value, (col) => {
-                      return vue.openBlock(), vue.createElementBlock("td", {
-                        key: col.key,
-                        class: vue.normalizeClass({
-                          selected: isCellSelected(rowIndex, fixedColumns.value.indexOf(col)),
-                          locked: !isCellEditable(col.key)
-                        }),
-                        style: vue.normalizeStyle({ width: col.width }),
-                        tabindex: col.hidden ? void 0 : 0,
-                        onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.indexOf(col)),
-                        onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
-                        onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
-                        onDblclick: ($event) => startEditing(rowIndex, fixedColumns.value.indexOf(col)),
-                        onKeydown: ($event) => handleCellKeyDown($event, rowIndex, fixedColumns.value.indexOf(col))
-                      }, [
-                        editingCell.value && editingCell.value.row === rowIndex && editingCell.value.col === fixedColumns.value.indexOf(col) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                          vue.createElementVNode("input", {
-                            ref_for: true,
-                            ref: (el) => setInputRef(el, `cell-${rowIndex}-${fixedColumns.value.indexOf(col)}`),
-                            value: row[col.key],
-                            type: "text",
-                            class: "spreadsheet-input",
-                            onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                            onBlur: _cache[1] || (_cache[1] = ($event) => handleStopEditingAndBlur(false)),
-                            onKeydown: [
-                              _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
-                              _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
-                            ],
-                            onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
-                            }, ["stop"]))
-                          }, null, 40, _hoisted_9$1),
-                          vue.createElementVNode("span", _hoisted_10$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1)
-                        ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                          col.format === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
-                            vue.createElementVNode("img", {
-                              class: "w-100p h-100p contain radius-05",
-                              src: row[col.key],
-                              alt: col.label || col.key
-                            }, null, 8, _hoisted_12$1)
-                          ])) : col.format === "boolean" ? (vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
-                            key: 1,
-                            modelValue: !!row[col.key],
-                            disabled: !isCellEditable(col.key),
-                            "onUpdate:modelValue": (value) => updateCell(rowIndex, col.key, !!value),
-                            onMousedown: _cache[5] || (_cache[5] = vue.withModifiers(() => {
-                            }, ["stop"]))
-                          }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1))
-                        ], 64))
-                      ], 46, _hoisted_8$1);
-                    }), 128))
-                  ]);
-                }), 128))
-              ])
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_14, [
-              vue.createElementVNode("table", _hoisted_15, [
-                vue.createElementVNode("thead", null, [
-                  vue.createElementVNode("tr", null, [
-                    !fixedColumns.value.length ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_16)) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scrollableColumns.value, (col) => {
-                      return vue.openBlock(), vue.createElementBlock("th", {
-                        key: col.key
-                      }, [
-                        vue.createElementVNode("span", {
-                          onClick: ($event) => col.sortable && sortByColumn(col.key)
-                        }, vue.toDisplayString(col.label || col.key), 9, _hoisted_17),
-                        sortColumn.value === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
-                          key: 0,
-                          name: "keyboard_arrow_down",
-                          class: vue.normalizeClass(["line-height-0 inline-block", { "rotate-180": sortColumn.value === col.key && sortDirection.value === "desc" }])
-                        }, null, 8, ["class"])) : vue.createCommentVNode("", true)
-                      ]);
-                    }), 128))
-                  ])
-                ]),
-                vue.createElementVNode("tbody", null, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredRows.value, (row, rowIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
-                      !fixedColumns.value.length ? (vue.openBlock(), vue.createElementBlock("td", {
-                        key: 0,
-                        class: "row-number txt-center hover user-select-none pointer txt12 regular",
-                        onClick: ($event) => selectEntireRow(rowIndex)
-                      }, vue.toDisplayString(rowIndex + 1), 9, _hoisted_18)) : vue.createCommentVNode("", true),
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scrollableColumns.value, (col, colIndex) => {
-                        return vue.openBlock(), vue.createElementBlock("td", {
-                          key: col.key,
-                          class: vue.normalizeClass({
-                            selected: isCellSelected(rowIndex, fixedColumns.value.length + colIndex),
-                            locked: !isCellEditable(col.key)
-                          }),
-                          style: vue.normalizeStyle({ width: col.width }),
-                          tabindex: col.hidden ? void 0 : 0,
-                          onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.length + colIndex),
-                          onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
-                          onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
-                          onDblclick: ($event) => startEditing(rowIndex, fixedColumns.value.length + colIndex),
-                          onKeydown: ($event) => handleCellKeyDown($event, rowIndex, fixedColumns.value.length + colIndex)
-                        }, [
-                          editingCell.value && editingCell.value.row === rowIndex && editingCell.value.col === fixedColumns.value.length + colIndex ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                            vue.createElementVNode("input", {
-                              ref_for: true,
-                              ref: (el) => setInputRef(el, `cell-${rowIndex}-${fixedColumns.value.length + colIndex}`),
-                              value: row[col.key],
-                              type: "text",
-                              class: "spreadsheet-input",
-                              onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                              onBlur: _cache[6] || (_cache[6] = ($event) => handleStopEditingAndBlur(false)),
-                              onKeydown: [
-                                _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
-                                _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
-                              ],
-                              onMousedown: _cache[9] || (_cache[9] = vue.withModifiers(() => {
-                              }, ["stop"]))
-                            }, null, 40, _hoisted_20),
-                            vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1)
-                          ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                            col.format === "image" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                              row[col.key] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
-                                vue.createElementVNode("img", {
-                                  class: "w-100p h-100p contain radius-05",
-                                  src: row[col.key],
-                                  alt: col.label || col.key
-                                }, null, 8, _hoisted_23)
-                              ])) : vue.createCommentVNode("", true)
-                            ], 64)) : col.format === "boolean" ? (vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
-                              key: 1,
-                              modelValue: !!row[col.key],
-                              disabled: !isCellEditable(col.key),
-                              "onUpdate:modelValue": (value) => updateCell(rowIndex, col.key, !!value),
-                              onMousedown: _cache[10] || (_cache[10] = vue.withModifiers(() => {
-                              }, ["stop"]))
-                            }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_24, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1))
-                          ], 64))
-                        ], 46, _hoisted_19);
-                      }), 128))
-                    ]);
-                  }), 128))
-                ])
-              ])
+          vue.createElementVNode("div", _hoisted_6$1, [
+            fixedColumns.value.length ? (vue.openBlock(), vue.createBlock(SpreadsheetTable, {
+              key: 0,
+              columns: fixedColumns.value,
+              rows: filteredRows.value,
+              "is-fixed": true,
+              "show-row-numbers": true,
+              "column-widths": columnWidths.value,
+              "sort-column": sortColumn.value,
+              "sort-direction": sortDirection.value,
+              "selection-start": selectionStart.value,
+              "selection-end": selectionEnd.value,
+              "editing-cell": editingCell.value,
+              "base-column-index": 0,
+              class: "sticky z-2 start-0 bg-white",
+              onSortColumn: sortByColumn,
+              onResizeStart: handleResizeStart,
+              onSelectRow: selectEntireRow,
+              onCellMouseDown: handleMouseDown,
+              onCellMouseOver: handleMouseOver,
+              onCellEditStart: startEditing,
+              onCellKeyDown: handleCellKeyDown,
+              onUpdateCell: updateCell,
+              onStopEditing: handleStopEditingAndBlur,
+              onSetInputRef: setInputRef
+            }, null, 8, ["columns", "rows", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_7$1, [
+              vue.createVNode(SpreadsheetTable, {
+                columns: scrollableColumns.value,
+                rows: filteredRows.value,
+                "is-fixed": false,
+                "show-row-numbers": !fixedColumns.value.length,
+                "column-widths": columnWidths.value,
+                "sort-column": sortColumn.value,
+                "sort-direction": sortDirection.value,
+                "selection-start": selectionStart.value,
+                "selection-end": selectionEnd.value,
+                "editing-cell": editingCell.value,
+                "base-column-index": fixedColumns.value.length,
+                onSortColumn: sortByColumn,
+                onResizeStart: handleResizeStart,
+                onSelectRow: selectEntireRow,
+                onCellMouseDown: handleMouseDown,
+                onCellMouseOver: handleMouseOver,
+                onCellEditStart: startEditing,
+                onCellKeyDown: handleCellKeyDown,
+                onUpdateCell: updateCell,
+                onStopEditing: handleStopEditingAndBlur,
+                onSetInputRef: setInputRef
+              }, null, 8, ["columns", "rows", "show-row-numbers", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell", "base-column-index"])
             ])
           ]),
           _ctx.allowAddRow ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
@@ -35487,7 +35617,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f204ab99"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8e95a7a9"]]);
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
@@ -36895,9 +37025,9 @@ const ModalPlugin = {
             case "modalForm":
               return vue.h(ModalForm, props2, modal.componentSlots);
             case "confirmModal":
-              return vue.h(_sfc_main$b, props2, {});
+              return vue.h(_sfc_main$c, props2, {});
             default:
-              return vue.h(_sfc_main$c, props2, modal.componentSlots);
+              return vue.h(_sfc_main$d, props2, modal.componentSlots);
           }
         });
       }
@@ -37356,58 +37486,58 @@ function formatDate(date2, format2 = "dd.mm.yy") {
     return "";
   }
 }
-exports.Accordion = _sfc_main$1m;
+exports.Accordion = _sfc_main$1n;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$1k;
+exports.AddressSearch = _sfc_main$1l;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$S;
+exports.BagelForm = _sfc_main$T;
 exports.BagelVue = BagelVue;
-exports.BglForm = _sfc_main$S;
+exports.BglForm = _sfc_main$T;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Calendar = _sfc_main$10;
-exports.Card = _sfc_main$$;
+exports.Calendar = _sfc_main$11;
+exports.Card = _sfc_main$10;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
 exports.CodeEditor = CodeEditor;
-exports.ColorInput = _sfc_main$N;
+exports.ColorInput = _sfc_main$O;
 exports.DataPreview = DataPreview;
 exports.DataTable = DataTable;
 exports.DateInput = DateInput;
 exports.DatePick = DatePick;
-exports.DatePicker = _sfc_main$K;
-exports.Draggable = _sfc_main$W;
-exports.Dropdown = _sfc_main$V;
+exports.DatePicker = _sfc_main$L;
+exports.Draggable = _sfc_main$X;
+exports.Dropdown = _sfc_main$W;
 exports.FORM_STATE_KEY = FORM_STATE_KEY;
-exports.FieldArray = _sfc_main$R;
+exports.FieldArray = _sfc_main$S;
 exports.FieldSetVue = FieldSetVue;
 exports.FileUpload = FileUpload;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
 exports.Icon = Icon;
-exports.IframeVue = _sfc_main$q;
+exports.IframeVue = _sfc_main$r;
 exports.Image = Image$1;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
-exports.Lineart = _sfc_main$Z;
-exports.ListItem = _sfc_main$g;
+exports.Lineart = _sfc_main$_;
+exports.ListItem = _sfc_main$h;
 exports.ListView = ListView;
 exports.Loading = Loading;
-exports.MapEmbed = _sfc_main$d;
-exports.Modal = _sfc_main$c;
-exports.ModalConfirm = _sfc_main$b;
+exports.MapEmbed = _sfc_main$e;
+exports.Modal = _sfc_main$d;
+exports.ModalConfirm = _sfc_main$c;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
 exports.NumberInput = NumberInput;
 exports.OTP = OTP;
-exports.PageTitle = _sfc_main$8;
-exports.PasswordInput = _sfc_main$F;
+exports.PageTitle = _sfc_main$9;
+exports.PasswordInput = _sfc_main$G;
 exports.Pill = Pill;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
@@ -37416,14 +37546,14 @@ exports.RichText = RichText;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
-exports.SignaturePad = _sfc_main$x;
+exports.SignaturePad = _sfc_main$y;
 exports.Skeleton = Skeleton;
 exports.Spreadsheet = Index;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = DataTable;
-exports.Tabs = _sfc_main$j;
-exports.TabsBody = _sfc_main$i;
+exports.Tabs = _sfc_main$k;
+exports.TabsBody = _sfc_main$j;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;