@bagelink/vue 0.0.629 → 0.0.633

package/dist/index.cjs

@@ -5406,8 +5406,8 @@ const ModalPlugin = {
             hideModal(index2);
           } };
           if (modal.modalType === "modalForm") return vue.h(ModalForm, props2, modal.componentSlots);
-          if (modal.modalType === "confirm") return vue.h(_sfc_main$t, props2, {});
-          return vue.h(_sfc_main$L, props2, modal.componentSlots);
+          if (modal.modalType === "confirm") return vue.h(_sfc_main$u, props2, {});
+          return vue.h(_sfc_main$M, props2, modal.componentSlots);
         });
       }
     });
@@ -5433,7 +5433,7 @@ function useLocalStorage(key, initialValue) {
   }, { immediate: true, deep: true });
   return value;
 }
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5451,13 +5451,13 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "full-nav" };
-const _hoisted_2$A = { class: "nav-scroll" };
-const _hoisted_3$n = { class: "nav-links-wrapper" };
-const _hoisted_4$f = { class: "tooltip" };
+const _hoisted_1$K = { class: "full-nav" };
+const _hoisted_2$B = { class: "nav-scroll" };
+const _hoisted_3$o = { class: "nav-links-wrapper" };
+const _hoisted_4$g = { class: "tooltip" };
 const _hoisted_5$e = { class: "bot-buttons-wrapper" };
 const _hoisted_6$9 = { class: "tooltip" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5482,14 +5482,14 @@ const _sfc_main$N = /* @__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$O), {
+          vue.createVNode(vue.unref(_sfc_main$P), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$J, [
-          vue.createElementVNode("div", _hoisted_2$A, [
-            vue.createElementVNode("div", _hoisted_3$n, [
+        vue.createElementVNode("div", _hoisted_1$K, [
+          vue.createElementVNode("div", _hoisted_2$B, [
+            vue.createElementVNode("div", _hoisted_3$o, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   key: link.label,
@@ -5501,10 +5501,10 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$O), {
+                    vue.createVNode(vue.unref(_sfc_main$P), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
@@ -5523,7 +5523,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$O), {
+                  vue.createVNode(vue.unref(_sfc_main$P), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$9, vue.toDisplayString(link.label), 1)
@@ -5545,16 +5545,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$I = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-776cab4a"]]);
+const _hoisted_1$J = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5648,8 +5648,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -5657,7 +5657,7 @@ const _sfc_main$M = /* @__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$O), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -5668,20 +5668,20 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-26f1062f"]]);
-const _hoisted_1$H = {
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-26f1062f"]]);
+const _hoisted_1$I = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$y = {
+const _hoisted_2$z = {
   key: 1,
   class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -5737,7 +5737,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$B), {
+        vue.createVNode(vue.unref(_sfc_main$C), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -5746,7 +5746,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$H, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$I, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5754,13 +5754,13 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$z), {
+                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
                 vue.createVNode(vue.unref(Btn), {
                   class: "color-black position-start",
                   icon: "close",
@@ -5770,7 +5770,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                 })
               ])),
               vue.renderSlot(_ctx.$slots, "default"),
-              vue.unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$m, [
+              vue.unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$n, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                     key: i2,
@@ -5788,7 +5788,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -5849,7 +5849,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -5860,7 +5860,7 @@ const _sfc_main$K = /* @__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$q), {
+          vue.createVNode(vue.unref(_sfc_main$r), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -5902,12 +5902,12 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$G = { class: "accordion-item" };
-const _hoisted_2$x = ["aria-expanded", "aria-controls"];
-const _hoisted_3$l = { class: "accordion-label" };
-const _hoisted_4$e = ["id", "aria-hidden"];
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-083a1b2d"]]);
+const _hoisted_1$H = { class: "accordion-item" };
+const _hoisted_2$y = ["aria-expanded", "aria-controls"];
+const _hoisted_3$m = { class: "accordion-label" };
+const _hoisted_4$f = ["id", "aria-hidden"];
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -5944,7 +5944,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5952,14 +5952,14 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => toggle())
         }, [
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_3$l, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_3$m, vue.toDisplayString(_ctx.label), 1)
           ], true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(isOpen) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$O), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$P), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$x),
+        ], 8, _hoisted_2$y),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -5969,7 +5969,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$e)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$f)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -5977,25 +5977,25 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f87b579d"]]);
-const _sfc_main$I = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$w = { class: "p-1" };
-const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f87b579d"]]);
+const _sfc_main$J = {};
+const _hoisted_1$G = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_2$x = { class: "p-1" };
+const _hoisted_3$l = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-    vue.createElementVNode("div", _hoisted_2$w, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+    vue.createElementVNode("div", _hoisted_2$x, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
-    vue.createElementVNode("div", _hoisted_3$k, [
+    vue.createElementVNode("div", _hoisted_3$l, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$2]]);
-const _hoisted_1$E = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$2]]);
+const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_2$w = { class: "txt12 no-margin txt-gray ellipsis" };
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -6019,11 +6019,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$E, [
+            vue.createElementVNode("p", _hoisted_1$F, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$v, [
+            vue.createElementVNode("p", _hoisted_2$w, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -6034,9 +6034,9 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "page-top" };
-const _hoisted_2$u = { class: "top-title m-0" };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$E = { class: "page-top" };
+const _hoisted_2$v = { class: "top-title m-0" };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -6046,8 +6046,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-        vue.createElementVNode("h1", _hoisted_2$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        vue.createElementVNode("h1", _hoisted_2$v, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -6365,15 +6365,15 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-d01cb754"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$t = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
-const _hoisted_3$j = [
-  _hoisted_2$t
+const _hoisted_2$u = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+const _hoisted_3$k = [
+  _hoisted_2$u
 ];
-const _hoisted_4$d = { class: "infinite-wrapper" };
+const _hoisted_4$e = { class: "infinite-wrapper" };
 const _hoisted_5$d = { class: "row first-row" };
 const _hoisted_6$8 = { key: 0 };
 const _hoisted_7$4 = ["onClick"];
@@ -6382,7 +6382,7 @@ const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$1 = { key: 0 };
 const _hoisted_11$1 = ["value"];
 const _hoisted_12$1 = { key: 1 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ vue.mergeModels({
     selectedItems: {},
@@ -6521,8 +6521,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, _hoisted_3$j)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
-          vue.createElementVNode("table", _hoisted_4$d, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+          vue.createElementVNode("table", _hoisted_4$e, [
             vue.createElementVNode("thead", _hoisted_5$d, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$8, [
                 vue.createElementVNode("input", {
@@ -6545,7 +6545,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$O), {
+                      vue.createVNode(vue.unref(_sfc_main$P), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -6585,7 +6585,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                         row,
                         field
                       }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
-                        vue.createVNode(vue.unref(_sfc_main$p), {
+                        vue.createVNode(vue.unref(_sfc_main$q), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -6603,16 +6603,16 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d01cb754"]]);
-const _sfc_main$E = {};
-const _hoisted_1$B = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
+const _sfc_main$F = {};
+const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
-const _sfc_main$D = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$1]]);
+const _sfc_main$E = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -6634,17 +6634,17 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
-const _hoisted_1$A = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
+const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 0,
   class: "data-row m_py-05"
 };
-const _hoisted_3$i = { class: "key" };
-const _hoisted_4$c = { class: "m-0" };
+const _hoisted_3$j = { class: "key" };
+const _hoisted_4$d = { class: "m-0" };
 const _hoisted_5$c = { key: 1 };
 const _hoisted_6$7 = {
   key: 0,
@@ -6656,7 +6656,7 @@ const _hoisted_9$1 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -6692,8 +6692,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     const computedSchema = vue.computed(() => getFallbackSchema([itemData.value], props2.showFields));
     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$z), {
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -6701,11 +6701,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
-              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.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
+              vue.createElementVNode("div", _hoisted_3$j, [
+                vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
-              vue.createVNode(vue.unref(_sfc_main$p), {
+              vue.createVNode(vue.unref(_sfc_main$q), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6734,12 +6734,12 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$z = {
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4d174f13"]]);
+const _hoisted_1$A = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -6767,7 +6767,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6775,8 +6775,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src", "alt"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$z = ["src", "alt"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -6794,7 +6794,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$y)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$z)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
@@ -6802,8 +6802,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dd2f6734"]]);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-dd2f6734"]]);
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -6831,7 +6831,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -6845,9 +6845,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["dismissable"];
-const _hoisted_2$r = { class: "m-0" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$y = ["dismissable"];
+const _hoisted_2$s = { class: "m-0" };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -6868,14 +6868,14 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$r, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$s, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -6883,12 +6883,12 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$x)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$y)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1322d9e1"]]);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-1322d9e1"]]);
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -6904,13 +6904,13 @@ const _sfc_main$w = /* @__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$O), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           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$O), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -6919,10 +6919,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$w = ["src"];
-const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-532b36ae"]]);
+const _hoisted_1$x = ["src"];
+const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -6974,7 +6974,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$w)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$x)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6983,18 +6983,18 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$q)) : vue.createCommentVNode("", true)
+        }, null, 12, _hoisted_2$r)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$v = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-862e1f20"]]);
+const _hoisted_1$w = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$p = { class: "Handlers" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$q = { class: "Handlers" };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -7142,10 +7142,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        vue.createElementVNode("div", _hoisted_2$p, [
+        vue.createElementVNode("div", _hoisted_2$q, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -7163,8 +7163,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1f9c6644"]]);
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-1f9c6644"]]);
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -7180,7 +7180,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), {
         width: "380px",
         dismissable: false,
         title: _ctx.title
@@ -16761,10 +16761,10 @@ var leafletSrc = { exports: {} };
 })(leafletSrc, leafletSrc.exports);
 var leafletSrcExports = leafletSrc.exports;
 const L$1 = /* @__PURE__ */ getDefaultExportFromCjs(leafletSrcExports);
-const _hoisted_1$u = /* @__PURE__ */ vue.createElementVNode("div", { class: "map-test" }, null, -1);
-const _hoisted_2$o = ["id"];
+const _hoisted_1$v = /* @__PURE__ */ vue.createElementVNode("div", { class: "map-test" }, null, -1);
+const _hoisted_2$p = ["id"];
 const markerSVG = '<svg width="284" height="284" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.859 29.266A99 99 0 0 1 198.862 99.27c0 74.25-99 183.857-99 183.857s-99-109.607-99-183.858A99 99 0 0 1 29.86 29.266Zm70.004 118.961c25.513 0 46.195-20.683 46.195-46.196 0-25.513-20.682-46.195-46.195-46.195S53.667 76.518 53.667 102.03s20.683 46.196 46.196 46.196Z" fill="#F04033"/></svg>';
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -16815,17 +16815,17 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     }, { immediate: true });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _hoisted_1$u,
+        _hoisted_1$v,
         vue.createElementVNode("div", {
           id: id.value,
           class: "map",
           style: vue.normalizeStyle({ height: `${_ctx.height || 400}px` })
-        }, null, 12, _hoisted_2$o)
+        }, null, 12, _hoisted_2$p)
       ], 64);
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -16855,8 +16855,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-f99f1900"]]);
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -16944,7 +16944,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         _ctx.id ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.schema, (field, i2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$p), {
+          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
             key: field.id || `${i2}p`,
             modelValue: vue.unref(data2),
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -16956,13 +16956,13 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$z), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$p), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -16980,7 +16980,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -16995,8 +16995,8 @@ const _sfc_main$p = /* @__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$c;
-      if (props2.field.$el === "date") return _sfc_main$n;
+      if (props2.field.$el === "richtext") return _sfc_main$d;
+      if (props2.field.$el === "date") return _sfc_main$o;
       return props2.field.$el ?? "div";
     });
     const formData = vue.computed({
@@ -17080,10 +17080,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["title"];
-const _hoisted_2$n = ["id", "required"];
-const _hoisted_3$h = ["for"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = ["title"];
+const _hoisted_2$o = ["id", "required"];
+const _hoisted_3$i = ["for"];
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -17115,19 +17115,19 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$n), [
+        }, null, 8, _hoisted_2$o), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$h)
-      ], 10, _hoisted_1$t);
+        ], 8, _hoisted_3$i)
+      ], 10, _hoisted_1$u);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1aa7e2a8"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1aa7e2a8"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -25567,9 +25567,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$s = ["title"];
-const _hoisted_2$m = { key: 0 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$t = ["title"];
+const _hoisted_2$n = { key: 0 };
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -25611,7 +25611,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$n, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(Hn), vue.mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -25627,14 +25627,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["title"];
-const _hoisted_2$l = { key: 0 };
-const _hoisted_3$g = ["value", "placeholder"];
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = ["title"];
+const _hoisted_2$m = { key: 0 };
+const _hoisted_3$h = ["value", "placeholder"];
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -25657,7 +25657,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -25665,23 +25665,23 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$g)
-      ], 10, _hoisted_1$r);
+        }, null, 42, _hoisted_3$h)
+      ], 10, _hoisted_1$s);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$q = { class: "flex gap-05" };
-const _hoisted_2$k = ["disabled"];
-const _hoisted_3$f = { key: 1 };
-const _hoisted_4$b = {
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$r = { class: "flex gap-05" };
+const _hoisted_2$l = ["disabled"];
+const _hoisted_3$g = { key: 1 };
+const _hoisted_4$c = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
 const _hoisted_5$b = ["value"];
 const _hoisted_6$6 = { class: "selectinput-options" };
 const _hoisted_7$2 = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -25830,7 +25830,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         onHide: _cache[5] || (_cache[5] = ($event) => updateOpen(false))
       }, {
         popper: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$B), {
+          vue.createVNode(vue.unref(_sfc_main$C), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -25852,11 +25852,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(["selectinput-option hover gap-1", { selected: isSelected(option2) }]),
                     onClick: ($event) => select2(option2)
                   }, [
-                    isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+                    isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
                       key: 0,
                       icon: "check"
                     })) : vue.createCommentVNode("", true),
-                    !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+                    !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
                       key: 1,
                       class: "opacity-3",
                       icon: "fiber_manual_record"
@@ -25873,7 +25873,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$q, [
+            vue.createElementVNode("div", _hoisted_1$r, [
               vue.createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -25881,12 +25881,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 onKeydown: openOptions,
                 onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
               }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$g, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     icon: "clear",
@@ -25897,11 +25897,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                     })
                   })
                 ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), vue.mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-              ], 42, _hoisted_2$k),
+              ], 42, _hoisted_2$l),
               _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
                 key: 0,
                 tabindex: "-1",
@@ -25918,7 +25918,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-e372fd90"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-6747635a"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -28398,13 +28398,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["title"];
-const _hoisted_2$j = { class: "bagel-input" };
-const _hoisted_3$e = { class: "table-side-scroll" };
-const _hoisted_4$a = { class: "table-header" };
+const _hoisted_1$q = ["title"];
+const _hoisted_2$k = { class: "bagel-input" };
+const _hoisted_3$f = { class: "table-side-scroll" };
+const _hoisted_4$b = { class: "table-header" };
 const _hoisted_5$a = { class: "table-reorder" };
 const _hoisted_6$5 = { class: "table-action" };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -28469,11 +28469,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        vue.createElementVNode("div", _hoisted_2$j, [
+        vue.createElementVNode("div", _hoisted_2$k, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a2 = vue.unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$e, [
-          vue.createElementVNode("div", _hoisted_4$a, [
+        vue.createElementVNode("div", _hoisted_3$f, [
+          vue.createElementVNode("div", _hoisted_4$b, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `${field.fieldname}header`,
@@ -28501,7 +28501,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row"
                     }, [
                       vue.createElementVNode("div", _hoisted_5$a, [
-                        vue.createVNode(vue.unref(_sfc_main$O), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$P), { 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", {
@@ -28518,7 +28518,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$5, [
-                        vue.createVNode(vue.unref(_sfc_main$O), {
+                        vue.createVNode(vue.unref(_sfc_main$P), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -28544,17 +28544,17 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$o = ["title"];
-const _hoisted_2$i = ["for"];
-const _hoisted_3$d = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_4$9 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
+const _hoisted_1$p = ["title"];
+const _hoisted_2$j = ["for"];
+const _hoisted_3$e = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$9 = { key: 2 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -28646,7 +28646,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             onFocusout: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
             onInput: updateInputVal
-          }), null, 16, _hoisted_3$d)), [
+          }), null, 16, _hoisted_3$e)), [
             [
               vue.vModelDynamic,
               vue.unref(inputVal),
@@ -28666,40 +28666,38 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs, { onInput: updateInputVal }), null, 16, _hoisted_4$9)), [
+          }, _ctx.nativeInputAttrs, { onInput: updateInputVal }), null, 16, _hoisted_4$a)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$9, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$i),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+        ], 8, _hoisted_2$j),
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-82137f41"]]);
-const _hoisted_1$n = { class: "primary-checkbox" };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-82137f41"]]);
+const _hoisted_1$o = { class: "primary-checkbox" };
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
-    "modelValue": {
-      type: Boolean,
-      default: false
-    },
+    "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   },
   emits: ["update:modelValue"],
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$n, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$o, [
+        vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
           type: "checkbox"
@@ -28710,10 +28708,10 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-bf11f9a2"]]);
-const _hoisted_1$m = ["title"];
-const _hoisted_2$h = ["id", "placeholder", "required"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
+const _hoisted_1$n = ["title"];
+const _hoisted_2$i = ["id", "placeholder", "required"];
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -28751,23 +28749,23 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$h), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$i), [
             [vue.vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$m)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$n)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$l = { class: "datetime-wrap" };
-const _hoisted_2$g = { class: "date-wrap" };
-const _hoisted_3$c = {
+const _hoisted_1$m = { class: "datetime-wrap" };
+const _hoisted_2$h = { class: "date-wrap" };
+const _hoisted_3$d = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_4$8 = ["id", "name", "value"];
+const _hoisted_4$9 = ["id", "name", "value"];
 const _hoisted_5$8 = ["for"];
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -28796,8 +28794,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-        vue.createElementVNode("div", _hoisted_2$g, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+        vue.createElementVNode("div", _hoisted_2$h, [
           vue.createVNode(vue.unref(Hn), vue.mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -28815,7 +28813,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hours), (hr2) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: hr2 }, [
               vue.withDirectives(vue.createElementVNode("input", {
@@ -28824,7 +28822,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$8), [
+              }, null, 8, _hoisted_4$9), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
@@ -28837,12 +28835,12 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "bagel-input" };
-const _hoisted_2$f = { class: "pb-025" };
-const _hoisted_3$b = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$7 = ["id", "name", "value", "checked"];
+const _hoisted_1$l = { class: "bagel-input" };
+const _hoisted_2$g = { 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$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -28883,9 +28881,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
-        vue.createElementVNode("label", _hoisted_2$f, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$b, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+        vue.createElementVNode("label", _hoisted_2$g, vue.toDisplayString(_ctx.label), 1),
+        vue.createElementVNode("div", _hoisted_3$c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -28898,7 +28896,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$7),
+              }, null, 40, _hoisted_4$8),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$7)
@@ -28909,15 +28907,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
 const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-e848b48d"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$j = { class: "bagel-input" };
-const _hoisted_2$e = {
+const _hoisted_1$k = { class: "bagel-input" };
+const _hoisted_2$f = {
   key: 0,
   class: "single-image"
 };
-const _hoisted_3$a = ["src"];
-const _hoisted_4$6 = {
+const _hoisted_3$b = ["src"];
+const _hoisted_4$7 = {
   key: 1,
   class: "multi-image-item previewName"
 };
@@ -28936,7 +28934,7 @@ const _hoisted_12 = {
   class: "progress"
 };
 const _hoisted_13 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("p", null, "Drop files here or click to upload", -1));
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: {
     label: {},
@@ -29066,7 +29064,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       flushQueue();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["fileUploadWrap", {
@@ -29086,14 +29084,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                 key: file.id
               }, [
-                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
+                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
                   vue.createElementVNode("img", {
                     class: "single preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_3$a)
+                  }, null, 8, _hoisted_3$b)
                 ])) : vue.createCommentVNode("", true),
-                _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [
+                _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
                   vue.createElementVNode("img", {
                     class: "preview",
                     src: file.url,
@@ -29135,7 +29133,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$O), {
+                    vue.createVNode(vue.unref(_sfc_main$P), {
                       class: "success",
                       icon: "check"
                     })
@@ -29155,16 +29153,16 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e848b48d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e848b48d"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$i = ["title"];
-const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
-const _hoisted_3$9 = [
-  _hoisted_2$d
+const _hoisted_1$j = ["title"];
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
+const _hoisted_3$a = [
+  _hoisted_2$e
 ];
-const _hoisted_4$5 = ["id", "required"];
+const _hoisted_4$6 = ["id", "required"];
 const _hoisted_5$5 = ["for"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -29192,13 +29190,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
-        }, _hoisted_3$9, 2),
+        }, _hoisted_3$a, 2),
         vue.withDirectives(vue.createElementVNode("input", {
           id: inputId.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
           required: _ctx.required
-        }, null, 8, _hoisted_4$5), [
+        }, null, 8, _hoisted_4$6), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
@@ -29206,11 +29204,11 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_5$5)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-06b95183"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-06b95183"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -52996,12 +52994,12 @@ const TableHeader = Node$2.create({
     return ["th", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const _hoisted_1$h = { class: "RichText" };
-const _hoisted_2$c = {
+const _hoisted_1$i = { class: "RichText" };
+const _hoisted_2$d = {
   key: 0,
   class: "RichText-tools"
 };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "RichText",
   props: {
     modelValue: {}
@@ -53226,8 +53224,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-        vue.unref(editor) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+        vue.unref(editor) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(config, (item) => {
             var _a2;
             return vue.withDirectives(vue.createVNode(vue.unref(Btn), {
@@ -55334,13 +55332,13 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$g = ["aria-expanded"];
-const _hoisted_2$b = { class: "p-075 tel-countryp-dropdown" };
-const _hoisted_3$8 = ["aria-selected", "onClick", "onMousemove"];
-const _hoisted_4$4 = { class: "tel-country" };
+const _hoisted_1$h = ["aria-expanded"];
+const _hoisted_2$c = { class: "p-075 tel-countryp-dropdown" };
+const _hoisted_3$9 = ["aria-selected", "onClick", "onMousemove"];
+const _hoisted_4$5 = { 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$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -55598,7 +55596,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               onHide: _cache[2] || (_cache[2] = ($event) => vue.isRef(open) ? open.value = false : open = false)
             }, {
               popper: vue.withCtx(({ hide: hide2 }) => [
-                vue.createElementVNode("div", _hoisted_2$b, [
+                vue.createElementVNode("div", _hoisted_2$c, [
                   _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                     key: 0,
                     modelValue: searchQuery.value,
@@ -55629,9 +55627,9 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                           key: 0,
                           country: pb.iso2
                         }, null, 8, ["country"])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("p", _hoisted_4$4, vue.toDisplayString(pb.name), 1),
+                        vue.createElementVNode("p", _hoisted_4$5, vue.toDisplayString(pb.name), 1),
                         computedDropDownOptions.value.showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
-                      ], 40, _hoisted_3$8);
+                      ], 40, _hoisted_3$9);
                     }), 128))
                   ], 2)
                 ])
@@ -55641,7 +55639,7 @@ const _sfc_main$b = /* @__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$O), {
+                  vue.createVNode(vue.unref(_sfc_main$P), {
                     icon: vue.unref(open) ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   computedDropDownOptions.value.showFlags && vue.unref(activeCountryCode) ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
@@ -55679,13 +55677,13 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             }, null, 44, _hoisted_6$3), [
               [vue.vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$g)
+          ], 40, _hoisted_1$h)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b13ff2af"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b13ff2af"]]);
 /*!
  * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -56279,8 +56277,8 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$f = ["disabled"];
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$g = ["disabled"];
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
   props: {
     sigOption: {},
@@ -56411,16 +56409,16 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$f)
+        }, null, 8, _hoisted_1$g)
       ], 34);
     };
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   class: "toolbar",
   role: "toolbar"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "Toolbar",
   props: {
     config: {}
@@ -56470,7 +56468,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolbarOptions.filter((t) => _ctx.config.includes(t.name)), (action) => {
           return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
             key: action.name,
@@ -56503,7 +56501,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-4c741194"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-4c741194"]]);
 function applyFormatting(command2, value = "") {
   const selection = window.getSelection();
   if (selection && selection.rangeCount > 0) {
@@ -56676,9 +56674,9 @@ function createTable() {
     }
   }
 }
-const _hoisted_1$d = { class: "rich-text-editor" };
-const _hoisted_2$a = ["innerHTML"];
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = { class: "rich-text-editor" };
+const _hoisted_2$b = ["innerHTML"];
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -56793,7 +56791,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
         vue.createVNode(Toolbar, {
           config: config.value,
           onAction: handleToolbarAction
@@ -56826,13 +56824,78 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: "preview-area",
             innerHTML: vue.unref(contentHtml)
-          }, null, 8, _hoisted_2$a)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$b)) : vue.createCommentVNode("", true)
         ], 2)
       ]);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e3cd444d"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e3cd444d"]]);
+const _hoisted_1$d = ["name", "value"];
+const _hoisted_2$a = ["src", "alt"];
+const _hoisted_3$8 = {
+  key: 0,
+  class: "m-0"
+};
+const _hoisted_4$4 = {
+  key: 1,
+  class: "txt-gray txt-12 m-0"
+};
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ vue.mergeModels({
+    groupName: {},
+    options: {},
+    deletable: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["delete"], ["update:modelValue"]),
+  setup(__props) {
+    const selectedOption = vue.useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (opt, index2) => {
+          return vue.openBlock(), vue.createElementBlock("label", {
+            key: index2,
+            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover"
+          }, [
+            vue.withDirectives(vue.createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
+              class: "radio-input-list",
+              type: "radio",
+              name: _ctx.groupName,
+              value: opt.value
+            }, null, 8, _hoisted_1$d), [
+              [vue.vModelRadio, selectedOption.value]
+            ]),
+            opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              class: "bg-white shadow-light py-025 rounded",
+              width: "60",
+              src: opt.imgSrc,
+              alt: opt.imgAlt
+            }, null, 8, _hoisted_2$a)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", null, [
+              opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$8, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
+              opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$4, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
+            ]),
+            _ctx.deletable ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              key: 1,
+              class: "ms-auto",
+              flat: "",
+              thin: "",
+              icon: "delete",
+              onClick: ($event) => _ctx.$emit("delete", opt)
+            }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a921574e"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -62998,7 +63061,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
         class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: vue.unref(isOpen) }])
       }, {
         default: vue.withCtx(() => [
@@ -63021,7 +63084,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               class: "nav-button px-075"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$O), {
+                vue.createVNode(vue.unref(_sfc_main$P), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -63058,7 +63121,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), { 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$C), { 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) => {
@@ -63069,7 +63132,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               onClick: nav2.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$O), {
+                vue.createVNode(vue.unref(_sfc_main$P), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -63220,7 +63283,7 @@ const _sfc_main$2 = /* @__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$O), {
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -63634,50 +63697,51 @@ const allCountries = countryArray.map(
     areaCodes
   })
 );
-exports.Accordion = _sfc_main$y;
+exports.Accordion = _sfc_main$z;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$q;
+exports.BagelForm = _sfc_main$r;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$p;
-exports.BglForm = _sfc_main$q;
+exports.BglField = _sfc_main$q;
+exports.BglForm = _sfc_main$r;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$B;
+exports.Card = _sfc_main$C;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
-exports.ColorPicker = _sfc_main$h;
+exports.ColorPicker = _sfc_main$i;
 exports.DataPreview = DataPreview;
-exports.DateInput = _sfc_main$n;
-exports.DatePicker = _sfc_main$g;
+exports.DateInput = _sfc_main$o;
+exports.DatePicker = _sfc_main$h;
 exports.Dropdown = kt$1;
 exports.FileUpload = $el;
 exports.Flag = Flag;
-exports.Icon = _sfc_main$O;
+exports.Icon = _sfc_main$P;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
 exports.Lineart = _sfc_main$7;
-exports.ListItem = _sfc_main$H;
+exports.ListItem = _sfc_main$I;
 exports.ListView = ListView;
-exports.MapEmbed = _sfc_main$s;
-exports.MaterialIcon = _sfc_main$O;
-exports.Modal = _sfc_main$L;
-exports.ModalConfirm = _sfc_main$t;
+exports.MapEmbed = _sfc_main$t;
+exports.MaterialIcon = _sfc_main$P;
+exports.Modal = _sfc_main$M;
+exports.ModalConfirm = _sfc_main$u;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$G;
+exports.PageTitle = _sfc_main$H;
+exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
-exports.RichText = _sfc_main$c;
+exports.RichText = _sfc_main$d;
 exports.RichText2 = index;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
-exports.SignaturePad = _sfc_main$a;
+exports.SignaturePad = _sfc_main$b;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = TableSchema;
@@ -63686,7 +63750,7 @@ exports.TabsBody = _sfc_main$1;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$z;
+exports.Title = _sfc_main$A;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.allCountries = allCountries;