@bagelink/vue 0.0.736 → 0.0.738

package/dist/index.mjs

@@ -5145,24 +5145,24 @@ class Bagel {
     return data2;
   }
 }
-const _hoisted_1$N = { class: "bgl-lightbox-item" };
-const _hoisted_2$C = ["src"];
-const _hoisted_3$q = ["src", "title"];
-const _hoisted_4$i = {
+const _hoisted_1$O = {
+  key: 0,
+  class: "navigation flex space-between px-3 w-100 absolute"
+};
+const _hoisted_2$C = { class: "bgl-lightbox-item" };
+const _hoisted_3$q = ["src"];
+const _hoisted_4$i = ["src", "title"];
+const _hoisted_5$g = {
   key: 3,
   class: "file-info txt-white"
 };
-const _hoisted_5$g = ["href"];
-const _hoisted_6$b = {
+const _hoisted_6$b = ["href"];
+const _hoisted_7$6 = {
   key: 0,
-  class: "navigation flex space-between w-100 absolute"
-};
-const _hoisted_7$5 = {
-  key: 1,
   class: "flex justify-content-center mt-2 overflow p-1 fixed bottom start end gap-1 m_justify-content-start"
 };
 const _hoisted_8$3 = ["src", "onClick"];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
     let isOpen = ref(false);
@@ -5174,7 +5174,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       currentItem.value = item;
       if (!groupItems.length) return;
       group.value = groupItems;
-      currentIndex.value = groupItems.indexOf(item);
+      currentIndex.value = groupItems.findIndex(({ src }) => item.src === src);
       document.addEventListener("keydown", handleKeydown);
     }
     function close2() {
@@ -5231,8 +5231,20 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               ],
               onClick: close2
             }, [
+              unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
+                createVNode(unref(Btn), {
+                  class: "navigation-btn oval",
+                  icon: "arrow_back",
+                  onClick: prev
+                }),
+                createVNode(unref(Btn), {
+                  class: "navigation-btn oval",
+                  icon: "arrow_forward",
+                  onClick: next
+                })
+              ])) : createCommentVNode("", true),
               createElementVNode("div", {
-                class: "bgl-lightbox relative vw90 txt-center",
+                class: "bgl-lightbox relative txt-center",
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"]))
               }, [
@@ -5242,45 +5254,36 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                   icon: "close",
                   onClick: close2
                 }),
-                createElementVNode("div", _hoisted_1$N, [
+                createElementVNode("div", _hoisted_2$C, [
                   ((_a2 = unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (openBlock(), createElementBlock("img", {
                     key: 0,
                     src: (_b = unref(currentItem)) == null ? void 0 : _b.src,
-                    alt: "Preview"
-                  }, null, 8, _hoisted_2$C)) : ((_c = unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (openBlock(), createBlock(unref(BglVideo), {
+                    alt: "Preview",
+                    class: "vw90 lightbox-image"
+                  }, null, 8, _hoisted_3$q)) : ((_c = unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (openBlock(), createBlock(unref(BglVideo), {
                     key: 1,
                     src: (_d = unref(currentItem)) == null ? void 0 : _d.src,
                     autoplay: "",
-                    controls: ""
+                    controls: "",
+                    class: "vw90"
                   }, null, 8, ["src"])) : ((_e2 = unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (openBlock(), createElementBlock("embed", {
                     key: 2,
                     src: normalizeURL((_f = unref(currentItem)) == null ? void 0 : _f.src),
                     type: "application/pdf",
                     width: "100%",
                     height: "1080",
-                    title: (_g = unref(currentItem)) == null ? void 0 : _g.name
-                  }, null, 8, _hoisted_3$q)) : (openBlock(), createElementBlock("div", _hoisted_4$i, [
+                    title: (_g = unref(currentItem)) == null ? void 0 : _g.name,
+                    class: "vw90"
+                  }, null, 8, _hoisted_4$i)) : (openBlock(), createElementBlock("div", _hoisted_5$g, [
                     createElementVNode("p", null, "File: " + toDisplayString((_h = unref(currentItem)) == null ? void 0 : _h.name), 1),
                     createElementVNode("p", null, "Type: " + toDisplayString((_i = unref(currentItem)) == null ? void 0 : _i.type), 1),
                     createElementVNode("a", {
                       href: (_j = unref(currentItem)) == null ? void 0 : _j.src,
                       target: "_blank"
-                    }, "Open file", 8, _hoisted_5$g)
+                    }, "Open file", 8, _hoisted_6$b)
                   ]))
                 ]),
-                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
-                  createVNode(unref(Btn), {
-                    class: "navigation-btn oval user-select-none",
-                    icon: "arrow_back",
-                    onClick: prev
-                  }),
-                  createVNode(unref(Btn), {
-                    class: "navigation-btn oval user-select-none",
-                    icon: "arrow_forward",
-                    onClick: next
-                  })
-                ])) : createCommentVNode("", true),
-                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
+                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(group), (item, index2) => {
                     return openBlock(), createElementBlock(Fragment$1, { key: index2 }, [
                       item.type === "image" ? (openBlock(), createElementBlock("img", {
@@ -5289,7 +5292,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 10, _hoisted_8$3)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                      }, null, 10, _hoisted_8$3)) : (openBlock(), createBlock(unref(_sfc_main$R), {
                         key: 1,
                         class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
                         icon: "description",
@@ -5314,7 +5317,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-c3c26420"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c061443c"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -5524,7 +5527,7 @@ function frmRow(...children2) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: markRaw(_sfc_main$s),
+      $el: markRaw(_sfc_main$t),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -5532,7 +5535,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: markRaw(_sfc_main$s),
+    $el: markRaw(_sfc_main$t),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -5753,9 +5756,9 @@ const ModalPlugin = {
             return h$2(ModalForm, props2, modal.componentSlots);
           }
           if (modal.modalType === "confirm") {
-            return h$2(_sfc_main$v, props2, {});
+            return h$2(_sfc_main$w, props2, {});
           }
-          return h$2(_sfc_main$N, props2, modal.componentSlots);
+          return h$2(_sfc_main$O, props2, modal.componentSlots);
         });
       }
     });
@@ -5781,7 +5784,7 @@ function useLocalStorage(key, initialValue) {
   }, { immediate: true, deep: true });
   return value;
 }
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5799,13 +5802,13 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "full-nav" };
+const _hoisted_1$N = { class: "full-nav" };
 const _hoisted_2$B = { class: "nav-scroll" };
 const _hoisted_3$p = { class: "nav-links-wrapper" };
 const _hoisted_4$h = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
 const _hoisted_6$a = { class: "tooltip" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5830,12 +5833,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
           onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => isOpen.value = !isOpen.value, ["enter"]))
         }, [
-          createVNode(unref(_sfc_main$Q), {
+          createVNode(unref(_sfc_main$R), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$M, [
+        createElementVNode("div", _hoisted_1$N, [
           createElementVNode("div", _hoisted_2$B, [
             createElementVNode("div", _hoisted_3$p, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5849,7 +5852,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                   }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$Q), {
+                    createVNode(unref(_sfc_main$R), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     createElementVNode("div", _hoisted_4$h, toDisplayString(link.label), 1)
@@ -5871,7 +5874,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$Q), {
+                  createVNode(unref(_sfc_main$R), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   createElementVNode("div", _hoisted_6$a, toDisplayString(link.label), 1)
@@ -5886,8 +5889,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$L = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-776cab4a"]]);
+const _hoisted_1$M = {
   key: 0,
   class: "loading"
 };
@@ -5895,7 +5898,7 @@ const _hoisted_2$A = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5989,8 +5992,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$L)) : (openBlock(), createElementBlock("div", _hoisted_2$A, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$M)) : (openBlock(), createElementBlock("div", _hoisted_2$A, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -5998,7 +6001,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             !unref(slots).default && _ctx.value ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.value), 1)
             ], 64)) : createCommentVNode("", true),
-            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$R), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -6009,8 +6012,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
-const _hoisted_1$K = {
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-895cf824"]]);
+const _hoisted_1$L = {
   key: 0,
   class: "tool-bar"
 };
@@ -6022,7 +6025,7 @@ const _hoisted_3$o = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -6078,7 +6081,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createVNode(unref(_sfc_main$D), {
+        createVNode(unref(_sfc_main$E), {
           class: "modal",
           style: normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -6087,7 +6090,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$K, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$L, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -6095,7 +6098,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$B), {
+                _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$C), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
@@ -6129,7 +6132,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ mergeModels({
     side: { type: Boolean },
@@ -6190,7 +6193,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$N), {
+      return openBlock(), createBlock(unref(_sfc_main$O), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -6201,7 +6204,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, createSlots({
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$s), {
+          createVNode(unref(_sfc_main$t), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -6243,12 +6246,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$J = { class: "accordion-item" };
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-083a1b2d"]]);
+const _hoisted_1$K = { class: "accordion-item" };
 const _hoisted_2$y = ["aria-expanded", "aria-controls"];
 const _hoisted_3$n = { class: "accordion-label" };
 const _hoisted_4$g = ["id", "aria-hidden"];
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -6285,7 +6288,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$K, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6298,7 +6301,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(isOpen) }])
           }, [
-            createVNode(unref(_sfc_main$Q), { icon: "expand_more" })
+            createVNode(unref(_sfc_main$R), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$y),
         createVNode(Transition, { name: "expand" }, {
@@ -6318,13 +6321,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-f87b579d"]]);
-const _sfc_main$K = {};
-const _hoisted_1$I = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-f87b579d"]]);
+const _sfc_main$L = {};
+const _hoisted_1$J = { 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$m = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$I, [
+  return openBlock(), createElementBlock("div", _hoisted_1$J, [
     createElementVNode("div", _hoisted_2$x, [
       renderSlot(_ctx.$slots, "header")
     ]),
@@ -6333,10 +6336,10 @@ function _sfc_render$2(_ctx, _cache) {
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
-const _hoisted_1$H = { class: "no-margin ellipsis line-height-14 pb-025" };
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$2]]);
+const _hoisted_1$I = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$w = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -6363,14 +6366,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
-          _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+          _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
             key: 1,
             size: "1.2",
             class: "color-primary",
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$H, [
+            createElementVNode("p", _hoisted_1$I, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -6385,9 +6388,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$G = { class: "page-top" };
+const _hoisted_1$H = { class: "page-top" };
 const _hoisted_2$v = { class: "top-title m-0" };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -6397,7 +6400,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("h1", _hoisted_2$v, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -6721,7 +6724,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-5441d9cd"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6732,13 +6735,13 @@ const _hoisted_3$l = [
 const _hoisted_4$f = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
 const _hoisted_6$9 = { key: 0 };
-const _hoisted_7$4 = ["onClick"];
+const _hoisted_7$5 = ["onClick"];
 const _hoisted_8$2 = { class: "flex" };
 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$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ mergeModels({
     selectedItems: {},
@@ -6875,7 +6878,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, _hoisted_3$l)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$G, _hoisted_3$l)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_4$f, [
             createElementVNode("thead", _hoisted_5$e, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$9, [
@@ -6899,13 +6902,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                     }, [
-                      createVNode(unref(_sfc_main$Q), {
+                      createVNode(unref(_sfc_main$R), {
                         class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_7$4);
+                ], 8, _hoisted_7$5);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -6939,7 +6942,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                         row,
                         field
                       }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_12$1, [
-                        createVNode(unref(_sfc_main$r), {
+                        createVNode(unref(_sfc_main$s), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -6957,16 +6960,16 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-5441d9cd"]]);
-const _sfc_main$G = {};
-const _hoisted_1$E = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-5441d9cd"]]);
+const _sfc_main$H = {};
+const _hoisted_1$F = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$E, [
+  return openBlock(), createElementBlock("div", _hoisted_1$F, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$1]]);
-const _sfc_main$F = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$1]]);
+const _sfc_main$G = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -6988,8 +6991,8 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render]]);
-const _hoisted_1$D = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render]]);
+const _hoisted_1$E = {
   key: 0,
   class: "data"
 };
@@ -7004,13 +7007,13 @@ const _hoisted_6$8 = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$3 = { class: "key" };
+const _hoisted_7$4 = { class: "key" };
 const _hoisted_8$1 = { class: "m-0" };
 const _hoisted_9$1 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
@@ -7046,8 +7049,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
-        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$B), {
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
+        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$C), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -7059,7 +7062,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3$k, [
                 createElementVNode("p", _hoisted_4$e, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
-              createVNode(unref(_sfc_main$r), {
+              createVNode(unref(_sfc_main$s), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -7073,7 +7076,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, ({ id, label }) => {
             return openBlock(), createElementBlock(Fragment$1, { key: id }, [
               !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
-                createElementVNode("div", _hoisted_7$3, [
+                createElementVNode("div", _hoisted_7$4, [
                   createElementVNode("p", _hoisted_8$1, toDisplayString(label), 1)
                 ]),
                 createElementVNode("div", null, [
@@ -7088,12 +7091,12 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$C = {
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-4d174f13"]]);
+const _hoisted_1$D = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -7121,7 +7124,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$C, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$D, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -7129,8 +7132,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["src", "alt"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$C = ["src", "alt"];
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -7148,7 +7151,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$B)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$C)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -7156,8 +7159,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-dd2f6734"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-dd2f6734"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -7185,7 +7188,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = reactive({
@@ -7199,9 +7202,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["dismissable"];
+const _hoisted_1$B = ["dismissable"];
 const _hoisted_2$s = { class: "m-0" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -7222,7 +7225,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(_sfc_main$R), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
@@ -7237,12 +7240,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$A)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$B)) : createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-1322d9e1"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-1322d9e1"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -7258,13 +7261,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
         createTextVNode(" " + toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+        props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$R), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -7273,10 +7276,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$z = ["src"];
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-532b36ae"]]);
+const _hoisted_1$A = ["src"];
 const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -7331,7 +7334,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$z)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$A)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7345,13 +7348,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-8495afe2"]]);
-const _hoisted_1$y = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8495afe2"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_2$q = { class: "Handlers" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -7499,7 +7502,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$y)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$z)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$q, [
@@ -7520,10 +7523,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1f9c6644"]]);
-const _hoisted_1$x = { class: "m-0" };
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1f9c6644"]]);
+const _hoisted_1$y = { class: "m-0" };
 const _hoisted_2$p = { class: "px-1 py-1 pretty m-0" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -7539,7 +7542,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$N), {
+      return openBlock(), createBlock(unref(_sfc_main$O), {
         width: "380px",
         dismissable: false,
         class: "color-black txt-center"
@@ -7558,7 +7561,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           })
         ]),
         default: withCtx(() => [
-          createElementVNode("h3", _hoisted_1$x, toDisplayString(_ctx.title), 1),
+          createElementVNode("h3", _hoisted_1$y, toDisplayString(_ctx.title), 1),
           createElementVNode("p", _hoisted_2$p, toDisplayString(_ctx.message), 1)
         ]),
         _: 1
@@ -7566,16 +7569,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = { class: "map-test" };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$x = { class: "map-test" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w);
+      return openBlock(), createElementBlock("div", _hoisted_1$x);
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -7605,8 +7608,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f99f1900"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -7698,13 +7701,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
         _ctx.id ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$B), {
+          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$C), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$r), {
+            return openBlock(), createBlock(unref(_sfc_main$s), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -7722,13 +7725,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           ref: form,
           onSubmit: withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$B), {
+          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$C), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$r), {
+            return openBlock(), createBlock(unref(_sfc_main$s), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -7747,7 +7750,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -7762,8 +7765,8 @@ const _sfc_main$r = /* @__PURE__ */ 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$d;
-      if (props2.field.$el === "date") return _sfc_main$o;
+      if (props2.field.$el === "richtext") return _sfc_main$e;
+      if (props2.field.$el === "date") return _sfc_main$p;
       return props2.field.$el ?? "div";
     });
     const formData = computed({
@@ -7847,8 +7850,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = { key: 0 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = { key: 0 };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -7915,8 +7918,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
-              createVNode(unref(_sfc_main$s), mergeProps({
+            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+              createVNode(unref(_sfc_main$t), mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -7955,10 +7958,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["title"];
+const _hoisted_1$v = ["title"];
 const _hoisted_2$o = ["id", "required"];
 const _hoisted_3$j = ["for"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -7998,11 +8001,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$j)
-      ], 10, _hoisted_1$u);
+      ], 10, _hoisted_1$v);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c0868d55"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-c0868d55"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -16442,9 +16445,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$t = ["title"];
+const _hoisted_1$u = ["title"];
 const _hoisted_2$n = { key: 0 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -16502,14 +16505,14 @@ const _sfc_main$o = /* @__PURE__ */ 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$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$s = ["title"];
+const _hoisted_1$t = ["title"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$i = ["value", "placeholder"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -16541,12 +16544,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$i)
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$r = { class: "flex gap-05" };
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$s = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
 const _hoisted_3$h = { key: 1 };
 const _hoisted_4$d = {
@@ -16555,7 +16558,8 @@ const _hoisted_4$d = {
 };
 const _hoisted_5$c = ["value"];
 const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_7$3 = { class: "block" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -16704,7 +16708,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         onHide: _cache[5] || (_cache[5] = ($event) => updateOpen(false))
       }, {
         popper: withCtx(() => [
-          createVNode(unref(_sfc_main$D), {
+          createVNode(unref(_sfc_main$E), {
             class: "p-05",
             style: normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -16725,7 +16729,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(filteredOptions.value, (option2, i2) => {
                   return openBlock(), createElementBlock("div", {
                     key: `${option2}${i2}`,
-                    class: normalizeClass(["selectinput-option hover gap-1", { selected: isSelected(option2) }]),
+                    class: normalizeClass(["selectinput-option hover gap-1 align-items-center", { selected: isSelected(option2) }]),
                     role: "option",
                     tabindex: "0",
                     "aria-selected": isSelected(option2),
@@ -16733,17 +16737,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     onKeydown: withKeys(($event) => select2(option2), ["enter"])
                   }, [
                     _ctx.multiselect ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-                      isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+                      isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$R), {
                         key: 0,
+                        size: 1.1,
                         icon: "select_check_box"
                       })) : createCommentVNode("", true),
-                      !isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+                      !isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$R), {
                         key: 1,
                         class: "opacity-3",
-                        icon: "check_box_outline_blank"
+                        icon: "check_box_outline_blank",
+                        size: 1.1
                       })) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    createElementVNode("span", null, toDisplayString(getLabel(option2)), 1)
+                    createElementVNode("span", _hoisted_7$3, toDisplayString(getLabel(option2)), 1)
                   ], 42, _hoisted_6$7);
                 }), 128))
               ], 2),
@@ -16755,7 +16761,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-            createElementVNode("div", _hoisted_1$r, [
+            createElementVNode("div", _hoisted_1$s, [
               createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -16763,7 +16769,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 onKeydown: openOptions,
                 onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
               }, [
-                _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+                _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -16780,7 +16786,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     })
                   })
                 ])) : createCommentVNode("", true),
-                !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$Q), mergeProps({
+                !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
@@ -16801,7 +16807,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25fde24f"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-be6303fe"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -19281,13 +19287,13 @@ const VueDraggableNext = defineComponent({
     }
   }
 });
-const _hoisted_1$q = ["title"];
+const _hoisted_1$r = ["title"];
 const _hoisted_2$k = { class: "bagel-input" };
 const _hoisted_3$g = { class: "table-side-scroll" };
 const _hoisted_4$c = { class: "table-header" };
 const _hoisted_5$b = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -19384,7 +19390,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                       class: "flex table-row"
                     }, [
                       createElementVNode("div", _hoisted_5$b, [
-                        createVNode(unref(_sfc_main$Q), { icon: "more_vert" })
+                        createVNode(unref(_sfc_main$R), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a3 = unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return openBlock(), createElementBlock("div", {
@@ -19401,7 +19407,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                         ], 2);
                       }), 128)),
                       createElementVNode("div", _hoisted_6$6, [
-                        createVNode(unref(_sfc_main$Q), {
+                        createVNode(unref(_sfc_main$R), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -19427,17 +19433,17 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$q);
+      ], 8, _hoisted_1$r);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$p = ["title"];
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-515f5dc9"]]);
+const _hoisted_1$q = ["title"];
 const _hoisted_2$j = ["for"];
 const _hoisted_3$f = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$b = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$a = { key: 2 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -19558,22 +19564,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$a, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
         ], 8, _hoisted_2$j),
-        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$R), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-edac341b"]]);
-const _hoisted_1$o = { class: "primary-checkbox" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-edac341b"]]);
+const _hoisted_1$p = { class: "primary-checkbox" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -19583,7 +19589,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$o, [
+      return openBlock(), createElementBlock("label", _hoisted_1$p, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -19595,10 +19601,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-032d6226"]]);
-const _hoisted_1$n = ["title"];
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-032d6226"]]);
+const _hoisted_1$o = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -19640,11 +19646,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             [vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$n)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$o)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$m = { class: "datetime-wrap" };
+const _hoisted_1$n = { class: "datetime-wrap" };
 const _hoisted_2$h = { class: "date-wrap" };
 const _hoisted_3$e = {
   key: 0,
@@ -19652,7 +19658,7 @@ const _hoisted_3$e = {
 };
 const _hoisted_4$a = ["id", "name", "value"];
 const _hoisted_5$9 = ["for"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -19681,7 +19687,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         createElementVNode("div", _hoisted_2$h, [
           createVNode(unref(Hn), mergeProps({
             modelValue: selectedDate.value,
@@ -19722,12 +19728,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "bagel-input" };
+const _hoisted_1$m = { class: "bagel-input" };
 const _hoisted_2$g = { class: "pb-025" };
 const _hoisted_3$d = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$9 = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -19768,7 +19774,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         createElementVNode("label", _hoisted_2$g, toDisplayString(_ctx.label), 1),
         createElementVNode("div", _hoisted_3$d, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
@@ -19794,8 +19800,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _hoisted_1$k = { class: "bagel-input" };
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d86ce838"]]);
+const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
   class: "bgl-multi-preview"
@@ -19818,8 +19824,8 @@ const _hoisted_10 = {
   class: "progress"
 };
 const _hoisted_11 = ["src"];
-const _hoisted_12 = { class: "p-1 flex column hover fileUploadPlaceHolder" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_12 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
     label: {},
@@ -19968,7 +19974,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_lightbox = resolveDirective("lightbox");
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
           class: normalizeClass(["fileUploadWrap", {
@@ -19999,7 +20005,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_3$c)), [
                     [_directive_lightbox]
-                  ]) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                  ]) : (openBlock(), createBlock(unref(_sfc_main$R), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -20027,7 +20033,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, _hoisted_5$7)) : createCommentVNode("", true)
-                  ], 64)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                  ], 64)) : (openBlock(), createBlock(unref(_sfc_main$R), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -20038,7 +20044,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                    createVNode(unref(_sfc_main$Q), {
+                    createVNode(unref(_sfc_main$R), {
                       class: "success",
                       icon: "check"
                     })
@@ -20046,7 +20052,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
-            !_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (openBlock(), createElementBlock("div", _hoisted_8, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(storageFiles.value, (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id,
@@ -20059,7 +20065,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_9)), [
                     [_directive_lightbox]
-                  ]) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                  ]) : (openBlock(), createBlock(unref(_sfc_main$R), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -20078,7 +20084,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                    createVNode(unref(_sfc_main$Q), {
+                    createVNode(unref(_sfc_main$R), {
                       class: "success",
                       icon: "check"
                     })
@@ -20100,7 +20106,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             browse
           }, () => [
             createElementVNode("p", _hoisted_12, [
-              createVNode(unref(_sfc_main$Q), { icon: "upload_2" }),
+              createVNode(unref(_sfc_main$R), { icon: "upload_2" }),
               createTextVNode(" Drop files here or click to upload ")
             ])
           ], true) : createCommentVNode("", true)
@@ -20109,16 +20115,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a0ae528d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-e8b1219f"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$j = ["title"];
+const _hoisted_1$k = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
 const _hoisted_3$b = [
   _hoisted_2$e
 ];
 const _hoisted_4$7 = ["id", "required"];
 const _hoisted_5$6 = ["for"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -20160,11 +20166,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_5$6)
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-06b95183"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-06b95183"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -43979,12 +43985,12 @@ const TableHeader = Node$2.create({
     return ["th", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const _hoisted_1$i = { class: "RichText" };
+const _hoisted_1$j = { class: "RichText" };
 const _hoisted_2$d = {
   key: 0,
   class: "RichText-tools"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "RichText",
   props: {
     modelValue: {}
@@ -44209,7 +44215,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
           (openBlock(), createElementBlock(Fragment$1, null, renderList(config, (item) => {
             var _a2;
@@ -46317,13 +46323,13 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$h = ["aria-expanded"];
+const _hoisted_1$i = ["aria-expanded"];
 const _hoisted_2$c = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_3$a = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$6 = { class: "tel-country" };
 const _hoisted_5$5 = { key: 1 };
 const _hoisted_6$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -46632,7 +46638,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                   class: "flex gap-05",
                   onClick: _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = true : open = true)
                 }, [
-                  createVNode(unref(_sfc_main$Q), {
+                  createVNode(unref(_sfc_main$R), {
                     icon: unref(open) ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   computedDropDownOptions.value.showFlags && unref(activeCountryCode) ? (openBlock(), createBlock(unref(Flag), {
@@ -46670,13 +46676,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, null, 44, _hoisted_6$4), [
               [vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$h)
+          ], 40, _hoisted_1$i)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-9d176183"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-9d176183"]]);
 /*!
  * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -47270,8 +47276,8 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$g = ["disabled"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = ["disabled"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SignaturePad",
   props: {
     sigOption: {},
@@ -47403,16 +47409,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$g)
+        }, null, 8, _hoisted_1$h)
       ], 34);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {}
@@ -47442,7 +47448,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(SelectInput, {
           class: "m-0 w150",
           options: ["Text", "Heading 1", "Heading 2", "Heading 3", "Heading 4", "Heading 5", "Heading 6", "Blockquote", "Code"],
@@ -47643,14 +47649,14 @@ function createTable() {
     }
   }
 }
-const _hoisted_1$e = { class: "rich-text-editor round pt-05 px-1 pb-1" };
+const _hoisted_1$f = { class: "rich-text-editor round pt-05 px-1 pb-1" };
 const _hoisted_2$b = { class: "editor-container flex flex-stretch gap-1 m_column" };
 const _hoisted_3$9 = { class: "content-area rounded p-1 bg-white shadow-light w-100 grid" };
 const _hoisted_4$5 = {
   key: 0,
   class: "preview-area bg-black color-white w-100 rounded p-1"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -47777,8 +47783,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createVNode(_sfc_main$a, {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createVNode(_sfc_main$b, {
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
@@ -47809,8 +47815,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-c9729efd"]]);
-const _hoisted_1$d = ["for"];
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c9729efd"]]);
+const _hoisted_1$e = ["for"];
 const _hoisted_2$a = ["id", "name", "value"];
 const _hoisted_3$8 = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$4 = ["src", "alt"];
@@ -47823,7 +47829,7 @@ const _hoisted_7$1 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ mergeModels({
     groupName: {},
@@ -47876,13 +47882,49 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : createCommentVNode("", true)
-          ], 8, _hoisted_1$d);
+          ], 8, _hoisted_1$e);
         }), 128))
       ]);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-ac3dc0e2"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ac3dc0e2"]]);
+const _hoisted_1$d = { class: "relative" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "PasswordInput",
+  props: /* @__PURE__ */ mergeModels({
+    txtInputProps: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {},
+    "showPwd": { default: false },
+    "showPwdModifiers": {}
+  }),
+  emits: ["update:modelValue", "update:showPwd"],
+  setup(__props) {
+    const password = useModel(__props, "modelValue");
+    const showPwd = useModel(__props, "showPwd");
+    const toggleShowPwdIcon = computed(() => showPwd.value ? "visibility_off" : "visibility");
+    const inputType = computed(() => showPwd.value ? "text" : "password");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(unref(TextInput), mergeProps({
+          modelValue: password.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
+          class: "mb-0",
+          type: inputType.value
+        }, _ctx.txtInputProps), null, 16, ["modelValue", "type"]),
+        createVNode(unref(Btn), {
+          flat: "",
+          thin: "",
+          class: "m-05 position-bottom-end",
+          icon: toggleShowPwdIcon.value,
+          onClick: _cache[1] || (_cache[1] = ($event) => showPwd.value = !showPwd.value)
+        }, null, 8, ["icon"])
+      ]);
+    };
+  }
+});
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -54048,7 +54090,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(unref(_sfc_main$D), {
+      return openBlock(), createBlock(unref(_sfc_main$E), {
         class: normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: unref(isOpen) }])
       }, {
         default: withCtx(() => [
@@ -54071,7 +54113,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               class: "nav-button px-075"
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$Q), {
+                createVNode(unref(_sfc_main$R), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -54108,7 +54150,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$D), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return openBlock(), createBlock(unref(_sfc_main$E), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.navLinks, (nav2, i2) => {
@@ -54119,7 +54161,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               onClick: nav2.onClick
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$Q), {
+                createVNode(unref(_sfc_main$R), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -54272,7 +54314,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: normalizeClass([{ active: isActive2(tab) }, "bgl_tab relative z-1"]),
             onClick: ($event) => selectTab(tab)
           }, [
-            typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
+            typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(_sfc_main$R), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -54691,54 +54733,55 @@ 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");
 export {
-  _sfc_main$A as Accordion,
+  _sfc_main$B as Accordion,
   AccordionItem,
   Alert,
   Avatar,
   Badge,
-  _sfc_main$s as BagelForm,
+  _sfc_main$t as BagelForm,
   BagelVue,
-  _sfc_main$r as BglField,
-  _sfc_main$s as BglForm,
-  _sfc_main$q as BglMultiStepForm,
+  _sfc_main$s as BglField,
+  _sfc_main$t as BglForm,
+  _sfc_main$r as BglMultiStepForm,
   BglVideo,
   BottomMenu,
   Btn,
-  _sfc_main$D as Card,
+  _sfc_main$E as Card,
   Carousel,
   CheckInput,
   Checkbox,
-  _sfc_main$i as ColorPicker,
+  _sfc_main$j as ColorPicker,
   DataPreview,
-  _sfc_main$o as DateInput,
-  _sfc_main$h as DatePicker,
+  _sfc_main$p as DateInput,
+  _sfc_main$i as DatePicker,
   kt$1 as Dropdown,
   $el as FileUpload,
   Flag,
   IMAGE_FORMATS,
   IMAGE_FORMATS_REGEXP,
-  _sfc_main$Q as Icon,
+  _sfc_main$R as Icon,
   JSONInput,
   Layout,
   _sfc_main$7 as Lineart,
-  _sfc_main$J as ListItem,
+  _sfc_main$K as ListItem,
   ListView,
-  _sfc_main$u as MapEmbed,
-  _sfc_main$Q as MaterialIcon,
-  _sfc_main$N as Modal,
-  _sfc_main$v as ModalConfirm,
+  _sfc_main$v as MapEmbed,
+  _sfc_main$R as MaterialIcon,
+  _sfc_main$O as Modal,
+  _sfc_main$w as ModalConfirm,
   ModalForm,
   ModalPlugin,
   NavBar,
-  _sfc_main$I as PageTitle,
+  _sfc_main$J as PageTitle,
+  _sfc_main$8 as PasswordInput,
   RadioGroup,
   RadioPillsInput,
-  _sfc_main$d as RichText,
+  _sfc_main$e as RichText,
   index as RichText2,
   RouterWrapper,
   SelectInput,
   SidebarMenu,
-  _sfc_main$b as SignaturePad,
+  _sfc_main$c as SignaturePad,
   TabbedLayout,
   TableField,
   TableSchema,
@@ -54747,7 +54790,7 @@ export {
   TabsNav,
   TelInput,
   TextInput,
-  _sfc_main$B as Title,
+  _sfc_main$C as Title,
   ToggleInput,
   TopBar,
   VIDEO_FORMATS,