@bagelink/vue 0.0.753 → 0.0.757

package/dist/index.cjs

@@ -40,7 +40,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
     return txtField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -58,7 +58,7 @@ const _hoisted_1$J = { class: "accordion-item" };
 const _hoisted_2$t = ["aria-expanded", "aria-controls"];
 const _hoisted_3$k = { class: "accordion-label" };
 const _hoisted_4$e = ["id", "aria-hidden"];
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -108,7 +108,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(isOpen) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$a), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$b), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$t),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -135,9 +135,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f87b579d"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f87b579d"]]);
 const _hoisted_1$I = { class: "relative" };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -160,7 +160,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-        vue.createVNode(vue.unref(_sfc_main$I), {
+        vue.createVNode(vue.unref(_sfc_main$J), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -178,7 +178,7 @@ const _sfc_main$S = /* @__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$d), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$e), {
                     key: index2,
                     icon: "location_on",
                     title: result2.display_name,
@@ -203,7 +203,7 @@ const _hoisted_2$s = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -227,8 +227,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "a30674be": computedBackgroundColor.value,
-      "1811393c": cumputedTextColor.value
+      "4cc6fa2a": computedBackgroundColor.value,
+      "0ff33606": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -298,7 +298,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -306,7 +306,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots).default && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -317,10 +317,10 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-7463197f"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-a73ad8c2"]]);
 const _hoisted_1$G = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -341,7 +341,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
@@ -360,9 +360,9 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-1322d9e1"]]);
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-1322d9e1"]]);
 const _hoisted_1$F = ["src", "alt"];
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -388,8 +388,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -405,13 +405,13 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -420,10 +420,10 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-40a0b03a"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-40a0b03a"]]);
 const _hoisted_1$E = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -492,12 +492,12 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-8495afe2"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-8495afe2"]]);
 const _hoisted_1$D = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -538,7 +538,7 @@ const _hoisted_1$C = {
   class: "blocker"
 };
 const _hoisted_2$p = { class: "Handlers" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -707,7 +707,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-1f9c6644"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-1f9c6644"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -6666,7 +6666,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render$e;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -6824,11 +6824,11 @@ const _hoisted_6$8 = {
 };
 const _hoisted_7$5 = { class: "key" };
 const _hoisted_8$3 = { class: "m-0" };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -6865,7 +6865,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -6877,7 +6877,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_3$i, [
                 vue.createElementVNode("p", _hoisted_4$c, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
-              vue.createVNode(vue.unref(_sfc_main$G), {
+              vue.createVNode(vue.unref(_sfc_main$H), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6895,7 +6895,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("p", _hoisted_8$3, vue.toDisplayString(label), 1)
                 ]),
                 vue.createElementVNode("div", null, [
-                  id ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$2, vue.toDisplayString(dataTransform(itemData.value[id])), 1)) : vue.createCommentVNode("", true)
+                  id ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$3, vue.toDisplayString(dataTransform(itemData.value[id])), 1)) : vue.createCommentVNode("", true)
                 ])
               ])) : vue.createCommentVNode("", true)
             ], 64);
@@ -6906,7 +6906,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-2da95d24"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-2da95d24"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -9448,7 +9448,7 @@ const Gt$1 = {
   install: Ct$1,
   options: h
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: {
     value: {},
@@ -9505,7 +9505,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9535,8 +9535,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-f99f1900"]]);
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -9551,8 +9551,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return _sfc_main$t;
-      if (props2.field.$el === "date") return _sfc_main$A;
+      if (props2.field.$el === "richtext") return _sfc_main$u;
+      if (props2.field.$el === "date") return _sfc_main$B;
       return props2.field.$el ?? "div";
     });
     const formData = vue.computed({
@@ -9636,7 +9636,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -9728,13 +9728,13 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         _ctx.id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9752,13 +9752,13 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9778,7 +9778,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$z = { key: 0 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -9846,7 +9846,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-              vue.createVNode(vue.unref(_sfc_main$F), vue.mergeProps({
+              vue.createVNode(vue.unref(_sfc_main$G), vue.mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -9886,7 +9886,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$y = { class: "primary-checkbox" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -9908,11 +9908,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-73f1d9ad"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$x = ["title"];
 const _hoisted_2$m = ["id", "value", "required"];
 const _hoisted_3$h = ["for"];
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -9958,10 +9958,10 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-1b4d18c6"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-1b4d18c6"]]);
 const _hoisted_1$w = ["title"];
 const _hoisted_2$l = ["id", "placeholder", "required"];
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -18448,7 +18448,7 @@ Object.entries(go).forEach(([e, t]) => {
 });
 const _hoisted_1$v = ["title"];
 const _hoisted_2$k = { key: 0 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -18518,7 +18518,7 @@ const _hoisted_3$g = {
 };
 const _hoisted_4$b = ["id", "name", "value"];
 const _hoisted_5$a = ["for"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -18605,14 +18605,14 @@ const _hoisted_8$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_9$1 = ["src"];
-const _hoisted_10$1 = {
+const _hoisted_9$2 = ["src"];
+const _hoisted_10$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_11 = ["src"];
+const _hoisted_11$1 = ["src"];
 const _hoisted_12 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: {
     label: {},
@@ -18792,7 +18792,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_3$f)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -18820,7 +18820,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, _hoisted_5$9)) : vue.createCommentVNode("", true)
-                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -18831,7 +18831,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$a), {
+                    vue.createVNode(vue.unref(_sfc_main$b), {
                       class: "success",
                       icon: "check"
                     })
@@ -18850,9 +18850,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                     class: "single-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_9$1)), [
+                  }, null, 8, _hoisted_9$2)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -18870,8 +18870,8 @@ const _sfc_main$y = /* @__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_10$1, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$a), {
+                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    vue.createVNode(vue.unref(_sfc_main$b), {
                       class: "success",
                       icon: "check"
                     })
@@ -18881,7 +18881,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
                     alt: ""
-                  }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_11$1)) : vue.createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -18893,7 +18893,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_12, [
-              vue.createVNode(vue.unref(_sfc_main$a), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$b), { icon: "upload_2" }),
               _cache[0] || (_cache[0] = vue.createTextVNode(" Drop files here or click to upload "))
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -18902,11 +18902,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-be593d04"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-be593d04"]]);
 const _hoisted_1$s = ["title"];
 const _hoisted_2$h = { key: 0 };
 const _hoisted_3$e = ["value", "placeholder"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -18942,9 +18942,9 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1cbaeab2"]]);
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-1cbaeab2"]]);
 const _hoisted_1$r = { class: "relative" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
     txtInputProps: {}
@@ -18992,7 +18992,7 @@ const _hoisted_7$3 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ vue.mergeModels({
     groupName: {},
@@ -19010,7 +19010,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (opt) => {
           return vue.openBlock(), vue.createElementBlock("label", {
             key: opt.id,
-            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
+            class: "border rounded p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
             for: opt.id
           }, [
             vue.withDirectives(vue.createElementVNode("input", {
@@ -19026,7 +19026,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_3$d, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
-                class: "bg-popup shadow-light py-025 rounded m_w40",
+                class: "bg-popup shadow-light py-025 radius-05 m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
@@ -19051,13 +19051,13 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-3ae8f4d3"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3e9e030f"]]);
 const _hoisted_1$p = { class: "bagel-input" };
 const _hoisted_2$f = { class: "pb-025" };
 const _hoisted_3$c = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$8 = ["id", "name", "value", "checked"];
 const _hoisted_5$7 = ["for"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -19124,7 +19124,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-8cdfe758"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-8cdfe758"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -38299,9 +38299,9 @@ class DropCursorView {
     this.element.style.width = rect.right - rect.left + "px";
     this.element.style.height = rect.bottom - rect.top + "px";
   }
-  scheduleRemoval(timeout2) {
+  scheduleRemoval(timeout) {
     clearTimeout(this.timeout);
-    this.timeout = setTimeout(() => this.setCursor(null), timeout2);
+    this.timeout = setTimeout(() => this.setCursor(null), timeout);
   }
   dragover(event) {
     if (!this.editorView.editable)
@@ -41116,10 +41116,10 @@ function debounce$1(fn3, ms) {
   if (ms === 0) {
     return fn3;
   }
-  var timeout2;
+  var timeout;
   return function(arg) {
-    clearTimeout(timeout2);
-    timeout2 = setTimeout(function() {
+    clearTimeout(timeout);
+    timeout = setTimeout(function() {
       fn3(arg);
     }, ms);
   };
@@ -42948,7 +42948,7 @@ const _hoisted_2$e = {
   key: 0,
   class: "RichText-tools"
 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "RichText",
   props: {
     modelValue: {}
@@ -43377,7 +43377,7 @@ const _hoisted_4$7 = {
 const _hoisted_5$6 = ["value"];
 const _hoisted_6$5 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_7$2 = { class: "block" };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -43516,7 +43516,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$J), {
         ref_key: "dropdown",
         ref: dropdown,
         placement: "bottom-start",
@@ -43534,7 +43534,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 onKeydown: openOptions,
                 onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
               }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -43551,7 +43551,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     })
                   })
                 ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), vue.mergeProps({
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), vue.mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
@@ -43568,7 +43568,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           ])
         ]),
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$M), {
+          vue.createVNode(vue.unref(_sfc_main$N), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -43597,12 +43597,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     onKeydown: vue.withKeys(($event) => select2(option2), ["enter"])
                   }, [
                     _ctx.multiselect ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : vue.createCommentVNode("", true),
-                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -43623,12 +43623,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3679d458"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3679d458"]]);
 const _hoisted_1$m = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Toolbar",
   props: {
     config: {}
@@ -43670,7 +43670,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               key: action.name,
               thin: "",
               flat: "",
-              class: vue.normalizeClass([action.class, "rounded"]),
+              class: vue.normalizeClass([action.class, "radius-05"]),
               "aria-label": action.name,
               icon: action.icon,
               onClick: ($event) => emit2("action", action.name)
@@ -43687,14 +43687,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "rich-text-editor round pt-05 px-1 pb-1" };
+const _hoisted_1$l = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
 const _hoisted_2$c = { class: "editor-container flex flex-stretch gap-1 m_column" };
-const _hoisted_3$a = { class: "content-area rounded p-1 shadow-light w-100 grid" };
+const _hoisted_3$a = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
 const _hoisted_4$6 = {
   key: 0,
-  class: "preview-area w-100 rounded p-1"
+  class: "preview-area w-100 radius-05 p-1"
 };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -43822,7 +43822,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-        vue.createVNode(_sfc_main$r, {
+        vue.createVNode(_sfc_main$s, {
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
@@ -43853,7 +43853,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-1cddc1b1"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-9c94183b"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -43955,15 +43955,15 @@ class SignatureEventTarget {
 }
 function throttle$2(fn3, wait = 250) {
   let previous = 0;
-  let timeout2 = null;
+  let timeout = null;
   let result2;
   let storedContext;
   let storedArgs;
   const later = () => {
     previous = Date.now();
-    timeout2 = null;
+    timeout = null;
     result2 = fn3.apply(storedContext, storedArgs);
-    if (!timeout2) {
+    if (!timeout) {
       storedContext = null;
       storedArgs = [];
     }
@@ -43974,18 +43974,18 @@ function throttle$2(fn3, wait = 250) {
     storedContext = this;
     storedArgs = args;
     if (remaining <= 0 || remaining > wait) {
-      if (timeout2) {
-        clearTimeout(timeout2);
-        timeout2 = null;
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
       }
       previous = now;
       result2 = fn3.apply(storedContext, storedArgs);
-      if (!timeout2) {
+      if (!timeout) {
         storedContext = null;
         storedArgs = [];
       }
-    } else if (!timeout2) {
-      timeout2 = window.setTimeout(later, remaining);
+    } else if (!timeout) {
+      timeout = window.setTimeout(later, remaining);
     }
     return result2;
   };
@@ -44448,7 +44448,7 @@ class SignaturePad extends SignatureEventTarget {
   }
 }
 const _hoisted_1$k = ["disabled"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
   props: {
     sigOption: {},
@@ -47070,7 +47070,7 @@ const _hoisted_3$9 = { class: "table-side-scroll" };
 const _hoisted_4$5 = { class: "table-header" };
 const _hoisted_5$5 = { class: "table-reorder" };
 const _hoisted_6$4 = { class: "table-action" };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -47167,7 +47167,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row"
                     }, [
                       vue.createElementVNode("div", _hoisted_5$5, [
-                        vue.createVNode(vue.unref(_sfc_main$a), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$b), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a3 = vue.unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -47184,7 +47184,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$4, [
-                        vue.createVNode(vue.unref(_sfc_main$a), {
+                        vue.createVNode(vue.unref(_sfc_main$b), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -47214,7 +47214,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-24816da2"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-24816da2"]]);
 function bind(fn3, thisArg) {
   return function wrap2() {
     return fn3.apply(thisArg, arguments);
@@ -48812,9 +48812,9 @@ const xhrAdapter = isXHRAdapterSupported && function(config) {
     request.send(requestData || null);
   });
 };
-const composeSignals = (signals, timeout2) => {
+const composeSignals = (signals, timeout) => {
   const { length } = signals = signals ? signals.filter(Boolean) : [];
-  if (timeout2 || length) {
+  if (timeout || length) {
     let controller = new AbortController();
     let aborted;
     const onabort = function(reason) {
@@ -48825,10 +48825,10 @@ const composeSignals = (signals, timeout2) => {
         controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
       }
     };
-    let timer = timeout2 && setTimeout(() => {
+    let timer = timeout && setTimeout(() => {
       timer = null;
-      onabort(new AxiosError(`timeout ${timeout2} of ms exceeded`, AxiosError.ETIMEDOUT));
-    }, timeout2);
+      onabort(new AxiosError(`timeout ${timeout} of ms exceeded`, AxiosError.ETIMEDOUT));
+    }, timeout);
     const unsubscribe = () => {
       if (signals) {
         timer && clearTimeout(timer);
@@ -48989,7 +48989,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
     data: data2,
     signal,
     cancelToken,
-    timeout: timeout2,
+    timeout,
     onDownloadProgress,
     onUploadProgress,
     responseType,
@@ -48998,7 +48998,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
     fetchOptions
   } = resolveConfig(config);
   responseType = responseType ? (responseType + "").toLowerCase() : "text";
-  let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout2);
+  let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout);
   let request;
   const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => {
     composedSignal.unsubscribe();
@@ -51687,7 +51687,7 @@ const _hoisted_3$8 = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$4 = { class: "tel-country" };
 const _hoisted_5$4 = { key: 1 };
 const _hoisted_6$3 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -51948,7 +51948,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
               vue.withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
+            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$J), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -51961,7 +51961,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                   class: "flex gap-05",
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(open) ? open.value = true : open = true)
                 }, [
-                  vue.createVNode(vue.unref(_sfc_main$a), {
+                  vue.createVNode(vue.unref(_sfc_main$b), {
                     icon: vue.unref(open) ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   computedDropDownOptions.value.showFlags && vue.unref(activeCountryCode) ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
@@ -52041,13 +52041,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-41e27ddf"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-41e27ddf"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$9 = ["for"];
 const _hoisted_3$7 = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$3 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$3 = { key: 2 };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -52168,12 +52168,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$3, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$9),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -52181,11 +52181,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0694f3d2"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0694f3d2"]]);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$8 = ["id", "required"];
 const _hoisted_3$6 = ["for"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -52214,7 +52214,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
         }, _cache[1] || (_cache[1] = [
-          vue.createElementVNode("span", { class: "slider round" }, null, -1)
+          vue.createElementVNode("span", { class: "slider rounded" }, null, -1)
         ]), 2),
         vue.withDirectives(vue.createElementVNode("input", {
           id: inputId.value,
@@ -52233,16 +52233,16 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-0a2b089d"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-683b2f6d"]]);
 const _hoisted_1$f = { class: "m-0 pb-025 txt14 line-height-1" };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
   props: {
     navLinks: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), { 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$N), { 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, (nav2, i2) => {
@@ -52253,7 +52253,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               onClick: nav2.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$a), {
+                vue.createVNode(vue.unref(_sfc_main$b), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -52269,8 +52269,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-564c7855"]]);
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-564c7855"]]);
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Layout",
   props: {
     gap: { default: 1 },
@@ -52311,9 +52311,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-f1781965"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f1781965"]]);
 const _hoisted_1$e = { key: 0 };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMenu",
   props: {
     navLinks: {},
@@ -52342,7 +52342,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        vue.createVNode(vue.unref(_sfc_main$M), { class: "py-1 px-05 h-100 flex column gap-05 round relative bg-primary font-light overflow-y" }, {
+        vue.createVNode(vue.unref(_sfc_main$N), { 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),
@@ -52354,7 +52354,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                 class: "nav-button px-075 me-auto w-100"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$a), {
+                  vue.createVNode(vue.unref(_sfc_main$b), {
                     icon: nav2.icon,
                     size: 1.4
                   }, null, 8, ["icon"]),
@@ -52388,11 +52388,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6007d02b"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3ee4f3f7"]]);
 const _hoisted_1$d = { class: "bgl_card tabs-top" };
 const _hoisted_2$7 = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$5 = ["onClick"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -52452,7 +52452,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-75e0b322"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-75e0b322"]]);
 const state$1 = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state$1.has(group)) {
@@ -52467,11 +52467,12 @@ function useTabs(group) {
   return { currentTab };
 }
 const _hoisted_1$c = { key: 0 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
-    modelValue: {}
+    modelValue: {},
+    flat: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -52503,10 +52504,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(vue.unref(TabsNav), {
           modelValue: slctTab.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => slctTab.value = $event),
+          flat: _ctx.flat,
           tabs: _ctx.tabs,
           group: vue.unref(group),
           class: "mb-05"
-        }, null, 8, ["modelValue", "tabs", "group"]),
+        }, null, 8, ["modelValue", "flat", "tabs", "group"]),
         vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
           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)
@@ -52515,7 +52517,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$b = { key: 0 };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsBody",
   props: {
     group: {}
@@ -52531,7 +52533,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$a = ["onClick"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -52605,7 +52607,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass([{ active: isActive2(tab) }, "bgl_tab relative z-1"]),
             onClick: ($event) => selectTab(tab)
           }, [
-            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -52616,10 +52618,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d4d64201"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d4d64201"]]);
 const _hoisted_1$9 = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$6 = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -52646,7 +52648,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
             key: 1,
             size: "1.2",
             class: "color-primary",
@@ -52668,7 +52670,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$c = {};
+const _sfc_main$d = {};
 const _hoisted_1$8 = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
 const _hoisted_2$5 = { class: "p-1" };
 const _hoisted_3$4 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
@@ -52682,11 +52684,11 @@ function _sfc_render$2(_ctx, _cache) {
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2]]);
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2]]);
 const _hoisted_1$7 = ["id"];
 const defaultMarkerSVG = '<svg id="eCJDQPwuXje1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="ac827abc0a8c4922b76bac4df7bd7646" export-id="2cc86932ccbc4825a31fd063b3e75478" cached="false"><style><![CDATA[#eCJDQPwuXje3_ts {animation: eCJDQPwuXje3_ts__ts 3000ms linear infinite normal forwards}@keyframes eCJDQPwuXje3_ts__ts { 0% {transform: translate(18px,18px) scale(1,1)} 3.333333% {transform: translate(18px,18px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {transform: translate(18px,18px) scale(1.8,1.8)}} #eCJDQPwuXje3 {animation: eCJDQPwuXje3_c_o 3000ms linear infinite normal forwards}@keyframes eCJDQPwuXje3_c_o { 0% {opacity: 0} 3.333333% {opacity: 1;animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {opacity: 0}}]]></style><ellipse rx="10.049312" ry="10.049312" transform="translate(18 18)" fill="#2e5bff" stroke-width="0"/><g id="eCJDQPwuXje3_ts" transform="translate(18,18) scale(1,1)"><ellipse id="eCJDQPwuXje3" rx="10.049312" ry="10.049312" transform="translate(0,0)" opacity="0" fill="#2e5bff" stroke-width="0"/></g></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -52761,7 +52763,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -52791,7 +52793,7 @@ const _hoisted_3$3 = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -52847,7 +52849,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$M), {
+        vue.createVNode(vue.unref(_sfc_main$N), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -52864,7 +52866,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
+                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
@@ -52899,7 +52901,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$5 = { class: "pb-05 pretty" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -52915,7 +52917,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$9), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
         title: _ctx.title,
         width: "380px",
         dismissable: false,
@@ -52943,7 +52945,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -53004,7 +53006,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$9), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -53015,7 +53017,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$F), {
+          vue.createVNode(vue.unref(_sfc_main$G), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -53057,14 +53059,14 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-083a1b2d"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-083a1b2d"]]);
 const _hoisted_1$4 = { class: "full-nav" };
 const _hoisted_2$3 = { class: "nav-scroll" };
 const _hoisted_3$2 = { class: "nav-links-wrapper" };
 const _hoisted_4$2 = { class: "tooltip" };
 const _hoisted_5$2 = { class: "bot-buttons-wrapper" };
 const _hoisted_6$2 = { class: "tooltip" };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -53089,7 +53091,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
           onKeypress: _cache[1] || (_cache[1] = vue.withKeys(($event) => isOpen.value = !isOpen.value, ["enter"]))
         }, [
-          vue.createVNode(vue.unref(_sfc_main$a), {
+          vue.createVNode(vue.unref(_sfc_main$b), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -53108,7 +53110,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$a), {
+                    vue.createVNode(vue.unref(_sfc_main$b), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$2, vue.toDisplayString(link.label), 1)
@@ -53130,7 +53132,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$a), {
+                  vue.createVNode(vue.unref(_sfc_main$b), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$2, vue.toDisplayString(link.label), 1)
@@ -53145,10 +53147,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2f924811"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2f924811"]]);
 const _hoisted_1$3 = { class: "page-top" };
 const _hoisted_2$2 = { class: "top-title m-0" };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -53167,7 +53169,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = {};
+const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -53189,7 +53191,7 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
 function tryOnScopeDispose(fn3) {
   if (vue.getCurrentScope()) {
     vue.onScopeDispose(fn3);
@@ -53515,9 +53517,9 @@ const _hoisted_5$1 = ["onClick"];
 const _hoisted_6$1 = { class: "flex" };
 const _hoisted_7$1 = ["onClick"];
 const _hoisted_8$1 = { key: 0 };
-const _hoisted_9 = ["value"];
-const _hoisted_10 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_9$1 = ["value"];
+const _hoisted_10$1 = { key: 1 };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ vue.mergeModels({
     selectedItems: {},
@@ -53680,7 +53682,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$a), {
+                      vue.createVNode(vue.unref(_sfc_main$b), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -53705,7 +53707,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(computedSelectedItems) ? computedSelectedItems.value = $event : computedSelectedItems = $event),
                         type: "checkbox",
                         value: row.id
-                      }, null, 8, _hoisted_9), [
+                      }, null, 8, _hoisted_9$1), [
                         [vue.vModelCheckbox, vue.unref(computedSelectedItems)]
                       ])
                     ])
@@ -53719,8 +53721,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                        vue.createVNode(vue.unref(_sfc_main$G), {
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+                        vue.createVNode(vue.unref(_sfc_main$H), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -53738,8 +53740,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-680da9b9"]]);
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-680da9b9"]]);
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -53767,14 +53769,422 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1 = {};
+const _sfc_main$2 = {};
 const _hoisted_1$1 = { class: "flex space-between" };
 function _sfc_render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
+class TapDetector {
+  constructor() {
+    __publicField2(this, "singleTapCallbacks", []);
+    __publicField2(this, "doubleTapCallbacks", []);
+    __publicField2(this, "isTouchMode", false);
+    __publicField2(this, "lastTapTimestamp", 0);
+    __publicField2(this, "tappedCount", 0);
+    __publicField2(this, "touchMovedLength", 0);
+    __publicField2(this, "lastPointerX", 0);
+    __publicField2(this, "lastPointerY", 0);
+    __publicField2(this, "onTouchStart", (event) => {
+      this.isTouchMode = true;
+      if (event.touches.length === 1) {
+        this.onPointerDown(event.touches[0].clientX, event.touches[0].clientY);
+      }
+    });
+    __publicField2(this, "onTouchMove", (event) => {
+      if (event.touches.length === 1) {
+        this.onPointerMove(event.touches[0].clientX, event.touches[0].clientY);
+      }
+    });
+    __publicField2(this, "onTouchEnd", () => {
+      if (this.isTouchMode) this.onPointerUp();
+    });
+    __publicField2(this, "onMouseDown", (event) => {
+      if (!this.isTouchMode) {
+        this.onPointerDown(event.clientX, event.clientY);
+      }
+    });
+    __publicField2(this, "onMouseMove", (event) => {
+      if (!this.isTouchMode && event.button === 0) {
+        this.onPointerMove(event.clientX, event.clientY);
+      }
+    });
+    __publicField2(this, "onMouseUp", () => {
+      if (!this.isTouchMode) this.onPointerUp();
+    });
+  }
+  attach(dom) {
+    if (!(dom instanceof Element)) {
+      console.error("TapDetector.attach: arg must be an Element");
+      return;
+    }
+    dom.addEventListener("touchstart", this.onTouchStart);
+    dom.addEventListener("touchmove", this.onTouchMove);
+    dom.addEventListener("touchend", this.onTouchEnd);
+    dom.addEventListener("mousedown", this.onMouseDown);
+    dom.addEventListener("mouseup", this.onMouseUp);
+    dom.addEventListener("mousemove", this.onMouseMove);
+  }
+  detach(dom) {
+    dom.removeEventListener("touchstart", this.onTouchStart);
+    dom.removeEventListener("touchmove", this.onTouchMove);
+    dom.removeEventListener("touchend", this.onTouchEnd);
+    dom.removeEventListener("mousedown", this.onMouseDown);
+    dom.removeEventListener("mouseup", this.onMouseUp);
+    dom.removeEventListener("mousemove", this.onMouseMove);
+  }
+  onSingleTap(callback) {
+    if (typeof callback === "function" && !this.singleTapCallbacks.includes(callback)) {
+      this.singleTapCallbacks.push(callback);
+    }
+  }
+  onDoubleTap(callback) {
+    if (typeof callback === "function" && !this.doubleTapCallbacks.includes(callback)) {
+      this.doubleTapCallbacks.push(callback);
+    }
+  }
+  triggerCallbacks(callbackType, event) {
+    const callbacks = callbackType === "single" ? this.singleTapCallbacks : this.doubleTapCallbacks;
+    callbacks.forEach((callback) => {
+      callback(event);
+    });
+  }
+  onPointerDown(x2, y2) {
+    this.lastPointerX = x2;
+    this.lastPointerY = y2;
+    this.touchMovedLength = 0;
+  }
+  onPointerUp() {
+    const currTimeStamp = Date.now();
+    if (this.touchMovedLength < 10) {
+      if (currTimeStamp - this.lastTapTimestamp < 300) {
+        this.tappedCount++;
+      } else {
+        this.tappedCount = 1;
+      }
+      this.lastTapTimestamp = currTimeStamp;
+      this.triggerCallbacks("single", { clientX: this.lastPointerX, clientY: this.lastPointerY });
+      if (this.tappedCount === 2) {
+        this.triggerCallbacks("double", { clientX: this.lastPointerX, clientY: this.lastPointerY });
+        this.tappedCount = 0;
+      }
+    }
+    this.touchMovedLength = 0;
+  }
+  onPointerMove(x2, y2) {
+    const deltaX = this.lastPointerX - x2;
+    const deltaY = this.lastPointerY - y2;
+    this.touchMovedLength += Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+    this.lastPointerX = x2;
+    this.lastPointerY = y2;
+  }
+}
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Zoomer",
+  props: {
+    minScale: { default: 1 },
+    maxScale: { default: 5 },
+    zoom: {},
+    resetTrigger: {},
+    aspectRatio: { default: 1 },
+    backgroundColor: { default: "transparent" },
+    pivot: { default: "cursor" },
+    zoomingElastic: { type: Boolean, default: true },
+    limitTranslation: { type: Boolean, default: true },
+    doubleClickToZoom: { type: Boolean, default: true },
+    mouseWheelToZoom: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:zoom"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit2 = __emit;
+    const zoomElement = vue.ref();
+    let containerWidth = vue.ref(1);
+    let containerHeight = vue.ref(1);
+    let containerLeft = vue.ref(0);
+    let containerTop = vue.ref(0);
+    let translateX2 = vue.ref(0);
+    let animTranslateX = vue.ref(0);
+    let translateY2 = vue.ref(0);
+    let animTranslateY = vue.ref(0);
+    let _zoom = vue.ref(__props.zoom || 1);
+    let scale = vue.computed({
+      get: () => __props.zoom === void 0 ? _zoom.value : __props.zoom,
+      set: (val) => {
+        _zoom.value = val;
+        emit2("update:zoom", _zoom.value);
+      }
+    });
+    let animScale = vue.ref(1);
+    let lastFullWheelTime = vue.ref(0);
+    let lastWheelTime = vue.ref(0);
+    let lastWheelDirection = vue.ref("y");
+    let isPointerDown = vue.ref(false);
+    let pointerPosX = vue.ref(-1);
+    let pointerPosY = vue.ref(-1);
+    let twoFingerInitDist = vue.ref(0);
+    let panLocked = vue.ref(true);
+    let raf = vue.ref(null);
+    let tapDetector = vue.ref(null);
+    const wrapperStyle = vue.computed(() => {
+      const translateXValue = containerWidth.value * animTranslateX.value;
+      const translateYValue = containerHeight.value * animTranslateY.value;
+      return {
+        transform: [
+          `translate(${translateXValue}px, ${translateYValue}px)`,
+          `scale(${animScale.value})`
+        ].join(" ")
+      };
+    });
+    vue.watch(() => scale.value, (newScale) => {
+      const { x: x2, y: y2 } = calcTranslateLimit();
+      translateX2.value = Math.max(-x2, Math.min(x2, translateX2.value));
+      translateY2.value = Math.max(-y2, Math.min(y2, translateY2.value));
+      if (newScale !== 1) {
+        panLocked.value = false;
+      }
+    });
+    function reset() {
+      scale.value = 1;
+      panLocked.value = true;
+      translateX2.value = 0;
+      translateY2.value = 0;
+    }
+    __expose({ reset });
+    function tryToScale(scaleDelta) {
+      if (__props.disabled) return;
+      let newScale = scale.value * scaleDelta;
+      if (__props.zoomingElastic) {
+        if (newScale < __props.minScale || newScale > __props.maxScale) {
+          let log = Math.log2(scaleDelta);
+          log *= 0.2;
+          scaleDelta = 2 ** log;
+          newScale = scale.value * scaleDelta;
+        }
+      } else {
+        if (newScale < __props.minScale) newScale = __props.minScale;
+        else if (newScale > __props.maxScale) newScale = __props.maxScale;
+      }
+      scaleDelta = newScale / scale.value;
+      scale.value = newScale;
+      if (__props.pivot !== "image-center") {
+        const normMousePosX = (pointerPosX.value - containerLeft.value) / containerWidth.value;
+        const normMousePosY = (pointerPosY.value - containerTop.value) / containerHeight.value;
+        translateX2.value = (0.5 + translateX2.value - normMousePosX) * scaleDelta + normMousePosX - 0.5;
+        translateY2.value = (0.5 + translateY2.value - normMousePosY) * scaleDelta + normMousePosY - 0.5;
+      }
+    }
+    function setPointerPosCenter() {
+      pointerPosX.value = containerLeft.value + containerWidth.value / 2;
+      pointerPosY.value = containerTop.value + containerHeight.value / 2;
+    }
+    function onPointerMove(newMousePosX, newMousePosY) {
+      if (isPointerDown.value) {
+        const pixelDeltaX = newMousePosX - pointerPosX.value;
+        const pixelDeltaY = newMousePosY - pointerPosY.value;
+        if (!panLocked.value) {
+          const translateLimit = calcTranslateLimit();
+          const maxTranslateX = translateLimit.x;
+          const maxTranslateY = translateLimit.y;
+          const newTranslateX = translateX2.value + pixelDeltaX / containerWidth.value;
+          const newTranslateY = translateY2.value + pixelDeltaY / containerHeight.value;
+          translateX2.value = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
+          translateY2.value = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
+        }
+      }
+      pointerPosX.value = newMousePosX;
+      pointerPosY.value = newMousePosY;
+    }
+    function limit() {
+      if (scale.value < __props.minScale) {
+        scale.value = __props.minScale;
+      } else if (scale.value > __props.maxScale) {
+        tryToScale(__props.maxScale / scale.value);
+      }
+      if (__props.limitTranslation) {
+        const translateLimit = calcTranslateLimit();
+        if (Math.abs(translateX2.value) > translateLimit.x) {
+          translateX2.value *= translateLimit.x / Math.abs(translateX2.value);
+        }
+        if (Math.abs(translateY2.value) > translateLimit.y) {
+          translateY2.value *= translateLimit.y / Math.abs(translateY2.value);
+        }
+      }
+    }
+    function calcTranslateLimit() {
+      if (getMarginDirection() === "y") {
+        const imageToContainerRatio = containerWidth.value / __props.aspectRatio / containerHeight.value;
+        let translateLimitY = (scale.value * imageToContainerRatio - 1) / 2;
+        if (translateLimitY < 0) translateLimitY = 0;
+        return { x: (scale.value - 1) / 2, y: translateLimitY };
+      } else {
+        const imageToContainerRatio = containerHeight.value * __props.aspectRatio / containerWidth.value;
+        let translateLimitX = (scale.value * imageToContainerRatio - 1) / 2;
+        if (translateLimitX < 0) translateLimitX = 0;
+        return { x: translateLimitX, y: (scale.value - 1) / 2 };
+      }
+    }
+    function getMarginDirection() {
+      const containerRatio = containerWidth.value / containerHeight.value;
+      return containerRatio > __props.aspectRatio ? "x" : "y";
+    }
+    function onMouseWheel(ev) {
+      if (!__props.mouseWheelToZoom) return;
+      ev.preventDefault();
+      const currTime = Date.now();
+      if (Math.abs(ev.deltaY) === 120) {
+        if (currTime - lastFullWheelTime.value > 50) {
+          onMouseWheelDo(ev.deltaY);
+          lastFullWheelTime.value = currTime;
+        }
+      } else {
+        if (currTime - lastWheelTime.value > 50) {
+          lastWheelDirection.value = ev.deltaX > ev.deltaY ? "x" : "y";
+          if (lastWheelDirection.value === "y") {
+            onMouseWheelDo(ev.deltaY);
+          }
+        }
+        lastWheelTime.value = currTime;
+      }
+    }
+    function onMouseWheelDo(wheelDelta) {
+      const scaleDelta = 1.25 ** (wheelDelta / 120);
+      tryToScale(scaleDelta);
+    }
+    function onMouseDown(ev) {
+      refreshContainerPos();
+      isPointerDown.value = true;
+      pointerPosX.value = ev.clientX;
+      pointerPosY.value = ev.clientY;
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    }
+    function onMouseUp() {
+      isPointerDown.value = false;
+      document.removeEventListener("mouseup", onMouseUp);
+      document.removeEventListener("mousemove", onMouseMove);
+    }
+    function onMouseMove(ev) {
+      onPointerMove(ev.clientX, ev.clientY);
+    }
+    function onTouchStart(ev) {
+      if (ev.touches.length === 1) {
+        refreshContainerPos();
+        pointerPosX.value = ev.touches[0].clientX;
+        pointerPosY.value = ev.touches[0].clientY;
+        isPointerDown.value = true;
+      } else if (ev.touches.length === 2) {
+        isPointerDown.value = true;
+        pointerPosX.value = (ev.touches[0].clientX + ev.touches[1].clientX) / 2;
+        pointerPosY.value = (ev.touches[0].clientY + ev.touches[1].clientY) / 2;
+        const distX = ev.touches[0].clientX - ev.touches[1].clientX;
+        const distY = ev.touches[0].clientY - ev.touches[1].clientY;
+        twoFingerInitDist.value = Math.sqrt(distX * distX + distY * distY);
+      }
+      document.addEventListener("touchend", onTouchEnd);
+    }
+    function onTouchEnd(ev) {
+      if (ev.touches.length === 0) {
+        isPointerDown.value = false;
+        if (Math.abs(scale.value - 1) < 0.1) scale.value = 1;
+      } else if (ev.touches.length === 1) {
+        pointerPosX.value = ev.touches[0].clientX;
+        pointerPosY.value = ev.touches[0].clientY;
+      }
+      document.removeEventListener("touchend", onTouchEnd);
+    }
+    function onTouchMove(ev) {
+      if (ev.touches.length === 1) {
+        onPointerMove(ev.touches[0].clientX, ev.touches[0].clientY);
+      } else if (ev.touches.length === 2) {
+        const distX = ev.touches[0].clientX - ev.touches[1].clientX;
+        const distY = ev.touches[0].clientY - ev.touches[1].clientY;
+        const newTwoFingerDist = Math.sqrt(distX * distX + distY * distY);
+        tryToScale(newTwoFingerDist / twoFingerInitDist.value);
+        twoFingerInitDist.value = newTwoFingerDist;
+      }
+    }
+    function refreshContainerPos() {
+      if (zoomElement.value) {
+        const rect = zoomElement.value.getBoundingClientRect();
+        containerLeft.value = rect.left;
+        containerTop.value = rect.top;
+      }
+    }
+    function loop() {
+      animScale.value = gainOn(animScale.value, scale.value);
+      animTranslateX.value = gainOn(animTranslateX.value, translateX2.value);
+      animTranslateY.value = gainOn(animTranslateY.value, translateY2.value);
+      raf.value = window.requestAnimationFrame(loop);
+    }
+    function gainOn(from2, to2) {
+      const delta = (to2 - from2) * 0.3;
+      return Math.abs(delta) > 1e-5 ? from2 + delta : to2;
+    }
+    vue.onMounted(() => {
+      tapDetector.value = new TapDetector();
+      if (zoomElement.value) tapDetector.value.attach(zoomElement.value);
+      if (__props.doubleClickToZoom) {
+        tapDetector.value.onDoubleTap(onDoubleTap);
+      }
+      window.addEventListener("resize", onWindowResize);
+      onWindowResize();
+      refreshContainerPos();
+      loop();
+    });
+    vue.onUnmounted(() => {
+      var _a2;
+      if (zoomElement.value) (_a2 = tapDetector.value) == null ? void 0 : _a2.detach(zoomElement.value);
+      window.removeEventListener("resize", onWindowResize);
+      if (raf.value) window.cancelAnimationFrame(raf.value);
+    });
+    function onDoubleTap(ev) {
+      if (scale.value === 1) {
+        if (ev.clientX > 0) {
+          pointerPosX.value = ev.clientX;
+          pointerPosY.value = ev.clientY;
+        }
+        tryToScale(Math.min(3, __props.maxScale));
+      } else {
+        reset();
+      }
+    }
+    function onWindowResize() {
+      if (zoomElement.value) {
+        const styles = window.getComputedStyle(zoomElement.value);
+        containerWidth.value = Number.parseFloat(styles.width);
+        containerHeight.value = Number.parseFloat(styles.height);
+        setPointerPosCenter();
+        limit();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "zoomElement",
+        ref: zoomElement,
+        class: "vue-zoomer",
+        style: vue.normalizeStyle({ backgroundColor: _ctx.backgroundColor }),
+        onMousewheel: onMouseWheel,
+        "on:DOMMouseScroll": onMouseWheel,
+        onMousedown: onMouseDown,
+        onMouseout: setPointerPosCenter,
+        onFocusout: setPointerPosCenter,
+        onTouchstart: onTouchStart,
+        onTouchmove: onTouchMove
+      }, [
+        vue.createElementVNode("div", {
+          class: "zoomer",
+          style: vue.normalizeStyle(wrapperStyle.value)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4)
+      ], 36);
+    };
+  }
+});
+const Zoomer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5e5bef88"]]);
 function useBglSchema({ schema, showFields, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {
@@ -54052,19 +54462,25 @@ const _hoisted_1 = {
   key: 0,
   class: "navigation flex space-between px-3 w-100 absolute"
 };
-const _hoisted_2 = { class: "bgl-lightbox-item" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = ["src", "title"];
-const _hoisted_5 = {
+const _hoisted_2 = { class: "flex start fixed top-1 w-100 space-between" };
+const _hoisted_3 = {
+  key: 0,
+  class: "center"
+};
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = { class: "bgl-lightbox-item" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["src", "title"];
+const _hoisted_8 = {
   key: 3,
   class: "file-info txt-white"
 };
-const _hoisted_6 = ["href"];
-const _hoisted_7 = {
+const _hoisted_9 = ["href"];
+const _hoisted_10 = {
   key: 0,
   class: "flex justify-content-center mt-2 overflow p-1 fixed bottom start end gap-1 m_justify-content-start"
 };
-const _hoisted_8 = ["src", "onClick"];
+const _hoisted_11 = ["src", "onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
@@ -54118,11 +54534,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         next();
       }
     }
+    const zoom = vue.ref(1);
+    function clickOutside2() {
+      if (zoom.value === 1) close2();
+    }
     __expose({ open, close: close2 });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: "fade" }, {
         default: vue.withCtx(() => {
-          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
+          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l2, _m, _n2;
           return [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -54132,7 +54552,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(prev, ["left"]),
                 vue.withKeys(next, ["right"])
               ],
-              onClick: close2
+              onClick: clickOutside2
             }, [
               vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
                 vue.createVNode(vue.unref(Btn), {
@@ -54148,56 +54568,106 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: "bgl-lightbox relative txt-center",
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                 }, ["stop"]))
               }, [
-                vue.createVNode(vue.unref(Btn), {
-                  flat: "",
-                  class: "fixed top-1 start-1 color-white",
-                  icon: "close",
-                  onClick: close2
-                }),
                 vue.createElementVNode("div", _hoisted_2, [
-                  ((_a2 = vue.unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
+                  vue.createVNode(vue.unref(Btn), {
+                    flat: "",
+                    class: "color-white",
+                    icon: "close",
+                    onClick: close2
+                  }),
+                  ((_a2 = vue.unref(currentItem)) == null ? void 0 : _a2.enableZoom) && ((_b = vue.unref(currentItem)) == null ? void 0 : _b.type) === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      class: "color-white",
+                      icon: "remove",
+                      disabled: zoom.value === 1,
+                      onClick: _cache[0] || (_cache[0] = ($event) => zoom.value--)
+                    }, null, 8, ["disabled"]),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      class: "color-white",
+                      icon: "zoom_in",
+                      disabled: zoom.value === 1,
+                      onClick: _cache[1] || (_cache[1] = ($event) => zoom.value = 1)
+                    }, null, 8, ["disabled"]),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      class: "color-white",
+                      icon: "add",
+                      disabled: zoom.value === 3,
+                      onClick: _cache[2] || (_cache[2] = ($event) => zoom.value++)
+                    }, null, 8, ["disabled"])
+                  ])) : vue.createCommentVNode("", true),
+                  ((_c = vue.unref(currentItem)) == null ? void 0 : _c.openFile) ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                    key: 1,
+                    class: "color-white",
+                    round: "",
+                    thin: "",
+                    flat: "",
+                    "icon.end": "arrow_outward",
+                    value: "Open File",
+                    href: (_d = vue.unref(currentItem)) == null ? void 0 : _d.src,
+                    target: "_blank"
+                  }, null, 8, ["href"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4))
+                ]),
+                vue.createElementVNode("div", _hoisted_5, [
+                  ((_e2 = vue.unref(currentItem)) == null ? void 0 : _e2.type) === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(Zoomer), {
                     key: 0,
-                    src: (_b = vue.unref(currentItem)) == null ? void 0 : _b.src,
-                    alt: "Preview",
-                    class: "vw90 lightbox-image"
-                  }, null, 8, _hoisted_3)) : ((_c = vue.unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (vue.openBlock(), vue.createBlock(vue.unref(BglVideo), {
+                    zoom: zoom.value,
+                    "onUpdate:zoom": _cache[3] || (_cache[3] = ($event) => zoom.value = $event),
+                    disabled: !((_f = vue.unref(currentItem)) == null ? void 0 : _f.enableZoom),
+                    "mouse-wheel-to-zoom": false
+                  }, {
+                    default: vue.withCtx(() => {
+                      var _a3;
+                      return [
+                        vue.createElementVNode("img", {
+                          draggable: false,
+                          src: (_a3 = vue.unref(currentItem)) == null ? void 0 : _a3.src,
+                          alt: "Preview",
+                          class: "vw90 lightbox-image"
+                        }, null, 8, _hoisted_6)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["zoom", "disabled"])) : ((_g = vue.unref(currentItem)) == null ? void 0 : _g.type) === "video" ? (vue.openBlock(), vue.createBlock(vue.unref(BglVideo), {
                     key: 1,
-                    src: (_d = vue.unref(currentItem)) == null ? void 0 : _d.src,
+                    src: (_h = vue.unref(currentItem)) == null ? void 0 : _h.src,
                     autoplay: "",
                     controls: "",
                     class: "vw90"
-                  }, null, 8, ["src"])) : ((_e2 = vue.unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (vue.openBlock(), vue.createElementBlock("embed", {
+                  }, null, 8, ["src"])) : ((_i = vue.unref(currentItem)) == null ? void 0 : _i.type) === "pdf" ? (vue.openBlock(), vue.createElementBlock("embed", {
                     key: 2,
-                    src: normalizeURL((_f = vue.unref(currentItem)) == null ? void 0 : _f.src),
+                    src: normalizeURL((_j = vue.unref(currentItem)) == null ? void 0 : _j.src),
                     type: "application/pdf",
                     width: "100%",
                     height: "1080",
-                    title: (_g = vue.unref(currentItem)) == null ? void 0 : _g.name,
+                    title: (_k = vue.unref(currentItem)) == null ? void 0 : _k.name,
                     class: "vw90"
-                  }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                    vue.createElementVNode("p", null, "File: " + vue.toDisplayString((_h = vue.unref(currentItem)) == null ? void 0 : _h.name), 1),
-                    vue.createElementVNode("p", null, "Type: " + vue.toDisplayString((_i = vue.unref(currentItem)) == null ? void 0 : _i.type), 1),
+                  }, null, 8, _hoisted_7)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                    vue.createElementVNode("p", null, "File: " + vue.toDisplayString((_l2 = vue.unref(currentItem)) == null ? void 0 : _l2.name), 1),
+                    vue.createElementVNode("p", null, "Type: " + vue.toDisplayString((_m = vue.unref(currentItem)) == null ? void 0 : _m.type), 1),
                     vue.createElementVNode("a", {
-                      href: (_j = vue.unref(currentItem)) == null ? void 0 : _j.src,
+                      href: (_n2 = vue.unref(currentItem)) == null ? void 0 : _n2.src,
                       target: "_blank"
-                    }, "Open file", 8, _hoisted_6)
+                    }, "Open file", 8, _hoisted_9)
                   ]))
                 ]),
-                vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(group), (item, index2) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                       item.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
                         key: 0,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 rounded flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 10, _hoisted_8)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$a), {
+                      }, null, 10, _hoisted_11)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                         key: 1,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         icon: "description",
                         onClick: ($event) => selectItem(index2)
                       }, null, 8, ["class", "onClick"]))
@@ -54213,7 +54683,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0410e12d"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68949c15"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -54257,10 +54727,10 @@ function openClickHandler(e, el, binding) {
   open(item, group);
 }
 function bindingToItem(binding, el) {
-  let { group, src, type: type3, name, thumbnail } = binding.value || {};
+  let { group, src, type: type3, name, thumbnail, enableZoom, openFile } = binding.value || {};
   src = src || binding.value || el.getAttribute("src") || "";
   type3 = type3 || determineFileType(src);
-  return { src, type: type3, name, thumbnail, group };
+  return { src, type: type3, name, thumbnail, group, enableZoom, openFile };
 }
 const youtubeRegex = /youtube\.com|youtu\.be/;
 const vimeoRegex = /vimeo\.com/;
@@ -54383,14 +54853,14 @@ function numField(id, label, options) {
 function frmRow(...children2) {
   return {
     $el: "div",
-    class: "flex gap-1 m_block",
+    class: "flex gap-1 m_block align-items-end",
     children: children2
   };
 }
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: vue.markRaw(_sfc_main$F),
+      $el: vue.markRaw(_sfc_main$G),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -54398,7 +54868,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: vue.markRaw(_sfc_main$F),
+    $el: vue.markRaw(_sfc_main$G),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -54474,10 +54944,16 @@ function formatString(str, format2) {
   }
   return str;
 }
-let timeout;
-function debounce(fn3, delay = 500) {
-  clearTimeout(timeout);
-  timeout = setTimeout(fn3, delay);
+function debounce(func, wait) {
+  let timeoutId;
+  return function(...args) {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, wait);
+  };
 }
 function keyToLabel(key) {
   if (key === void 0) return key;
@@ -54657,9 +55133,9 @@ const ModalPlugin = {
             case "modalForm":
               return vue.h(ModalForm, props2, modal.componentSlots);
             case "confirmModal":
-              return vue.h(_sfc_main$8, props2, {});
+              return vue.h(_sfc_main$9, props2, {});
             default:
-              return vue.h(_sfc_main$9, props2, modal.componentSlots);
+              return vue.h(_sfc_main$a, props2, modal.componentSlots);
           }
         });
       }
@@ -54993,69 +55469,70 @@ const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "s
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
-exports.Accordion = _sfc_main$U;
+exports.Accordion = _sfc_main$V;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$S;
+exports.AddressSearch = _sfc_main$T;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$F;
+exports.BagelForm = _sfc_main$G;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$G;
-exports.BglForm = _sfc_main$F;
-exports.BglMultiStepForm = _sfc_main$E;
+exports.BglField = _sfc_main$H;
+exports.BglForm = _sfc_main$G;
+exports.BglMultiStepForm = _sfc_main$F;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$M;
+exports.Card = _sfc_main$N;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
-exports.ColorPicker = _sfc_main$B;
+exports.ColorPicker = _sfc_main$C;
 exports.DataPreview = DataPreview;
-exports.DateInput = _sfc_main$A;
-exports.DatePicker = _sfc_main$z;
-exports.Dropdown = _sfc_main$I;
+exports.DateInput = _sfc_main$B;
+exports.DatePicker = _sfc_main$A;
+exports.Dropdown = _sfc_main$J;
 exports.FileUpload = $el;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
-exports.Icon = _sfc_main$a;
+exports.Icon = _sfc_main$b;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
-exports.Lineart = _sfc_main$K;
-exports.ListItem = _sfc_main$d;
+exports.Lineart = _sfc_main$L;
+exports.ListItem = _sfc_main$e;
 exports.ListView = ListView;
-exports.MapEmbed = _sfc_main$b;
-exports.MaterialIcon = _sfc_main$a;
-exports.Modal = _sfc_main$9;
-exports.ModalConfirm = _sfc_main$8;
+exports.MapEmbed = _sfc_main$c;
+exports.MaterialIcon = _sfc_main$b;
+exports.Modal = _sfc_main$a;
+exports.ModalConfirm = _sfc_main$9;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$5;
-exports.PasswordInput = _sfc_main$w;
+exports.PageTitle = _sfc_main$6;
+exports.PasswordInput = _sfc_main$x;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
-exports.RichText = _sfc_main$t;
+exports.RichText = _sfc_main$u;
 exports.RichText2 = index$1;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
-exports.SignaturePad = _sfc_main$p;
+exports.SignaturePad = _sfc_main$q;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = TableSchema;
-exports.Tabs = _sfc_main$g;
-exports.TabsBody = _sfc_main$f;
+exports.Tabs = _sfc_main$h;
+exports.TabsBody = _sfc_main$g;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$2;
+exports.Title = _sfc_main$3;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.VIDEO_FORMATS = VIDEO_FORMATS;
 exports.VIDEO_FORMATS_REGEXP = VIDEO_FORMATS_REGEXP;
+exports.Zoomer = Zoomer;
 exports.allCountries = allCountries;
 exports.appendScript = appendScript;
 exports.bagelFormUtils = bagelFormUtils;