@signal24/vue-foundation 4.25.3 → 4.25.5

package/dist/vue-foundation.es.js

@@ -1,19 +1,19 @@
-var Ht = Object.defineProperty;
-var Vt = (e, t, n) => t in e ? Ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var D = (e, t, n) => Vt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as R, ref as T, computed as M, watch as H, onMounted as _, createElementBlock as k, withDirectives as ne, openBlock as b, createElementVNode as B, toDisplayString as W, createCommentVNode as A, Fragment as oe, renderList as se, vModelSelect as At, getCurrentInstance as we, withModifiers as Ee, normalizeStyle as $t, normalizeClass as $, renderSlot as j, reactive as Bt, h as ie, Teleport as _t, markRaw as Nt, onBeforeUnmount as be, resolveDirective as Rt, createBlock as Je, createSlots as Wt, withCtx as pe, createTextVNode as X, vModelText as jt, onActivated as Qe, onDeactivated as et } from "vue";
-import { compact as tt, uniq as Ut, groupBy as Pt, debounce as qt, isEqual as nt, startCase as zt, upperFirst as Kt, cloneDeep as Yt, remove as Xt, last as Zt } from "lodash";
-import { escapeHtml as Gt } from "@vue/shared";
-import { escapeHtml as ms } from "@vue/shared";
-import { format as P, addDays as Jt, parse as Qt } from "date-fns";
-import { configureOpenApiClient as en, OpenApiError as tn } from "@signal24/openapi-client-codegen/browser";
-const nn = {
+var At = Object.defineProperty;
+var $t = (e, t, n) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var D = (e, t, n) => $t(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as R, ref as T, computed as M, watch as H, onMounted as _, createElementBlock as k, withDirectives as ne, openBlock as b, createElementVNode as B, toDisplayString as W, createCommentVNode as A, Fragment as oe, renderList as se, vModelSelect as Bt, getCurrentInstance as ge, withModifiers as we, normalizeStyle as _t, normalizeClass as $, renderSlot as U, reactive as Nt, h as ie, Teleport as Rt, markRaw as Wt, onBeforeUnmount as Ee, resolveDirective as Ut, createBlock as et, createSlots as jt, withCtx as me, createTextVNode as X, vModelText as Pt, onActivated as tt, onDeactivated as nt } from "vue";
+import { compact as ot, cloneDeep as qt, uniq as zt, groupBy as Kt, debounce as Yt, isEqual as st, startCase as Xt, upperFirst as Zt, remove as Gt, last as Jt } from "lodash";
+import { configureOpenApiClient as Qt, OpenApiError as en } from "@signal24/openapi-client-codegen/browser";
+import { escapeHtml as tn } from "@vue/shared";
+import { escapeHtml as hs } from "@vue/shared";
+import { format as P, addDays as nn, parse as on } from "date-fns";
+const sn = {
   key: 0,
   disabled: ""
-}, on = {
+}, ln = {
   key: 0,
   value: null
-}, sn = ["value"], Ro = /* @__PURE__ */ R({
+}, rn = ["value"], Uo = /* @__PURE__ */ R({
   __name: "vf-ajax-select",
   props: {
     modelValue: {},
@@ -36,32 +36,32 @@ const nn = {
     async function r() {
       l.value = await n.loadFn();
     }
-    return _(r), (u, p) => s.value ? ne((b(), k("select", {
+    return _(r), (c, p) => s.value ? ne((b(), k("select", {
       key: 1,
       "onUpdate:modelValue": p[0] || (p[0] = (E) => a.value = E)
     }, [
-      n.nullText ? (b(), k("option", on, W(n.nullText), 1)) : A("", !0),
+      n.nullText ? (b(), k("option", ln, W(n.nullText), 1)) : A("", !0),
       (b(!0), k(oe, null, se(s.value, (E, v) => {
         var w;
         return b(), k("option", {
           key: v,
           value: (w = l.value) == null ? void 0 : w[v]
-        }, W(E), 9, sn);
+        }, W(E), 9, rn);
       }), 128))
     ], 512)), [
-      [At, a.value]
-    ]) : (b(), k("select", nn, [
+      [Bt, a.value]
+    ]) : (b(), k("select", sn, [
       B("option", null, W(n.loadingText || "Loading..."), 1)
     ]));
   }
-}), ln = /* @__PURE__ */ R({
+}), an = /* @__PURE__ */ R({
   __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" }), l = T([]), s = we();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), l = T([]), s = ge();
     _(a);
     function a() {
       if (!s) return;
@@ -71,19 +71,19 @@ const nn = {
     function r(p, E) {
       const v = t.anchor instanceof HTMLElement ? {} : t.anchor, w = E.getBoundingClientRect(), g = p.getBoundingClientRect();
       v.matchWidth && (g.width = w.width), v.matchHeight && (g.height = w.height);
-      const c = v.class ? Array.isArray(v.class) ? v.class : [v.class] : [];
+      const u = v.class ? Array.isArray(v.class) ? v.class : [v.class] : [];
       let d, S;
       if (v.y === "center")
-        d = w.top + w.height / 2 - g.height / 2, c.push("anchored-center-y");
+        d = w.top + w.height / 2 - g.height / 2, u.push("anchored-center-y");
       else {
         const L = (w.bottom + g.height < window.innerHeight || v.y === "below") && v.y !== "above";
-        d = L ? w.bottom : w.top - g.height, c.push(L ? "anchored-top" : "anchored-bottom");
+        d = L ? w.bottom : w.top - g.height, u.push(L ? "anchored-top" : "anchored-bottom");
       }
       if (v.x === "center")
-        S = w.left + w.width / 2 - g.width / 2, c.push("anchored-center-x");
+        S = w.left + w.width / 2 - g.width / 2, u.push("anchored-center-x");
       else {
         const L = (w.left + g.width < window.innerWidth || v.x === "left") && v.x !== "right";
-        S = L ? w.left : w.right - g.width, c.push(L ? "anchored-left" : "anchored-right");
+        S = L ? w.left : w.right - g.width, u.push(L ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
@@ -92,37 +92,37 @@ const nn = {
           ...v.matchWidth ? { width: `${g.width}px` } : {},
           ...v.matchHeight ? { height: `${g.height}px` } : {}
         },
-        classes: c
+        classes: u
       };
     }
-    function u() {
-      window.removeEventListener("click", u), un(t.overlayId);
+    function c() {
+      window.removeEventListener("click", c), dn(t.overlayId);
     }
     return _(() => {
       setTimeout(() => {
-        window.addEventListener("click", u);
+        window.addEventListener("click", c);
       }, 10);
     }), (p, E) => (b(), k("div", {
       class: $(["vf-overlay-anchor", l.value]),
-      style: $t(o.value),
-      onClick: Ee(u, ["stop"])
+      style: _t(o.value),
+      onClick: we(c, ["stop"])
     }, [
-      j(p.$slots, "default")
+      U(p.$slots, "default")
     ], 6));
   }
 });
-let rn = 0;
-const N = Bt([]), Wo = R({
+let un = 0;
+const N = Nt([]), jo = R({
   setup() {
     return () => ie("div", [
-      se(N, (e) => ie(_t, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      se(N, (e) => ie(Rt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function ke(e, t, n) {
+function be(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 l = String(++rn), s = Nt(e), a = ie(s, t), r = n != null && n.anchor ? ie(ln, { overlayId: l, anchor: n.anchor }, () => [a]) : void 0, u = {
+  const l = String(++un), s = Wt(e), a = ie(s, t), r = n != null && n.anchor ? ie(an, { overlayId: l, anchor: n.anchor }, () => [a]) : void 0, c = {
     id: l,
     component: s,
     props: t,
@@ -130,21 +130,21 @@ function ke(e, t, n) {
     vnode: a,
     wrapperVnode: r
   };
-  return N.push(u), u;
+  return N.push(c), c;
 }
-function jo(e) {
-  e.$ && ot(e.$);
+function Po(e) {
+  e.$ && it(e.$);
 }
-function ot(e) {
+function it(e) {
   let t = e;
-  for (; t && !an(t.vnode); )
+  for (; t && !cn(t.vnode); )
     t = t.parent;
 }
-function an(e) {
+function cn(e) {
   const t = N.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
-function un(e) {
+function dn(e) {
   const t = N.findIndex((n) => n.id === e);
   return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
@@ -152,18 +152,18 @@ function le(e) {
   const t = N.indexOf(e);
   t >= 0 && N.splice(t, 1);
 }
-async function Te(e, t, n) {
+async function ke(e, t, n) {
   return new Promise((o) => {
     let l = null;
     const a = { ...t, callback: async (r) => {
       if (n != null && n.onCallback) {
-        const u = n.onCallback(r);
-        if (typeof u == "object" && "then" in u && typeof u.then == "function" && await u === !1)
+        const c = n.onCallback(r);
+        if (typeof c == "object" && "then" in c && typeof c.then == "function" && await c === !1)
           return;
       }
       le(l), o(r);
     } };
-    l = ke(e, a, n);
+    l = be(e, a, n);
   });
 }
 function re(e, t) {
@@ -172,26 +172,26 @@ function re(e, t) {
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
-async function cn(e, t) {
-  await Te(ue, re(e, t));
+async function fn(e, t) {
+  await ke(ue, re(e, t));
 }
-async function Uo(e, t) {
+async function qo(e, t) {
   const n = re(e, t);
-  return await Te(ue, {
+  return await ke(ue, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
-async function Po(e, t) {
+async function zo(e, t) {
   const n = re(e, t);
-  return await Te(ue, {
+  return await ke(ue, {
     ...n,
     shouldConfirm: !0,
     classes: ["destructive", ...n.classes]
   }) === !0;
 }
-function qo(e, t) {
-  const n = re(e, t), o = ke(ue, {
+function Ko(e, t) {
+  const n = re(e, t), o = be(ue, {
     ...n,
     isBare: !0,
     classes: ["wait", ...n.classes],
@@ -200,70 +200,70 @@ function qo(e, t) {
   });
   return () => le(o);
 }
-const F = {
+const I = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateFormat: "M/d/yy",
   defaultTimeFormat: "H:mm",
   defaultCurrencyDivisor: 1
 };
-function zo(e) {
-  Object.assign(F, e);
+function Yo(e) {
+  Object.assign(I, e);
 }
 class ae extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
-function dn(e) {
+function vn(e) {
   return e instanceof ae ? e.message : `An application error has occurred:
 
-${Ce(e).message}
+${Te(e).message}
 
-Please refresh the page and try again. If this error persists, ${F.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${I.unhandledErrorSupportText}.`;
 }
-function Ce(e) {
-  return fn(e) ? e : new Error(String(e));
+function Te(e) {
+  return mn(e) ? e : new Error(String(e));
 }
-function fn(e) {
+function mn(e) {
   return e instanceof Error || typeof e == "object" && e !== null && "message" in e && "name" in e;
 }
-async function Ko(e, t) {
-  const n = Ce(e);
-  return n instanceof ae || F.errorHandler(n), cn({
+async function Xo(e, t) {
+  const n = Te(e);
+  return n instanceof ae || I.errorHandler(n), fn({
     title: t == null ? void 0 : t.title,
     message: n,
     classes: t == null ? void 0 : t.classes
   });
 }
-async function Yo(e) {
-  const t = Ce(e);
-  t instanceof ae || F.errorHandler(t);
+async function Zo(e) {
+  const t = Te(e);
+  t instanceof ae || I.errorHandler(t);
 }
 const Z = Symbol("MaskState");
-function Xo(e, t) {
+function Go(e, t) {
   var l;
   const n = (l = e.$) == null ? void 0 : l.vnode.el, o = n.closest(".vf-modal");
-  return vn(o ?? n, t);
+  return pn(o ?? n, t);
 }
-function Zo(e) {
+function Jo(e) {
   var o;
   const t = (o = e.$) == null ? void 0 : o.vnode.el, n = t.closest(".vf-modal");
-  return st(n ?? t);
+  return lt(n ?? t);
 }
-function vn(e, t) {
+function pn(e, t) {
   if (!e[Z]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[Z] = { maskEl: n };
   }
-  return e[Z].maskEl.innerText = t ?? "", () => st(e);
+  return e[Z].maskEl.innerText = t ?? "", () => lt(e);
 }
-function st(e) {
+function lt(e) {
   e[Z] && e.removeChild(e[Z].maskEl);
 }
-const ge = Symbol("FormMaskState");
-function mn(e, t, n) {
-  const o = e instanceof Element ? e : lt(e);
+const ye = Symbol("FormMaskState");
+function hn(e, t, n) {
+  const o = e instanceof Element ? e : at(e);
   if (!o) return () => {
   };
   o.classList.add("vf-masked");
@@ -271,30 +271,30 @@ function mn(e, t, n) {
   let s;
   l && (s = l.tagName === "INPUT" ? l.value : l.innerHTML, l.setAttribute("disabled", "disabled"), l.innerText = n ?? "Please wait...");
   const r = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return r.forEach((u) => u.setAttribute("disabled", "disabled")), o[ge] = {
+  return r.forEach((c) => c.setAttribute("disabled", "disabled")), o[ye] = {
     disabledElements: r,
     waitButton: l,
     buttonHtml: s
-  }, () => it(o);
+  }, () => rt(o);
 }
-function it(e) {
-  const t = e instanceof Element ? e : lt(e);
+function rt(e) {
+  const t = e instanceof Element ? e : at(e);
   if (!t) return;
-  const n = t[ge];
-  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[ge]);
+  const n = t[ye];
+  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[ye]);
 }
-function lt(e) {
+function at(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 pn = ["id"], hn = {
+const yn = ["id"], gn = {
   key: 0,
   class: "vf-modal-header"
-}, yn = { class: "vf-modal-content" }, gn = {
+}, wn = { class: "vf-modal-content" }, En = {
   key: 1,
   class: "vf-modal-footer"
-}, wn = /* @__PURE__ */ R({
+}, bn = /* @__PURE__ */ R({
   __name: "vf-modal",
   props: {
     id: {},
@@ -305,16 +305,16 @@ const pn = ["id"], hn = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = we(), o = e;
-    t({ mask: v, unmask: w, hide: g, unhide: c });
-    const l = T(), s = T(), a = T(!1), r = M(() => tt([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
+    const n = ge(), o = e;
+    t({ mask: v, unmask: w, hide: g, unhide: u });
+    const l = T(), s = T(), a = T(!1), r = M(() => ot([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
     _(() => {
       var d;
-      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (d = l.value) == null || d.addEventListener("click", u));
-    }), be(() => {
+      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (d = l.value) == null || d.addEventListener("click", c));
+    }), Ee(() => {
       window.removeEventListener("keydown", p), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function u(d) {
+    function c(d) {
       d.target == l.value && E();
     }
     function p(d) {
@@ -324,18 +324,18 @@ const pn = ["id"], hn = {
       }
     }
     function E() {
-      ot(n);
+      it(n);
     }
     function v() {
-      return mn(s.value), () => w();
+      return hn(s.value), () => w();
     }
     function w() {
-      it(s.value);
+      rt(s.value);
     }
     function g() {
-      return a.value = !0, () => c();
+      return a.value = !0, () => u();
     }
-    function c() {
+    function u() {
       a.value = !1;
     }
     return (d, S) => (b(), k("div", {
@@ -349,26 +349,26 @@ const pn = ["id"], hn = {
         ref: s,
         action: ".",
         class: $(["vf-modal", { scrolls: d.scrolls }]),
-        onSubmit: S[0] || (S[0] = Ee((O) => d.$emit("formSubmit"), ["prevent"]))
+        onSubmit: S[0] || (S[0] = we((O) => d.$emit("formSubmit"), ["prevent"]))
       }, [
-        d.$slots.header ? (b(), k("div", hn, [
-          j(d.$slots, "header"),
+        d.$slots.header ? (b(), k("div", gn, [
+          U(d.$slots, "header"),
           o.closeX ? (b(), k("i", {
             key: 0,
             class: "close",
             onClick: E
           })) : A("", !0)
         ])) : A("", !0),
-        B("div", yn, [
-          j(d.$slots, "default")
+        B("div", wn, [
+          U(d.$slots, "default")
         ]),
-        d.$slots.footer ? (b(), k("div", gn, [
-          j(d.$slots, "footer")
+        d.$slots.footer ? (b(), k("div", En, [
+          U(d.$slots, "footer")
         ])) : A("", !0)
       ], 34)
-    ], 10, pn));
+    ], 10, yn));
   }
-}), En = ["innerHtml"], bn = ["innerText"], ue = /* @__PURE__ */ R({
+}), kn = ["innerHtml"], Tn = ["innerText"], ue = /* @__PURE__ */ R({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -381,13 +381,13 @@ const pn = ["id"], hn = {
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = M(() => t.message instanceof Error ? dn(t.message) : t.message);
+    const t = e, n = M(() => t.message instanceof Error ? vn(t.message) : t.message);
     return (o, l) => {
-      const s = Rt("autofocus");
-      return b(), Je(wn, {
+      const s = Ut("autofocus");
+      return b(), et(bn, {
         class: $(["vf-alert", ...o.classes ?? []])
-      }, Wt({
-        default: pe(() => [
+      }, jt({
+        default: me(() => [
           o.iconClass ? (b(), k("i", {
             key: 0,
             class: $(["vf-alert-icon", o.iconClass])
@@ -396,23 +396,23 @@ const pn = ["id"], hn = {
             key: 1,
             innerHtml: o.message,
             class: "user-message"
-          }, null, 8, En)) : (b(), k("div", {
+          }, null, 8, kn)) : (b(), k("div", {
             key: 2,
             innerText: n.value
-          }, null, 8, bn))
+          }, null, 8, Tn))
         ]),
         _: 2
       }, [
         o.title ? {
           name: "header",
-          fn: pe(() => [
+          fn: me(() => [
             X(W(o.title), 1)
           ]),
           key: "0"
         } : void 0,
         o.isBare ? void 0 : {
           name: "footer",
-          fn: pe(() => [
+          fn: me(() => [
             o.shouldConfirm ? (b(), k(oe, { key: 0 }, [
               ne((b(), k("button", {
                 class: "primary",
@@ -442,6 +442,70 @@ const pn = ["id"], hn = {
     };
   }
 });
+function Qo(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 es(e, t) {
+  const n = document.createElement("div");
+  n.classList.add("vf-overlay"), n.addEventListener("click", v), document.body.appendChild(n);
+  const o = document.createElement("div");
+  o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
+  const l = e.currentTarget;
+  l.style.userSelect = "none", l.classList.add("context-menu-active"), t.targetClass && l.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((g) => {
+    if (g == "-") {
+      const d = document.createElement("div");
+      d.classList.add("separator"), o.appendChild(d);
+      return;
+    }
+    const u = document.createElement("div");
+    u.classList.add("item"), u.style.userSelect = "none", u.innerText = g.title, o.appendChild(u), g.class && u.classList.add(g.class), g.shouldConfirm ? u.addEventListener("click", (d) => w(d, u, g.handler)) : u.addEventListener("click", () => g.handler());
+  });
+  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, r = o.offsetHeight, c = o.offsetWidth, p = s < c ? e.clientX - c - 1 : e.clientX + 1, E = a < r ? e.clientY - r - 1 : e.clientY + 1;
+  o.style.left = p + "px", o.style.top = E + "px", setTimeout(() => {
+    o.style.width = o.offsetWidth + "px";
+  }, 50);
+  function v() {
+    t.targetClass && l.classList.remove(t.targetClass), l.classList.remove("context-menu-active"), l.style.userSelect = "", n.remove();
+  }
+  function w(g, u, d) {
+    if (u.classList.contains("pending-confirm"))
+      return d();
+    const S = u.innerHTML;
+    u.classList.add("pending-confirm"), u.innerText = "Confirm";
+    const O = () => {
+      u.classList.remove("pending-confirm"), u.innerHTML = S, u.removeEventListener("mouseleave", O);
+    };
+    u.addEventListener("mouseleave", O), g.stopPropagation();
+  }
+}
+const Cn = (e) => new Promise((t) => setTimeout(t, e)), ts = (e) => Cn(e * 1e3);
+function Sn(e) {
+  return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function ns(e, t) {
+  return e != null ? qt(e) : t;
+}
+function os(e, t) {
+  const n = { ...e };
+  for (const o of t)
+    n[o] === "" && (n[o] = null);
+  return n;
+}
+function je(e) {
+  return e != null;
+}
+function ss(e, t) {
+  Qt(e, {
+    ...t,
+    onError(n, o) {
+      var s;
+      n instanceof en && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new ae(n.body.error));
+      const l = (s = t.onError) == null ? void 0 : s.call(t, n, o);
+      return l !== void 0 ? l : n;
+    }
+  });
+}
 /*!
  * currency.js - v2.0.4
  * http://scurker.github.io/currency.js
@@ -449,7 +513,7 @@ const pn = ["id"], hn = {
  * Copyright (c) 2021 Jason Wilson
  * Released under MIT license
  */
-var kn = {
+var Mn = {
   symbol: "$",
   separator: ",",
   decimal: ".",
@@ -457,24 +521,24 @@ var kn = {
   precision: 2,
   pattern: "!#",
   negativePattern: "-!#",
-  format: Mn,
+  format: In,
   fromCents: !1
-}, rt = function(t) {
+}, ut = function(t) {
   return Math.round(t);
-}, Se = function(t) {
+}, Ce = function(t) {
   return Math.pow(10, t);
-}, Tn = function(t, n) {
-  return rt(t / n) * n;
-}, Cn = /(\d)(?=(\d{3})+\b)/g, Sn = /(\d)(?=(\d\d)+\d\b)/g;
+}, Ln = function(t, n) {
+  return ut(t / n) * n;
+}, xn = /(\d)(?=(\d{3})+\b)/g, Fn = /(\d)(?=(\d\d)+\d\b)/g;
 function V(e, t) {
   var n = this;
   if (!(n instanceof V))
     return new V(e, t);
-  var o = Object.assign({}, kn, t), l = Se(o.precision), s = te(e, o);
-  n.intValue = s, n.value = s / l, o.increment = o.increment || 1 / l, o.useVedic ? o.groups = Sn : o.groups = Cn, this.s = o, this.p = l;
+  var o = Object.assign({}, Mn, t), l = Ce(o.precision), s = te(e, o);
+  n.intValue = s, n.value = s / l, o.increment = o.increment || 1 / l, o.useVedic ? o.groups = Fn : o.groups = xn, this.s = o, this.p = l;
 }
 function te(e, t) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, a = t.precision, r = t.fromCents, u = Se(a), p = typeof e == "number", E = e instanceof V;
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, a = t.precision, r = t.fromCents, c = Ce(a), p = typeof e == "number", E = e instanceof V;
   if (E && r)
     return e.intValue;
   if (p || E)
@@ -487,10 +551,10 @@ function te(e, t) {
       throw Error("Invalid Input");
     o = 0;
   }
-  return r || (o *= u, o = o.toFixed(4)), n ? rt(o) : o;
+  return r || (o *= c, o = o.toFixed(4)), n ? ut(o) : o;
 }
-function Mn(e, t) {
-  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, a = t.decimal, r = t.groups, u = ("" + e).replace(/^-/, "").split("."), p = u[0], E = u[1];
+function In(e, t) {
+  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, a = t.decimal, r = t.groups, c = ("" + e).replace(/^-/, "").split("."), p = c[0], E = c[1];
   return (e.value >= 0 ? n : o).replace("!", l).replace("#", p.replace(r, "$1" + s) + (E ? a + E : ""));
 }
 V.prototype = {
@@ -519,7 +583,7 @@ V.prototype = {
    */
   multiply: function(t) {
     var n = this.intValue, o = this.s;
-    return V((n *= t) / (o.fromCents ? 1 : Se(o.precision)), o);
+    return V((n *= t) / (o.fromCents ? 1 : Ce(o.precision)), o);
   },
   /**
    * Divides value.
@@ -537,9 +601,9 @@ V.prototype = {
    * @returns {array}
    */
   distribute: function(t) {
-    for (var n = this.intValue, o = this.p, l = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), r = Math.abs(n - a * t), u = l.fromCents ? 1 : o; t !== 0; t--) {
-      var p = V(a / u, l);
-      r-- > 0 && (p = p[n >= 0 ? "add" : "subtract"](1 / u)), s.push(p);
+    for (var n = this.intValue, o = this.p, l = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), r = Math.abs(n - a * t), c = l.fromCents ? 1 : o; t !== 0; t--) {
+      var p = V(a / c, l);
+      r-- > 0 && (p = p[n >= 0 ? "add" : "subtract"](1 / c)), s.push(p);
     }
     return s;
   },
@@ -573,7 +637,7 @@ V.prototype = {
    */
   toString: function() {
     var t = this.intValue, n = this.p, o = this.s;
-    return Tn(t / n, o.increment).toFixed(o.precision);
+    return Ln(t / n, o.increment).toFixed(o.precision);
   },
   /**
    * Value for JSON serialization.
@@ -586,59 +650,60 @@ V.prototype = {
 const x = [];
 for (let e = 0; e < 256; ++e)
   x.push((e + 256).toString(16).slice(1));
-function Ln(e, t = 0) {
+function On(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();
 }
-let he;
-const xn = new Uint8Array(16);
-function In() {
-  if (!he) {
+let pe;
+const Dn = new Uint8Array(16);
+function Hn() {
+  if (!pe) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    he = crypto.getRandomValues.bind(crypto);
+    pe = crypto.getRandomValues.bind(crypto);
   }
-  return he(xn);
+  return pe(Dn);
 }
-const Fn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), je = { randomUUID: Fn };
-function On(e, t, n) {
+const Vn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Pe = { randomUUID: Vn };
+function An(e, t, n) {
   var l;
-  if (je.randomUUID && !e)
-    return je.randomUUID();
+  if (Pe.randomUUID && !e)
+    return Pe.randomUUID();
   e = e || {};
-  const o = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? In();
+  const o = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? Hn();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ln(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, On(o);
 }
-function Go(e) {
+function is(e) {
   return e.replace(/\n/g, "<br>");
 }
-function Dn(e) {
+function $n(e) {
   return e.replace(/_/g, " ");
 }
-function Hn(e) {
+function Bn(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) {
-  return V(e).divide(t ?? F.defaultCurrencyDivisor).format();
+function _n(e, t) {
+  return V(e).divide(t ?? I.defaultCurrencyDivisor).format();
 }
-function Jo() {
-  return On();
+function ls() {
+  return An();
 }
-const An = ["disabled", "placeholder", "required", "name"], $n = {
+const Nn = ["disabled", "placeholder", "required", "name"], Rn = {
   key: 0,
   class: "no-results"
-}, Bn = {
+}, Wn = {
   key: 0,
   class: "group-title"
-}, _n = ["onMousemove", "onMousedown"], Nn = ["innerHTML"], Rn = ["innerHTML"], Wn = {
+}, Un = ["onMousemove", "onMousedown"], jn = ["innerHTML"], Pn = ["innerHTML"], qn = {
   key: 1,
   class: "no-results"
-}, jn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Un = /* @__PURE__ */ R({
+}, zn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Kn = /* @__PURE__ */ R({
   __name: "vf-smart-select",
   props: {
     modelValue: {},
+    loadingText: {},
     loadOptions: { type: Function },
     options: {},
     prependOptions: {},
@@ -658,6 +723,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     formatter: { type: Function },
     subtitleFormatter: { type: Function },
     classForOption: { type: Function },
+    selectionFormatter: { type: Function },
     nullTitle: {},
     noResultsText: {},
     disabled: { type: Boolean },
@@ -672,28 +738,28 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
   setup(e, { expose: t, emit: n }) {
     const o = Symbol("null"), l = Symbol("create"), s = e, a = n;
     t({
-      addRemoteOption: Dt
+      addRemoteOption: Vt
     });
-    const r = T(), u = T(), p = T(), E = T(!1), v = T(!1), w = T([]), g = T(!1), c = T(""), d = T(null), S = T(null), O = T(!1), L = T(null), xe = T(!1), ht = M(() => s.showCreateTextOnNewItem ?? !0), yt = M(() => s.prependOptions ?? []), gt = M(() => s.appendOptions ?? []), Ie = M(() => !!s.disabled), wt = M(() => !v.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = M(() => s.noResultsText || "No options match your search."), q = M(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), z = M(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), ce = M(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), de = M(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Fe = M(() => [...yt.value, ...w.value, ...gt.value]), Oe = M(() => !!(s.groupField || s.groupFormatter)), fe = M(() => Fe.value.map((i, m) => {
-      var _e, Ne, Re;
-      const h = (_e = ce.value) == null ? void 0 : _e.call(ce, i), f = de.value(i), y = (Ne = s.subtitleFormatter) == null ? void 0 : Ne.call(s, i), C = f ? f.trim().toLowerCase() : "", Be = y ? y.trim().toLowerCase() : "", ee = [];
-      return s.searchFields ? s.searchFields.forEach((We) => {
-        i[We] && ee.push(String(i[We]).toLowerCase());
-      }) : (ee.push(C), Be && ee.push(Be)), {
-        key: ((Re = z.value) == null ? void 0 : Re.call(z, i)) ?? String(m),
+    const r = T(), c = T(), p = T(), E = T(!1), v = T(!1), w = T(), g = T(!1), u = T(""), d = T(null), S = T(null), O = T(!1), L = T(null), Le = T(!1), gt = M(() => s.showCreateTextOnNewItem ?? !0), wt = M(() => s.prependOptions ?? []), Et = M(() => s.appendOptions ?? []), xe = M(() => !!s.disabled || !s.options && !w.value), bt = M(() => !v.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), kt = M(() => s.noResultsText || "No options match your search."), q = M(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), z = M(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), ce = M(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), Fe = M(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Ie = M(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Oe = M(() => [...wt.value, ...w.value ?? [], ...Et.value]), De = M(() => !!(s.groupField || s.groupFormatter)), de = M(() => Oe.value.map((i, m) => {
+      var Ne, Re, We;
+      const h = (Ne = ce.value) == null ? void 0 : Ne.call(ce, i), f = Fe.value(i), y = (Re = s.subtitleFormatter) == null ? void 0 : Re.call(s, i), C = f ? f.trim().toLowerCase() : "", _e = y ? y.trim().toLowerCase() : "", ee = [];
+      return s.searchFields ? s.searchFields.forEach((Ue) => {
+        i[Ue] && ee.push(String(i[Ue]).toLowerCase());
+      }) : (ee.push(C), _e && ee.push(_e)), {
+        key: ((We = z.value) == null ? void 0 : We.call(z, i)) ?? String(m),
         group: h,
         title: f,
         subtitle: y,
         searchContent: ee.join(""),
         ref: i
       };
-    })), I = M(() => {
-      let i = [...fe.value];
+    })), F = M(() => {
+      let i = [...de.value];
       if (g.value) {
-        const m = c.value.trim().toLowerCase();
+        const m = u.value.trim().toLowerCase();
         if (m.length) {
           i = i.filter((y) => y.searchContent.includes(m));
-          const h = Gt(c.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), f = new RegExp(`(${h})`, "ig");
+          const h = tn(u.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), f = new RegExp(`(${h})`, "ig");
           i = i.map((y) => {
             var C;
             return {
@@ -701,9 +767,9 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
               title: y.title.replace(f, "<mark>$1</mark>"),
               subtitle: (C = y.subtitle) == null ? void 0 : C.replace(f, "<mark>$1</mark>")
             };
-          }), xe.value && (i.find((C) => C.searchContent === m) !== void 0 || i.push({
+          }), Le.value && (i.find((C) => C.searchContent === m) !== void 0 || i.push({
             key: l,
-            title: ht.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
+            title: gt.value ? "Create <strong>" + u.value.trim() + "</strong>..." : u.value.trim()
           }));
         }
       } else s.nullTitle && i.unshift({
@@ -711,56 +777,56 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
         title: s.nullTitle
       });
       return i;
-    }), bt = M(() => {
-      if (!Oe.value)
+    }), Tt = M(() => {
+      if (!De.value)
         return [
           {
             groupTitle: "",
-            options: I.value
+            options: F.value
           }
         ];
-      const i = Ut(I.value.map((h) => h.group ?? "")), m = Pt(I.value, (h) => h.group ?? "");
+      const i = zt(F.value.map((h) => h.group ?? "")), m = Kt(F.value, (h) => h.group ?? "");
       return i.map((h) => ({
         groupTitle: h,
         options: m[h]
       }));
     });
-    H(() => s.modelValue, me), H(
+    H(() => s.modelValue, ve), H(
       () => s.options,
       () => {
-        w.value = s.options ?? [], v.value = !0;
+        w.value = s.options, v.value = !0;
       }
-    ), H(fe, () => {
-      O.value && setTimeout(Ve, 0);
-    }), H(c, () => {
-      g.value && !s.remoteSearch && !c.value.trim().length && (g.value = !1);
+    ), H(de, () => {
+      O.value && setTimeout(Ae, 0);
+    }), H(u, () => {
+      g.value && !s.remoteSearch && !u.value.trim().length && (g.value = !1);
     }), H(O, () => {
-      O.value ? setTimeout(It, 0) : (g.value = !1, c.value = S.value ?? "", p.value && (p.value.style.visibility = "hidden"));
-    }), H(I, () => {
+      O.value ? setTimeout(Ot, 0) : (g.value = !1, u.value = S.value ?? "", p.value && (p.value.style.visibility = "hidden"));
+    }), H(F, () => {
       var i;
-      s.modelValue !== null && d.value === null && me(), (L.value !== null || g.value) && !I.value.find((m) => m.key == L.value) && (L.value = ((i = I.value[0]) == null ? void 0 : i.key) ?? o);
+      s.modelValue !== null && d.value === null && ve(), (L.value !== null || g.value) && !F.value.find((m) => m.key == L.value) && (L.value = ((i = F.value[0]) == null ? void 0 : i.key) ?? o);
     }), _(async () => {
-      xe.value = s.onCreateItem !== void 0, s.options ? (w.value = [...s.options], v.value = !0) : s.preload && await De(), me(), H(d, () => {
+      Le.value = s.onCreateItem !== void 0, s.options ? (w.value = [...s.options], v.value = !0) : s.loadOptions && s.preload && await He(), !s.options && (s.valueField || s.valueExtractor) ? u.value = s.loadingText ?? "..." : ve(), H(d, () => {
         d.value !== s.modelValue && a(
           "update:modelValue",
-          d.value !== null && q.value !== null ? q.value(d.value) : d.value
+          je(d.value) && q.value !== null ? q.value(d.value) : d.value
         );
-      }), s.remoteSearch && H(c, qt(kt, 250));
+      }), s.remoteSearch && H(u, Yt(Ct, 250));
     });
-    async function De() {
-      await He(), w.value && a("optionsLoaded", w.value);
-    }
     async function He() {
+      await Ve(), w.value && a("optionsLoaded", w.value);
+    }
+    async function Ve() {
       var m;
-      const i = s.remoteSearch && g.value && c.value.length ? c.value : null;
+      const i = s.remoteSearch && g.value && u.value.length ? u.value : null;
       E.value = !0, w.value = await ((m = s.loadOptions) == null ? void 0 : m.call(s, i)) ?? [], E.value = !1, v.value = !0;
     }
-    function kt() {
-      g.value && (He(), g.value = c.value.trim().length > 0);
+    function Ct() {
+      g.value && (Ve(), g.value = u.value.trim().length > 0);
     }
-    function Tt(i) {
+    function St(i) {
       if (i.key == "Escape") {
-        i.stopPropagation(), i.target.blur(), $e();
+        i.stopPropagation(), i.target.blur(), Be();
         return;
       }
       if (!(i.key == "ArrowLeft" || i.key == "ArrowRight") && i.key != "Tab") {
@@ -769,51 +835,51 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
           return;
         }
         if (i.key == "ArrowUp" || i.key == "ArrowDown")
-          return i.preventDefault(), ve(i.key == "ArrowUp" ? -1 : 1);
+          return i.preventDefault(), fe(i.key == "ArrowUp" ? -1 : 1);
         if (i.key == "PageUp" || i.key == "PageDown")
-          return i.preventDefault(), ve(i.key == "PageUp" ? -10 : 10);
+          return i.preventDefault(), fe(i.key == "PageUp" ? -10 : 10);
         if (i.key == "Home" || i.key == "End")
-          return i.preventDefault(), ve(i.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
+          return i.preventDefault(), fe(i.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (i.key == "Enter") {
           i.preventDefault();
-          const m = I.value.find((h) => h.key == L.value);
-          if (m) return Ae(m);
+          const m = F.value.find((h) => h.key == L.value);
+          if (m) return $e(m);
         }
         if (i.key === "Delete" || i.key === "Backspace") {
-          c.value.length > 1 && (g.value = !0);
+          u.value.length > 1 && (g.value = !0);
           return;
         }
-        !i.metaKey && jn.includes(i.key) && (g.value = !0);
+        !i.metaKey && zn.includes(i.key) && (g.value = !0);
       }
     }
-    function Ct() {
-      St(), O.value = !0, setTimeout(() => {
+    function Mt() {
+      Lt(), O.value = !0, setTimeout(() => {
         var i;
-        return (i = u.value) == null ? void 0 : i.select();
+        return (i = c.value) == null ? void 0 : i.select();
       }, 0);
     }
-    function St(i) {
-      d.value ? L.value = Mt(d.value) : s.nullTitle && (L.value = o);
+    function Lt(i) {
+      d.value ? L.value = xt(d.value) : s.nullTitle && (L.value = o);
     }
-    function Mt(i) {
+    function xt(i) {
       var m;
-      return z.value ? z.value(d.value) : ((m = Lt(i)) == null ? void 0 : m.key) ?? "";
+      return z.value ? z.value(d.value) : ((m = Ft(i)) == null ? void 0 : m.key) ?? "";
     }
-    function Lt(i) {
-      const m = I.value.find((y) => y.ref === i);
+    function Ft(i) {
+      const m = F.value.find((y) => y.ref === i);
       if (m)
         return m;
-      const h = s.keyExtractor ? (y, C) => s.keyExtractor(y) === s.keyExtractor(C) : nt, f = I.value.find((y) => h(y.ref, i));
+      const h = s.keyExtractor ? (y, C) => s.keyExtractor(y) === s.keyExtractor(C) : st, f = F.value.find((y) => h(y.ref, i));
       return f || null;
     }
-    function xt() {
-      s.debug || (!c.value.length && s.nullTitle && (d.value = null, S.value = null), O.value = !1);
-    }
     function It() {
+      s.debug || (!u.value.length && s.nullTitle && (d.value = null, S.value = null), O.value = !1);
+    }
+    function Ot() {
       var i;
-      v.value || De(), s.optionsListId && ((i = p.value) == null || i.setAttribute("id", s.optionsListId)), Ft();
+      v.value || He(), s.optionsListId && ((i = p.value) == null || i.setAttribute("id", s.optionsListId)), Dt();
     }
-    function Ft() {
+    function Dt() {
       const i = r.value.getBoundingClientRect(), m = i.y + i.height + 2, h = i.x, f = p.value, y = window.getComputedStyle(r.value);
       for (let C in y)
         /^(font|text)/.test(C) && (f.style[C] = y[C]);
@@ -821,44 +887,44 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
         const C = window.innerHeight - m - 12;
         f.style.maxHeight = C + "px";
       }
-      f.style.visibility = "visible", document.body.appendChild(f), setTimeout(Ve, 0);
+      f.style.visibility = "visible", document.body.appendChild(f), setTimeout(Ae, 0);
     }
-    function Ve() {
+    function Ae() {
       if (!v.value || !L.value) return;
-      const i = I.value.findIndex((f) => f.key == L.value), m = p.value, h = m == null ? void 0 : m.querySelectorAll(".option")[i];
+      const i = F.value.findIndex((f) => f.key == L.value), m = p.value, h = m == null ? void 0 : m.querySelectorAll(".option")[i];
       h && (m.scrollTop = h.offsetTop);
     }
-    function Ot(i) {
+    function Ht(i) {
       L.value = i ? i.key : null;
     }
-    function ve(i) {
-      const m = I.value.findIndex((C) => C.key == L.value);
+    function fe(i) {
+      const m = F.value.findIndex((C) => C.key == L.value);
       let h = m + i;
-      if (h < 0 ? h = 0 : h >= I.value.length && (h = I.value.length - 1), m == h) return;
-      L.value = I.value[h].key;
+      if (h < 0 ? h = 0 : h >= F.value.length && (h = F.value.length - 1), m == h) return;
+      L.value = F.value[h].key;
       const f = p.value, y = f == null ? void 0 : f.querySelectorAll(".option")[h];
       y && (y.offsetTop < f.scrollTop ? f.scrollTop = y.offsetTop : y.offsetTop + y.offsetHeight > f.scrollTop + f.clientHeight && (f.scrollTop = y.offsetTop + y.offsetHeight - f.clientHeight));
     }
-    function Ae(i) {
+    function $e(i) {
       var m, h;
       if (g.value = !1, i.key === o)
-        c.value = "", d.value = null, S.value = null;
+        u.value = "", d.value = null, S.value = null;
       else if (i.key === l) {
-        const f = c.value.trim();
-        c.value = "", d.value = null, S.value = null, (m = s.onCreateItem) == null || m.call(s, f);
+        const f = u.value.trim();
+        u.value = "", d.value = null, S.value = null, (m = s.onCreateItem) == null || m.call(s, f);
       } else {
-        const y = fe.value.find((C) => C.key == i.key).ref;
-        d.value = y, S.value = de.value(y), c.value = S.value ?? "";
+        const y = de.value.find((C) => C.key == i.key).ref;
+        d.value = y, S.value = Ie.value(y), u.value = S.value ?? "";
       }
-      (h = u.value) == null || h.blur(), $e();
+      (h = c.value) == null || h.blur(), Be();
     }
-    function me() {
-      s.modelValue !== null ? (d.value = q.value ? Fe.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, S.value = d.value !== null ? de.value(d.value) : null, c.value = S.value ?? "") : (d.value = null, S.value = null, c.value = "");
+    function ve() {
+      s.modelValue !== null ? (d.value = q.value ? Oe.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, S.value = je(d.value) ? Ie.value(d.value) : null, u.value = S.value ?? "") : (d.value = null, S.value = null, u.value = "");
     }
-    function Dt(i) {
+    function Vt(i) {
       w.value.unshift(i);
     }
-    function $e() {
+    function Be() {
       var y;
       if (!s.autoNext) return;
       let i = (y = r.value) == null ? void 0 : y.parentElement;
@@ -867,43 +933,43 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
       if (!i) return;
       const m = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
       if (!m) return;
-      const h = Array.from(m).findIndex((C) => C === u.value), f = m[h + 1];
+      const h = Array.from(m).findIndex((C) => C === c.value), f = m[h + 1];
       f && setTimeout(() => f.focus(), 0);
     }
     return (i, m) => (b(), k("div", {
       ref_key: "el",
       ref: r,
-      class: $(["vf-smart-select", { disabled: Ie.value, open: O.value }])
+      class: $(["vf-smart-select", { disabled: xe.value, open: O.value }])
     }, [
       ne(B("input", {
         ref_key: "searchField",
-        ref: u,
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => c.value = h),
+        ref: c,
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => u.value = h),
         type: "text",
-        disabled: Ie.value,
+        disabled: xe.value,
         class: $({ nullable: !!i.nullTitle }),
-        placeholder: wt.value,
+        placeholder: bt.value,
         required: i.required,
         name: i.name,
         "data-1p-ignore": "",
-        onKeydown: Tt,
-        onFocus: Ct,
-        onBlur: xt
-      }, null, 42, An), [
-        [jt, c.value]
+        onKeydown: St,
+        onFocus: Mt,
+        onBlur: It
+      }, null, 42, Nn), [
+        [Pt, u.value]
       ]),
       O.value ? (b(), k("div", {
         key: 0,
         ref_key: "optionsContainer",
         ref: p,
-        class: $(["vf-smart-select-options", { grouped: Oe.value }])
+        class: $(["vf-smart-select-options", { grouped: De.value }])
       }, [
-        v.value ? (b(!0), k(oe, { key: 1 }, se(bt.value, (h) => (b(), k("div", {
+        v.value ? (b(!0), k(oe, { key: 1 }, se(Tt.value, (h) => (b(), k("div", {
           key: h.groupTitle,
           class: "group"
         }, [
-          h.groupTitle ? (b(), k("div", Bn, [
-            j(i.$slots, "group", {
+          h.groupTitle ? (b(), k("div", Wn, [
+            U(i.$slots, "group", {
               group: h.groupTitle
             }, () => [
               X(W(h.groupTitle), 1)
@@ -914,32 +980,32 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
             return b(), k("div", {
               key: f.key,
               class: $(["option", [L.value === f.key && "highlighted", f.ref && ((y = i.classForOption) == null ? void 0 : y.call(i, f.ref))]]),
-              onMousemove: (C) => Ot(f),
-              onMousedown: (C) => Ae(f)
+              onMousemove: (C) => Ht(f),
+              onMousedown: (C) => $e(f)
             }, [
-              j(i.$slots, "option", { option: f }, () => [
+              U(i.$slots, "option", { option: f }, () => [
                 B("div", {
                   class: "title",
                   innerHTML: f.title
-                }, null, 8, Nn),
+                }, null, 8, jn),
                 f.subtitle ? (b(), k("div", {
                   key: 0,
                   class: "subtitle",
                   innerHTML: f.subtitle
-                }, null, 8, Rn)) : A("", !0)
+                }, null, 8, Pn)) : A("", !0)
               ])
-            ], 42, _n);
+            ], 42, Un);
           }), 128)),
-          !I.value.length && c.value ? (b(), k("div", Wn, [
-            j(i.$slots, "no-results", {}, () => [
-              X(W(Et.value), 1)
+          !F.value.length && u.value ? (b(), k("div", qn, [
+            U(i.$slots, "no-results", {}, () => [
+              X(W(kt.value), 1)
             ])
           ])) : A("", !0)
-        ]))), 128)) : (b(), k("div", $n, "Loading..."))
+        ]))), 128)) : (b(), k("div", Rn, "Loading..."))
       ], 2)) : A("", !0)
     ], 2));
   }
-}), Qo = /* @__PURE__ */ R({
+}), rs = /* @__PURE__ */ R({
   __name: "vf-ez-smart-select",
   props: {
     modelValue: {},
@@ -951,22 +1017,22 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: String(r) })) : Object.entries(n.options).map(([r, u]) => ({
+    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: String(r) })) : Object.entries(n.options).map(([r, c]) => ({
       value: r,
-      label: u
+      label: c
     }))), l = M(() => n.formatter ? (r) => n.formatter(r.label, r.value) : (r) => r.label), s = t, a = T(o.value.find((r) => r.value === n.modelValue) ?? null);
     return H(
       () => n.modelValue,
       (r) => {
-        a.value = o.value.find((u) => u.value === r) ?? null;
+        a.value = o.value.find((c) => c.value === r) ?? null;
       }
     ), H(a, (r) => {
       var p;
-      const u = r ? (p = o.value.find((E) => nt(E, r))) == null ? void 0 : p.value : null;
-      s("update:modelValue", u ?? null);
-    }), (r, u) => (b(), Je(Un, {
+      const c = r ? (p = o.value.find((E) => st(E, r))) == null ? void 0 : p.value : null;
+      s("update:modelValue", c ?? null);
+    }), (r, c) => (b(), et(Kn, {
       modelValue: a.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (p) => a.value = p),
+      "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
       options: o.value,
       formatter: l.value,
       "null-title": r.nullTitle,
@@ -975,16 +1041,16 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     }, null, 8, ["modelValue", "options", "formatter", "null-title", "placeholder", "name"]));
   }
 });
-function es() {
+function as() {
   return T();
 }
-const Pn = { class: "content" }, qn = { class: "message" }, zn = {
+const Yn = { class: "content" }, Xn = { class: "message" }, Zn = {
   key: 0,
   class: "close"
-}, Kn = {
+}, Gn = {
   key: 0,
   class: "progress-bar"
-}, Yn = /* @__PURE__ */ R({
+}, Jn = /* @__PURE__ */ R({
   __name: "vf-toast",
   props: {
     message: {},
@@ -1009,13 +1075,13 @@ const Pn = { class: "content" }, qn = { class: "message" }, zn = {
       }), setTimeout(() => t.callback(), l * 1e3);
     }), (l, s) => (b(), k("div", {
       class: $(["vf-toast", l.className]),
-      onClick: Ee(n, ["stop"])
+      onClick: we(n, ["stop"])
     }, [
-      B("div", Pn, [
-        B("div", qn, W(l.message), 1),
-        l.disableClose ? A("", !0) : (b(), k("div", zn, "x"))
+      B("div", Yn, [
+        B("div", Xn, W(l.message), 1),
+        l.disableClose ? A("", !0) : (b(), k("div", Zn, "x"))
       ]),
-      l.durationSecs !== null ? (b(), k("div", Kn, [
+      l.durationSecs !== null ? (b(), k("div", Gn, [
         B("div", {
           ref_key: "progressInnerEl",
           ref: o,
@@ -1025,173 +1091,111 @@ const Pn = { class: "content" }, qn = { class: "message" }, zn = {
     ], 2));
   }
 });
-function ts(e) {
-  const t = ke(Yn, {
+function us(e) {
+  const t = be(Jn, {
     ...e,
     callback: () => le(t)
   });
   return () => le(t);
 }
-function Xn(e) {
+function Qn(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), l = ["B", "KB", "MB", "GB", "TB"][t];
   return `${o} ${l}`;
 }
-function Zn(e) {
-  return e != null && String(e).length ? e : "-";
-}
-function Gn(e) {
-  return e || "-";
-}
-function Jn(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : fo(Number(e));
-}
-function Qn(e) {
-  return e && Hn(e);
-}
 function eo(e) {
-  return e ? Kt(e) : null;
-}
-function at(e) {
-  return e ? zt(e) : null;
+  return e != null && String(e).length ? e : "-";
 }
 function to(e) {
-  return e ? e.toUpperCase() : null;
+  return e || "-";
 }
 function no(e) {
-  return e ? at(e.toLowerCase()) : null;
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Sn(Number(e));
 }
 function oo(e) {
-  return e ? Dn(e) : null;
+  return e && Bn(e);
 }
-function so(e, t) {
-  return Vn(e, t);
+function so(e) {
+  return e ? Zt(e) : null;
 }
-function io(e, t) {
-  return V(e).divide(t).value;
+function ct(e) {
+  return e ? Xt(e) : null;
 }
-function lo(e, t) {
-  return e && P(new Date(e), t ?? F.defaultDateFormat);
+function io(e) {
+  return e ? e.toUpperCase() : null;
 }
-function ro(e, t) {
-  return e && P(new Date(e), t ?? F.defaultTimeFormat);
+function lo(e) {
+  return e ? ct(e.toLowerCase()) : null;
 }
-function ao(e, t) {
-  return e && P(new Date(e), t ?? `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
-}
-function uo(e) {
-  return e && P(Jt(Qt(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), F.defaultDateFormat);
-}
-const Ue = {
-  bytes: Xn,
-  dash: Zn,
-  dashZeros: Gn,
-  number: Jn,
-  phone: Qn,
-  upperFirst: eo,
-  startCase: at,
-  upperCase: to,
-  upperWords: no,
-  desnake: oo,
-  usCurrency: so,
-  divide: io,
-  date: lo,
-  time: ro,
-  dateTime: ao,
-  oneDayForward: uo
-}, ns = (e) => ({
-  ...Ue,
-  ...e(Ue)
-});
-function os(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 ro(e) {
+  return e ? $n(e) : null;
 }
-function ss(e, t) {
-  const n = document.createElement("div");
-  n.classList.add("vf-overlay"), n.addEventListener("click", v), document.body.appendChild(n);
-  const o = document.createElement("div");
-  o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
-  const l = e.currentTarget;
-  l.style.userSelect = "none", l.classList.add("context-menu-active"), t.targetClass && l.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((g) => {
-    if (g == "-") {
-      const d = document.createElement("div");
-      d.classList.add("separator"), o.appendChild(d);
-      return;
-    }
-    const c = document.createElement("div");
-    c.classList.add("item"), c.style.userSelect = "none", c.innerText = g.title, o.appendChild(c), g.class && c.classList.add(g.class), g.shouldConfirm ? c.addEventListener("click", (d) => w(d, c, g.handler)) : c.addEventListener("click", () => g.handler());
-  });
-  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, r = o.offsetHeight, u = o.offsetWidth, p = s < u ? e.clientX - u - 1 : e.clientX + 1, E = a < r ? e.clientY - r - 1 : e.clientY + 1;
-  o.style.left = p + "px", o.style.top = E + "px", setTimeout(() => {
-    o.style.width = o.offsetWidth + "px";
-  }, 50);
-  function v() {
-    t.targetClass && l.classList.remove(t.targetClass), l.classList.remove("context-menu-active"), l.style.userSelect = "", n.remove();
-  }
-  function w(g, c, d) {
-    if (c.classList.contains("pending-confirm"))
-      return d();
-    const S = c.innerHTML;
-    c.classList.add("pending-confirm"), c.innerText = "Confirm";
-    const O = () => {
-      c.classList.remove("pending-confirm"), c.innerHTML = S, c.removeEventListener("mouseleave", O);
-    };
-    c.addEventListener("mouseleave", O), g.stopPropagation();
-  }
+function ao(e, t) {
+  return _n(e, t);
 }
-const co = (e) => new Promise((t) => setTimeout(t, e)), is = (e) => co(e * 1e3);
-function fo(e) {
-  return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+function uo(e, t) {
+  return V(e).divide(t).value;
 }
-function ls(e, t) {
-  return e != null ? Yt(e) : t;
+function co(e, t) {
+  return e && P(new Date(e), t ?? I.defaultDateFormat);
 }
-function rs(e, t) {
-  const n = { ...e };
-  for (const o of t)
-    n[o] === "" && (n[o] = null);
-  return n;
-}
-function as(e, t) {
-  en(e, {
-    ...t,
-    onError(n, o) {
-      var s;
-      n instanceof tn && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new ae(n.body.error));
-      const l = (s = t.onError) == null ? void 0 : s.call(t, n, o);
-      return l !== void 0 ? l : n;
-    }
-  });
-}
-const Me = Symbol("HookState");
-function us(e, t) {
-  const n = t ?? we();
-  _(() => vo(n, e), n), Qe(() => mo(n), n), et(() => Pe(n), n), be(() => Pe(n), n);
+function fo(e, t) {
+  return e && P(new Date(e), t ?? I.defaultTimeFormat);
 }
 function vo(e, t) {
+  return e && P(new Date(e), t ?? `${I.defaultDateFormat} ${I.defaultTimeFormat}`);
+}
+function mo(e) {
+  return e && P(nn(on(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), I.defaultDateFormat);
+}
+const qe = {
+  bytes: Qn,
+  dash: eo,
+  dashZeros: to,
+  number: no,
+  phone: oo,
+  upperFirst: so,
+  startCase: ct,
+  upperCase: io,
+  upperWords: lo,
+  desnake: ro,
+  usCurrency: ao,
+  divide: uo,
+  date: co,
+  time: fo,
+  dateTime: vo,
+  oneDayForward: mo
+}, cs = (e) => ({
+  ...qe,
+  ...e(qe)
+}), Se = Symbol("HookState");
+function ds(e, t) {
+  const n = t ?? ge();
+  _(() => po(n, e), n), tt(() => ho(n), n), nt(() => ze(n), n), Ee(() => ze(n), n);
+}
+function po(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new G(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const o = ut(e.vnode.el);
+    const o = dt(e.vnode.el);
     o ? n.ancestor = new G(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new G(window, t.windowScrolledToBottom)), e[Me] = n;
+  t.windowScrolledToBottom && (n.window = new G(window, t.windowScrolledToBottom)), e[Se] = n;
 }
-function mo(e) {
+function ho(e) {
   var n, o, l;
-  const t = e[Me];
+  const t = e[Se];
   (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (l = t == null ? void 0 : t.window) == null || l.install();
 }
-function Pe(e) {
+function ze(e) {
   var n, o, l;
-  const t = e[Me];
+  const t = e[Se];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (l = t == null ? void 0 : t.window) == null || l.uninstall();
 }
-const ye = ["auto", "scroll"];
-function ut(e) {
+const he = ["auto", "scroll"];
+function dt(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return ye.includes(n.overflow) || ye.includes(n.overflowX) || ye.includes(n.overflowY) ? t : ut(t);
+  return he.includes(n.overflow) || he.includes(n.overflowX) || he.includes(n.overflowY) ? t : dt(t);
 }
 class G {
   constructor(t, n) {
@@ -1209,23 +1213,23 @@ class G {
     Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
   }
 }
-function cs(e) {
-  _(() => window.addEventListener("resize", e)), Qe(() => window.addEventListener("resize", e)), et(() => window.removeEventListener("resize", e)), be(() => window.removeEventListener("resize", e));
+function fs(e) {
+  _(() => window.addEventListener("resize", e)), tt(() => window.addEventListener("resize", e)), nt(() => window.removeEventListener("resize", e)), Ee(() => window.removeEventListener("resize", e));
 }
-const po = {
-  mounted: ze,
-  updated: ze
-}, qe = Symbol("HasAutoFocused");
-function ze(e, t) {
-  if (t.value === void 0 && e[qe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[qe] = !0;
+const yo = {
+  mounted: Ye,
+  updated: Ye
+}, Ke = Symbol("HasAutoFocused");
+function Ye(e, t) {
+  if (t.value === void 0 && e[Ke] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[Ke] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const ho = {
-  mounted: yo
+const go = {
+  mounted: wo
 }, K = Symbol("ConfirmState");
-function yo(e, t) {
+function wo(e, t) {
   e.addEventListener("click", (n) => {
     var a, r;
     const o = Date.now(), l = ((a = t.value) == null ? void 0 : a.text) !== void 0 ? t.value.text : "Confirm";
@@ -1240,17 +1244,17 @@ function yo(e, t) {
       initTime: o,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
-        var u;
-        l && (e.innerHTML = s.preconfirmHtml), (u = t.value) != null && u.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
+        var c;
+        l && (e.innerHTML = s.preconfirmHtml), (c = t.value) != null && c.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
       }
     };
     e[K] = s, l && (e.innerHTML = l), (r = t.value) != null && r.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
   });
 }
-const go = {
-  beforeMount: wo
+const Eo = {
+  beforeMount: bo
 };
-function wo(e) {
+function bo(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
     /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + P(/* @__PURE__ */ new Date(), "yy"));
@@ -1258,14 +1262,14 @@ function wo(e) {
     isNaN(n) ? e.value = "" : e.value = P(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const Eo = {
-  beforeMount: Ke,
-  updated: Ke
+const ko = {
+  beforeMount: Xe,
+  updated: Xe
 };
-function Ke(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = bo(e, t));
+function Xe(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = To(e, t));
 }
-function bo(e, t) {
+function To(e, t) {
   var p, E;
   if (!t.value)
     return ((p = e.attributes.getNamedItem("placeholder")) == null ? void 0 : p.value) ?? "";
@@ -1282,51 +1286,51 @@ function bo(e, t) {
     let v = null;
     const w = /* @__PURE__ */ new Date();
     w.getFullYear() === s.getFullYear() ? (w.getMonth() !== s.getMonth() || w.getDate() !== s.getDate()) && (v = "M/d") : v = "M/d/yy";
-    const g = r ? null : F.defaultTimeFormat;
-    a = tt([v, g]).join(" ");
+    const g = r ? null : I.defaultTimeFormat;
+    a = ot([v, g]).join(" ");
   }
-  a || (r ? a = F.defaultDateFormat : a = `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
-  let u = P(s, a);
-  return n && (u = n + " " + u), u;
+  a || (r ? a = I.defaultDateFormat : a = `${I.defaultDateFormat} ${I.defaultTimeFormat}`);
+  let c = P(s, a);
+  return n && (c = n + " " + c), c;
 }
-const ko = {
-  beforeMount: Ye,
-  updated: Ye,
-  unmounted: To
+const Co = {
+  beforeMount: Ze,
+  updated: Ze,
+  unmounted: So
 };
-function Ye(e, t) {
+function Ze(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 To(e) {
+function So(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const Co = {
-  beforeMount: Xe,
-  updated: Xe,
-  unmounted: dt
-}, Q = Symbol("HasAutoFocused"), Le = [];
-function So() {
-  Le.forEach(ct);
+const Mo = {
+  beforeMount: Ge,
+  updated: Ge,
+  unmounted: vt
+}, Q = Symbol("HasAutoFocused"), Me = [];
+function Lo() {
+  Me.forEach(ft);
 }
-setInterval(So, 1e3);
-function Xe(e, t) {
+setInterval(Lo, 1e3);
+function Ge(e, t) {
   var a;
   if (t.value == t.oldValue) return;
-  if (!t.value) return dt(e);
+  if (!t.value) return vt(e);
   const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, l = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
-  e[Q] || Le.push(e), e[Q] = {
+  e[Q] || Me.push(e), e[Q] = {
     startTs: l,
     includeSeconds: s
-  }, ct(e);
+  }, ft(e);
 }
-function ct(e) {
+function ft(e) {
   const t = e[Q], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = Mo(n, t.includeSeconds);
+  e.innerText = xo(n, t.includeSeconds);
 }
-function dt(e) {
-  e[Q] && (Xt(Le, e), delete e[Q]), e.innerText = "-";
+function vt(e) {
+  e[Q] && (Gt(Me, e), delete e[Q]), e.innerText = "-";
 }
-function Mo(e, t) {
+function xo(e, t) {
   const n = [], o = Math.floor(e / 86400);
   o && n.push(o + "d"), e -= o * 86400;
   const l = Math.floor(e / 3600);
@@ -1334,34 +1338,34 @@ function Mo(e, t) {
   const s = Math.floor(e / 60);
   return (o || l || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
 }
-const Lo = {
-  mounted: ft,
-  updated: xo,
-  unmounted: vt
-}, U = /* @__PURE__ */ new Map();
-function ft(e, t) {
-  U.size === 0 && window.addEventListener("keydown", mt), U.set(t.value.toLowerCase(), [...U.get(t.value.toLowerCase()) ?? [], e]);
+const Fo = {
+  mounted: mt,
+  updated: Io,
+  unmounted: pt
+}, j = /* @__PURE__ */ new Map();
+function mt(e, t) {
+  j.size === 0 && window.addEventListener("keydown", ht), j.set(t.value.toLowerCase(), [...j.get(t.value.toLowerCase()) ?? [], e]);
 }
-function vt(e, t) {
-  const n = U.get(t.value.toLowerCase());
+function pt(e, t) {
+  const n = j.get(t.value.toLowerCase());
   if (n) {
     const o = n.indexOf(e);
-    o !== -1 && n.splice(o, 1), n.length === 0 && U.delete(t.value.toLowerCase());
+    o !== -1 && n.splice(o, 1), n.length === 0 && j.delete(t.value.toLowerCase());
   }
-  U.size === 0 && window.removeEventListener("keydown", mt);
+  j.size === 0 && window.removeEventListener("keydown", ht);
 }
-function xo(e, t) {
-  vt(e, t), ft(e, t);
+function Io(e, t) {
+  pt(e, t), mt(e, t);
 }
-function mt(e) {
+function ht(e) {
   if (typeof e.key != "string") return;
-  const t = e.key.toLowerCase(), n = U.get(t);
+  const t = e.key.toLowerCase(), n = j.get(t);
   if (n) {
-    const o = Zt(n);
+    const o = Jt(n);
     o == null || o.click(), e.preventDefault();
   }
 }
-const Y = Symbol("InfiniteScrollHandler"), Io = {
+const Y = Symbol("InfiniteScrollHandler"), Oo = {
   mounted(e, t) {
     e[Y] = new G(e, t.value);
   },
@@ -1373,19 +1377,19 @@ const Y = Symbol("InfiniteScrollHandler"), Io = {
     var t;
     (t = e[Y]) == null || t.uninstall(), delete e[Y];
   }
-}, Fo = {
-  beforeMount: Ze,
-  updated: Ze
+}, Do = {
+  beforeMount: Je,
+  updated: Je
 };
-function Ze(e, t) {
+function Je(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const Oo = {
-  mounted: Ge,
-  updated: Ge,
-  unmounted: pt
+const Ho = {
+  mounted: Qe,
+  updated: Qe,
+  unmounted: yt
 }, J = Symbol("TooltipState");
-function Ge(e, t) {
+function Qe(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1393,15 +1397,15 @@ function Ge(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[J] ? e[J].configure(l) : e[J] = new Do(e, l);
+    e[J] ? e[J].configure(l) : e[J] = new Vo(e, l);
   } else
-    pt(e);
+    yt(e);
 }
-function pt(e) {
+function yt(e) {
   var t;
   (t = e[J]) == null || t.destroy(), delete e[J];
 }
-class Do {
+class Vo {
   constructor(t, n) {
     D(this, "lastMoveEvt");
     D(this, "checkInterval");
@@ -1449,61 +1453,62 @@ class Do {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
-function Ho(e) {
-  e.directive("autofocus", po), e.directive("confirm-button", ho), e.directive("date-input", go), e.directive("datetime", Eo), e.directive("disabled", ko), e.directive("duration", Co), e.directive("hotkey", Lo), e.directive("infinite-scroll", Io), e.directive("readonly", Fo), e.directive("tooltip", Oo);
+function Ao(e) {
+  e.directive("autofocus", yo), e.directive("confirm-button", go), e.directive("date-input", Eo), e.directive("datetime", ko), e.directive("disabled", Co), e.directive("duration", Mo), e.directive("hotkey", Fo), e.directive("infinite-scroll", Oo), e.directive("readonly", Do), e.directive("tooltip", Ho);
 }
-function ds(e) {
-  Ho(e);
+function vs(e) {
+  Ao(e);
 }
 export {
-  Wo as OverlayContainer,
+  jo as OverlayContainer,
   ae as UserError,
-  Ro as VfAjaxSelect,
+  Uo as VfAjaxSelect,
   ue as VfAlertModal,
-  Qo as VfEzSmartSelect,
-  wn as VfModal,
-  Un as VfSmartSelect,
-  ls as cloneProp,
-  zo as configureVf,
-  as as configureVfOpenApiClient,
-  ns as createFilters,
-  ke as createOverlayInjection,
-  Dn as desnakeCase,
-  un as dismissOverlayInjectionById,
-  jo as dismissOverlayInjectionByInstance,
-  ot as dismissOverlayInjectionByInternalInstance,
-  an as dismissOverlayInjectionByVnode,
-  ms as escapeHtml,
-  dn as formatError,
-  fo as formatNumber,
-  Hn as formatPhone,
-  Vn as formatUSCurrency,
-  Yo as handleError,
-  Ko as handleErrorAndAlert,
-  ds as installVf,
-  fn as isError,
-  Xo as maskComponent,
-  vn as maskEl,
-  mn as maskForm,
-  Go as nl2br,
-  rs as nullifyEmptyInputs,
-  Te as presentOverlay,
+  rs as VfEzSmartSelect,
+  bn as VfModal,
+  Kn as VfSmartSelect,
+  ns as cloneProp,
+  Yo as configureVf,
+  ss as configureVfOpenApiClient,
+  cs as createFilters,
+  be as createOverlayInjection,
+  $n as desnakeCase,
+  dn as dismissOverlayInjectionById,
+  Po as dismissOverlayInjectionByInstance,
+  it as dismissOverlayInjectionByInternalInstance,
+  cn as dismissOverlayInjectionByVnode,
+  hs as escapeHtml,
+  vn as formatError,
+  Sn as formatNumber,
+  Bn as formatPhone,
+  _n as formatUSCurrency,
+  Zo as handleError,
+  Xo as handleErrorAndAlert,
+  vs as installVf,
+  mn as isError,
+  je as isNotNullOrUndefined,
+  Go as maskComponent,
+  pn as maskEl,
+  hn as maskForm,
+  is as nl2br,
+  os as nullifyEmptyInputs,
+  ke as presentOverlay,
   le as removeOverlayInjection,
-  os as replaceElement,
-  cn as showAlert,
-  Uo as showConfirm,
-  Po as showConfirmDestroy,
-  ss as showContextMenu,
-  ts as showToast,
-  qo as showWait,
-  co as sleep,
-  is as sleepSecs,
-  Ce as toError,
-  Zo as unmaskComponent,
-  st as unmaskEl,
-  it as unmaskForm,
-  us as useInfiniteScroll,
-  cs as useResizeWatcher,
-  Jo as uuid,
-  es as vfModalRef
+  Qo as replaceElement,
+  fn as showAlert,
+  qo as showConfirm,
+  zo as showConfirmDestroy,
+  es as showContextMenu,
+  us as showToast,
+  Ko as showWait,
+  Cn as sleep,
+  ts as sleepSecs,
+  Te as toError,
+  Jo as unmaskComponent,
+  lt as unmaskEl,
+  rt as unmaskForm,
+  ds as useInfiniteScroll,
+  fs as useResizeWatcher,
+  ls as uuid,
+  as as vfModalRef
 };