@bagelink/vue 0.0.744 → 0.0.747

package/dist/index.cjs

@@ -5185,8 +5185,8 @@ const _hoisted_1$P = {
 };
 const _hoisted_2$B = { class: "bgl-lightbox-item" };
 const _hoisted_3$q = ["src"];
-const _hoisted_4$i = ["src", "title"];
-const _hoisted_5$g = {
+const _hoisted_4$h = ["src", "title"];
+const _hoisted_5$f = {
   key: 3,
   class: "file-info txt-white"
 };
@@ -5196,7 +5196,7 @@ const _hoisted_7$6 = {
   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$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
     let isOpen = vue.ref(false);
@@ -5284,7 +5284,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createVNode(vue.unref(Btn), {
                   flat: "",
-                  class: "fixed top-1 end-1 color-white",
+                  class: "fixed top-1 start-1 color-white",
                   icon: "close",
                   onClick: close2
                 }),
@@ -5308,7 +5308,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                     height: "1080",
                     title: (_g = vue.unref(currentItem)) == null ? void 0 : _g.name,
                     class: "vw90"
-                  }, null, 8, _hoisted_4$i)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
+                  }, null, 8, _hoisted_4$h)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$f, [
                     vue.createElementVNode("p", null, "File: " + vue.toDisplayString((_h = vue.unref(currentItem)) == null ? void 0 : _h.name), 1),
                     vue.createElementVNode("p", null, "Type: " + vue.toDisplayString((_i = vue.unref(currentItem)) == null ? void 0 : _i.type), 1),
                     vue.createElementVNode("a", {
@@ -5326,7 +5326,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 10, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                      }, null, 10, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                         key: 1,
                         class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         icon: "description",
@@ -5351,7 +5351,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-562f0f36"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-0410e12d"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -5809,9 +5809,9 @@ const ModalPlugin = {
             case "modalForm":
               return vue.h(ModalForm, props2, modal.componentSlots);
             case "confirmModal":
-              return vue.h(_sfc_main$x, props2, {});
+              return vue.h(_sfc_main$y, props2, {});
             default:
-              return vue.h(_sfc_main$P, props2, modal.componentSlots);
+              return vue.h(_sfc_main$Q, props2, modal.componentSlots);
           }
         });
       }
@@ -5831,14 +5831,14 @@ function useBglSchema({ schema, showFields, data: data2 } = {}) {
 }
 function useLocalStorage(key, initialValue) {
   const storedValue = localStorage.getItem(key);
-  const initial = storedValue ? JSON.parse(storedValue) : initialValue;
+  const initial = storedValue !== null ? JSON.parse(storedValue) : initialValue;
   const value = vue.ref(initial);
   vue.watch(() => value.value, (val) => {
     localStorage.setItem(key, JSON.stringify(val));
   }, { immediate: true, deep: true });
   return value;
 }
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5859,10 +5859,10 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$O = { class: "full-nav" };
 const _hoisted_2$A = { 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_4$g = { class: "tooltip" };
+const _hoisted_5$e = { class: "bot-buttons-wrapper" };
 const _hoisted_6$a = { class: "tooltip" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5887,7 +5887,7 @@ const _sfc_main$R = /* @__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$S), {
+          vue.createVNode(vue.unref(_sfc_main$T), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -5906,17 +5906,17 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$S), {
+                    vue.createVNode(vue.unref(_sfc_main$T), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$f, [
+          vue.createElementVNode("div", _hoisted_5$e, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.footerLinks, (link) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 key: link.label,
@@ -5928,7 +5928,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$S), {
+                  vue.createVNode(vue.unref(_sfc_main$T), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
@@ -5943,7 +5943,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-bc4e49f9"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-bc4e49f9"]]);
 const _hoisted_1$N = {
   key: 0,
   class: "loading"
@@ -5952,7 +5952,7 @@ const _hoisted_2$z = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -6047,7 +6047,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -6055,7 +6055,7 @@ const _sfc_main$Q = /* @__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$S), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -6066,7 +6066,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-86bf4080"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-86bf4080"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "tool-bar"
@@ -6079,7 +6079,7 @@ const _hoisted_3$o = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -6135,7 +6135,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$F), {
+        vue.createVNode(vue.unref(_sfc_main$G), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -6152,7 +6152,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
@@ -6186,7 +6186,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -6247,7 +6247,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -6300,12 +6300,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-083a1b2d"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-083a1b2d"]]);
 const _hoisted_1$L = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$n = { class: "accordion-label" };
-const _hoisted_4$g = ["id", "aria-hidden"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$f = ["id", "aria-hidden"];
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -6355,7 +6355,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(isOpen) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$S), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$T), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$x),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -6367,7 +6367,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$g)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$f)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -6375,8 +6375,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f87b579d"]]);
-const _sfc_main$M = {};
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-f87b579d"]]);
+const _sfc_main$N = {};
 const _hoisted_1$K = { 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$m = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
@@ -6390,10 +6390,10 @@ function _sfc_render$2(_ctx, _cache) {
     ])
   ]);
 }
-const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$2]]);
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$2]]);
 const _hoisted_1$J = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -6409,7 +6409,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
         to: _ctx.to,
-        class: vue.normalizeClass(["flex gap-1 list-item", { "notClickable": !(_ctx.to || _ctx.onClick), "no-border-list": _ctx.flat }]),
+        class: vue.normalizeClass(["flex gap-05 list-item", { "notClickable": !(_ctx.to || _ctx.onClick), "no-border-list": _ctx.flat }]),
         onClick: _ctx.onClick
       }, {
         default: vue.withCtx(() => [
@@ -6420,7 +6420,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
             key: 1,
             size: "1.2",
             class: "color-primary",
@@ -6444,7 +6444,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$I = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -6777,25 +6777,20 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-bd90dc89"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$H = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$t = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
-const _hoisted_3$l = [
-  _hoisted_2$t
-];
-const _hoisted_4$f = { class: "infinite-wrapper" };
-const _hoisted_5$e = { class: "row first-row" };
-const _hoisted_6$9 = { key: 0 };
+const _hoisted_2$t = { class: "infinite-wrapper" };
+const _hoisted_3$l = { class: "row first-row" };
+const _hoisted_4$e = { key: 0 };
+const _hoisted_5$d = ["onClick"];
+const _hoisted_6$9 = { class: "flex" };
 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$J = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_8$2 = { key: 0 };
+const _hoisted_9$2 = ["value"];
+const _hoisted_10$1 = { key: 1 };
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ vue.mergeModels({
     selectedItems: {},
@@ -6932,10 +6927,12 @@ const _sfc_main$J = /* @__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$H, _hoisted_3$l)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
-          vue.createElementVNode("table", _hoisted_4$f, [
-            vue.createElementVNode("thead", _hoisted_5$e, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$9, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, _cache[3] || (_cache[3] = [
+          vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
+        ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+          vue.createElementVNode("table", _hoisted_2$t, [
+            vue.createElementVNode("thead", _hoisted_3$l, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$e, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelector",
                   ref: allSelector,
@@ -6951,18 +6948,18 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_8$2, [
+                  vue.createElementVNode("div", _hoisted_6$9, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$S), {
+                      vue.createVNode(vue.unref(_sfc_main$T), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_7$5);
+                ], 8, _hoisted_5$d);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -6972,7 +6969,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["row row-item position-relative", { selected: vue.unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => toggleSelectItem(row)
                 }, [
-                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_10$1, [
+                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$2, [
                     vue.createElementVNode("div", {
                       onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
                       }, ["stop"]))
@@ -6981,7 +6978,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(computedSelectedItems) ? computedSelectedItems.value = $event : computedSelectedItems = $event),
                         type: "checkbox",
                         value: row.id
-                      }, null, 8, _hoisted_11$1), [
+                      }, null, 8, _hoisted_9$2), [
                         [vue.vModelCheckbox, vue.unref(computedSelectedItems)]
                       ])
                     ])
@@ -6995,7 +6992,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
                         vue.createVNode(vue.unref(_sfc_main$s), {
                           class: "embedded-field",
                           field,
@@ -7005,7 +7002,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_9$2);
+                ], 10, _hoisted_7$5);
               }), 128))
             ])
           ])
@@ -7014,16 +7011,16 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-bd90dc89"]]);
-const _sfc_main$I = {};
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-bd90dc89"]]);
+const _sfc_main$J = {};
 const _hoisted_1$G = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$1]]);
-const _sfc_main$H = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$1]]);
+const _sfc_main$I = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -7045,7 +7042,7 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render]]);
 const _hoisted_1$F = {
   key: 0,
   class: "data"
@@ -7055,8 +7052,8 @@ const _hoisted_2$s = {
   class: "data-row m_py-05"
 };
 const _hoisted_3$k = { class: "key" };
-const _hoisted_4$e = { class: "m-0" };
-const _hoisted_5$d = { key: 1 };
+const _hoisted_4$d = { class: "m-0" };
+const _hoisted_5$c = { key: 1 };
 const _hoisted_6$8 = {
   key: 0,
   class: "data-row"
@@ -7067,7 +7064,7 @@ const _hoisted_9$1 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -7104,7 +7101,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -7114,7 +7111,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
               vue.createElementVNode("div", _hoisted_3$k, [
-                vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
+                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$s), {
                 modelValue: itemData.value,
@@ -7126,7 +7123,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: id }, [
               !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
@@ -7145,12 +7142,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4d174f13"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-4d174f13"]]);
 const _hoisted_1$E = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -7187,7 +7184,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$D = ["src", "alt"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -7213,8 +7210,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -7242,7 +7239,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -7258,7 +7255,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$C = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -7279,7 +7276,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
@@ -7298,8 +7295,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1322d9e1"]]);
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-1322d9e1"]]);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -7315,13 +7312,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -7330,10 +7327,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-40a0b03a"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-40a0b03a"]]);
 const _hoisted_1$B = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -7402,13 +7399,13 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-8495afe2"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8495afe2"]]);
 const _hoisted_1$A = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_2$p = { class: "Handlers" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -7577,9 +7574,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-1f9c6644"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-1f9c6644"]]);
 const _hoisted_1$z = { class: "pb-05 pretty" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -7595,7 +7592,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
         title: _ctx.title,
         width: "380px",
         dismissable: false,
@@ -7605,6 +7602,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(vue.unref(Btn), {
             flat: "",
             thin: "",
+            class: "color-black",
             value: "Cancel",
             onClick: _cache[0] || (_cache[0] = ($event) => select2(false))
           }),
@@ -7625,7 +7623,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$y = ["id"];
 const defaultMarkerSVG = '<svg id="eCJDQPwuXje1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="ac827abc0a8c4922b76bac4df7bd7646" export-id="2cc86932ccbc4825a31fd063b3e75478" cached="false"><style><![CDATA[#eCJDQPwuXje3_ts {animation: eCJDQPwuXje3_ts__ts 3000ms linear infinite normal forwards}@keyframes eCJDQPwuXje3_ts__ts { 0% {transform: translate(18px,18px) scale(1,1)} 3.333333% {transform: translate(18px,18px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {transform: translate(18px,18px) scale(1.8,1.8)}} #eCJDQPwuXje3 {animation: eCJDQPwuXje3_c_o 3000ms linear infinite normal forwards}@keyframes eCJDQPwuXje3_c_o { 0% {opacity: 0} 3.333333% {opacity: 1;animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {opacity: 0}}]]></style><ellipse rx="10.049312" ry="10.049312" transform="translate(18 18)" fill="#2e5bff" stroke-width="0"/><g id="eCJDQPwuXje3_ts" transform="translate(18,18) scale(1,1)"><ellipse id="eCJDQPwuXje3" rx="10.049312" ry="10.049312" transform="translate(0,0)" opacity="0" fill="#2e5bff" stroke-width="0"/></g></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   props: {
     center: { default: () => [31.7683, 35.2137] },
@@ -7698,7 +7696,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -7728,9 +7726,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f99f1900"]]);
 const _hoisted_1$x = { class: "relative" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -7749,22 +7747,29 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       const geocodeUrl = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURI(addressURL)}`;
       const res = await fetch(geocodeUrl);
       searchResults.value = await res.json() || [];
-      console.log(suggestion.value);
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
-        vue.createVNode(vue.unref(kt$1), {
+        vue.createVNode(vue.unref(_sfc_main$u), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
           placement: "bottom-start"
         }, {
+          trigger: vue.withCtx(() => [
+            vue.createVNode(vue.unref(TextInput), {
+              modelValue: vue.unref(addressInput),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(addressInput) ? addressInput.value = $event : addressInput = $event),
+              placeholder: "Enter address",
+              onDebounce: searchAddresses
+            }, null, 8, ["modelValue"])
+          ]),
           popper: vue.withCtx(() => [
             vue.createVNode(vue.unref(ListView), { class: "-mt-2 hm-300px" }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(searchResults), (result2, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), {
                     key: index2,
                     icon: "location_on",
                     title: result2.display_name,
@@ -7775,20 +7780,69 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               _: 1
             })
           ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(TextInput), {
-              modelValue: vue.unref(addressInput),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(addressInput) ? addressInput.value = $event : addressInput = $event),
-              placeholder: "Enter address",
-              onDebounce: searchAddresses
-            }, null, 8, ["modelValue"])
-          ]),
           _: 1
         }, 512)
       ]);
     };
   }
 });
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  __name: "Dropdown",
+  props: {
+    value: {},
+    thin: { type: Boolean },
+    flat: { type: Boolean },
+    disabled: { type: Boolean },
+    icon: {},
+    triggerClass: {},
+    border: { type: Boolean },
+    outline: { type: Boolean },
+    round: { type: Boolean },
+    placement: {},
+    noAutoFocus: { type: Boolean }
+  },
+  emits: ["show", "hide"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit2 = __emit;
+    const ddownRef = vue.ref();
+    const show = () => {
+      var _a2;
+      return (_a2 = ddownRef.value) == null ? void 0 : _a2.show();
+    };
+    const hide2 = () => {
+      var _a2;
+      return (_a2 = ddownRef.value) == null ? void 0 : _a2.hide();
+    };
+    __expose({ show, hide: hide2 });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
+        ref_key: "ddownRef",
+        ref: ddownRef,
+        disabled: _ctx.disabled,
+        noAutoFocus: _ctx.noAutoFocus,
+        placement: _ctx.placement,
+        onHide: _cache[0] || (_cache[0] = ($event) => emit2("hide")),
+        onShow: _cache[1] || (_cache[1] = ($event) => emit2("show"))
+      }, {
+        popper: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
+            vue.createVNode(vue.unref(Btn), {
+              class: vue.normalizeClass(_ctx.triggerClass),
+              icon: _ctx.icon,
+              value: _ctx.value,
+              thin: _ctx.thin,
+              flat: _ctx.thin
+            }, null, 8, ["class", "icon", "value", "thin", "flat"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["disabled", "noAutoFocus", "placement"]);
+    };
+  }
+});
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
@@ -7881,7 +7935,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         _ctx.id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
             key: 0,
             tag: "h4",
             label: _ctx.label
@@ -7905,7 +7959,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
             key: 0,
             tag: "h4",
             label: _ctx.label
@@ -16734,11 +16788,11 @@ const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-
 const _hoisted_1$s = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
 const _hoisted_3$h = { key: 1 };
-const _hoisted_4$d = {
+const _hoisted_4$c = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
-const _hoisted_5$c = ["value"];
+const _hoisted_5$b = ["value"];
 const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_7$3 = { class: "block" };
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
@@ -16880,17 +16934,59 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$u), {
         ref_key: "dropdown",
         ref: dropdown,
         placement: "bottom-start",
         class: "bagel-input selectinput",
-        onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
-        }, ["stop"])),
-        onHide: _cache[5] || (_cache[5] = ($event) => updateOpen(false))
+        onHide: _cache[4] || (_cache[4] = ($event) => updateOpen(false))
       }, {
-        popper: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$F), {
+        trigger: vue.withCtx(() => [
+          vue.createElementVNode("label", null, [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+            vue.createElementVNode("div", _hoisted_1$s, [
+              vue.createElementVNode("button", {
+                disabled: _ctx.disabled,
+                type: "button",
+                class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
+                onKeydown: openOptions,
+                onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
+              }, [
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
+                  key: 0,
+                  icon: _ctx.icon
+                }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$h, 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), {
+                    flat: "",
+                    thin: "",
+                    icon: "clear",
+                    class: "color-gray",
+                    onClick: _cache[0] || (_cache[0] = ($event) => {
+                      vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
+                      emitUpdate();
+                    })
+                  })
+                ])) : vue.createCommentVNode("", true),
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), vue.mergeProps({
+                  key: 3,
+                  thin: ""
+                }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
+              ], 42, _hoisted_2$l),
+              _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
+                key: 0,
+                tabindex: "-1",
+                style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+                value: vue.unref(selectedItems),
+                required: "",
+                onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
+              }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(_sfc_main$G), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -16919,12 +17015,12 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                     onKeydown: vue.withKeys(($event) => select2(option2), ["enter"])
                   }, [
                     _ctx.multiselect ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : vue.createCommentVNode("", true),
-                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -16940,56 +17036,12 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             _: 3
           }, 8, ["style"])
         ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("label", null, [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$s, [
-              vue.createElementVNode("button", {
-                disabled: _ctx.disabled,
-                type: "button",
-                class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
-                onKeydown: openOptions,
-                onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
-              }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
-                  key: 0,
-                  icon: _ctx.icon
-                }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$h, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, [
-                  vue.createVNode(vue.unref(Btn), {
-                    flat: "",
-                    thin: "",
-                    icon: "clear",
-                    class: "color-gray",
-                    onClick: _cache[0] || (_cache[0] = ($event) => {
-                      vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
-                      emitUpdate();
-                    })
-                  })
-                ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), vue.mergeProps({
-                  key: 3,
-                  thin: ""
-                }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-              ], 42, _hoisted_2$l),
-              _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
-                key: 0,
-                tabindex: "-1",
-                style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
-                value: vue.unref(selectedItems),
-                required: "",
-                onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
-              }, null, 40, _hoisted_5$c)) : vue.createCommentVNode("", true)
-            ])
-          ])
-        ]),
         _: 3
       }, 512);
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-be6303fe"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e1b57699"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -19472,8 +19524,8 @@ const VueDraggableNext = vue.defineComponent({
 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_4$b = { class: "table-header" };
+const _hoisted_5$a = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
@@ -19544,7 +19596,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("label", null, vue.toDisplayString((_a2 = vue.unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
         vue.createElementVNode("div", _hoisted_3$g, [
-          vue.createElementVNode("div", _hoisted_4$c, [
+          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`,
@@ -19571,8 +19623,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$b, [
-                        vue.createVNode(vue.unref(_sfc_main$S), { icon: "more_vert" })
+                      vue.createElementVNode("div", _hoisted_5$a, [
+                        vue.createVNode(vue.unref(_sfc_main$T), { 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", {
@@ -19589,7 +19641,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$6, [
-                        vue.createVNode(vue.unref(_sfc_main$S), {
+                        vue.createVNode(vue.unref(_sfc_main$T), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -19610,9 +19662,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           color: "light",
           onClick: addRow2
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[1] || (_cache[1] = [
             vue.createTextVNode(" New ")
-          ]),
+          ])),
           _: 1
         })
       ], 8, _hoisted_1$r);
@@ -19623,8 +19675,8 @@ const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data
 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 _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_5$9 = { key: 2 };
 const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
@@ -19741,17 +19793,17 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             onInput: updateInputVal,
             onFocusout: _cache[3] || (_cache[3] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-          }), null, 16, _hoisted_4$b)), [
+          }), null, 16, _hoisted_4$a)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
-          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$a, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
+          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$9, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$j),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -19838,8 +19890,8 @@ const _hoisted_3$e = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_4$a = ["id", "name", "value"];
-const _hoisted_5$9 = ["for"];
+const _hoisted_4$9 = ["id", "name", "value"];
+const _hoisted_5$8 = ["for"];
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
@@ -19883,8 +19935,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             "enable-time-picker": false,
             "month-change-on-scroll": false
           }, _ctx.options), {
-            "action-buttons": vue.withCtx(() => []),
-            "action-preview": vue.withCtx(() => []),
+            "action-buttons": vue.withCtx(() => _cache[2] || (_cache[2] = [])),
+            "action-preview": vue.withCtx(() => _cache[3] || (_cache[3] = [])),
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
@@ -19897,12 +19949,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$a), [
+              }, null, 8, _hoisted_4$9), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, vue.toDisplayString(hr2), 9, _hoisted_5$9)
+              }, vue.toDisplayString(hr2), 9, _hoisted_5$8)
             ], 64);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -19913,8 +19965,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
 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 _hoisted_4$8 = ["id", "name", "value", "checked"];
+const _hoisted_5$7 = ["for"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -19971,10 +20023,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$9),
+              }, null, 40, _hoisted_4$8),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
+              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$7)
             ]);
           }), 128))
         ])
@@ -19989,8 +20041,8 @@ const _hoisted_2$f = {
   class: "bgl-multi-preview"
 };
 const _hoisted_3$c = ["src"];
-const _hoisted_4$8 = { class: "m-0" };
-const _hoisted_5$7 = ["width", "src"];
+const _hoisted_4$7 = { class: "m-0" };
+const _hoisted_5$6 = ["width", "src"];
 const _hoisted_6$5 = { class: "no-margin multi-preview-txt" };
 const _hoisted_7$2 = {
   key: 0,
@@ -20187,12 +20239,12 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_3$c)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  vue.createElementVNode("p", _hoisted_4$8, vue.toDisplayString(file.name), 1),
+                  vue.createElementVNode("p", _hoisted_4$7, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -20214,8 +20266,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                       class: "multi-preview",
                       src: fileToUrl(fileQ.file),
                       alt: ""
-                    }, null, 8, _hoisted_5$7)) : vue.createCommentVNode("", true)
-                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                    }, null, 8, _hoisted_5$6)) : vue.createCommentVNode("", true)
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -20226,7 +20278,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$S), {
+                    vue.createVNode(vue.unref(_sfc_main$T), {
                       class: "success",
                       icon: "check"
                     })
@@ -20247,7 +20299,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_9)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -20266,7 +20318,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(_sfc_main$S), {
+                    vue.createVNode(vue.unref(_sfc_main$T), {
                       class: "success",
                       icon: "check"
                     })
@@ -20288,8 +20340,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_12, [
-              vue.createVNode(vue.unref(_sfc_main$S), { icon: "upload_2" }),
-              vue.createTextVNode(" Drop files here or click to upload ")
+              vue.createVNode(vue.unref(_sfc_main$T), { icon: "upload_2" }),
+              _cache[0] || (_cache[0] = vue.createTextVNode(" Drop files here or click to upload "))
             ])
           ], true) : vue.createCommentVNode("", true)
         ], 38)
@@ -20298,14 +20350,9 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const $el = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-298b3d5b"]]);
-const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-0a2b089d"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$k = ["title"];
-const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.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 _hoisted_2$e = ["id", "required"];
+const _hoisted_3$b = ["for"];
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -20334,20 +20381,22 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
-        }, _hoisted_3$b, 2),
+        }, _cache[1] || (_cache[1] = [
+          vue.createElementVNode("span", { class: "slider round" }, null, -1)
+        ]), 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$7), [
+        }, null, 8, _hoisted_2$e), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_5$6)
+        ], 8, _hoisted_3$b)
       ], 10, _hoisted_1$k);
     };
   }
@@ -46718,8 +46767,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     function findCountryByDialCode(dialCode) {
       return filteredCountries.value.find((country) => Number(country.dialCode) === dialCode);
     }
+    const phoneDropdown = vue.ref();
     function chooseCountry(country) {
-      var _a2;
+      var _a2, _b;
       if (!country) return;
       const parsedCountry = findCountry(country);
       if (!parsedCountry) return;
@@ -46730,6 +46780,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       activeCountryCode.value = parsedCountry.iso2 || "";
+      (_b = phoneDropdown.value) == null ? void 0 : _b.hide();
     }
     function onBlur() {
       emit2("blur");
@@ -46774,13 +46825,29 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               vue.withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
+            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$u), {
               key: 0,
-              placement: "bottom",
+              ref_key: "phoneDropdown",
+              ref: phoneDropdown,
+              placement: "bottom-start",
               disabled: computedDropDownOptions.value.disabled,
               onHide: _cache[2] || (_cache[2] = ($event) => vue.isRef(open) ? open.value = false : open = false)
             }, {
-              popper: vue.withCtx(({ hide: hide2 }) => [
+              trigger: vue.withCtx(() => [
+                vue.createElementVNode("span", {
+                  class: "flex gap-05",
+                  onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(open) ? open.value = true : open = true)
+                }, [
+                  vue.createVNode(vue.unref(_sfc_main$T), {
+                    icon: vue.unref(open) ? "collapse_all" : "expand_all"
+                  }, null, 8, ["icon"]),
+                  computedDropDownOptions.value.showFlags && vue.unref(activeCountryCode) ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
+                    key: 0,
+                    country: vue.unref(activeCountryCode)
+                  }, null, 8, ["country"])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_2$c, [
                   _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                     key: 0,
@@ -46802,10 +46869,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                         class: "flex gap-075",
                         tabindex: "-1",
                         "aria-selected": vue.unref(activeCountryCode) === pb.iso2 && !isPreferred(pb),
-                        onClick: ($event) => {
-                          chooseCountry(pb.iso2);
-                          hide2();
-                        },
+                        onClick: ($event) => chooseCountry(pb.iso2),
                         onMousemove: ($event) => vue.isRef(selectedIndex) ? selectedIndex.value = index2 : selectedIndex = index2
                       }, [
                         computedDropDownOptions.value.showFlags ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
@@ -46819,20 +46883,6 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   ], 2)
                 ])
               ]),
-              default: vue.withCtx(() => [
-                vue.createElementVNode("span", {
-                  class: "flex gap-05",
-                  onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(open) ? open.value = true : open = true)
-                }, [
-                  vue.createVNode(vue.unref(_sfc_main$S), {
-                    icon: vue.unref(open) ? "collapse_all" : "expand_all"
-                  }, null, 8, ["icon"]),
-                  computedDropDownOptions.value.showFlags && vue.unref(activeCountryCode) ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
-                    key: 0,
-                    country: vue.unref(activeCountryCode)
-                  }, null, 8, ["country"])) : vue.createCommentVNode("", true)
-                ])
-              ]),
               _: 1
             }, 8, ["disabled"])) : vue.createCommentVNode("", true),
             vue.withDirectives(vue.createElementVNode("input", {
@@ -46868,7 +46918,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-17a4fdd5"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-3a82d433"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -48103,7 +48153,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(vue.unref(Btn), {
           flat: "",
           thin: "",
-          class: "m-05 position-bottom-end",
+          class: "mx-05 m-password position-bottom-end",
           icon: toggleShowPwdIcon.value,
           onClick: _cache[1] || (_cache[1] = ($event) => showPwd.value = !showPwd.value)
         }, null, 8, ["icon"])
@@ -52884,7 +52934,7 @@ var script$7 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6$1 = { key: 0 };
+const _hoisted_1$6 = { key: 0 };
 const _hoisted_2$4 = ["transform"];
 const _hoisted_3$3 = ["id", "fill", "d", "onMousemove"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
@@ -52894,7 +52944,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     type: "pie"
   }, {
     default: vue.withCtx(() => [
-      _ctx.arcs.length === 0 ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_1$6$1, "No Data")) : vue.createCommentVNode("v-if", true),
+      _ctx.arcs.length === 0 ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_1$6, "No Data")) : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("g", { transform: _ctx.transform }, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
@@ -53343,7 +53393,7 @@ const _hoisted_1$2$1 = {
   class: "layer-marker"
 };
 const _hoisted_2$2 = ["x", "y", "fill"];
-const _hoisted_3$1$1 = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"];
+const _hoisted_3$1 = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"];
 const _hoisted_4$1 = {
   key: 1,
   class: "layer-marker"
@@ -53367,7 +53417,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       "stroke-opacity": _ctx.strokeOpacity,
       "stroke-width": _ctx.strokeWidth,
       "stroke-dasharray": _ctx.strokeDasharray
-    }, null, 8, _hoisted_3$1$1)
+    }, null, 8, _hoisted_3$1)
   ])) : (vue.openBlock(), vue.createElementBlock("g", _hoisted_4$1, [
     vue.createElementVNode("text", {
       x: _ctx.y + 10,
@@ -54068,11 +54118,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
-const _hoisted_1$6 = /* @__PURE__ */ vue.createElementVNode("stop", {
-  offset: "100%",
-  "stop-color": "white",
-  "stop-opacity": "0.4"
-}, null, -1);
 const BRAND_COLOR = "var(--bgl-primary)";
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
@@ -54195,7 +54240,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                   "stop-color": BRAND_COLOR,
                   "stop-opacity": "1"
                 }),
-                _hoisted_1$6
+                _cache[0] || (_cache[0] = vue.createElementVNode("stop", {
+                  offset: "100%",
+                  "stop-color": "white",
+                  "stop-opacity": "0.4"
+                }, null, -1))
               ])
             ])
           ]),
@@ -54253,10 +54302,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f1781965"]]);
-const _withScopeId = (n2) => (vue.pushScopeId("data-v-d15c030d"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$5 = { class: "w-100 px-075" };
 const _hoisted_2$1 = { key: 0 };
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { style: { "flex-grow": "1" } }, null, -1));
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMenu",
   props: {
@@ -54276,7 +54323,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$F), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
         class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: vue.unref(isOpen) }])
       }, {
         default: vue.withCtx(() => [
@@ -54299,7 +54346,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               class: "nav-button px-075"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$S), {
+                vue.createVNode(vue.unref(_sfc_main$T), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -54319,7 +54366,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               ]
             ]);
           }), 128)),
-          _hoisted_3$1,
+          _cache[0] || (_cache[0] = vue.createElementVNode("div", { style: { "flex-grow": "1" } }, null, -1)),
           vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
         ]),
         _: 3
@@ -54336,7 +54383,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), { 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$G), { 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) => {
@@ -54347,7 +54394,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               onClick: nav2.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$S), {
+                vue.createVNode(vue.unref(_sfc_main$T), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -54500,7 +54547,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$S), {
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -54918,9 +54965,9 @@ const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "s
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
-exports.Accordion = _sfc_main$C;
+exports.Accordion = _sfc_main$D;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$u;
+exports.AddressSearch = _sfc_main$v;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -54932,7 +54979,7 @@ exports.BglMultiStepForm = _sfc_main$r;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$F;
+exports.Card = _sfc_main$G;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
@@ -54940,25 +54987,25 @@ exports.ColorPicker = _sfc_main$j;
 exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$p;
 exports.DatePicker = _sfc_main$i;
-exports.Dropdown = kt$1;
+exports.Dropdown = _sfc_main$u;
 exports.FileUpload = $el;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
-exports.Icon = _sfc_main$S;
+exports.Icon = _sfc_main$T;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
 exports.Lineart = _sfc_main$7;
-exports.ListItem = _sfc_main$L;
+exports.ListItem = _sfc_main$M;
 exports.ListView = ListView;
-exports.MapEmbed = _sfc_main$w;
-exports.MaterialIcon = _sfc_main$S;
-exports.Modal = _sfc_main$P;
-exports.ModalConfirm = _sfc_main$x;
+exports.MapEmbed = _sfc_main$x;
+exports.MaterialIcon = _sfc_main$T;
+exports.Modal = _sfc_main$Q;
+exports.ModalConfirm = _sfc_main$y;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$K;
+exports.PageTitle = _sfc_main$L;
 exports.PasswordInput = _sfc_main$8;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
@@ -54976,7 +55023,7 @@ exports.TabsBody = _sfc_main$1;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$D;
+exports.Title = _sfc_main$E;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.VIDEO_FORMATS = VIDEO_FORMATS;