@signal24/vue-foundation 4.17.2 → 4.18.0

package/dist/vue-foundation.es.js

@@ -1,19 +1,19 @@
 var kt = Object.defineProperty;
 var bt = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var A = (e, t, n) => bt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as _, ref as T, computed as M, watch as F, onMounted as $, openBlock as w, createElementBlock as b, createElementVNode as O, toDisplayString as W, withDirectives as J, createCommentVNode as D, Fragment as ee, renderList as he, vModelSelect as Tt, getCurrentInstance as pe, normalizeClass as B, normalizeStyle as St, withModifiers as ye, renderSlot as Q, reactive as Ct, h as te, Teleport as Lt, markRaw as xt, onBeforeUnmount as ge, resolveDirective as Mt, createBlock as qe, createSlots as It, withCtx as ce, createTextVNode as De, vModelText as Ht, onActivated as ze, onDeactivated as Ke } from "vue";
-import { compact as At, debounce as Ft, isEqual as Xe, upperFirst as Ot, startCase as Dt, cloneDeep as Bt, remove as $t, last as Vt } from "lodash";
-import { escapeHtml as _t } from "@vue/shared";
-import { escapeHtml as Ro } from "@vue/shared";
-import { installOpenApiClientInterceptors as Nt, isOpenApiError as Rt } from "@signal24/openapi-client-codegen/browser";
-import { format as ve } from "date-fns";
-const Wt = {
+import { defineComponent as N, ref as T, computed as x, watch as F, onMounted as V, openBlock as w, createElementBlock as k, createElementVNode as D, toDisplayString as U, withDirectives as Q, createCommentVNode as O, Fragment as J, renderList as me, vModelSelect as Tt, getCurrentInstance as he, withModifiers as pe, normalizeStyle as St, normalizeClass as B, renderSlot as G, reactive as Ct, h as ee, Teleport as Lt, markRaw as Mt, onBeforeUnmount as ye, resolveDirective as xt, createBlock as Pe, createSlots as It, withCtx as ue, createTextVNode as De, vModelText as Ht, onActivated as qe, onDeactivated as ze } from "vue";
+import { compact as Ye, debounce as At, isEqual as Ke, startCase as Ft, upperFirst as Dt, cloneDeep as Ot, remove as $t, last as Bt } from "lodash";
+import { escapeHtml as Vt } from "@vue/shared";
+import { escapeHtml as No } from "@vue/shared";
+import { installOpenApiClientInterceptors as _t, isOpenApiError as Nt } from "@signal24/openapi-client-codegen/browser";
+import { format as fe } from "date-fns";
+const Rt = {
   key: 0,
   disabled: ""
-}, Ut = {
+}, Wt = {
   key: 0,
   value: null
-}, jt = ["value"], vo = /* @__PURE__ */ _({
+}, Ut = ["value"], fo = /* @__PURE__ */ N({
   __name: "vf-ajax-select",
   props: {
     modelValue: {},
@@ -25,229 +25,229 @@ const Wt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, i = T(null), l = M(() => i.value ? i.value.map((p) => {
-      const k = p;
-      return n.preprocesor ? n.preprocesor(k) : n.displayKey ? k[n.displayKey] : "";
-    }) : null), c = T(n.modelValue ?? null);
+    const n = e, o = t, i = T(null), l = x(() => i.value ? i.value.map((y) => {
+      const b = y;
+      return n.preprocesor ? n.preprocesor(b) : n.displayKey ? b[n.displayKey] : "";
+    }) : null), u = T(n.modelValue ?? null);
     F(() => n.loadFn, r), F(
       () => n.modelValue,
-      () => c.value = n.modelValue
-    ), F(c, () => o("update:modelValue", c.value));
+      () => u.value = n.modelValue
+    ), F(u, () => o("update:modelValue", u.value));
     async function r() {
       i.value = await n.loadFn();
     }
-    return $(r), (d, p) => l.value ? J((w(), b("select", {
+    return V(r), (d, y) => l.value ? Q((w(), k("select", {
       key: 1,
-      "onUpdate:modelValue": p[0] || (p[0] = (k) => c.value = k)
+      "onUpdate:modelValue": y[0] || (y[0] = (b) => u.value = b)
     }, [
-      n.nullText ? (w(), b("option", Ut, W(n.nullText), 1)) : D("", !0),
-      (w(!0), b(ee, null, he(l.value, (k, y) => {
-        var E;
-        return w(), b("option", {
-          key: y,
-          value: (E = i.value) == null ? void 0 : E[y]
-        }, W(k), 9, jt);
+      n.nullText ? (w(), k("option", Wt, U(n.nullText), 1)) : O("", !0),
+      (w(!0), k(J, null, me(l.value, (b, f) => {
+        var g;
+        return w(), k("option", {
+          key: f,
+          value: (g = i.value) == null ? void 0 : g[f]
+        }, U(b), 9, Ut);
       }), 128))
     ], 512)), [
-      [Tt, c.value]
-    ]) : (w(), b("select", Wt, [
-      O("option", null, W(n.loadingText || "Loading..."), 1)
+      [Tt, u.value]
+    ]) : (w(), k("select", Rt, [
+      D("option", null, U(n.loadingText || "Loading..."), 1)
     ]));
   }
-}), Pt = /* @__PURE__ */ _({
+}), jt = /* @__PURE__ */ N({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), l = pe();
-    $(c);
-    function c() {
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), l = he();
+    V(u);
+    function u() {
       if (!l) return;
-      const p = l.vnode.el, { styles: k, classes: y } = r(p, n);
-      o.value = k, i.value = y;
+      const y = l.vnode.el, { styles: b, classes: f } = r(y, n);
+      o.value = b, i.value = f;
     }
-    function r(p, k) {
-      const y = t.anchor instanceof HTMLElement ? {} : t.anchor, E = k.getBoundingClientRect(), v = p.getBoundingClientRect();
-      y.matchWidth && (v.width = E.width), y.matchHeight && (v.height = E.height);
-      const a = y.class ? Array.isArray(y.class) ? y.class : [y.class] : [];
-      let u, S;
-      if (y.y === "center")
-        u = E.top + E.height / 2 - v.height / 2, a.push("anchored-center-y");
+    function r(y, b) {
+      const f = t.anchor instanceof HTMLElement ? {} : t.anchor, g = b.getBoundingClientRect(), v = y.getBoundingClientRect();
+      f.matchWidth && (v.width = g.width), f.matchHeight && (v.height = g.height);
+      const a = f.class ? Array.isArray(f.class) ? f.class : [f.class] : [];
+      let c, S;
+      if (f.y === "center")
+        c = g.top + g.height / 2 - v.height / 2, a.push("anchored-center-y");
       else {
-        const L = (E.bottom + v.height < window.innerHeight || y.y === "below") && y.y !== "above";
-        u = L ? E.bottom : E.top - v.height, a.push(L ? "anchored-top" : "anchored-bottom");
+        const L = (g.bottom + v.height < window.innerHeight || f.y === "below") && f.y !== "above";
+        c = L ? g.bottom : g.top - v.height, a.push(L ? "anchored-top" : "anchored-bottom");
       }
-      if (y.x === "center")
-        S = E.left + E.width / 2 - v.width / 2, a.push("anchored-center-x");
+      if (f.x === "center")
+        S = g.left + g.width / 2 - v.width / 2, a.push("anchored-center-x");
       else {
-        const L = (E.left + v.width < window.innerWidth || y.x === "left") && y.x !== "right";
-        S = L ? E.left : E.right - v.width, a.push(L ? "anchored-left" : "anchored-right");
+        const L = (g.left + v.width < window.innerWidth || f.x === "left") && f.x !== "right";
+        S = L ? g.left : g.right - v.width, a.push(L ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
-          top: `${u}px`,
+          top: `${c}px`,
           left: `${S}px`,
-          ...y.matchWidth ? { width: `${v.width}px` } : {},
-          ...y.matchHeight ? { height: `${v.height}px` } : {}
+          ...f.matchWidth ? { width: `${v.width}px` } : {},
+          ...f.matchHeight ? { height: `${v.height}px` } : {}
         },
         classes: a
       };
     }
     function d() {
-      window.removeEventListener("click", d), Kt(t.overlayId);
+      window.removeEventListener("click", d), zt(t.overlayId);
     }
-    return $(() => {
+    return V(() => {
       setTimeout(() => {
         window.addEventListener("click", d);
       }, 10);
-    }), (p, k) => (w(), b("div", {
+    }), (y, b) => (w(), k("div", {
       class: B(["vf-overlay-anchor", i.value]),
       style: St(o.value),
-      onClick: ye(d, ["stop"])
+      onClick: pe(d, ["stop"])
     }, [
-      Q(p.$slots, "default")
+      G(y.$slots, "default")
     ], 6));
   }
 });
-let qt = 0;
-const V = Ct([]), mo = _({
+let Pt = 0;
+const _ = Ct([]), vo = N({
   setup() {
-    return () => te("div", [
-      he(V, (e) => te(Lt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => ee("div", [
+      me(_, (e) => ee(Lt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function Ee(e, t, n) {
+function ge(e, t, n) {
   const o = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   o.id = "vf-overlay-target", o.removeAttribute("inert"), document.body.appendChild(o);
-  const i = String(++qt), l = xt(e), c = te(l, t), r = n != null && n.anchor ? te(Pt, { overlayId: i, anchor: n.anchor }, () => [c]) : void 0, d = {
+  const i = String(++Pt), l = Mt(e), u = ee(l, t), r = n != null && n.anchor ? ee(jt, { overlayId: i, anchor: n.anchor }, () => [u]) : void 0, d = {
     id: i,
     component: l,
     props: t,
     options: n ?? {},
-    vnode: c,
+    vnode: u,
     wrapperVnode: r
   };
-  return V.push(d), d;
+  return _.push(d), d;
 }
-function ho(e) {
-  e.$ && Ye(e.$);
+function mo(e) {
+  e.$ && Xe(e.$);
 }
-function Ye(e) {
+function Xe(e) {
   let t = e;
-  for (; t && !zt(t.vnode); )
+  for (; t && !qt(t.vnode); )
     t = t.parent;
 }
-function zt(e) {
-  const t = V.findIndex((n) => n.vnode.component === e.component);
-  return t >= 0 ? (V[t].props.callback(), !0) : !1;
+function qt(e) {
+  const t = _.findIndex((n) => n.vnode.component === e.component);
+  return t >= 0 ? (_[t].props.callback(), !0) : !1;
 }
-function Kt(e) {
-  const t = V.findIndex((n) => n.id === e);
-  return t >= 0 ? (V[t].props.callback(), !0) : !1;
+function zt(e) {
+  const t = _.findIndex((n) => n.id === e);
+  return t >= 0 ? (_[t].props.callback(), !0) : !1;
 }
-function ne(e) {
-  const t = V.indexOf(e);
-  t >= 0 && V.splice(t, 1);
+function te(e) {
+  const t = _.indexOf(e);
+  t >= 0 && _.splice(t, 1);
 }
-async function we(e, t, n) {
+async function Ee(e, t, n) {
   return new Promise((o) => {
     let i = null;
-    const c = { ...t, callback: async (r) => {
+    const u = { ...t, callback: async (r) => {
       if (n != null && n.onCallback) {
         const d = n.onCallback(r);
         if (typeof d == "object" && "then" in d && typeof d.then == "function" && await d === !1)
           return;
       }
-      ne(i), o(r);
+      te(i), o(r);
     } };
-    i = Ee(e, c, n);
+    i = ge(e, u, n);
   });
 }
-function oe(e, t) {
+function ne(e, t) {
   return typeof e == "object" && !(e instanceof Error) ? {
     ...e,
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
-async function Xt(e, t) {
-  await we(se, oe(e, t));
+async function Yt(e, t) {
+  await Ee(le, ne(e, t));
 }
-async function po(e, t) {
-  const n = oe(e, t);
-  return await we(se, {
+async function ho(e, t) {
+  const n = ne(e, t);
+  return await Ee(le, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
-async function yo(e, t) {
-  const n = oe(e, t);
-  return await we(se, {
+async function po(e, t) {
+  const n = ne(e, t);
+  return await Ee(le, {
     ...n,
     shouldConfirm: !0,
     classes: ["destructive", ...n.classes]
   }) === !0;
 }
-function go(e, t) {
-  const n = oe(e, t), o = Ee(se, {
+function yo(e, t) {
+  const n = ne(e, t), o = ge(le, {
     ...n,
     isBare: !0,
     classes: ["wait", ...n.classes],
     callback: () => {
     }
   });
-  return () => ne(o);
+  return () => te(o);
 }
-const U = {
+const $ = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateFormat: "M/d/yy",
-  defaultDateTimeFormat: "M/d/yy H:mm"
+  defaultTimeFormat: "H:mm"
 };
-function Eo(e) {
-  Object.assign(U, e);
+function go(e) {
+  Object.assign($, e);
 }
-class le extends Error {
+class oe extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
-function Yt(e) {
-  return e instanceof le ? e.message : `An application error has occurred:
+function Kt(e) {
+  return e instanceof oe ? e.message : `An application error has occurred:
 
-${ke(e).message}
+${we(e).message}
 
-Please refresh the page and try again. If this error persists, ${U.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${$.unhandledErrorSupportText}.`;
 }
-function ke(e) {
+function we(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function wo(e, t) {
-  const n = ke(e);
-  return n instanceof le || U.errorHandler(n), Xt({
+async function Eo(e, t) {
+  const n = we(e);
+  return n instanceof oe || $.errorHandler(n), Yt({
     title: t == null ? void 0 : t.title,
     message: n,
     classes: t == null ? void 0 : t.classes
   });
 }
-async function ko(e) {
-  const t = ke(e);
-  t instanceof le || U.errorHandler(t);
+async function wo(e) {
+  const t = we(e);
+  t instanceof oe || $.errorHandler(t);
 }
 const z = Symbol("MaskState");
-function bo(e, t) {
+function ko(e, t) {
   var i;
   const n = (i = e.$) == null ? void 0 : i.vnode.el, o = n.closest(".vf-modal");
-  return Zt(o ?? n, t);
+  return Xt(o ?? n, t);
 }
-function To(e) {
+function bo(e) {
   var o;
   const t = (o = e.$) == null ? void 0 : o.vnode.el, n = t.closest(".vf-modal");
   return Ze(n ?? t);
 }
-function Zt(e, t) {
+function Xt(e, t) {
   if (!e[z]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[z] = { maskEl: n };
@@ -257,8 +257,8 @@ function Zt(e, t) {
 function Ze(e) {
   e[z] && e.removeChild(e[z].maskEl);
 }
-const me = Symbol("FormMaskState");
-function Gt(e, t, n) {
+const ve = Symbol("FormMaskState");
+function Zt(e, t, n) {
   const o = e instanceof Element ? e : Qe(e);
   if (!o) return () => {
   };
@@ -267,7 +267,7 @@ function Gt(e, t, n) {
   let l;
   i && (l = i.tagName === "INPUT" ? i.value : i.innerHTML, i.setAttribute("disabled", "disabled"), i.innerText = n ?? "Please wait...");
   const r = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return r.forEach((d) => d.setAttribute("disabled", "disabled")), o[me] = {
+  return r.forEach((d) => d.setAttribute("disabled", "disabled")), o[ve] = {
     disabledElements: r,
     waitButton: i,
     buttonHtml: l
@@ -276,21 +276,21 @@ function Gt(e, t, n) {
 function Ge(e) {
   const t = e instanceof Element ? e : Qe(e);
   if (!t) return;
-  const n = t[me];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((o) => o.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[me]);
+  const n = t[ve];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((o) => o.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[ve]);
 }
 function Qe(e) {
   var n;
   const t = (n = e == null ? void 0 : e.$) == null ? void 0 : n.vnode.el;
   return t ? t.tagName === "FORM" ? t : t.querySelector("form") : null;
 }
-const Qt = ["id"], Jt = {
+const Gt = ["id"], Qt = {
   key: 0,
   class: "vf-modal-header"
-}, en = { class: "vf-modal-content" }, tn = {
+}, Jt = { class: "vf-modal-content" }, en = {
   key: 1,
   class: "vf-modal-footer"
-}, nn = /* @__PURE__ */ _({
+}, tn = /* @__PURE__ */ N({
   __name: "vf-modal",
   props: {
     id: {},
@@ -301,70 +301,70 @@ const Qt = ["id"], Jt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = pe(), o = e;
-    t({ mask: y, unmask: E, hide: v, unhide: a });
-    const i = T(), l = T(), c = T(!1), r = M(() => At([...Array.isArray(o.class) ? o.class : [o.class], c.value && "hidden"]));
-    $(() => {
-      var u;
-      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (u = i.value) == null || u.addEventListener("click", d));
-    }), ge(() => {
-      window.removeEventListener("keydown", p), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
+    const n = he(), o = e;
+    t({ mask: f, unmask: g, hide: v, unhide: a });
+    const i = T(), l = T(), u = T(!1), r = x(() => Ye([...Array.isArray(o.class) ? o.class : [o.class], u.value && "hidden"]));
+    V(() => {
+      var c;
+      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", y), (c = i.value) == null || c.addEventListener("click", d));
+    }), ye(() => {
+      window.removeEventListener("keydown", y), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function d(u) {
-      u.target == i.value && k();
+    function d(c) {
+      c.target == i.value && b();
     }
-    function p(u) {
-      if (u.key === "Esc" || u.key === "Escape") {
+    function y(c) {
+      if (c.key === "Esc" || c.key === "Escape") {
         const S = document.querySelectorAll(".vf-modal-wrap");
-        S[S.length - 1] === i.value && k();
+        S[S.length - 1] === i.value && b();
       }
     }
-    function k() {
-      Ye(n);
+    function b() {
+      Xe(n);
     }
-    function y() {
-      return Gt(l.value), () => E();
+    function f() {
+      return Zt(l.value), () => g();
     }
-    function E() {
+    function g() {
       Ge(l.value);
     }
     function v() {
-      return c.value = !0, () => a();
+      return u.value = !0, () => a();
     }
     function a() {
-      c.value = !1;
+      u.value = !1;
     }
-    return (u, S) => (w(), b("div", {
-      id: u.id,
+    return (c, S) => (w(), k("div", {
+      id: c.id,
       ref_key: "overlay",
       ref: i,
       class: B(["vf-overlay vf-modal-wrap", r.value])
     }, [
-      O("form", {
+      D("form", {
         ref_key: "form",
         ref: l,
         action: ".",
-        class: B(["vf-modal", { scrolls: u.scrolls }]),
-        onSubmit: S[0] || (S[0] = ye((I) => u.$emit("formSubmit"), ["prevent"]))
+        class: B(["vf-modal", { scrolls: c.scrolls }]),
+        onSubmit: S[0] || (S[0] = pe((I) => c.$emit("formSubmit"), ["prevent"]))
       }, [
-        u.$slots.header ? (w(), b("div", Jt, [
-          Q(u.$slots, "header"),
-          o.closeX ? (w(), b("i", {
+        c.$slots.header ? (w(), k("div", Qt, [
+          G(c.$slots, "header"),
+          o.closeX ? (w(), k("i", {
             key: 0,
             class: "close",
-            onClick: k
-          })) : D("", !0)
-        ])) : D("", !0),
-        O("div", en, [
-          Q(u.$slots, "default")
+            onClick: b
+          })) : O("", !0)
+        ])) : O("", !0),
+        D("div", Jt, [
+          G(c.$slots, "default")
         ]),
-        u.$slots.footer ? (w(), b("div", tn, [
-          Q(u.$slots, "footer")
-        ])) : D("", !0)
+        c.$slots.footer ? (w(), k("div", en, [
+          G(c.$slots, "footer")
+        ])) : O("", !0)
       ], 34)
-    ], 10, Qt));
+    ], 10, Gt));
   }
-}), on = ["innerHtml"], ln = ["innerText"], se = /* @__PURE__ */ _({
+}), nn = ["innerHtml"], on = ["innerText"], le = /* @__PURE__ */ N({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -376,36 +376,36 @@ const Qt = ["id"], Jt = {
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = M(() => t.message instanceof Error ? Yt(t.message) : t.message);
+    const t = e, n = x(() => t.message instanceof Error ? Kt(t.message) : t.message);
     return (o, i) => {
-      const l = Mt("autofocus");
-      return w(), qe(nn, {
+      const l = xt("autofocus");
+      return w(), Pe(tn, {
         class: B(["vf-alert", ...o.classes ?? []])
       }, It({
-        default: ce(() => [
-          o.isHtml ? (w(), b("div", {
+        default: ue(() => [
+          o.isHtml ? (w(), k("div", {
             key: 0,
             innerHtml: o.message,
             class: "user-message"
-          }, null, 8, on)) : (w(), b("div", {
+          }, null, 8, nn)) : (w(), k("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, ln))
+          }, null, 8, on))
         ]),
         _: 2
       }, [
         o.title ? {
           name: "header",
-          fn: ce(() => [
-            O("h1", null, W(o.title), 1)
+          fn: ue(() => [
+            D("h1", null, U(o.title), 1)
           ]),
           key: "0"
         } : void 0,
         o.isBare ? void 0 : {
           name: "footer",
-          fn: ce(() => [
-            o.shouldConfirm ? (w(), b(ee, { key: 0 }, [
-              J((w(), b("button", {
+          fn: ue(() => [
+            o.shouldConfirm ? (w(), k(J, { key: 0 }, [
+              Q((w(), k("button", {
                 class: "primary",
                 onClick: i[0] || (i[0] = () => o.callback(!0))
               }, i[3] || (i[3] = [
@@ -413,11 +413,11 @@ const Qt = ["id"], Jt = {
               ]))), [
                 [l]
               ]),
-              O("button", {
+              D("button", {
                 class: "default",
                 onClick: i[1] || (i[1] = () => o.callback(!1))
               }, "Cancel")
-            ], 64)) : J((w(), b("button", {
+            ], 64)) : Q((w(), k("button", {
               key: 1,
               class: "default",
               onClick: i[2] || (i[2] = () => o.callback(!0))
@@ -432,53 +432,53 @@ const Qt = ["id"], Jt = {
       ]), 1032, ["class"]);
     };
   }
-});
-var x = [];
-for (var de = 0; de < 256; ++de)
-  x.push((de + 256).toString(16).slice(1));
-function sn(e, t = 0) {
-  return (x[e[t + 0]] + x[e[t + 1]] + x[e[t + 2]] + x[e[t + 3]] + "-" + x[e[t + 4]] + x[e[t + 5]] + "-" + x[e[t + 6]] + x[e[t + 7]] + "-" + x[e[t + 8]] + x[e[t + 9]] + "-" + x[e[t + 10]] + x[e[t + 11]] + x[e[t + 12]] + x[e[t + 13]] + x[e[t + 14]] + x[e[t + 15]]).toLowerCase();
-}
-var G, rn = new Uint8Array(16);
-function an() {
-  if (!G && (G = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !G))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return G(rn);
-}
-var un = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Be = {
-  randomUUID: un
-};
-function cn(e, t, n) {
-  if (Be.randomUUID && !t && !e)
-    return Be.randomUUID();
+}), M = [];
+for (let e = 0; e < 256; ++e)
+  M.push((e + 256).toString(16).slice(1));
+function ln(e, t = 0) {
+  return (M[e[t + 0]] + M[e[t + 1]] + M[e[t + 2]] + M[e[t + 3]] + "-" + M[e[t + 4]] + M[e[t + 5]] + "-" + M[e[t + 6]] + M[e[t + 7]] + "-" + M[e[t + 8]] + M[e[t + 9]] + "-" + M[e[t + 10]] + M[e[t + 11]] + M[e[t + 12]] + M[e[t + 13]] + M[e[t + 14]] + M[e[t + 15]]).toLowerCase();
+}
+let ce;
+const sn = new Uint8Array(16);
+function rn() {
+  if (!ce) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    ce = crypto.getRandomValues.bind(crypto);
+  }
+  return ce(sn);
+}
+const an = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Oe = { randomUUID: an };
+function un(e, t, n) {
+  if (Oe.randomUUID && !t && !e)
+    return Oe.randomUUID();
   e = e || {};
-  var o = e.random || (e.rng || an)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, sn(o);
+  const o = e.random || (e.rng || rn)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ln(o);
 }
-function So(e) {
+function To(e) {
   return e.replace(/\n/g, "<br>");
 }
-function dn(e) {
+function cn(e) {
   return e.replace(/_/g, " ");
 }
-function fn(e) {
+function dn(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
-function vn(e, t = 1) {
+function fn(e, t = 1) {
   return "$" + (Number(e) / t).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Co() {
-  return cn();
+function So() {
+  return un();
 }
-const mn = ["disabled", "placeholder", "required"], hn = {
+const vn = ["disabled", "placeholder", "required"], mn = {
   key: 0,
   class: "no-results"
-}, pn = ["onMousemove", "onMousedown"], yn = ["innerHTML"], gn = ["innerHTML"], En = {
+}, hn = ["onMousemove", "onMousedown"], pn = ["innerHTML"], yn = ["innerHTML"], gn = {
   key: 0,
   class: "no-results"
-}, wn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", kn = /* @__PURE__ */ _({
+}, En = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", wn = /* @__PURE__ */ N({
   __name: "vf-smart-select",
   props: {
     modelValue: {},
@@ -507,37 +507,37 @@ const mn = ["disabled", "placeholder", "required"], hn = {
   },
   emits: ["optionsLoaded", "update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = Symbol("null"), i = Symbol("create"), l = e, c = n;
+    const o = Symbol("null"), i = Symbol("create"), l = e, u = n;
     t({
       addRemoteOption: wt
     });
-    const r = T(), d = T(), p = T(), k = T(!1), y = T(!1), E = T([]), v = T(!1), a = T(""), u = T(null), S = T(null), I = T(!1), L = T(null), Se = T(!1), it = M(() => l.prependOptions ?? []), rt = M(() => l.appendOptions ?? []), Ce = M(() => !!l.disabled), at = M(() => !y.value && l.preload ? "Loading..." : l.nullTitle ? l.nullTitle : l.placeholder || ""), ut = M(() => l.noResultsText || "No options match your search."), R = M(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (s) => s[l.valueField] : null), j = M(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (s) => String(s[l.keyField]) : R.value ? (s) => String(R.value(s)) : null), ie = M(() => l.formatter ? l.formatter : l.labelField ? (s) => String(s[l.labelField]) : (s) => String(s)), Le = M(() => [...it.value, ...E.value, ...rt.value]), re = M(() => Le.value.map((s, f) => {
-      var Ae, Fe;
-      const m = ie.value(s), h = (Ae = l.subtitleFormatter) == null ? void 0 : Ae.call(l, s), g = m ? m.trim().toLowerCase() : "", C = h ? h.trim().toLowerCase() : "", Z = [];
-      return l.searchFields ? l.searchFields.forEach((Oe) => {
-        s[Oe] && Z.push(String(s[Oe]).toLowerCase());
-      }) : (Z.push(g), C && Z.push(C)), {
-        key: ((Fe = j.value) == null ? void 0 : Fe.call(j, s)) ?? String(f),
-        title: m,
-        subtitle: h,
+    const r = T(), d = T(), y = T(), b = T(!1), f = T(!1), g = T([]), v = T(!1), a = T(""), c = T(null), S = T(null), I = T(!1), L = T(null), Te = T(!1), it = x(() => l.prependOptions ?? []), rt = x(() => l.appendOptions ?? []), Se = x(() => !!l.disabled), at = x(() => !f.value && l.preload ? "Loading..." : l.nullTitle ? l.nullTitle : l.placeholder || ""), ut = x(() => l.noResultsText || "No options match your search."), W = x(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (s) => s[l.valueField] : null), j = x(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (s) => String(s[l.keyField]) : W.value ? (s) => String(W.value(s)) : null), se = x(() => l.formatter ? l.formatter : l.labelField ? (s) => String(s[l.labelField]) : (s) => String(s)), Ce = x(() => [...it.value, ...g.value, ...rt.value]), ie = x(() => Ce.value.map((s, m) => {
+      var He, Ae;
+      const h = se.value(s), p = (He = l.subtitleFormatter) == null ? void 0 : He.call(l, s), E = h ? h.trim().toLowerCase() : "", C = p ? p.trim().toLowerCase() : "", Z = [];
+      return l.searchFields ? l.searchFields.forEach((Fe) => {
+        s[Fe] && Z.push(String(s[Fe]).toLowerCase());
+      }) : (Z.push(E), C && Z.push(C)), {
+        key: ((Ae = j.value) == null ? void 0 : Ae.call(j, s)) ?? String(m),
+        title: h,
+        subtitle: p,
         searchContent: Z.join(""),
         ref: s
       };
-    })), H = M(() => {
-      let s = [...re.value];
+    })), H = x(() => {
+      let s = [...ie.value];
       if (v.value) {
-        const f = a.value.trim().toLowerCase();
-        if (f.length) {
-          s = s.filter((g) => g.searchContent.includes(f));
-          const m = _t(a.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), h = new RegExp(`(${m})`, "ig");
-          s = s.map((g) => {
+        const m = a.value.trim().toLowerCase();
+        if (m.length) {
+          s = s.filter((E) => E.searchContent.includes(m));
+          const h = Vt(a.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(`(${h})`, "ig");
+          s = s.map((E) => {
             var C;
             return {
-              ...g,
-              title: g.title.replace(h, "<mark>$1</mark>"),
-              subtitle: (C = g.subtitle) == null ? void 0 : C.replace(h, "<mark>$1</mark>")
+              ...E,
+              title: E.title.replace(p, "<mark>$1</mark>"),
+              subtitle: (C = E.subtitle) == null ? void 0 : C.replace(p, "<mark>$1</mark>")
             };
-          }), Se.value && (s.find((C) => C.searchContent === f) !== void 0 || s.push({
+          }), Te.value && (s.find((C) => C.searchContent === m) !== void 0 || s.push({
             key: i,
             title: "Create <strong>" + a.value.trim() + "</strong>..."
           }));
@@ -548,35 +548,35 @@ const mn = ["disabled", "placeholder", "required"], hn = {
       });
       return s;
     });
-    F(() => l.modelValue, ue), F(
+    F(() => l.modelValue, ae), F(
       () => l.options,
       () => {
-        E.value = l.options ?? [], y.value = !0;
+        g.value = l.options ?? [], f.value = !0;
       }
-    ), F(re, () => {
-      I.value && setTimeout(Ie, 0);
+    ), F(ie, () => {
+      I.value && setTimeout(xe, 0);
     }), F(a, () => {
       v.value && !l.remoteSearch && !a.value.trim().length && (v.value = !1);
     }), F(I, () => {
-      I.value ? setTimeout(yt, 0) : (v.value = !1, a.value = S.value || "", p.value && (p.value.style.visibility = "hidden"));
+      I.value ? setTimeout(yt, 0) : (v.value = !1, a.value = S.value || "", y.value && (y.value.style.visibility = "hidden"));
     }), F(H, () => {
       var s;
-      l.modelValue && !u.value && ue(), (L.value || v.value) && !H.value.find((f) => f.key == L.value) && (L.value = ((s = H.value[0]) == null ? void 0 : s.key) ?? o);
-    }), $(async () => {
-      Se.value = l.onCreateItem !== void 0, l.options ? (E.value = [...l.options], y.value = !0) : l.preload && await xe(), ue(), F(u, () => {
-        u.value !== l.modelValue && c(
+      l.modelValue && !c.value && ae(), (L.value || v.value) && !H.value.find((m) => m.key == L.value) && (L.value = ((s = H.value[0]) == null ? void 0 : s.key) ?? o);
+    }), V(async () => {
+      Te.value = l.onCreateItem !== void 0, l.options ? (g.value = [...l.options], f.value = !0) : l.preload && await Le(), ae(), F(c, () => {
+        c.value !== l.modelValue && u(
           "update:modelValue",
-          u.value && R.value ? R.value(u.value) : u.value
+          c.value && W.value ? W.value(c.value) : c.value
         );
-      }), l.remoteSearch && F(a, Ft(ct, 250));
+      }), l.remoteSearch && F(a, At(ct, 250));
     });
-    async function xe() {
-      await Me(), E.value && c("optionsLoaded", E.value);
+    async function Le() {
+      await Me(), g.value && u("optionsLoaded", g.value);
     }
     async function Me() {
-      var f;
+      var m;
       const s = l.remoteSearch && v.value && a.value ? a.value : null;
-      k.value = !0, E.value = await ((f = l.loadOptions) == null ? void 0 : f.call(l, s)) ?? [], k.value = !1, y.value = !0;
+      b.value = !0, g.value = await ((m = l.loadOptions) == null ? void 0 : m.call(l, s)) ?? [], b.value = !1, f.value = !0;
     }
     function ct() {
       v.value && (Me(), v.value = a.value.trim().length > 0);
@@ -587,26 +587,26 @@ const mn = ["disabled", "placeholder", "required"], hn = {
         return;
       }
       if (!(s.key == "ArrowLeft" || s.key == "ArrowRight") && s.key != "Tab") {
-        if (!y.value) {
+        if (!f.value) {
           v.value || s.preventDefault();
           return;
         }
         if (s.key == "ArrowUp" || s.key == "ArrowDown")
-          return s.preventDefault(), ae(s.key == "ArrowUp" ? -1 : 1);
+          return s.preventDefault(), re(s.key == "ArrowUp" ? -1 : 1);
         if (s.key == "PageUp" || s.key == "PageDown")
-          return s.preventDefault(), ae(s.key == "PageUp" ? -10 : 10);
+          return s.preventDefault(), re(s.key == "PageUp" ? -10 : 10);
         if (s.key == "Home" || s.key == "End")
-          return s.preventDefault(), ae(s.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
+          return s.preventDefault(), re(s.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (s.key == "Enter") {
           s.preventDefault();
-          const f = H.value.find((m) => m.key == L.value);
-          if (f) return He(f);
+          const m = H.value.find((h) => h.key == L.value);
+          if (m) return Ie(m);
         }
         if (s.key === "Delete" || s.key === "Backspace") {
           a.value.length > 1 && (v.value = !0);
           return;
         }
-        !s.metaKey && wn.includes(s.key) && (v.value = !0);
+        !s.metaKey && En.includes(s.key) && (v.value = !0);
       }
     }
     function ft() {
@@ -616,82 +616,82 @@ const mn = ["disabled", "placeholder", "required"], hn = {
       }, 0);
     }
     function vt(s) {
-      u.value ? L.value = mt(u.value) : l.nullTitle && (L.value = o);
+      c.value ? L.value = mt(c.value) : l.nullTitle && (L.value = o);
     }
     function mt(s) {
-      var f;
-      return j.value ? j.value(u.value) : ((f = ht(s)) == null ? void 0 : f.key) ?? "";
+      var m;
+      return j.value ? j.value(c.value) : ((m = ht(s)) == null ? void 0 : m.key) ?? "";
     }
     function ht(s) {
-      const f = H.value.find((g) => g.ref === s);
-      if (f)
-        return f;
-      const m = l.keyExtractor ? (g, C) => l.keyExtractor(g) === l.keyExtractor(C) : Xe, h = H.value.find((g) => m(g.ref, s));
-      return h || null;
+      const m = H.value.find((E) => E.ref === s);
+      if (m)
+        return m;
+      const h = l.keyExtractor ? (E, C) => l.keyExtractor(E) === l.keyExtractor(C) : Ke, p = H.value.find((E) => h(E.ref, s));
+      return p || null;
     }
     function pt() {
-      l.debug || (!a.value.length && l.nullTitle && (u.value = null, S.value = null), I.value = !1);
+      l.debug || (!a.value.length && l.nullTitle && (c.value = null, S.value = null), I.value = !1);
     }
     function yt() {
       var s;
-      y.value || xe(), l.optionsListId && ((s = p.value) == null || s.setAttribute("id", l.optionsListId)), gt();
+      f.value || Le(), l.optionsListId && ((s = y.value) == null || s.setAttribute("id", l.optionsListId)), gt();
     }
     function gt() {
-      const s = r.value.getBoundingClientRect(), f = s.y + s.height + 2, m = s.x, h = p.value, g = window.getComputedStyle(r.value);
-      for (let C in g)
-        /^(font|text)/.test(C) && (h.style[C] = g[C]);
-      if (h.style.top = f + "px", h.style.left = m + "px", h.style.minWidth = s.width + "px", !g.maxHeight || g.maxHeight == "none") {
-        const C = window.innerHeight - f - 12;
-        h.style.maxHeight = C + "px";
+      const s = r.value.getBoundingClientRect(), m = s.y + s.height + 2, h = s.x, p = y.value, E = window.getComputedStyle(r.value);
+      for (let C in E)
+        /^(font|text)/.test(C) && (p.style[C] = E[C]);
+      if (p.style.top = m + "px", p.style.left = h + "px", p.style.minWidth = s.width + "px", !E.maxHeight || E.maxHeight == "none") {
+        const C = window.innerHeight - m - 12;
+        p.style.maxHeight = C + "px";
       }
-      h.style.visibility = "visible", document.body.appendChild(h), setTimeout(Ie, 0);
+      p.style.visibility = "visible", document.body.appendChild(p), setTimeout(xe, 0);
     }
-    function Ie() {
-      if (!y.value || !L.value) return;
-      const s = H.value.findIndex((h) => h.key == L.value), f = p.value, m = f == null ? void 0 : f.querySelectorAll(".option")[s];
-      m && (f.scrollTop = m.offsetTop);
+    function xe() {
+      if (!f.value || !L.value) return;
+      const s = H.value.findIndex((p) => p.key == L.value), m = y.value, h = m == null ? void 0 : m.querySelectorAll(".option")[s];
+      h && (m.scrollTop = h.offsetTop);
     }
     function Et(s) {
       L.value = s ? s.key : null;
     }
-    function ae(s) {
-      const f = H.value.findIndex((C) => C.key == L.value);
-      let m = f + s;
-      if (m < 0 ? m = 0 : m >= H.value.length && (m = H.value.length - 1), f == m) return;
-      L.value = H.value[m].key;
-      const h = p.value, g = h == null ? void 0 : h.querySelectorAll(".option")[m];
-      g && (g.offsetTop < h.scrollTop ? h.scrollTop = g.offsetTop : g.offsetTop + g.offsetHeight > h.scrollTop + h.clientHeight && (h.scrollTop = g.offsetTop + g.offsetHeight - h.clientHeight));
+    function re(s) {
+      const m = H.value.findIndex((C) => C.key == L.value);
+      let h = m + s;
+      if (h < 0 ? h = 0 : h >= H.value.length && (h = H.value.length - 1), m == h) return;
+      L.value = H.value[h].key;
+      const p = y.value, E = p == null ? void 0 : p.querySelectorAll(".option")[h];
+      E && (E.offsetTop < p.scrollTop ? p.scrollTop = E.offsetTop : E.offsetTop + E.offsetHeight > p.scrollTop + p.clientHeight && (p.scrollTop = E.offsetTop + E.offsetHeight - p.clientHeight));
     }
-    function He(s) {
-      var f, m;
+    function Ie(s) {
+      var m, h;
       if (v.value = !1, s.key == o)
-        a.value = "", u.value = null, S.value = null;
+        a.value = "", c.value = null, S.value = null;
       else if (s.key === i) {
-        const h = a.value.trim();
-        a.value = "", u.value = null, S.value = null, (f = l.onCreateItem) == null || f.call(l, h);
+        const p = a.value.trim();
+        a.value = "", c.value = null, S.value = null, (m = l.onCreateItem) == null || m.call(l, p);
       } else {
-        const g = re.value.find((C) => C.key == s.key).ref;
-        u.value = g, S.value = ie.value(g), a.value = S.value || "";
+        const E = ie.value.find((C) => C.key == s.key).ref;
+        c.value = E, S.value = se.value(E), a.value = S.value || "";
       }
-      (m = d.value) == null || m.blur();
+      (h = d.value) == null || h.blur();
     }
-    function ue() {
-      l.modelValue ? (u.value = R.value ? Le.value.find((s) => l.modelValue === R.value(s)) : l.modelValue, S.value = u.value ? ie.value(u.value) : null, a.value = S.value || "") : (u.value = null, S.value = null, a.value = "");
+    function ae() {
+      l.modelValue ? (c.value = W.value ? Ce.value.find((s) => l.modelValue === W.value(s)) : l.modelValue, S.value = c.value ? se.value(c.value) : null, a.value = S.value || "") : (c.value = null, S.value = null, a.value = "");
     }
     function wt(s) {
-      E.value.unshift(s);
+      g.value.unshift(s);
     }
-    return (s, f) => (w(), b("div", {
+    return (s, m) => (w(), k("div", {
       ref_key: "el",
       ref: r,
-      class: B(["vf-smart-select", { disabled: Ce.value, open: I.value }])
+      class: B(["vf-smart-select", { disabled: Se.value, open: I.value }])
     }, [
-      J(O("input", {
+      Q(D("input", {
         ref_key: "searchField",
         ref: d,
-        "onUpdate:modelValue": f[0] || (f[0] = (m) => a.value = m),
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => a.value = h),
         type: "text",
-        disabled: Ce.value,
+        disabled: Se.value,
         class: B({ nullable: !!s.nullTitle }),
         placeholder: at.value,
         required: s.required,
@@ -699,40 +699,40 @@ const mn = ["disabled", "placeholder", "required"], hn = {
         onKeydown: dt,
         onFocus: ft,
         onBlur: pt
-      }, null, 42, mn), [
+      }, null, 42, vn), [
         [Ht, a.value]
       ]),
-      I.value ? (w(), b("div", {
+      I.value ? (w(), k("div", {
         key: 0,
         ref_key: "optionsContainer",
-        ref: p,
+        ref: y,
         class: "vf-smart-select-options"
       }, [
-        y.value ? (w(), b(ee, { key: 1 }, [
-          (w(!0), b(ee, null, he(H.value, (m) => (w(), b("div", {
-            key: String(m.key),
+        f.value ? (w(), k(J, { key: 1 }, [
+          (w(!0), k(J, null, me(H.value, (h) => (w(), k("div", {
+            key: String(h.key),
             class: B(["option", {
-              highlighted: L.value === m.key
+              highlighted: L.value === h.key
             }]),
-            onMousemove: (h) => Et(m),
-            onMousedown: (h) => He(m)
+            onMousemove: (p) => Et(h),
+            onMousedown: (p) => Ie(h)
           }, [
-            O("div", {
+            D("div", {
               class: "title",
-              innerHTML: m.title
-            }, null, 8, yn),
-            m.subtitle ? (w(), b("div", {
+              innerHTML: h.title
+            }, null, 8, pn),
+            h.subtitle ? (w(), k("div", {
               key: 0,
               class: "subtitle",
-              innerHTML: m.subtitle
-            }, null, 8, gn)) : D("", !0)
-          ], 42, pn))), 128)),
-          !H.value.length && a.value ? (w(), b("div", En, W(ut.value), 1)) : D("", !0)
-        ], 64)) : (w(), b("div", hn, "Loading..."))
-      ], 512)) : D("", !0)
+              innerHTML: h.subtitle
+            }, null, 8, yn)) : O("", !0)
+          ], 42, hn))), 128)),
+          !H.value.length && a.value ? (w(), k("div", gn, U(ut.value), 1)) : O("", !0)
+        ], 64)) : (w(), k("div", mn, "Loading..."))
+      ], 512)) : O("", !0)
     ], 2));
   }
-}), Lo = /* @__PURE__ */ _({
+}), Co = /* @__PURE__ */ N({
   __name: "vf-ez-smart-select",
   props: {
     modelValue: {},
@@ -743,34 +743,34 @@ const mn = ["disabled", "placeholder", "required"], hn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, d]) => ({
+    const n = e, o = x(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, d]) => ({
       value: r,
       label: d
-    }))), i = M(() => n.formatter ? (r) => n.formatter(r) : (r) => r.label), l = t, c = T(o.value.find((r) => r.value === n.modelValue) ?? null);
+    }))), i = x(() => n.formatter ? (r) => n.formatter(r) : (r) => r.label), l = t, u = T(o.value.find((r) => r.value === n.modelValue) ?? null);
     return F(
       () => n.modelValue,
       (r) => {
-        c.value = o.value.find((d) => d.value === r) ?? null;
+        u.value = o.value.find((d) => d.value === r) ?? null;
       }
-    ), F(c, (r) => {
-      var p;
-      const d = r ? (p = o.value.find((k) => Xe(k, r))) == null ? void 0 : p.value : null;
+    ), F(u, (r) => {
+      var y;
+      const d = r ? (y = o.value.find((b) => Ke(b, r))) == null ? void 0 : y.value : null;
       l("update:modelValue", d ?? null);
-    }), (r, d) => (w(), qe(kn, {
-      modelValue: c.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (p) => c.value = p),
+    }), (r, d) => (w(), Pe(wn, {
+      modelValue: u.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (y) => u.value = y),
       options: o.value,
       formatter: i.value,
       "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
-}), bn = { class: "content" }, Tn = { class: "message" }, Sn = {
+}), kn = { class: "content" }, bn = { class: "message" }, Tn = {
   key: 0,
   class: "close"
-}, Cn = {
+}, Sn = {
   key: 0,
   class: "progress-bar"
-}, Ln = /* @__PURE__ */ _({
+}, Cn = /* @__PURE__ */ N({
   __name: "vf-toast",
   props: {
     message: {},
@@ -786,113 +786,113 @@ const mn = ["disabled", "placeholder", "required"], hn = {
       t.onClick ? t.onClick() : t.disableClose || t.callback();
     }
     const o = T();
-    return t.durationSecs !== null && $(() => {
+    return t.durationSecs !== null && V(() => {
       var l;
       const i = t.durationSecs ?? 5;
       (l = o.value) == null || l.animate([{ width: "0%" }, { width: "100%" }], {
         duration: i * 1e3,
         easing: "linear"
       }), setTimeout(() => t.callback(), i * 1e3);
-    }), (i, l) => (w(), b("div", {
+    }), (i, l) => (w(), k("div", {
       class: B(["vf-toast", i.className]),
-      onClick: ye(n, ["stop"])
+      onClick: pe(n, ["stop"])
     }, [
-      O("div", bn, [
-        O("div", Tn, W(i.message), 1),
-        i.disableClose ? D("", !0) : (w(), b("div", Sn, "x"))
+      D("div", kn, [
+        D("div", bn, U(i.message), 1),
+        i.disableClose ? O("", !0) : (w(), k("div", Tn, "x"))
       ]),
-      i.durationSecs !== null ? (w(), b("div", Cn, [
-        O("div", {
+      i.durationSecs !== null ? (w(), k("div", Sn, [
+        D("div", {
           ref_key: "progressInnerEl",
           ref: o,
           class: "inner"
         }, null, 512)
-      ])) : D("", !0)
+      ])) : O("", !0)
     ], 2));
   }
 });
-function xo(e) {
-  const t = Ee(Ln, {
+function Lo(e) {
+  const t = ge(Cn, {
     ...e,
-    callback: () => ne(t)
+    callback: () => te(t)
   });
-  return () => ne(t);
+  return () => te(t);
 }
-function xn(e) {
+function Ln(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), i = ["B", "KB", "MB", "GB", "TB"][t];
   return `${o} ${i}`;
 }
 function Mn(e) {
   return e != null && String(e).length ? e : "-";
 }
-function In(e) {
+function xn(e) {
   return e || "-";
 }
+function In(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Vn(Number(e));
+}
 function Hn(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : _n(Number(e));
+  return e && dn(e);
 }
 function An(e) {
-  return e && fn(e);
+  return e ? Dt(e) : null;
 }
 function Fn(e) {
-  return e ? Ot(e) : null;
-}
-function On(e) {
-  return e ? Dt(e) : null;
+  return e ? Ft(e) : null;
 }
 function Dn(e) {
   return e ? e.toUpperCase() : null;
 }
-function Bn(e) {
-  return e ? dn(e) : null;
+function On(e) {
+  return e ? cn(e) : null;
 }
 function $n(e, t = 1) {
-  return vn(e, t);
+  return fn(e, t);
 }
 const $e = {
-  bytes: xn,
+  bytes: Ln,
   dash: Mn,
-  dashZeros: In,
-  number: Hn,
-  phone: An,
-  upperFirst: Fn,
-  startCase: On,
+  dashZeros: xn,
+  number: In,
+  phone: Hn,
+  upperFirst: An,
+  startCase: Fn,
   upperCase: Dn,
-  desnake: Bn,
+  desnake: On,
   usCurrency: $n
 }, Mo = (e) => ({
   ...$e,
   ...e($e)
 });
-function Io(e, t, n) {
+function xo(e, t, n) {
   const o = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return o === -1 ? !1 : (e.splice(o, 1, n), !0);
 }
-function Ho(e, t) {
+function Io(e, t) {
   const n = document.createElement("div");
-  n.classList.add("vf-overlay"), n.addEventListener("click", y), document.body.appendChild(n);
+  n.classList.add("vf-overlay"), n.addEventListener("click", f), document.body.appendChild(n);
   const o = document.createElement("div");
   o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
   const i = e.currentTarget;
   i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((v) => {
     if (v == "-") {
-      const u = document.createElement("div");
-      u.classList.add("separator"), o.appendChild(u);
+      const c = document.createElement("div");
+      c.classList.add("separator"), o.appendChild(c);
       return;
     }
     const a = document.createElement("div");
-    a.classList.add("item"), a.style.userSelect = "none", a.innerText = v.title, o.appendChild(a), v.class && a.classList.add(v.class), v.shouldConfirm ? a.addEventListener("click", (u) => E(u, a, v.handler)) : a.addEventListener("click", () => v.handler());
+    a.classList.add("item"), a.style.userSelect = "none", a.innerText = v.title, o.appendChild(a), v.class && a.classList.add(v.class), v.shouldConfirm ? a.addEventListener("click", (c) => g(c, a, v.handler)) : a.addEventListener("click", () => v.handler());
   });
-  const l = window.innerWidth - e.clientX, c = window.innerHeight - e.clientY, r = o.offsetHeight, d = o.offsetWidth, p = l < d ? e.clientX - d - 1 : e.clientX + 1, k = c < r ? e.clientY - r - 1 : e.clientY + 1;
-  o.style.left = p + "px", o.style.top = k + "px", setTimeout(() => {
+  const l = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, r = o.offsetHeight, d = o.offsetWidth, y = l < d ? e.clientX - d - 1 : e.clientX + 1, b = u < r ? e.clientY - r - 1 : e.clientY + 1;
+  o.style.left = y + "px", o.style.top = b + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
-  function y() {
+  function f() {
     t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
   }
-  function E(v, a, u) {
+  function g(v, a, c) {
     if (a.classList.contains("pending-confirm"))
-      return u();
+      return c();
     const S = a.innerHTML;
     a.classList.add("pending-confirm"), a.innerText = "Confirm";
     const I = () => {
@@ -901,61 +901,61 @@ function Ho(e, t) {
     a.addEventListener("mouseleave", I), v.stopPropagation();
   }
 }
-const Vn = (e) => new Promise((t) => setTimeout(t, e)), Ao = (e) => Vn(e * 1e3);
-function _n(e) {
+const Bn = (e) => new Promise((t) => setTimeout(t, e)), Ho = (e) => Bn(e * 1e3);
+function Vn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Fo(e, t) {
-  return e != null ? Bt(e) : t;
+function Ao(e, t) {
+  return e != null ? Ot(e) : t;
 }
-function Oo(e, t) {
+function Fo(e, t) {
   const n = { ...e };
   for (const o of t)
     n[o] === "" && (n[o] = null);
   return n;
 }
 function Do(e) {
-  Nt({
+  _t({
     ...e,
     onError(t, n) {
       var i;
-      Rt(t) && t.status === 422 && typeof t.body == "object" && "error" in t.body && (t = new le(t.body.error));
+      Nt(t) && t.status === 422 && typeof t.body == "object" && "error" in t.body && (t = new oe(t.body.error));
       const o = (i = e.onError) == null ? void 0 : i.call(e, t, n);
       return o !== void 0 ? o : t;
     }
   });
 }
-const be = Symbol("HookState");
-function Bo(e, t) {
-  const n = t ?? pe();
-  $(() => Nn(n, e), n), ze(() => Rn(n), n), Ke(() => Ve(n), n), ge(() => Ve(n), n);
+const ke = Symbol("HookState");
+function Oo(e, t) {
+  const n = t ?? he();
+  V(() => _n(n, e), n), qe(() => Nn(n), n), ze(() => Be(n), n), ye(() => Be(n), n);
 }
-function Nn(e, t) {
+function _n(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new K(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+  if (t.elScrolledToBottom && (n.el = new Y(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
     const o = Je(e.vnode.el);
-    o ? n.ancestor = new K(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+    o ? n.ancestor = new Y(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new K(window, t.windowScrolledToBottom)), e[be] = n;
+  t.windowScrolledToBottom && (n.window = new Y(window, t.windowScrolledToBottom)), e[ke] = n;
 }
-function Rn(e) {
+function Nn(e) {
   var n, o, i;
-  const t = e[be];
+  const t = e[ke];
   (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (i = t == null ? void 0 : t.window) == null || i.install();
 }
-function Ve(e) {
+function Be(e) {
   var n, o, i;
-  const t = e[be];
+  const t = e[ke];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (i = t == null ? void 0 : t.window) == null || i.uninstall();
 }
-const fe = ["auto", "scroll"];
+const de = ["auto", "scroll"];
 function Je(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return fe.includes(n.overflow) || fe.includes(n.overflowX) || fe.includes(n.overflowY) ? t : Je(t);
+  return de.includes(n.overflow) || de.includes(n.overflowX) || de.includes(n.overflowY) ? t : Je(t);
 }
-class K {
+class Y {
   constructor(t, n) {
     A(this, "isTripped", !1);
     A(this, "onScrollWithContext", this.onScroll.bind(this));
@@ -972,25 +972,25 @@ class K {
   }
 }
 function $o(e) {
-  $(() => window.addEventListener("resize", e)), ze(() => window.addEventListener("resize", e)), Ke(() => window.removeEventListener("resize", e)), ge(() => window.removeEventListener("resize", e));
-}
-const Wn = {
-  mounted: Ne,
-  updated: Ne
-}, _e = Symbol("HasAutoFocused");
-function Ne(e, t) {
-  if (t.value === void 0 && e[_e] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[_e] = !0;
+  V(() => window.addEventListener("resize", e)), qe(() => window.addEventListener("resize", e)), ze(() => window.removeEventListener("resize", e)), ye(() => window.removeEventListener("resize", e));
+}
+const Rn = {
+  mounted: _e,
+  updated: _e
+}, Ve = Symbol("HasAutoFocused");
+function _e(e, t) {
+  if (t.value === void 0 && e[Ve] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[Ve] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const Un = {
-  mounted: jn
+const Wn = {
+  mounted: Un
 }, P = Symbol("ConfirmState");
-function jn(e, t) {
+function Un(e, t) {
   e.addEventListener("click", (n) => {
-    var c, r;
-    const o = Date.now(), i = ((c = t.value) == null ? void 0 : c.text) !== void 0 ? t.value.text : "Confirm";
+    var u, r;
+    const o = Date.now(), i = ((u = t.value) == null ? void 0 : u.text) !== void 0 ? t.value.text : "Confirm";
     if (e[P]) {
       if (o - e[P].initTime < 300)
         return;
@@ -1009,78 +1009,86 @@ function jn(e, t) {
     e[P] = l, i && (e.innerHTML = i), (r = t.value) != null && r.class && e.classList.add(t.value.class), e.addEventListener("mouseout", l.resetHandler);
   });
 }
-const Pn = {
-  beforeMount: qn
+const jn = {
+  beforeMount: Pn
 };
-function qn(e) {
+function Pn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + ve(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + fe(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = ve(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = fe(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const zn = {
-  beforeMount: Re,
-  updated: Re
+const qn = {
+  beforeMount: Ne,
+  updated: Ne
 };
-function Re(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = Kn(e, t));
+function Ne(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = zn(e, t));
 }
-function Kn(e, t) {
-  var d, p;
+function zn(e, t) {
+  var y, b;
   if (!t.value)
-    return ((d = e.attributes.getNamedItem("placeholder")) == null ? void 0 : d.value) ?? "";
+    return ((y = e.attributes.getNamedItem("placeholder")) == null ? void 0 : y.value) ?? "";
   let n = "";
   const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), l = new Date(i);
   e.attributes.getNamedItem("display-utc") !== null && l.setMinutes(l.getMinutes() - l.getTimezoneOffset());
-  let c = (p = e.attributes.getNamedItem("format")) == null ? void 0 : p.value;
-  if (!c && e.attributes.getNamedItem("relative-date") !== null) {
-    const k = /* @__PURE__ */ new Date();
-    k.getFullYear() == l.getFullYear() && k.getMonth() == l.getMonth() && k.getDate() == l.getDate() && (n = "at", c = "HH:mm");
+  let u = (b = e.attributes.getNamedItem("format")) == null ? void 0 : b.value;
+  const r = e.attributes.getNamedItem("date-only") !== null;
+  if (!u && e.attributes.getNamedItem("relative-date") !== null) {
+    const f = /* @__PURE__ */ new Date();
+    f.getFullYear() === l.getFullYear() && f.getMonth() === l.getMonth() && f.getDate() === l.getDate() && (n = "at", u = "HH:mm");
+  }
+  if (!u && e.attributes.getNamedItem("simplified-date") !== null) {
+    let f = null;
+    const g = /* @__PURE__ */ new Date();
+    g.getFullYear() === l.getFullYear() ? (g.getMonth() !== l.getMonth() || g.getDate() !== l.getDate()) && (f = "M/d") : f = "M/d/YY";
+    const v = r ? null : $.defaultTimeFormat;
+    u = Ye([f, v]).join(" ");
   }
-  c || (e.attributes.getNamedItem("date-only") !== null ? c = U.defaultDateFormat : c = U.defaultDateTimeFormat);
-  let r = ve(l, c);
-  return n && (r = n + " " + r), r;
+  u || (r ? u = $.defaultDateFormat : u = `${$.defaultDateFormat} ${$.defaultTimeFormat}`);
+  let d = fe(l, u);
+  return n && (d = n + " " + d), d;
 }
-const Xn = {
-  beforeMount: We,
-  updated: We,
-  unmounted: Yn
+const Yn = {
+  beforeMount: Re,
+  updated: Re,
+  unmounted: Kn
 };
-function We(e, t) {
+function Re(e, t) {
   e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
 }
-function Yn(e) {
+function Kn(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const Zn = {
-  beforeMount: Ue,
-  updated: Ue,
+const Xn = {
+  beforeMount: We,
+  updated: We,
   unmounted: tt
-}, Y = Symbol("HasAutoFocused"), Te = [];
-function Gn() {
-  Te.forEach(et);
+}, X = Symbol("HasAutoFocused"), be = [];
+function Zn() {
+  be.forEach(et);
 }
-setInterval(Gn, 1e3);
-function Ue(e, t) {
-  var c;
+setInterval(Zn, 1e3);
+function We(e, t) {
+  var u;
   if (t.value == t.oldValue) return;
   if (!t.value) return tt(e);
-  const n = new Date(t.value), o = (c = e.attributes.getNamedItem("base-time")) == null ? void 0 : c.value, i = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), l = e.getAttribute("no-seconds") === null;
-  e[Y] || Te.push(e), e[Y] = {
+  const n = new Date(t.value), o = (u = e.attributes.getNamedItem("base-time")) == null ? void 0 : u.value, i = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), l = e.getAttribute("no-seconds") === null;
+  e[X] || be.push(e), e[X] = {
     startTs: i,
     includeSeconds: l
   }, et(e);
 }
 function et(e) {
-  const t = e[Y], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = Qn(n, t.includeSeconds);
+  const t = e[X], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = Gn(n, t.includeSeconds);
 }
 function tt(e) {
-  e[Y] && ($t(Te, e), delete e[Y]), e.innerText = "-";
+  e[X] && ($t(be, e), delete e[X]), e.innerText = "-";
 }
-function Qn(e, t) {
+function Gn(e, t) {
   const n = [], o = Math.floor(e / 86400);
   o && n.push(o + "d"), e -= o * 86400;
   const i = Math.floor(e / 3600);
@@ -1088,58 +1096,58 @@ function Qn(e, t) {
   const l = Math.floor(e / 60);
   return (o || i || l) && n.push(l + "m"), t ? n.length || n.push("0m") : (e -= l * 60, n.push(e + "s")), n.join(" ");
 }
-const Jn = {
+const Qn = {
   mounted: nt,
-  updated: eo,
+  updated: Jn,
   unmounted: ot
-}, N = /* @__PURE__ */ new Map();
+}, R = /* @__PURE__ */ new Map();
 function nt(e, t) {
-  N.size === 0 && window.addEventListener("keydown", lt), N.set(t.value.toLowerCase(), [...N.get(t.value.toLowerCase()) ?? [], e]);
+  R.size === 0 && window.addEventListener("keydown", lt), R.set(t.value.toLowerCase(), [...R.get(t.value.toLowerCase()) ?? [], e]);
 }
 function ot(e, t) {
-  const n = N.get(t.value.toLowerCase());
+  const n = R.get(t.value.toLowerCase());
   if (n) {
     const o = n.indexOf(e);
-    o !== -1 && n.splice(o, 1), n.length === 0 && N.delete(t.value.toLowerCase());
+    o !== -1 && n.splice(o, 1), n.length === 0 && R.delete(t.value.toLowerCase());
   }
-  N.size === 0 && window.removeEventListener("keydown", lt);
+  R.size === 0 && window.removeEventListener("keydown", lt);
 }
-function eo(e, t) {
+function Jn(e, t) {
   ot(e, t), nt(e, t);
 }
 function lt(e) {
   if (typeof e.key != "string") return;
-  const t = e.key.toLowerCase(), n = N.get(t);
+  const t = e.key.toLowerCase(), n = R.get(t);
   if (n) {
-    const o = Vt(n);
+    const o = Bt(n);
     o == null || o.click(), e.preventDefault();
   }
 }
-const q = Symbol("InfiniteScrollHandler"), to = {
+const q = Symbol("InfiniteScrollHandler"), eo = {
   mounted(e, t) {
-    e[q] = new K(e, t.value);
+    e[q] = new Y(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[q]) == null || n.uninstall(), e[q] = new K(e, t.value);
+    (n = e[q]) == null || n.uninstall(), e[q] = new Y(e, t.value);
   },
   unmounted(e) {
     var t;
     (t = e[q]) == null || t.uninstall(), delete e[q];
   }
-}, no = {
-  beforeMount: je,
-  updated: je
+}, to = {
+  beforeMount: Ue,
+  updated: Ue
 };
-function je(e, t) {
+function Ue(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const oo = {
-  mounted: Pe,
-  updated: Pe,
+const no = {
+  mounted: je,
+  updated: je,
   unmounted: st
-}, X = Symbol("TooltipState");
-function Pe(e, t) {
+}, K = Symbol("TooltipState");
+function je(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1147,15 +1155,15 @@ function Pe(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[X] ? e[X].configure(i) : e[X] = new lo(e, i);
+    e[K] ? e[K].configure(i) : e[K] = new oo(e, i);
   } else
     st(e);
 }
 function st(e) {
   var t;
-  (t = e[X]) == null || t.destroy(), delete e[X];
+  (t = e[K]) == null || t.destroy(), delete e[K];
 }
-class lo {
+class oo {
   constructor(t, n) {
     A(this, "lastMoveEvt");
     A(this, "checkInterval");
@@ -1192,8 +1200,8 @@ class lo {
   }
   handleMouseMove(t) {
     const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, i = window.innerWidth, l = window.innerHeight;
-    let c = t.pageX + 10, r = t.pageY + 20;
-    c + n > i && (c = t.pageX - 5 - n), r + o > l && (r = t.pageY - 5 - o), this.tipEl.style.left = c + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
+    let u = t.pageX + 10, r = t.pageY + 20;
+    u + n > i && (u = t.pageX - 5 - n), r + o > l && (r = t.pageY - 5 - o), this.tipEl.style.left = u + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1203,59 +1211,59 @@ class lo {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
-function so(e) {
-  e.directive("autofocus", Wn), e.directive("confirm-button", Un), e.directive("date-input", Pn), e.directive("datetime", zn), e.directive("disabled", Xn), e.directive("duration", Zn), e.directive("hotkey", Jn), e.directive("infinite-scroll", to), e.directive("readonly", no), e.directive("tooltip", oo);
+function lo(e) {
+  e.directive("autofocus", Rn), e.directive("confirm-button", Wn), e.directive("date-input", jn), e.directive("datetime", qn), e.directive("disabled", Yn), e.directive("duration", Xn), e.directive("hotkey", Qn), e.directive("infinite-scroll", eo), e.directive("readonly", to), e.directive("tooltip", no);
 }
-function Vo(e) {
-  so(e);
+function Bo(e) {
+  lo(e);
 }
 export {
-  mo as OverlayContainer,
-  le as UserError,
-  vo as VfAjaxSelect,
-  se as VfAlertModal,
-  Lo as VfEzSmartSelect,
-  nn as VfModal,
-  kn as VfSmartSelect,
-  Fo as cloneProp,
-  Eo as configureVf,
+  vo as OverlayContainer,
+  oe as UserError,
+  fo as VfAjaxSelect,
+  le as VfAlertModal,
+  Co as VfEzSmartSelect,
+  tn as VfModal,
+  wn as VfSmartSelect,
+  Ao as cloneProp,
+  go as configureVf,
   Mo as createFilters,
-  Ee as createOverlayInjection,
-  dn as desnakeCase,
-  Kt as dismissOverlayInjectionById,
-  ho as dismissOverlayInjectionByInstance,
-  Ye as dismissOverlayInjectionByInternalInstance,
-  zt as dismissOverlayInjectionByVnode,
-  Ro as escapeHtml,
-  Yt as formatError,
-  _n as formatNumber,
-  fn as formatPhone,
-  vn as formatUSCurrency,
-  ko as handleError,
-  wo as handleErrorAndAlert,
+  ge as createOverlayInjection,
+  cn as desnakeCase,
+  zt as dismissOverlayInjectionById,
+  mo as dismissOverlayInjectionByInstance,
+  Xe as dismissOverlayInjectionByInternalInstance,
+  qt as dismissOverlayInjectionByVnode,
+  No as escapeHtml,
+  Kt as formatError,
+  Vn as formatNumber,
+  dn as formatPhone,
+  fn as formatUSCurrency,
+  wo as handleError,
+  Eo as handleErrorAndAlert,
   Do as installApiClientInterceptors,
-  Vo as installVf,
-  bo as maskComponent,
-  Zt as maskEl,
-  Gt as maskForm,
-  So as nl2br,
-  Oo as nullifyEmptyInputs,
-  we as presentOverlay,
-  ne as removeOverlayInjection,
-  Io as replaceElement,
-  Xt as showAlert,
-  po as showConfirm,
-  yo as showConfirmDestroy,
-  Ho as showContextMenu,
-  xo as showToast,
-  go as showWait,
-  Vn as sleep,
-  Ao as sleepSecs,
-  ke as toError,
-  To as unmaskComponent,
+  Bo as installVf,
+  ko as maskComponent,
+  Xt as maskEl,
+  Zt as maskForm,
+  To as nl2br,
+  Fo as nullifyEmptyInputs,
+  Ee as presentOverlay,
+  te as removeOverlayInjection,
+  xo as replaceElement,
+  Yt as showAlert,
+  ho as showConfirm,
+  po as showConfirmDestroy,
+  Io as showContextMenu,
+  Lo as showToast,
+  yo as showWait,
+  Bn as sleep,
+  Ho as sleepSecs,
+  we as toError,
+  bo as unmaskComponent,
   Ze as unmaskEl,
   Ge as unmaskForm,
-  Bo as useInfiniteScroll,
+  Oo as useInfiniteScroll,
   $o as useResizeWatcher,
-  Co as uuid
+  So as uuid
 };