@bagelink/vue 0.0.738 → 0.0.742

package/dist/index.cjs

@@ -2939,7 +2939,10 @@ function AxiosError(message2, code2, config, request, response) {
   code2 && (this.code = code2);
   config && (this.config = config);
   request && (this.request = request);
-  response && (this.response = response);
+  if (response) {
+    this.response = response;
+    this.status = response.status ? response.status : null;
+  }
 }
 utils$1.inherits(AxiosError, Error, {
   toJSON: function toJSON() {
@@ -2958,7 +2961,7 @@ utils$1.inherits(AxiosError, Error, {
       // Axios
       config: utils$1.toJSONObject(this.config),
       code: this.code,
-      status: this.response && this.response.status ? this.response.status : null
+      status: this.status
     };
   }
 });
@@ -3239,9 +3242,8 @@ const platform$1 = {
   protocols: ["http", "https", "file", "blob", "url", "data"]
 };
 const hasBrowserEnv = typeof window !== "undefined" && typeof document !== "undefined";
-const hasStandardBrowserEnv = ((product) => {
-  return hasBrowserEnv && ["ReactNative", "NativeScript", "NS"].indexOf(product) < 0;
-})(typeof navigator !== "undefined" && navigator.product);
+const _navigator = typeof navigator === "object" && navigator || void 0;
+const hasStandardBrowserEnv = hasBrowserEnv && (!_navigator || ["ReactNative", "NativeScript", "NS"].indexOf(_navigator.product) < 0);
 const hasStandardBrowserWebWorkerEnv = (() => {
   return typeof WorkerGlobalScope !== "undefined" && // eslint-disable-next-line no-undef
   self instanceof WorkerGlobalScope && typeof self.importScripts === "function";
@@ -3252,6 +3254,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   hasBrowserEnv,
   hasStandardBrowserEnv,
   hasStandardBrowserWebWorkerEnv,
+  navigator: _navigator,
   origin
 }, Symbol.toStringTag, { value: "Module" }));
 const platform = {
@@ -3827,7 +3830,7 @@ const isURLSameOrigin = platform.hasStandardBrowserEnv ? (
   // Standard browser envs have full support of the APIs needed to test
   // whether the request URL is of the same origin as current location.
   function standardBrowserEnv() {
-    const msie = /(msie|trident)/i.test(navigator.userAgent);
+    const msie = platform.navigator && /(msie|trident)/i.test(platform.navigator.userAgent);
     const urlParsingNode = document.createElement("a");
     let originURL;
     function resolveURL(url) {
@@ -4140,36 +4143,37 @@ const xhrAdapter = isXHRAdapterSupported && function(config) {
   });
 };
 const composeSignals = (signals, timeout2) => {
-  let controller = new AbortController();
-  let aborted;
-  const onabort = function(cancel) {
-    if (!aborted) {
-      aborted = true;
-      unsubscribe();
-      const err = cancel instanceof Error ? cancel : this.reason;
-      controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
-    }
-  };
-  let timer = timeout2 && setTimeout(() => {
-    onabort(new AxiosError(`timeout ${timeout2} of ms exceeded`, AxiosError.ETIMEDOUT));
-  }, timeout2);
-  const unsubscribe = () => {
-    if (signals) {
-      timer && clearTimeout(timer);
+  const { length } = signals = signals ? signals.filter(Boolean) : [];
+  if (timeout2 || length) {
+    let controller = new AbortController();
+    let aborted;
+    const onabort = function(reason) {
+      if (!aborted) {
+        aborted = true;
+        unsubscribe();
+        const err = reason instanceof Error ? reason : this.reason;
+        controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
+      }
+    };
+    let timer = timeout2 && setTimeout(() => {
       timer = null;
-      signals.forEach((signal2) => {
-        signal2 && (signal2.removeEventListener ? signal2.removeEventListener("abort", onabort) : signal2.unsubscribe(onabort));
-      });
-      signals = null;
-    }
-  };
-  signals.forEach((signal2) => signal2 && signal2.addEventListener && signal2.addEventListener("abort", onabort));
-  const { signal } = controller;
-  signal.unsubscribe = unsubscribe;
-  return [signal, () => {
-    timer && clearTimeout(timer);
-    timer = null;
-  }];
+      onabort(new AxiosError(`timeout ${timeout2} of ms exceeded`, AxiosError.ETIMEDOUT));
+    }, timeout2);
+    const unsubscribe = () => {
+      if (signals) {
+        timer && clearTimeout(timer);
+        timer = null;
+        signals.forEach((signal2) => {
+          signal2.unsubscribe ? signal2.unsubscribe(onabort) : signal2.removeEventListener("abort", onabort);
+        });
+        signals = null;
+      }
+    };
+    signals.forEach((signal2) => signal2.addEventListener("abort", onabort));
+    const { signal } = controller;
+    signal.unsubscribe = () => utils$1.asap(unsubscribe);
+    return signal;
+  }
 };
 const streamChunk = function* (chunk, chunkSize) {
   let len = chunk.byteLength;
@@ -4185,13 +4189,31 @@ const streamChunk = function* (chunk, chunkSize) {
     pos = end2;
   }
 };
-const readBytes = async function* (iterable, chunkSize, encode2) {
-  for await (const chunk of iterable) {
-    yield* streamChunk(ArrayBuffer.isView(chunk) ? chunk : await encode2(String(chunk)), chunkSize);
+const readBytes = async function* (iterable, chunkSize) {
+  for await (const chunk of readStream(iterable)) {
+    yield* streamChunk(chunk, chunkSize);
   }
 };
-const trackStream = (stream, chunkSize, onProgress, onFinish, encode2) => {
-  const iterator = readBytes(stream, chunkSize, encode2);
+const readStream = async function* (stream) {
+  if (stream[Symbol.asyncIterator]) {
+    yield* stream;
+    return;
+  }
+  const reader = stream.getReader();
+  try {
+    for (; ; ) {
+      const { done, value } = await reader.read();
+      if (done) {
+        break;
+      }
+      yield value;
+    }
+  } finally {
+    await reader.cancel();
+  }
+};
+const trackStream = (stream, chunkSize, onProgress, onFinish) => {
+  const iterator = readBytes(stream, chunkSize);
   let bytes = 0;
   let done;
   let _onFinish = (e) => {
@@ -4270,7 +4292,11 @@ const getBodyLength = async (body) => {
     return body.size;
   }
   if (utils$1.isSpecCompliantForm(body)) {
-    return (await new Request(body).arrayBuffer()).byteLength;
+    const _request = new Request(platform.origin, {
+      method: "POST",
+      body
+    });
+    return (await _request.arrayBuffer()).byteLength;
   }
   if (utils$1.isArrayBufferView(body) || utils$1.isArrayBuffer(body)) {
     return body.byteLength;
@@ -4302,14 +4328,11 @@ const fetchAdapter = isFetchSupported && (async (config) => {
     fetchOptions
   } = resolveConfig(config);
   responseType = responseType ? (responseType + "").toLowerCase() : "text";
-  let [composedSignal, stopTimeout] = signal || cancelToken || timeout2 ? composeSignals([signal, cancelToken], timeout2) : [];
-  let finished, request;
-  const onFinish = () => {
-    !finished && setTimeout(() => {
-      composedSignal && composedSignal.unsubscribe();
-    });
-    finished = true;
-  };
+  let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout2);
+  let request;
+  const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => {
+    composedSignal.unsubscribe();
+  });
   let requestContentLength;
   try {
     if (onUploadProgress && supportsRequestStream && method !== "get" && method !== "head" && (requestContentLength = await resolveBodyLength(headers, data2)) !== 0) {
@@ -4327,12 +4350,13 @@ const fetchAdapter = isFetchSupported && (async (config) => {
           requestContentLength,
           progressEventReducer(asyncDecorator(onUploadProgress))
         );
-        data2 = trackStream(_request.body, DEFAULT_CHUNK_SIZE, onProgress, flush, encodeText);
+        data2 = trackStream(_request.body, DEFAULT_CHUNK_SIZE, onProgress, flush);
       }
     }
     if (!utils$1.isString(withCredentials)) {
       withCredentials = withCredentials ? "include" : "omit";
     }
+    const isCredentialsSupported = "credentials" in Request.prototype;
     request = new Request(url, {
       ...fetchOptions,
       signal: composedSignal,
@@ -4340,11 +4364,11 @@ const fetchAdapter = isFetchSupported && (async (config) => {
       headers: headers.normalize().toJSON(),
       body: data2,
       duplex: "half",
-      credentials: withCredentials
+      credentials: isCredentialsSupported ? withCredentials : void 0
     });
     let response = await fetch(request);
     const isStreamResponse = supportsResponseStream && (responseType === "stream" || responseType === "response");
-    if (supportsResponseStream && (onDownloadProgress || isStreamResponse)) {
+    if (supportsResponseStream && (onDownloadProgress || isStreamResponse && unsubscribe)) {
       const options = {};
       ["status", "statusText", "headers"].forEach((prop3) => {
         options[prop3] = response[prop3];
@@ -4357,15 +4381,14 @@ const fetchAdapter = isFetchSupported && (async (config) => {
       response = new Response(
         trackStream(response.body, DEFAULT_CHUNK_SIZE, onProgress, () => {
           flush && flush();
-          isStreamResponse && onFinish();
-        }, encodeText),
+          unsubscribe && unsubscribe();
+        }),
         options
       );
     }
     responseType = responseType || "text";
     let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || "text"](response, config);
-    !isStreamResponse && onFinish();
-    stopTimeout && stopTimeout();
+    !isStreamResponse && unsubscribe && unsubscribe();
     return await new Promise((resolve, reject3) => {
       settle(resolve, reject3, {
         data: responseData,
@@ -4377,7 +4400,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
       });
     });
   } catch (err) {
-    onFinish();
+    unsubscribe && unsubscribe();
     if (err && err.name === "TypeError" && /fetch/i.test(err.message)) {
       throw Object.assign(
         new AxiosError("Network Error", AxiosError.ERR_NETWORK, config, request),
@@ -4484,7 +4507,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION = "1.7.4";
+const VERSION = "1.7.7";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -4772,6 +4795,15 @@ class CancelToken {
       this._listeners.splice(index2, 1);
     }
   }
+  toAbortSignal() {
+    const controller = new AbortController();
+    const abort = (err) => {
+      controller.abort(err);
+    };
+    this.subscribe(abort);
+    controller.signal.unsubscribe = () => this.unsubscribe(abort);
+    return controller.signal;
+  }
   /**
    * Returns an object that contains a new `CancelToken` and a function that, when called,
    * cancels the `CancelToken`.
@@ -5147,11 +5179,11 @@ class Bagel {
     return data2;
   }
 }
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "navigation flex space-between px-3 w-100 absolute"
 };
-const _hoisted_2$C = { class: "bgl-lightbox-item" };
+const _hoisted_2$B = { class: "bgl-lightbox-item" };
 const _hoisted_3$q = ["src"];
 const _hoisted_4$i = ["src", "title"];
 const _hoisted_5$g = {
@@ -5164,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$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
     let isOpen = vue.ref(false);
@@ -5233,7 +5265,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               ],
               onClick: close2
             }, [
-              vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+              vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
                 vue.createVNode(vue.unref(Btn), {
                   class: "navigation-btn oval",
                   icon: "arrow_back",
@@ -5256,7 +5288,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   icon: "close",
                   onClick: close2
                 }),
-                vue.createElementVNode("div", _hoisted_2$C, [
+                vue.createElementVNode("div", _hoisted_2$B, [
                   ((_a2 = vue.unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
                     key: 0,
                     src: (_b = vue.unref(currentItem)) == null ? void 0 : _b.src,
@@ -5290,13 +5322,13 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                       item.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
                         key: 0,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        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 }]),
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 10, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                      }, null, 10, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                         key: 1,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        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",
                         onClick: ($event) => selectItem(index2)
                       }, null, 8, ["class", "onClick"]))
@@ -5319,7 +5351,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c061443c"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-562f0f36"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -5668,6 +5700,22 @@ function getFallbackSchema(data2, showFields) {
   );
   return showFields ? schema.filter((f2) => showFields.includes(f2.id) || !f2.id) : schema;
 }
+const sleep = (ms = 100) => new Promise((resolve) => setTimeout(resolve, ms));
+function appendScript(src) {
+  return new Promise((resolve, reject3) => {
+    if (document.querySelector(`script[src="${src}"]`)) {
+      resolve();
+      return;
+    }
+    const script2 = document.createElement("script");
+    script2.src = src;
+    script2.onload = () => {
+      resolve();
+    };
+    script2.onerror = reject3;
+    document.head.appendChild(script2);
+  });
+}
 const bagelInjectionKey = Symbol("bagel");
 const i18nTInjectionKey = Symbol("bagel");
 function useBagel() {
@@ -5716,29 +5764,32 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
-    const modalConfirm = async (options) => new Promise(
-      (resolve) => {
-        if (typeof options === "string") options = { title: "", message: options };
+    const confirmModal = (options) => {
+      return new Promise((resolve) => {
+        const confirmOptions = typeof options === "string" ? { title: "", message: options } : options;
         modalStack.value.push({
-          modalOptions: { ...options, resolve },
-          modalType: "confirm",
+          modalOptions: { ...confirmOptions, resolve },
+          modalType: "confirmModal",
           componentSlots: {}
         });
-      }
-    );
+      });
+    };
     const showModal = (modalType, options, slots = {}) => {
-      modalStack.value.push({
+      const modalComponent = {
         modalOptions: options,
         modalType,
         componentSlots: slots
-      });
-      if (modalType === "modalForm") return modalStack.value.at(-1);
-      return modalStack.value.at(-1);
+      };
+      modalStack.value.push(modalComponent);
+      if (modalType === "modalForm") {
+        return modalComponent;
+      }
+      return modalComponent;
     };
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
-      confirmModal: async (userOptions) => modalConfirm(userOptions),
+      confirmModal: (options) => confirmModal(options),
       hideModal: (index2 = modalStack.value.length - 1) => {
         hideModal(index2);
       }
@@ -5754,13 +5805,14 @@ const ModalPlugin = {
               hideModal(index2);
             }
           };
-          if (modal.modalType === "modalForm") {
-            return vue.h(ModalForm, props2, modal.componentSlots);
-          }
-          if (modal.modalType === "confirm") {
-            return vue.h(_sfc_main$w, props2, {});
+          switch (modal.modalType) {
+            case "modalForm":
+              return vue.h(ModalForm, props2, modal.componentSlots);
+            case "confirmModal":
+              return vue.h(_sfc_main$x, props2, {});
+            default:
+              return vue.h(_sfc_main$P, props2, modal.componentSlots);
           }
-          return vue.h(_sfc_main$O, props2, modal.componentSlots);
         });
       }
     });
@@ -5786,7 +5838,7 @@ function useLocalStorage(key, initialValue) {
   }, { immediate: true, deep: true });
   return value;
 }
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5804,13 +5856,13 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$N = { class: "full-nav" };
-const _hoisted_2$B = { class: "nav-scroll" };
+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_6$a = { class: "tooltip" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5835,13 +5887,13 @@ const _sfc_main$Q = /* @__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$R), {
+          vue.createVNode(vue.unref(_sfc_main$S), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$N, [
-          vue.createElementVNode("div", _hoisted_2$B, [
+        vue.createElementVNode("div", _hoisted_1$O, [
+          vue.createElementVNode("div", _hoisted_2$A, [
             vue.createElementVNode("div", _hoisted_3$p, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -5854,7 +5906,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$R), {
+                    vue.createVNode(vue.unref(_sfc_main$S), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(link.label), 1)
@@ -5876,7 +5928,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$R), {
+                  vue.createVNode(vue.unref(_sfc_main$S), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
@@ -5891,16 +5943,16 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$M = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-bc4e49f9"]]);
+const _hoisted_1$N = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$A = {
+const _hoisted_2$z = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5924,8 +5976,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "5953bce2": computedBackgroundColor.value,
-      "7b3cc0ac": cumputedTextColor.value
+      "616bd948": computedBackgroundColor.value,
+      "796e2f37": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -5943,7 +5995,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     const computedDefaultColors = vue.computed(
       () => ({
         backgroundColor: "var(--bgl-primary)",
-        color: props2.flat ? "var(--bgl-black)" : "var(--bgl-white)"
+        color: props2.flat ? "var(--bgl-text-color)" : "var(--bgl-light-text)"
       })
     );
     function getThemeColors(theme) {
@@ -5994,8 +6046,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+          _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), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -6003,7 +6055,7 @@ const _sfc_main$P = /* @__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$R), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -6014,20 +6066,20 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-895cf824"]]);
-const _hoisted_1$L = {
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-86bf4080"]]);
+const _hoisted_1$M = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$z = {
+const _hoisted_2$y = {
   key: 1,
-  class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
+  class: "sticky bg-popup z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
 const _hoisted_3$o = {
   key: 2,
   class: "modal-footer mt-1"
 };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -6083,7 +6135,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$E), {
+        vue.createVNode(vue.unref(_sfc_main$F), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -6092,7 +6144,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$L, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$M, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -6100,15 +6152,15 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                   icon: "close",
                   onClick: closeModal
                 }, null, 8, ["style"]),
-                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+                _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
                   key: 0,
                   class: "modal-title",
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
                 vue.createVNode(vue.unref(Btn), {
-                  class: "color-black position-start",
+                  class: "position-start",
                   icon: "close",
                   thin: "",
                   color: "white",
@@ -6134,7 +6186,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -6195,7 +6247,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
         ref_key: "modal",
         ref: modal,
         side: _ctx.side,
@@ -6248,12 +6300,12 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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 ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__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$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -6290,7 +6342,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6303,9 +6355,9 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(isOpen) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$R), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$S), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$y),
+        ], 8, _hoisted_2$x),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6323,14 +6375,14 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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 AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f87b579d"]]);
+const _sfc_main$M = {};
+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" };
 function _sfc_render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-    vue.createElementVNode("div", _hoisted_2$x, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+    vue.createElementVNode("div", _hoisted_2$w, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
     vue.createElementVNode("div", _hoisted_3$m, [
@@ -6338,10 +6390,10 @@ function _sfc_render$2(_ctx, _cache) {
     ])
   ]);
 }
-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$K = /* @__PURE__ */ vue.defineComponent({
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["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({
   __name: "ListItem",
   props: {
     src: {},
@@ -6368,18 +6420,18 @@ const _sfc_main$K = /* @__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$R), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
             key: 1,
             size: "1.2",
             class: "color-primary",
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$I, [
+            vue.createElementVNode("p", _hoisted_1$J, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$w, [
+            vue.createElementVNode("p", _hoisted_2$v, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -6390,9 +6442,9 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "page-top" };
-const _hoisted_2$v = { class: "top-title m-0" };
-const _sfc_main$J = /* @__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({
   __name: "PageTitle",
   props: {
     value: {
@@ -6402,8 +6454,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-        vue.createElementVNode("h1", _hoisted_2$v, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        vue.createElementVNode("h1", _hoisted_2$u, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -6725,14 +6777,14 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-5441d9cd"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$G = {
+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$u = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+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$u
+  _hoisted_2$t
 ];
 const _hoisted_4$f = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
@@ -6743,7 +6795,7 @@ const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$1 = { key: 0 };
 const _hoisted_11$1 = ["value"];
 const _hoisted_12$1 = { key: 1 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ vue.mergeModels({
     selectedItems: {},
@@ -6759,7 +6811,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "efa9c80e": vue.unref(computedItemHiehgt)
+      "38e39900": vue.unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6880,7 +6932,7 @@ const _sfc_main$I = /* @__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$G, _hoisted_3$l)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+        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, [
@@ -6904,7 +6956,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$R), {
+                      vue.createVNode(vue.unref(_sfc_main$S), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -6962,16 +7014,16 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-5441d9cd"]]);
-const _sfc_main$H = {};
-const _hoisted_1$F = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-bd90dc89"]]);
+const _sfc_main$I = {};
+const _hoisted_1$G = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$1]]);
-const _sfc_main$G = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$1]]);
+const _sfc_main$H = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -6993,12 +7045,12 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render]]);
-const _hoisted_1$E = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render]]);
+const _hoisted_1$F = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$t = {
+const _hoisted_2$s = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -7015,7 +7067,7 @@ const _hoisted_9$1 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -7051,8 +7103,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     const computedSchema = vue.computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -7060,7 +7112,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
+            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)
               ]),
@@ -7093,12 +7145,12 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$D = {
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4d174f13"]]);
+const _hoisted_1$E = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -7126,7 +7178,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$D, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$E, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -7134,8 +7186,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = ["src", "alt"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$D = ["src", "alt"];
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -7153,16 +7205,16 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$C)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$D)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
-        }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
+        }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
       ], 4);
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-dd2f6734"]]);
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -7190,7 +7242,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -7204,9 +7256,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["dismissable"];
-const _hoisted_2$s = { class: "m-0" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$C = ["dismissable"];
+const _hoisted_2$r = { class: "m-0" };
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -7227,14 +7279,14 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$s, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$r, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -7242,12 +7294,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$B)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$C)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-1322d9e1"]]);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1322d9e1"]]);
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -7263,13 +7315,13 @@ const _sfc_main$z = /* @__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$R), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
           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$R), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -7278,10 +7330,10 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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$y = /* @__PURE__ */ vue.defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__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({
   __name: "BglVideo",
   props: {
     src: {},
@@ -7336,7 +7388,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$A)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$B)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7345,18 +7397,18 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$r)) : vue.createCommentVNode("", true)
+        }, null, 12, _hoisted_2$q)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8495afe2"]]);
-const _hoisted_1$z = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-8495afe2"]]);
+const _hoisted_1$A = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$q = { class: "Handlers" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$p = { class: "Handlers" };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -7504,10 +7556,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        vue.createElementVNode("div", _hoisted_2$q, [
+        vue.createElementVNode("div", _hoisted_2$p, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -7525,10 +7577,9 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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$w = /* @__PURE__ */ vue.defineComponent({
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-1f9c6644"]]);
+const _hoisted_1$z = { class: "pb-05 pretty" };
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
     title: {},
@@ -7544,10 +7595,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       emit2("update:visible");
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
+        title: _ctx.title,
         width: "380px",
         dismissable: false,
-        class: "color-black txt-center"
+        class: "txt-center"
       }, {
         footer: vue.withCtx(() => [
           vue.createVNode(vue.unref(Btn), {
@@ -7563,24 +7615,90 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           })
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("h3", _hoisted_1$y, vue.toDisplayString(_ctx.title), 1),
-          vue.createElementVNode("p", _hoisted_2$p, vue.toDisplayString(_ctx.message), 1)
+          vue.createElementVNode("p", _hoisted_1$z, vue.toDisplayString(_ctx.message), 1)
         ]),
         _: 1
-      });
+      }, 8, ["title"]);
     };
   }
 });
-const _hoisted_1$x = { class: "map-test" };
-const _sfc_main$v = /* @__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({
   __name: "MapEmbed",
+  props: {
+    center: { default: () => [31.7683, 35.2137] },
+    zoom: { default: 13 },
+    height: { default: 400 },
+    zoomControl: { type: Boolean, default: true },
+    markers: {},
+    markerIcon: { default: "" }
+  },
   setup(__props) {
+    const props2 = __props;
+    let L2 = vue.ref();
+    let map4 = vue.ref();
+    const _markers = vue.ref([]);
+    const id = vue.ref(Math.random().toString(36).substring(2, 10));
+    function loadGlobalL() {
+      return new Promise(async (resolve) => {
+        while (!window.L) await sleep(100);
+        resolve(window.L);
+      });
+    }
+    async function initializeMap() {
+      await appendScript(leafletScriptUrl);
+      L2.value = await loadGlobalL();
+      if (!map4.value) {
+        map4.value = L2.value.map(id.value, {
+          center: props2.center,
+          zoom: props2.zoom,
+          zoomControl: props2.zoomControl
+        });
+        L2.value.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18 }).addTo(map4.value);
+      }
+    }
+    function addMarker(L22, latlng) {
+      const iconSVG = props2.markerIcon || defaultMarkerSVG;
+      const customIcon = L22.icon({
+        iconUrl: `data:image/svg+xml;utf8,${encodeURIComponent(iconSVG)}`,
+        iconSize: [32, 32]
+      });
+      const marker = L22.marker(latlng, { icon: customIcon }).addTo(map4.value);
+      _markers.value.push(marker);
+    }
+    function fitMarkers(L22) {
+      var _a2;
+      if (_markers.value.length > 0) {
+        (_a2 = map4.value) == null ? void 0 : _a2.fitBounds(L22.featureGroup(_markers.value).getBounds());
+      }
+    }
+    vue.watch(
+      () => props2.markers,
+      async (markers) => {
+        _markers.value.forEach((marker) => marker.remove());
+        if (!markers) return;
+        for (const marker of markers) {
+          const [lat, lon] = Array.isArray(marker) ? marker : [marker.lat, marker.lon];
+          if (!map4.value) initializeMap();
+          addMarker(L2.value, [lat, lon]);
+          fitMarkers(L2.value);
+        }
+      },
+      { immediate: true }
+    );
+    vue.onMounted(initializeMap);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x);
+      return vue.openBlock(), vue.createElementBlock("div", {
+        id: id.value,
+        class: "leaflet-map",
+        style: vue.normalizeStyle({ height: `${props2.height || 400}px` })
+      }, null, 12, _hoisted_1$y);
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -7610,7 +7728,67 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f99f1900"]]);
+const _hoisted_1$x = { class: "relative" };
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  __name: "AddressSearch",
+  emits: ["addressSelected"],
+  setup(__props, { emit: __emit }) {
+    const emit2 = __emit;
+    let addressInput = vue.ref("");
+    let searchResults = vue.ref([]);
+    const suggestion = vue.ref();
+    function emitAddress(address) {
+      emit2("addressSelected", address);
+      searchResults.value = [];
+      addressInput.value = "";
+    }
+    async function searchAddresses() {
+      var _a2;
+      const addressURL = addressInput.value.replace(/\s+/g, "+");
+      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), {
+          ref_key: "suggestion",
+          ref: suggestion,
+          noAutoFocus: true,
+          placement: "bottom-start"
+        }, {
+          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), {
+                    key: index2,
+                    icon: "location_on",
+                    title: result2.display_name,
+                    onClick: ($event) => emitAddress(result2)
+                  }, null, 8, ["title", "onClick"]);
+                }), 128))
+              ]),
+              _: 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$t = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
@@ -7703,7 +7881,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$C), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
             key: 0,
             tag: "h4",
             label: _ctx.label
@@ -7727,7 +7905,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$C), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
             key: 0,
             tag: "h4",
             label: _ctx.label
@@ -16710,7 +16888,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         onHide: _cache[5] || (_cache[5] = ($event) => updateOpen(false))
       }, {
         popper: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$E), {
+          vue.createVNode(vue.unref(_sfc_main$F), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -16739,12 +16917,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$R), {
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : vue.createCommentVNode("", true),
-                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -16771,7 +16949,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 onKeydown: openOptions,
                 onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
               }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -16788,7 +16966,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                     })
                   })
                 ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), vue.mergeProps({
+                !_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)
@@ -19392,7 +19570,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row"
                     }, [
                       vue.createElementVNode("div", _hoisted_5$b, [
-                        vue.createVNode(vue.unref(_sfc_main$R), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$S), { 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", {
@@ -19409,7 +19587,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$6, [
-                        vue.createVNode(vue.unref(_sfc_main$R), {
+                        vue.createVNode(vue.unref(_sfc_main$S), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -19439,7 +19617,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-515f5dc9"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0b2280e0"]]);
 const _hoisted_1$q = ["title"];
 const _hoisted_2$j = ["for"];
 const _hoisted_3$f = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
@@ -19566,12 +19744,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$a, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$j),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -19579,7 +19757,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-edac341b"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-81f5dea4"]]);
 const _hoisted_1$p = { class: "primary-checkbox" };
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
@@ -19603,7 +19781,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-032d6226"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$o = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
@@ -19802,7 +19980,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d86ce838"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8cdfe758"]]);
 const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -20007,7 +20185,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_3$c)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -20035,7 +20213,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, _hoisted_5$7)) : vue.createCommentVNode("", true)
-                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -20046,7 +20224,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$R), {
+                    vue.createVNode(vue.unref(_sfc_main$S), {
                       class: "success",
                       icon: "check"
                     })
@@ -20067,7 +20245,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     alt: ""
                   }, null, 8, _hoisted_9)), [
                     [_directive_lightbox]
-                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+                  ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -20086,7 +20264,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$R), {
+                    vue.createVNode(vue.unref(_sfc_main$S), {
                       class: "success",
                       icon: "check"
                     })
@@ -20108,7 +20286,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_12, [
-              vue.createVNode(vue.unref(_sfc_main$R), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$S), { icon: "upload_2" }),
               vue.createTextVNode(" Drop files here or click to upload ")
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -20117,8 +20295,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-e8b1219f"]]);
-const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
+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 = [
@@ -20172,7 +20350,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-06b95183"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0a2b089d"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -33507,7 +33685,11 @@ function createNodeFromContent(content, schema, options) {
       if (isArrayContent) {
         return Fragment.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
-      return schema.nodeFromJSON(content);
+      const node = schema.nodeFromJSON(content);
+      if (options.errorOnInvalidContent) {
+        node.check();
+      }
+      return node;
     } catch (error) {
       if (options.errorOnInvalidContent) {
         throw new Error("[tiptap error]: Invalid JSON content", { cause: error });
@@ -46402,8 +46584,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       "name": "",
       "readonly": false,
       "tabindex": 0,
-      "style": "",
-      "placeholder": "Enter a phone number"
+      "style": ""
+      // 'placeholder': 'Enter a phone number',
     };
     const computedDropDownOptions = vue.computed(() => ({
       ...defaultDropdownOptions,
@@ -46640,7 +46822,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   class: "flex gap-05",
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(open) ? open.value = true : open = true)
                 }, [
-                  vue.createVNode(vue.unref(_sfc_main$R), {
+                  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), {
@@ -46655,7 +46837,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               id: _ctx.id,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phone.value = $event),
               required: _ctx.required,
-              placeholder: computedInputOptions.value.placeholder,
+              placeholder: props2.placeholder || "Enter a phone number",
               disabled: _ctx.disabled,
               type: "tel",
               autocomplete: _ctx.autocomplete,
@@ -46684,9 +46866,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-9d176183"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-17a4fdd5"]]);
 /*!
- * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
+ * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
  */
 class Point {
@@ -46726,7 +46908,7 @@ class Bezier {
     const l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
     const dxm = m1.x - m2.x;
     const dym = m1.y - m2.y;
-    const k2 = l2 / (l1 + l2);
+    const k2 = l1 + l2 == 0 ? 0 : l2 / (l1 + l2);
     const cm = { x: m2.x + dxm * k2, y: m2.y + dym * k2 };
     const tx = s2.x - cm.x;
     const ty = s2.y - cm.y;
@@ -47653,10 +47835,10 @@ function createTable() {
 }
 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_3$9 = { class: "content-area rounded p-1 shadow-light w-100 grid" };
 const _hoisted_4$5 = {
   key: 0,
-  class: "preview-area bg-black color-white w-100 rounded p-1"
+  class: "preview-area w-100 rounded p-1"
 };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -47817,7 +47999,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c9729efd"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-da6236c8"]]);
 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" };
@@ -47865,7 +48047,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_3$8, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
-                class: "bg-white shadow-light py-025 rounded m_w40",
+                class: "bg-popup shadow-light py-025 rounded m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
@@ -47890,7 +48072,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ac3dc0e2"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3ae8f4d3"]]);
 const _hoisted_1$d = { class: "relative" };
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
@@ -47899,7 +48081,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }, {
     "modelValue": {},
     "modelModifiers": {},
-    "showPwd": { default: false },
+    "showPwd": { type: Boolean, ...{ default: false } },
     "showPwdModifiers": {}
   }),
   emits: ["update:modelValue", "update:showPwd"],
@@ -54069,7 +54251,7 @@ 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-8fdf4035"), n2 = n2(), vue.popScopeId(), n2);
+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));
@@ -54092,7 +54274,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$E), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
         class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: vue.unref(isOpen) }])
       }, {
         default: vue.withCtx(() => [
@@ -54115,7 +54297,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               class: "nav-button px-075"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$R), {
+                vue.createVNode(vue.unref(_sfc_main$S), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -54143,7 +54325,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8fdf4035"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d15c030d"]]);
 const _hoisted_1$4 = { class: "m-0 pb-025 txt14 line-height-1" };
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
@@ -54152,7 +54334,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), { 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$F), { 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) => {
@@ -54163,7 +54345,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               onClick: nav2.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$R), {
+                vue.createVNode(vue.unref(_sfc_main$S), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -54179,7 +54361,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8a5051a"]]);
+const BottomMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-564c7855"]]);
 const state = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state.has(group)) {
@@ -54316,7 +54498,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$R), {
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -54327,7 +54509,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4b4c19a0"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d4d64201"]]);
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsBody",
@@ -54734,8 +54916,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$B;
+exports.Accordion = _sfc_main$C;
 exports.AccordionItem = AccordionItem;
+exports.AddressSearch = _sfc_main$u;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -54747,7 +54930,7 @@ exports.BglMultiStepForm = _sfc_main$r;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$E;
+exports.Card = _sfc_main$F;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
@@ -54760,20 +54943,20 @@ exports.FileUpload = $el;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
-exports.Icon = _sfc_main$R;
+exports.Icon = _sfc_main$S;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
 exports.Lineart = _sfc_main$7;
-exports.ListItem = _sfc_main$K;
+exports.ListItem = _sfc_main$L;
 exports.ListView = ListView;
-exports.MapEmbed = _sfc_main$v;
-exports.MaterialIcon = _sfc_main$R;
-exports.Modal = _sfc_main$O;
-exports.ModalConfirm = _sfc_main$w;
+exports.MapEmbed = _sfc_main$w;
+exports.MaterialIcon = _sfc_main$S;
+exports.Modal = _sfc_main$P;
+exports.ModalConfirm = _sfc_main$x;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$J;
+exports.PageTitle = _sfc_main$K;
 exports.PasswordInput = _sfc_main$8;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
@@ -54791,12 +54974,13 @@ exports.TabsBody = _sfc_main$1;
 exports.TabsNav = TabsNav;
 exports.TelInput = TelInput;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$C;
+exports.Title = _sfc_main$D;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.VIDEO_FORMATS = VIDEO_FORMATS;
 exports.VIDEO_FORMATS_REGEXP = VIDEO_FORMATS_REGEXP;
 exports.allCountries = allCountries;
+exports.appendScript = appendScript;
 exports.bagelFormUtils = bagelFormUtils;
 exports.bagelInjectionKey = bagelInjectionKey;
 exports.bindAttrs = bindAttrs;
@@ -54811,6 +54995,7 @@ exports.iffer = iffer;
 exports.initials = initials;
 exports.isDate = isDate$1;
 exports.keyToLabel = keyToLabel;
+exports.sleep = sleep;
 exports.useBagel = useBagel;
 exports.useBglSchema = useBglSchema;
 exports.useEscape = useEscape;