@signal24/vue-foundation 4.5.1 → 4.6.1

package/dist/vue-foundation.es.js

@@ -1,17 +1,17 @@
 var Ve = Object.defineProperty;
 var Fe = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var v = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as S, defineProps as Re, defineEmits as Ne, ref as w, computed as K, openBlock as d, createElementBlock as f, createElementVNode as k, toDisplayString as H, withDirectives as U, createCommentVNode as b, Fragment as j, renderList as Q, vModelSelect as Ke, getCurrentInstance as J, onMounted as B, normalizeClass as T, normalizeStyle as Ue, withModifiers as Oe, renderSlot as N, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as ee, resolveDirective as be, createBlock as Te, createSlots as qe, withCtx as X, createTextVNode as oe, vModelText as ze, watch as le, onActivated as we, onDeactivated as ke } from "vue";
-import { debounce as Xe, isEqual as Se, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
+import { defineComponent as S, defineProps as Ne, defineEmits as Re, ref as T, computed as K, openBlock as d, createElementBlock as u, createElementVNode as E, toDisplayString as x, withDirectives as U, createCommentVNode as O, Fragment as j, renderList as J, vModelSelect as Ke, getCurrentInstance as ee, onMounted as C, normalizeClass as w, normalizeStyle as Ue, withModifiers as te, renderSlot as R, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as ne, resolveDirective as Te, createBlock as ke, createSlots as qe, withCtx as Y, createTextVNode as ae, vModelText as ze, watch as ce, onActivated as Se, onDeactivated as xe } from "vue";
+import { debounce as Xe, isEqual as Ce, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
 import { escapeHtml as Je } from "@vue/shared";
-import { escapeHtml as Zn } from "@vue/shared";
-import { format as Z } from "date-fns";
+import { escapeHtml as ss } from "@vue/shared";
+import { format as G } from "date-fns";
 const et = S({
   setup() {
-    const e = Re();
-    Ne(["update:modelValue"]);
-    const t = w(null), n = K(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = w(e.modelValue ?? null);
-    return { props: e, options: t, renderOptions: n, selectedItem: i };
+    const e = Ne();
+    Re(["update:modelValue"]);
+    const t = T(null), n = K(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), s = T(e.modelValue ?? null);
+    return { props: e, options: t, renderOptions: n, selectedItem: s };
   },
   watch: {
     loadFn() {
@@ -32,10 +32,10 @@ const et = S({
       this.options = await this.props.loadFn();
     }
   }
-}), xe = (e, t) => {
+}), Le = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [i, s] of t)
-    n[i] = s;
+  for (const [s, i] of t)
+    n[s] = i;
   return n;
 }, tt = {
   key: 0,
@@ -43,198 +43,198 @@ const et = S({
 }, nt = {
   key: 0,
   value: null
-}, it = ["value"];
-function st(e, t, n, i, s, o) {
-  return e.renderOptions ? U((d(), f("select", {
+}, st = ["value"];
+function it(e, t, n, s, i, o) {
+  return e.renderOptions ? U((d(), u("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (d(), f("option", nt, H(e.props.nullText), 1)) : b("", !0),
-    (d(!0), f(j, null, Q(e.renderOptions, (r, l) => {
+    e.props.nullText ? (d(), u("option", nt, x(e.props.nullText), 1)) : O("", !0),
+    (d(!0), u(j, null, J(e.renderOptions, (r, l) => {
       var c;
-      return d(), f("option", {
+      return d(), u("option", {
         key: l,
         value: (c = e.options) == null ? void 0 : c[l]
-      }, H(r), 9, it);
+      }, x(r), 9, st);
     }), 128))
   ], 512)), [
     [Ke, e.selectedItem]
-  ]) : (d(), f("select", tt, [
-    k("option", null, H(e.props.loadingText || "Loading..."), 1)
+  ]) : (d(), u("select", tt, [
+    E("option", null, x(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const kn = /* @__PURE__ */ xe(et, [["render", st]]), ot = ["onClick"], lt = /* @__PURE__ */ S({
+const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @__PURE__ */ S({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = w({ visibility: "hidden", top: "0", left: "0" }), s = w([]), o = J();
-    B(r);
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), o = ee();
+    C(r);
     function r() {
-      const y = o.vnode.el, { styles: u, classes: a } = l(y, n);
-      i.value = u, s.value = a;
+      const y = o.vnode.el, { styles: h, classes: a } = l(y, n);
+      s.value = h, i.value = a;
     }
-    function l(y, u) {
-      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, m = u.getBoundingClientRect(), p = y.getBoundingClientRect();
+    function l(y, h) {
+      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, m = h.getBoundingClientRect(), p = y.getBoundingClientRect();
       a.matchWidth && (p.width = m.width), a.matchHeight && (p.height = m.height);
-      const h = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
-      let E, x;
+      const f = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
+      let b, L;
       if (a.y === "center")
-        E = m.top + m.height / 2 - p.height / 2, h.push("anchored-center-y");
+        b = m.top + m.height / 2 - p.height / 2, f.push("anchored-center-y");
       else {
-        const L = (m.bottom + p.height < window.innerHeight || a.y === "below") && a.y !== "above";
-        E = L ? m.bottom : m.top - p.height, h.push(L ? "anchored-top" : "anchored-bottom");
+        const M = (m.bottom + p.height < window.innerHeight || a.y === "below") && a.y !== "above";
+        b = M ? m.bottom : m.top - p.height, f.push(M ? "anchored-top" : "anchored-bottom");
       }
       if (a.x === "center")
-        x = m.left + m.width / 2 - p.width / 2, h.push("anchored-center-x");
+        L = m.left + m.width / 2 - p.width / 2, f.push("anchored-center-x");
       else {
-        const L = (m.left + p.width < window.innerWidth || a.x === "left") && a.x !== "right";
-        x = L ? m.left : m.right - p.width, h.push(L ? "anchored-left" : "anchored-right");
+        const M = (m.left + p.width < window.innerWidth || a.x === "left") && a.x !== "right";
+        L = M ? m.left : m.right - p.width, f.push(M ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
-          top: `${E}px`,
-          left: `${x}px`,
+          top: `${b}px`,
+          left: `${L}px`,
           ...a.matchWidth ? { width: `${p.width}px` } : {},
           ...a.matchHeight ? { height: `${p.height}px` } : {}
         },
-        classes: h
+        classes: f
       };
     }
     function c() {
       window.removeEventListener("click", c), ct(t.overlayId);
     }
-    return B(() => {
+    return C(() => {
       setTimeout(() => {
         window.addEventListener("click", c);
       }, 10);
-    }), (y, u) => (d(), f("div", {
-      class: T(["vf-overlay-anchor", s.value]),
-      style: Ue(i.value),
-      onClick: Oe(c, ["stop"])
+    }), (y, h) => (d(), u("div", {
+      class: w(["vf-overlay-anchor", i.value]),
+      style: Ue(s.value),
+      onClick: te(c, ["stop"])
     }, [
-      N(y.$slots, "default")
+      R(y.$slots, "default")
     ], 14, ot));
   }
 });
 let rt = 0;
-const O = je([]), Sn = S({
+const k = je([]), _n = S({
   setup() {
     return () => W("div", [
-      Q(O, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      J(k, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function Le(e, t, n) {
-  const i = document.getElementById("vf-overlay-target") ?? document.createElement("div");
-  i.id = "vf-overlay-target", i.removeAttribute("inert"), document.body.appendChild(i);
-  const s = String(++rt), o = Pe(e), r = W(o, t), l = n != null && n.anchor ? W(lt, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, c = {
-    id: s,
+function se(e, t, n) {
+  const s = document.getElementById("vf-overlay-target") ?? document.createElement("div");
+  s.id = "vf-overlay-target", s.removeAttribute("inert"), document.body.appendChild(s);
+  const i = String(++rt), o = Pe(e), r = W(o, t), l = n != null && n.anchor ? W(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, c = {
+    id: i,
     component: o,
     props: t,
     options: n ?? {},
     vnode: r,
     wrapperVnode: l
   };
-  return O.push(c), c;
+  return k.push(c), c;
 }
-function xn(e) {
-  Ce(e.$);
+function Hn(e) {
+  Me(e.$);
 }
-function Ce(e) {
+function Me(e) {
   let t = e;
   for (; t && !at(t.vnode); )
     t = t.parent;
 }
 function at(e) {
-  const t = O.findIndex((n) => n.vnode.component === e.component);
-  return t >= 0 ? (O[t].props.callback(), !0) : !1;
+  const t = k.findIndex((n) => n.vnode.component === e.component);
+  return t >= 0 ? (k[t].props.callback(), !0) : !1;
 }
 function ct(e) {
-  const t = O.findIndex((n) => n.id === e);
-  return t >= 0 ? (O[t].props.callback(), !0) : !1;
+  const t = k.findIndex((n) => n.id === e);
+  return t >= 0 ? (k[t].props.callback(), !0) : !1;
 }
-function Me(e) {
-  const t = O.indexOf(e);
-  t >= 0 && O.splice(t, 1);
+function P(e) {
+  const t = k.indexOf(e);
+  t >= 0 && k.splice(t, 1);
 }
-async function te(e, t, n) {
-  return new Promise((i) => {
-    let s = null;
+async function ie(e, t, n) {
+  return new Promise((s) => {
+    let i = null;
     const r = { ...t, callback: (l) => {
-      Me(s), i(l);
+      P(i), s(l);
     } };
-    s = Le(e, r, n);
+    i = se(e, r, n);
   });
 }
-function P(e, t) {
+function q(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function re(e, t) {
-  await te(z, P(e, t));
+async function de(e, t) {
+  await ie(X, q(e, t));
 }
-async function Ln(e, t) {
-  return await te(z, {
-    ...P(e, t),
+async function Dn(e, t) {
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function Cn(e, t) {
-  return await te(z, {
-    ...P(e, t),
+async function $n(e, t) {
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function Mn(e, t) {
-  const n = Le(z, {
-    ...P(e, t),
+function An(e, t) {
+  const n = se(X, {
+    ...q(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => Me(n);
+  return () => P(n);
 }
 const V = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function In(e) {
+function Bn(e) {
   Object.assign(V, e);
 }
-class q extends Error {
+class z extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
 function dt(e) {
-  return e instanceof q ? e.message : `An application error has occurred:
+  return e instanceof z ? e.message : `An application error has occurred:
 
-${ne(e).message}
+${oe(e).message}
 
 Please refresh the page and try again. If this error persists, ${V.unhandledErrorSupportText}.`;
 }
-function ne(e) {
+function oe(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function Hn(e, t) {
-  const n = ne(e);
-  return n instanceof q || V.errorHandler(n), t ? re(t, n) : re(n);
+async function Vn(e, t) {
+  const n = oe(e);
+  return n instanceof z || V.errorHandler(n), t ? de(t, n) : de(n);
 }
-async function Dn(e) {
-  const t = ne(e);
-  t instanceof q || V.errorHandler(t);
+async function Fn(e) {
+  const t = oe(e);
+  t instanceof z || V.errorHandler(t);
 }
 const D = Symbol("MaskState");
-function An(e, t) {
-  const n = e.$.vnode.el, i = n.closest(".vf-modal");
-  return ut(i ?? n, t);
+function Nn(e, t) {
+  const n = e.$.vnode.el, s = n.closest(".vf-modal");
+  return ut(s ?? n, t);
 }
-function $n(e) {
+function Rn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
   return Ie(n ?? t);
 }
@@ -248,24 +248,24 @@ function ut(e, t) {
 function Ie(e) {
   e[D] && e.removeChild(e[D].maskEl);
 }
-const G = Symbol("FormMaskState");
+const Q = Symbol("FormMaskState");
 function ht(e, t, n) {
-  const i = e instanceof Element ? e : De(e);
-  i.classList.add("vf-masked");
-  const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
-  s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
-  const l = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return l.forEach((c) => c.setAttribute("disabled", "disabled")), i[G] = {
+  const s = e instanceof Element ? e : He(e);
+  s.classList.add("vf-masked");
+  const i = t instanceof Element ? t : s.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], o = i.tagName === "INPUT" ? i.value : i.innerHTML;
+  i.setAttribute("disabled", "disabled"), i.innerText = n ?? "Please wait...";
+  const l = [...s.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return l.forEach((c) => c.setAttribute("disabled", "disabled")), s[Q] = {
     disabledElements: l,
-    waitButton: s,
+    waitButton: i,
     buttonHtml: o
-  }, () => He(i);
+  }, () => _e(s);
 }
-function He(e) {
-  const t = e instanceof Element ? e : De(e), n = t[G];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[G]);
+function _e(e) {
+  const t = e instanceof Element ? e : He(e), n = t[Q];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[Q]);
 }
-function De(e) {
+function He(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
@@ -286,65 +286,65 @@ const ft = ["id"], pt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, i = J();
-    t({ mask: y, unmask: u });
-    const s = w(), o = w();
-    B(() => {
+    const n = e, s = ee();
+    t({ mask: y, unmask: h });
+    const i = T(), o = T();
+    C(() => {
       var a;
-      document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = s.value) == null || a.addEventListener("click", r));
-    }), ee(() => {
+      document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = i.value) == null || a.addEventListener("click", r));
+    }), ne(() => {
       window.removeEventListener("keydown", l), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function r(a) {
-      a.target == s.value && c();
+      a.target == i.value && c();
     }
     function l(a) {
       if (a.key === "Esc" || a.key === "Escape") {
         const m = document.querySelectorAll(".vf-modal-wrap");
-        m[m.length - 1] === s.value && c();
+        m[m.length - 1] === i.value && c();
       }
     }
     function c() {
-      Ce(i);
+      Me(s);
     }
     function y() {
       ht(o.value);
     }
-    function u() {
-      He(o.value);
+    function h() {
+      _e(o.value);
     }
-    return (a, m) => (d(), f("div", {
+    return (a, m) => (d(), u("div", {
       id: a.id,
-      class: T(["vf-overlay vf-modal-wrap", n.class]),
+      class: w(["vf-overlay vf-modal-wrap", n.class]),
       ref_key: "overlay",
-      ref: s
+      ref: i
     }, [
-      k("form", {
+      E("form", {
         action: ".",
-        class: T(["vf-modal", { scrolls: a.scrolls }]),
-        onSubmit: m[0] || (m[0] = Oe((p) => a.$emit("formSubmit"), ["prevent"])),
+        class: w(["vf-modal", { scrolls: a.scrolls }]),
+        onSubmit: m[0] || (m[0] = te((p) => a.$emit("formSubmit"), ["prevent"])),
         ref_key: "form",
         ref: o
       }, [
-        a.$slots.header ? (d(), f("div", pt, [
-          N(a.$slots, "header"),
-          n.closeX ? (d(), f("i", {
+        a.$slots.header ? (d(), u("div", pt, [
+          R(a.$slots, "header"),
+          n.closeX ? (d(), u("i", {
             key: 0,
             class: "close",
             onClick: c
-          })) : b("", !0)
-        ])) : b("", !0),
-        k("div", mt, [
-          N(a.$slots, "default")
+          })) : O("", !0)
+        ])) : O("", !0),
+        E("div", mt, [
+          R(a.$slots, "default")
         ]),
-        a.$slots.footer ? (d(), f("div", vt, [
-          N(a.$slots, "footer")
-        ])) : b("", !0)
+        a.$slots.footer ? (d(), u("div", vt, [
+          R(a.$slots, "footer")
+        ])) : O("", !0)
       ], 34)
     ], 10, ft));
   }
 });
-const gt = ["innerHtml"], Et = ["innerText"], z = /* @__PURE__ */ S({
+const gt = ["innerHtml"], bt = ["innerText"], X = /* @__PURE__ */ S({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -357,52 +357,52 @@ const gt = ["innerHtml"], Et = ["innerText"], z = /* @__PURE__ */ S({
   },
   setup(e) {
     const t = e, n = K(() => t.message instanceof Error ? dt(t.message) : t.message);
-    return (i, s) => {
-      const o = be("autofocus");
-      return d(), Te(yt, {
-        class: T(["vf-alert", i.classes])
+    return (s, i) => {
+      const o = Te("autofocus");
+      return d(), ke(yt, {
+        class: w(["vf-alert", s.classes])
       }, qe({
-        default: X(() => [
-          i.isHtml ? (d(), f("div", {
+        default: Y(() => [
+          s.isHtml ? (d(), u("div", {
             key: 0,
-            innerHtml: i.message,
+            innerHtml: s.message,
             class: "user-message"
-          }, null, 8, gt)) : (d(), f("div", {
+          }, null, 8, gt)) : (d(), u("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, Et))
+          }, null, 8, bt))
         ]),
         _: 2
       }, [
-        i.title ? {
+        s.title ? {
           name: "header",
-          fn: X(() => [
-            k("h1", null, H(i.title), 1)
+          fn: Y(() => [
+            E("h1", null, x(s.title), 1)
           ]),
           key: "0"
         } : void 0,
-        i.isBare ? void 0 : {
+        s.isBare ? void 0 : {
           name: "footer",
-          fn: X(() => [
-            i.shouldConfirm ? (d(), f(j, { key: 0 }, [
-              U((d(), f("button", {
+          fn: Y(() => [
+            s.shouldConfirm ? (d(), u(j, { key: 0 }, [
+              U((d(), u("button", {
                 class: "primary",
-                onClick: s[0] || (s[0] = () => i.callback(!0))
+                onClick: i[0] || (i[0] = () => s.callback(!0))
               }, [
-                oe("Confirm")
+                ae("Confirm")
               ])), [
                 [o]
               ]),
-              k("button", {
+              E("button", {
                 class: "default",
-                onClick: s[1] || (s[1] = () => i.callback(!1))
+                onClick: i[1] || (i[1] = () => s.callback(!1))
               }, "Cancel")
-            ], 64)) : U((d(), f("button", {
+            ], 64)) : U((d(), u("button", {
               key: 1,
               class: "default",
-              onClick: s[2] || (s[2] = () => i.callback(!0))
+              onClick: i[2] || (i[2] = () => s.callback(!0))
             }, [
-              oe("OK")
+              ae("OK")
             ])), [
               [o]
             ])
@@ -413,36 +413,36 @@ const gt = ["innerHtml"], Et = ["innerText"], z = /* @__PURE__ */ S({
     };
   }
 });
-let R;
-const Ot = new Uint8Array(16);
-function bt() {
-  if (!R && (R = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !R))
+let N;
+const Et = new Uint8Array(16);
+function Ot() {
+  if (!N && (N = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !N))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return R(Ot);
+  return N(Et);
 }
 const g = [];
 for (let e = 0; e < 256; ++e)
   g.push((e + 256).toString(16).slice(1));
-function Tt(e, t = 0) {
+function wt(e, t = 0) {
   return (g[e[t + 0]] + g[e[t + 1]] + g[e[t + 2]] + g[e[t + 3]] + "-" + g[e[t + 4]] + g[e[t + 5]] + "-" + g[e[t + 6]] + g[e[t + 7]] + "-" + g[e[t + 8]] + g[e[t + 9]] + "-" + g[e[t + 10]] + g[e[t + 11]] + g[e[t + 12]] + g[e[t + 13]] + g[e[t + 14]] + g[e[t + 15]]).toLowerCase();
 }
-const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ae = {
-  randomUUID: wt
+const Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
+  randomUUID: Tt
 };
 function kt(e, t, n) {
-  if (ae.randomUUID && !t && !e)
-    return ae.randomUUID();
+  if (ue.randomUUID && !t && !e)
+    return ue.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || bt)();
-  if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
+  const s = e.random || (e.rng || Ot)();
+  if (s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, t) {
     n = n || 0;
-    for (let s = 0; s < 16; ++s)
-      t[n + s] = i[s];
+    for (let i = 0; i < 16; ++i)
+      t[n + i] = s[i];
     return t;
   }
-  return Tt(i);
+  return wt(s);
 }
-function Bn(e) {
+function Kn(e) {
   return e.replace(/\n/g, "<br>");
 }
 function St(e) {
@@ -452,13 +452,13 @@ function xt(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 Lt(e) {
+function Ct(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function _n() {
+function Un() {
   return kt();
 }
-const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Mt = {
+const I = Symbol("null"), he = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Mt = {
   props: {
     modelValue: {
       type: null,
@@ -536,14 +536,14 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
     optionsDescriptors() {
       return this.allOptions.map((e, t) => {
         var l, c;
-        const n = this.formatter(e), i = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", r = [];
+        const n = this.formatter(e), s = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), i = n ? n.trim().toLowerCase() : "", o = s ? s.trim().toLowerCase() : "", r = [];
         return this.searchFields ? this.searchFields.forEach((y) => {
           e[y] && r.push(String(e[y]).toLowerCase());
-        }) : (r.push(s), o && r.push(o)), {
+        }) : (r.push(i), o && r.push(o)), {
           // eslint-disable-next-line vue/no-use-computed-property-like-method
           key: ((c = this.effectiveKeyExtractor) == null ? void 0 : c.call(this, e)) ?? String(t),
           title: n,
-          subtitle: i,
+          subtitle: s,
           searchContent: r.join(""),
           ref: e
         };
@@ -554,23 +554,23 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
       if (this.isSearching) {
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
-          e = e.filter((s) => s.searchContent.includes(t));
-          const n = Je(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
-          e = e.map((s) => {
+          e = e.filter((i) => i.searchContent.includes(t));
+          const n = Je(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), s = new RegExp(`(${n})`, "ig");
+          e = e.map((i) => {
             var o;
             return {
-              ...s,
-              title: s.title.replace(i, "<mark>$1</mark>"),
-              subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
+              ...i,
+              title: i.title.replace(s, "<mark>$1</mark>"),
+              subtitle: (o = i.subtitle) == null ? void 0 : o.replace(s, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: ce,
+            key: he,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
       } else
         this.nullTitle && e.unshift({
-          key: C,
+          key: I,
           title: this.nullTitle
         });
       return e;
@@ -596,7 +596,7 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
     },
     effectiveOptions() {
       var e;
-      this.modelValue && !this.selectedOption && this.handleValueChanged(), this.highlightedOptionKey && !this.effectiveOptions.find((t) => t.key == this.highlightedOptionKey) && (this.highlightedOptionKey = ((e = this.effectiveOptions[0]) == null ? void 0 : e.key) ?? C);
+      this.modelValue && !this.selectedOption && this.handleValueChanged(), this.highlightedOptionKey && !this.effectiveOptions.find((t) => t.key == this.highlightedOptionKey) && (this.highlightedOptionKey = ((e = this.effectiveOptions[0]) == null ? void 0 : e.key) ?? I);
     }
   },
   async mounted() {
@@ -650,7 +650,7 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && Ct.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && Lt.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -658,17 +658,17 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
     },
     setHighlightedOptionKey(e) {
       var t;
-      this.selectedOption ? this.highlightedOptionKey = this.getOptionKey(this.selectedOption) : e ? this.highlightedOptionKey = ((t = this.effectiveOptions) == null ? void 0 : t[0].key) ?? C : this.nullTitle && (this.highlightedOptionKey = C);
+      this.selectedOption ? this.highlightedOptionKey = this.getOptionKey(this.selectedOption) : e ? this.highlightedOptionKey = ((t = this.effectiveOptions) == null ? void 0 : t[0].key) ?? I : this.nullTitle && (this.highlightedOptionKey = I);
     },
     getOptionKey(e) {
       var t;
       return this.effectiveKeyExtractor ? this.effectiveKeyExtractor(this.selectedOption) : ((t = this.getOptionDescriptor(e)) == null ? void 0 : t.key) ?? "";
     },
     getOptionDescriptor(e) {
-      const t = this.effectiveOptions.find((i) => i.ref === e);
+      const t = this.effectiveOptions.find((s) => s.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => Se(i.ref, e));
+      const n = this.effectiveOptions.find((s) => Ce(s.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -678,19 +678,19 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
       this.isLoaded || this.loadRemoteOptions(), this.optionsListId && this.$refs.optionsContainer.setAttribute("id", this.optionsListId), this.teleportOptionsContainer();
     },
     teleportOptionsContainer() {
-      const e = this.$el.getBoundingClientRect(), t = e.y + e.height + 2, n = e.x, i = this.$refs.optionsContainer, s = window.getComputedStyle(this.$el);
-      for (let o in s)
-        /^(font|text)/.test(o) && (i.style[o] = s[o]);
-      if (i.style.top = t + "px", i.style.left = n + "px", i.style.minWidth = e.width + "px", !s.maxHeight || s.maxHeight == "none") {
+      const e = this.$el.getBoundingClientRect(), t = e.y + e.height + 2, n = e.x, s = this.$refs.optionsContainer, i = window.getComputedStyle(this.$el);
+      for (let o in i)
+        /^(font|text)/.test(o) && (s.style[o] = i[o]);
+      if (s.style.top = t + "px", s.style.left = n + "px", s.style.minWidth = e.width + "px", !i.maxHeight || i.maxHeight == "none") {
         const o = window.innerHeight - t - 12;
-        i.style.maxHeight = o + "px";
+        s.style.maxHeight = o + "px";
       }
-      i.style.visibility = "visible", document.body.appendChild(i), setTimeout(this.highlightInitialOption, 0);
+      s.style.visibility = "visible", document.body.appendChild(s), setTimeout(this.highlightInitialOption, 0);
     },
     highlightInitialOption() {
       if (!this.isLoaded || !this.highlightedOptionKey)
         return;
-      const e = this.effectiveOptions.findIndex((i) => i.key == this.highlightedOptionKey), t = this.$refs.optionsContainer, n = t.querySelectorAll(".option")[e];
+      const e = this.effectiveOptions.findIndex((s) => s.key == this.highlightedOptionKey), t = this.$refs.optionsContainer, n = t.querySelectorAll(".option")[e];
       t.scrollTop = n.offsetTop;
     },
     handleOptionHover(e) {
@@ -702,17 +702,17 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
       if (n < 0 ? n = 0 : n >= this.effectiveOptions.length && (n = this.effectiveOptions.length - 1), t == n)
         return;
       this.highlightedOptionKey = this.effectiveOptions[n].key;
-      const i = this.$refs.optionsContainer, s = i.querySelectorAll(".option")[n];
-      s.offsetTop < i.scrollTop ? i.scrollTop = s.offsetTop : s.offsetTop + s.offsetHeight > i.scrollTop + i.clientHeight && (i.scrollTop = s.offsetTop + s.offsetHeight - i.clientHeight);
+      const s = this.$refs.optionsContainer, i = s.querySelectorAll(".option")[n];
+      i.offsetTop < s.scrollTop ? s.scrollTop = i.offsetTop : i.offsetTop + i.offsetHeight > s.scrollTop + s.clientHeight && (s.scrollTop = i.offsetTop + i.offsetHeight - s.clientHeight);
     },
     selectOption(e) {
-      if (this.isSearching = !1, e.key == C)
+      if (this.isSearching = !1, e.key == I)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === ce) {
+      else if (e.key === he) {
         const t = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
       } else {
-        const n = this.optionsDescriptors.find((i) => i.key == e.key).ref;
+        const n = this.optionsDescriptors.find((s) => s.key == e.key).ref;
         this.selectedOption = n, this.selectedOptionTitle = this.formatter(n), this.searchText = this.selectedOptionTitle || "";
       }
       this.$refs.searchField.blur();
@@ -725,27 +725,27 @@ const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
     }
   }
 };
-const It = ["placeholder"], Ht = {
+const It = ["placeholder"], _t = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
-}, Dt = {
+}, Ht = {
   key: 0,
   class: "no-results"
-}, At = ["onMousemove", "onMousedown"], $t = ["innerHTML"], Bt = ["innerHTML"], _t = {
+}, Dt = ["onMousemove", "onMousedown"], $t = ["innerHTML"], At = ["innerHTML"], Bt = {
   key: 0,
   class: "no-results"
 };
-function Vt(e, t, n, i, s, o) {
-  const r = be("disabled");
-  return d(), f("div", {
-    class: T(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
+function Vt(e, t, n, s, i, o) {
+  const r = Te("disabled");
+  return d(), u("div", {
+    class: w(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    U(k("input", {
+    U(E("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
-      class: T({ nullable: !!n.nullTitle }),
+      class: w({ nullable: !!n.nullTitle }),
       onKeydown: t[1] || (t[1] = (...l) => o.handleKeyDown && o.handleKeyDown(...l)),
       placeholder: o.effectivePlaceholder,
       onFocus: t[2] || (t[2] = (...l) => o.handleInputFocused && o.handleInputFocused(...l)),
@@ -754,32 +754,32 @@ function Vt(e, t, n, i, s, o) {
       [ze, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (d(), f("div", Ht, [
-      e.isLoaded ? (d(), f(j, { key: 1 }, [
-        (d(!0), f(j, null, Q(o.effectiveOptions, (l) => (d(), f("div", {
+    e.shouldDisplayOptions ? (d(), u("div", _t, [
+      e.isLoaded ? (d(), u(j, { key: 1 }, [
+        (d(!0), u(j, null, J(o.effectiveOptions, (l) => (d(), u("div", {
           key: String(l.key),
-          class: T(["option", {
+          class: w(["option", {
             highlighted: e.highlightedOptionKey === l.key
           }]),
           onMousemove: (c) => o.handleOptionHover(l),
           onMousedown: (c) => o.selectOption(l)
         }, [
-          k("div", {
+          E("div", {
             class: "title",
             innerHTML: l.title
           }, null, 8, $t),
-          l.subtitle ? (d(), f("div", {
+          l.subtitle ? (d(), u("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
-          }, null, 8, Bt)) : b("", !0)
-        ], 42, At))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (d(), f("div", _t, H(o.effectiveNoResultsText), 1)) : b("", !0)
-      ], 64)) : (d(), f("div", Dt, "Loading..."))
-    ], 512)) : b("", !0)
+          }, null, 8, At)) : O("", !0)
+        ], 42, Dt))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (d(), u("div", Bt, x(o.effectiveNoResultsText), 1)) : O("", !0)
+      ], 64)) : (d(), u("div", Ht, "Loading..."))
+    ], 512)) : O("", !0)
   ], 2);
 }
-const Ft = /* @__PURE__ */ xe(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ S({
+const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -790,151 +790,204 @@ const Ft = /* @__PURE__ */ xe(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = K(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
+    const n = e, s = K(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
       value: r,
       label: l
-    }))), s = K(() => n.formatter ? (r) => {
+    }))), i = K(() => n.formatter ? (r) => {
       var l;
       return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
-    } : (r) => r.label), o = w(i.value.find((r) => r.value === n.modelValue) ?? null);
-    return le(
+    } : (r) => r.label), o = T(s.value.find((r) => r.value === n.modelValue) ?? null);
+    return ce(
       () => n.modelValue,
       (r) => {
-        o.value = i.value.find((l) => l.value === r) ?? null;
+        o.value = s.value.find((l) => l.value === r) ?? null;
       }
-    ), le(o, (r) => {
+    ), ce(o, (r) => {
       var l;
-      t("update:modelValue", r ? ((l = i.value.find((c) => Se(c, r))) == null ? void 0 : l.value) ?? null : null);
-    }), (r, l) => (d(), Te(Ft, {
+      t("update:modelValue", r ? ((l = s.value.find((c) => Ce(c, r))) == null ? void 0 : l.value) ?? null : null);
+    }), (r, l) => (d(), ke(Ft, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
-      options: i.value,
-      formatter: s.value,
+      options: s.value,
+      formatter: i.value,
       "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
+}), Nt = ["onClick"], Rt = { class: "content" }, Kt = { class: "message" }, Ut = {
+  key: 0,
+  class: "close"
+}, jt = {
+  key: 0,
+  class: "progress-bar"
+}, Wt = /* @__PURE__ */ S({
+  __name: "toast",
+  props: {
+    message: {},
+    className: {},
+    durationSecs: {},
+    disableClose: { type: Boolean },
+    onClick: { type: Function },
+    callback: { type: Function }
+  },
+  setup(e) {
+    const t = e;
+    function n() {
+      t.onClick ? t.onClick() : t.disableClose || t.callback();
+    }
+    const s = T();
+    return t.durationSecs !== null && C(() => {
+      var o;
+      const i = t.durationSecs ?? 5;
+      (o = s.value) == null || o.animate([{ width: "0%" }, { width: "100%" }], {
+        duration: i * 1e3,
+        easing: "linear"
+      }), setTimeout(() => t.callback(), i * 1e3);
+    }), (i, o) => (d(), u("div", {
+      class: w(["vf-toast", i.className]),
+      onClick: te(n, ["stop"])
+    }, [
+      E("div", Rt, [
+        E("div", Kt, x(i.message), 1),
+        i.disableClose ? O("", !0) : (d(), u("div", Ut, "x"))
+      ]),
+      i.durationSecs !== null ? (d(), u("div", jt, [
+        E("div", {
+          ref_key: "progressInnerEl",
+          ref: s,
+          class: "inner"
+        }, null, 512)
+      ])) : O("", !0)
+    ], 10, Nt));
+  }
 });
-function Rt(e) {
-  const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
-  return `${i} ${s}`;
+function Wn(e) {
+  const t = se(Wt, {
+    ...e,
+    callback: () => P(t)
+  });
+  return () => P(t);
 }
-function Nt(e) {
+function Pt(e) {
+  const t = Math.floor(Math.log(e) / Math.log(1024)), s = (e / Math.pow(1024, t)).toFixed(2), i = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${s} ${i}`;
+}
+function qt(e) {
   return e != null && String(e).length ? e : "-";
 }
-function Kt(e) {
+function zt(e) {
   return e || "-";
 }
-function Ut(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Zt(Number(e));
+function Xt(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : nn(Number(e));
 }
-function jt(e) {
+function Yt(e) {
   return e && xt(e);
 }
-function Wt(e) {
+function Zt(e) {
   return e ? Ye(e) : null;
 }
-function Pt(e) {
+function Gt(e) {
   return e ? Ze(e) : null;
 }
-function qt(e) {
+function Qt(e) {
   return e ? e.toUpperCase() : null;
 }
-function zt(e) {
+function Jt(e) {
   return e ? St(e) : null;
 }
-function Xt(e) {
-  return Lt(e);
-}
-const de = {
-  bytes: Rt,
-  dash: Nt,
-  dashZeros: Kt,
-  number: Ut,
-  phone: jt,
-  upperFirst: Wt,
-  startCase: Pt,
-  upperCase: qt,
-  desnake: zt,
-  usCurrency: Xt
-}, Fn = (e) => ({
-  ...de,
-  ...e(de)
+function en(e) {
+  return Ct(e);
+}
+const fe = {
+  bytes: Pt,
+  dash: qt,
+  dashZeros: zt,
+  number: Xt,
+  phone: Yt,
+  upperFirst: Zt,
+  startCase: Gt,
+  upperCase: Qt,
+  desnake: Jt,
+  usCurrency: en
+}, Pn = (e) => ({
+  ...fe,
+  ...e(fe)
 });
-function Rn(e, t, n) {
-  const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
-  return i === -1 ? !1 : (e.splice(i, 1, n), !0);
+function qn(e, t, n) {
+  const s = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
+  return s === -1 ? !1 : (e.splice(s, 1, n), !0);
 }
-function Nn(e, t) {
+function zn(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", a), document.body.appendChild(n);
-  const i = document.createElement("div");
-  i.classList.add("vf-context-menu"), i.style.position = "absolute", n.appendChild(i);
-  const s = e.currentTarget;
-  s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((p) => {
+  const s = document.createElement("div");
+  s.classList.add("vf-context-menu"), s.style.position = "absolute", n.appendChild(s);
+  const i = e.currentTarget;
+  i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && s.classList.add(t.class), t.items.forEach((p) => {
     if (p == "-") {
-      const E = document.createElement("div");
-      E.classList.add("separator"), i.appendChild(E);
+      const b = document.createElement("div");
+      b.classList.add("separator"), s.appendChild(b);
       return;
     }
-    const h = document.createElement("div");
-    h.classList.add("item"), h.style.userSelect = "none", h.innerText = p.title, i.appendChild(h), p.class && h.classList.add(p.class), p.shouldConfirm ? h.addEventListener("click", (E) => m(E, h, p.handler)) : h.addEventListener("click", () => p.handler());
+    const f = document.createElement("div");
+    f.classList.add("item"), f.style.userSelect = "none", f.innerText = p.title, s.appendChild(f), p.class && f.classList.add(p.class), p.shouldConfirm ? f.addEventListener("click", (b) => m(b, f, p.handler)) : f.addEventListener("click", () => p.handler());
   });
-  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, c = i.offsetWidth, y = o < c ? e.clientX - c - 1 : e.clientX + 1, u = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  i.style.left = y + "px", i.style.top = u + "px", setTimeout(() => {
-    i.style.width = i.offsetWidth + "px";
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = s.offsetHeight, c = s.offsetWidth, y = o < c ? e.clientX - c - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  s.style.left = y + "px", s.style.top = h + "px", setTimeout(() => {
+    s.style.width = s.offsetWidth + "px";
   }, 50);
   function a() {
-    t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
+    t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
   }
-  function m(p, h, E) {
-    if (h.classList.contains("pending-confirm"))
-      return E();
-    const x = h.innerHTML;
-    h.classList.add("pending-confirm"), h.innerText = "Confirm";
+  function m(p, f, b) {
+    if (f.classList.contains("pending-confirm"))
+      return b();
+    const L = f.innerHTML;
+    f.classList.add("pending-confirm"), f.innerText = "Confirm";
     const F = () => {
-      h.classList.remove("pending-confirm"), h.innerHTML = x, h.removeEventListener("mouseleave", F);
+      f.classList.remove("pending-confirm"), f.innerHTML = L, f.removeEventListener("mouseleave", F);
     };
-    h.addEventListener("mouseleave", F), p.stopPropagation();
+    f.addEventListener("mouseleave", F), p.stopPropagation();
   }
 }
-const Yt = (e) => new Promise((t) => setTimeout(t, e)), Kn = (e) => Yt(e * 1e3);
-function Zt(e) {
+const tn = (e) => new Promise((t) => setTimeout(t, e)), Xn = (e) => tn(e * 1e3);
+function nn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Un(e, t) {
+function Yn(e, t) {
   return e != null ? Ge(e) : t;
 }
-function jn(e, t) {
+function Zn(e, t) {
   const n = { ...e };
-  for (const i of t)
-    n[i] === "" && (n[i] = null);
+  for (const s of t)
+    n[s] === "" && (n[s] = null);
   return n;
 }
-function Gt(e) {
+function sn(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Wn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
-  const s = e.request.request.bind(e.request);
-  e.request.request = (o) => (o = Qt(o), t && (o = t(o)), new i((r, l, c) => {
-    const y = s(o);
-    c(y.cancel), y.then(r).catch((u) => {
-      if (Gt(u) && typeof u.body == "object" && "error" in u.body) {
-        if (u.status === 422)
-          return l(new q(u.body.error));
-        u.message = `${u.body.error} (${u.status})`;
+function Gn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: s }) {
+  const i = e.request.request.bind(e.request);
+  e.request.request = (o) => (o = on(o), t && (o = t(o)), new s((r, l, c) => {
+    const y = i(o);
+    c(y.cancel), y.then(r).catch((h) => {
+      if (sn(h) && typeof h.body == "object" && "error" in h.body) {
+        if (h.status === 422)
+          return l(new z(h.body.error));
+        h.message = `${h.body.error} (${h.status})`;
       }
       if (n) {
-        const a = n(u, o);
+        const a = n(h, o);
         if (a === null)
           return;
         if (a instanceof Error)
           return l(a);
       }
-      l(u);
+      l(h);
     });
   }));
 }
-class ue {
+class pe {
   constructor(t) {
     v(this, "validator", null);
     v(this, "lastModifiedDate", null);
@@ -946,50 +999,50 @@ class ue {
     this.blob = t;
   }
 }
-function Qt(e) {
-  if (!(typeof e.body == "object" && Object.values(e.body).some((s) => s instanceof ue)))
+function on(e) {
+  if (!(typeof e.body == "object" && Object.values(e.body).some((i) => i instanceof pe)))
     return e;
-  const n = {}, i = {};
-  for (const [s, o] of Object.entries(e.body))
-    o instanceof ue ? n[s] = o.blob : i[s] = o;
-  return n._payload = new Blob([JSON.stringify(i)], { type: "application/json" }), {
+  const n = {}, s = {};
+  for (const [i, o] of Object.entries(e.body))
+    o instanceof pe ? n[i] = o.blob : s[i] = o;
+  return n._payload = new Blob([JSON.stringify(s)], { type: "application/json" }), {
     ...e,
     body: void 0,
     formData: n
   };
 }
-const ie = Symbol("HookState");
-function Pn(e, t) {
-  const n = t ?? J();
-  B(() => Jt(n, e), n), we(() => en(n), n), ke(() => he(n), n), ee(() => he(n), n);
+const le = Symbol("HookState");
+function Qn(e, t) {
+  const n = t ?? ee();
+  C(() => ln(n, e), n), Se(() => rn(n), n), xe(() => me(n), n), ne(() => me(n), n);
 }
-function Jt(e, t) {
+function ln(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new A(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = Ae(e.vnode.el);
-    i ? n.ancestor = new A(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new $(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const s = De(e.vnode.el);
+    s ? n.ancestor = new $(s, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[ie] = n;
+  t.windowScrolledToBottom && (n.window = new $(window, t.windowScrolledToBottom)), e[le] = n;
 }
-function en(e) {
-  var n, i, s;
-  const t = e[ie];
-  (n = t == null ? void 0 : t.el) == null || n.install(), (i = t == null ? void 0 : t.ancestor) == null || i.install(), (s = t == null ? void 0 : t.window) == null || s.install();
+function rn(e) {
+  var n, s, i;
+  const t = e[le];
+  (n = t == null ? void 0 : t.el) == null || n.install(), (s = t == null ? void 0 : t.ancestor) == null || s.install(), (i = t == null ? void 0 : t.window) == null || i.install();
 }
-function he(e) {
-  var n, i, s;
-  const t = e[ie];
-  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (i = t == null ? void 0 : t.ancestor) == null || i.uninstall(), (s = t == null ? void 0 : t.window) == null || s.uninstall();
+function me(e) {
+  var n, s, i;
+  const t = e[le];
+  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (s = t == null ? void 0 : t.ancestor) == null || s.uninstall(), (i = t == null ? void 0 : t.window) == null || i.uninstall();
 }
-const Y = ["auto", "scroll"];
-function Ae(e) {
+const Z = ["auto", "scroll"];
+function De(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return Y.includes(n.overflow) || Y.includes(n.overflowX) || Y.includes(n.overflowY) ? t : Ae(t);
+  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
 }
-class A {
+class $ {
   constructor(t, n) {
     v(this, "isTripped", !1);
     v(this, "onScrollWithContext", this.onScroll.bind(this));
@@ -1005,165 +1058,165 @@ class A {
     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 qn(e) {
-  B(() => window.addEventListener("resize", e)), we(() => window.addEventListener("resize", e)), ke(() => window.removeEventListener("resize", e)), ee(() => window.removeEventListener("resize", e));
+function Jn(e) {
+  C(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
-const tn = {
-  mounted: pe,
-  updated: pe
-}, fe = Symbol("HasAutoFocused");
-function pe(e, t) {
-  if (t.value === void 0 && e[fe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+const an = {
+  mounted: ye,
+  updated: ye
+}, ve = Symbol("HasAutoFocused");
+function ye(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[fe] = !0;
+  e[ve] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const nn = {
-  mounted: sn
-}, M = Symbol("ConfirmState");
-function sn(e) {
+const cn = {
+  mounted: dn
+}, _ = Symbol("ConfirmState");
+function dn(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
-    if (e[M]) {
-      if (n - e[M].initTime < 300)
+    if (e[_]) {
+      if (n - e[_].initTime < 300)
         return;
-      e[M].resetHandler(), e.dispatchEvent(new Event("confirm"));
+      e[_].resetHandler(), e.dispatchEvent(new Event("confirm"));
       return;
     }
     t.preventDefault(), t.stopImmediatePropagation();
-    const i = {
+    const s = {
       initTime: n,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
-        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[M];
+        e.innerHTML = s.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[_];
       }
     };
-    e[M] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
+    e[_] = s, e.innerHTML = "Confirm", e.addEventListener("mouseout", s.resetHandler);
   });
 }
-const on = {
-  beforeMount: ln
+const un = {
+  beforeMount: hn
 };
-function ln(e) {
+function hn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Z(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + G(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = Z(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = G(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const rn = {
-  beforeMount: me,
-  updated: me
+const fn = {
+  beforeMount: ge,
+  updated: ge
 };
-function me(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = an(e, t));
+function ge(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = pn(e, t));
 }
-function an(e, t) {
+function pn(e, t) {
   var c, y;
   if (!t.value)
     return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
   let n = "";
-  const i = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), s = e.attributes.getNamedItem("local") !== null ? i.replace(/Z$/, "") : i.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(s);
+  const s = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? s.replace(/Z$/, "") : s.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(i);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
   let r = (y = e.attributes.getNamedItem("format")) == null ? void 0 : y.value;
   if (!r && e.attributes.getNamedItem("relative-date") !== null) {
-    const u = /* @__PURE__ */ new Date();
-    u.getFullYear() == o.getFullYear() && u.getMonth() == o.getMonth() && u.getDate() == o.getDate() && (n = "at", r = "HH:mm");
+    const h = /* @__PURE__ */ new Date();
+    h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
   r || (r = V.defaultDateTimeFormat);
-  let l = Z(o, r);
+  let l = G(o, r);
   return n && (l = n + " " + l), l;
 }
-const cn = {
-  beforeMount: ve,
-  updated: ve,
-  unmounted: dn
+const mn = {
+  beforeMount: be,
+  updated: be,
+  unmounted: vn
 };
-function ve(e, t) {
+function be(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 dn(e) {
+function vn(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const un = {
-  beforeMount: ye,
-  updated: ye,
-  unmounted: Be
-}, _ = Symbol("HasAutoFocused"), se = [];
-function hn() {
-  se.forEach($e);
+const yn = {
+  beforeMount: Ee,
+  updated: Ee,
+  unmounted: Ae
+}, B = Symbol("HasAutoFocused"), re = [];
+function gn() {
+  re.forEach($e);
 }
-setInterval(hn, 1e3);
-function ye(e, t) {
+setInterval(gn, 1e3);
+function Ee(e, t) {
   var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return Be(e);
-  const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[_] || se.push(e), e[_] = {
-    startTs: s,
+    return Ae(e);
+  const n = new Date(t.value), s = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, i = n.getTime() - (s ? new Date(s).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
+  e[B] || re.push(e), e[B] = {
+    startTs: i,
     includeSeconds: o
   }, $e(e);
 }
 function $e(e) {
-  const t = e[_], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = fn(n, t.includeSeconds);
+  const t = e[B], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = bn(n, t.includeSeconds);
 }
-function Be(e) {
-  e[_] && (Qe(se, e), delete e[_]), e.innerText = "-";
+function Ae(e) {
+  e[B] && (Qe(re, e), delete e[B]), e.innerText = "-";
 }
-function fn(e, t) {
-  const n = [], i = Math.floor(e / 86400);
-  i && n.push(i + "d"), e -= i * 86400;
-  const s = Math.floor(e / 3600);
-  (i || s) && n.push(s + "h"), e -= s * 3600;
+function bn(e, t) {
+  const n = [], s = Math.floor(e / 86400);
+  s && n.push(s + "d"), e -= s * 86400;
+  const i = Math.floor(e / 3600);
+  (s || i) && n.push(i + "h"), e -= i * 3600;
   const o = Math.floor(e / 60);
-  return (i || s || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
+  return (s || i || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
 }
-const I = Symbol("InfiniteScrollHandler"), pn = {
+const H = Symbol("InfiniteScrollHandler"), En = {
   mounted(e, t) {
-    e[I] = new A(e, t.value);
+    e[H] = new $(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[I]) == null || n.uninstall(), e[I] = new A(e, t.value);
+    (n = e[H]) == null || n.uninstall(), e[H] = new $(e, t.value);
   },
   unmounted(e) {
     var t;
-    (t = e[I]) == null || t.uninstall(), delete e[I];
+    (t = e[H]) == null || t.uninstall(), delete e[H];
   }
-}, mn = {
-  beforeMount: ge,
-  updated: ge
+}, On = {
+  beforeMount: Oe,
+  updated: Oe
 };
-function ge(e, t) {
+function Oe(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const vn = {
-  mounted: Ee,
-  updated: Ee,
-  unmounted: _e
-}, $ = Symbol("TooltipState");
-function Ee(e, t) {
-  var i;
-  let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
+const wn = {
+  mounted: we,
+  updated: we,
+  unmounted: Be
+}, A = Symbol("TooltipState");
+function we(e, t) {
+  var s;
+  let n = ((s = e.attributes.getNamedItem("tip")) == null ? void 0 : s.value) ?? t.value;
   if (t.value || (n = null), n) {
-    const s = {
+    const i = {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[$] ? e[$].configure(s) : e[$] = new yn(e, s);
+    e[A] ? e[A].configure(i) : e[A] = new Tn(e, i);
   } else
-    _e(e);
+    Be(e);
 }
-function _e(e) {
+function Be(e) {
   var t;
-  (t = e[$]) == null || t.destroy(), delete e[$];
+  (t = e[A]) == null || t.destroy(), delete e[A];
 }
-class yn {
+class Tn {
   constructor(t, n) {
     v(this, "lastMoveEvt");
     v(this, "checkInterval");
@@ -1199,9 +1252,9 @@ class yn {
     this.shouldShow || this.tipEl && (this.tipEl.remove(), this.tipEl = void 0, this.titleEl = void 0, this.contentEl = void 0, this.checkInterval && (clearInterval(this.checkInterval), this.checkInterval = void 0), window.removeEventListener("mousemove", this.handleMouseMoveWithContext), this.mouseMoveBound = !1);
   }
   handleMouseMove(t) {
-    const n = this.tipEl.offsetWidth, i = this.tipEl.offsetHeight, s = window.innerWidth, o = window.innerHeight;
+    const n = this.tipEl.offsetWidth, s = this.tipEl.offsetHeight, i = window.innerWidth, o = window.innerHeight;
     let r = t.pageX + 10, l = t.pageY + 20;
-    r + n > s && (r = t.pageX - 5 - n), l + i > o && (l = t.pageY - 5 - i), this.tipEl.style.left = r + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
+    r + n > i && (r = t.pageX - 5 - n), l + s > o && (l = t.pageY - 5 - s), this.tipEl.style.left = r + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1211,60 +1264,61 @@ class yn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function gn(e) {
-  e.directive("autofocus", tn), e.directive("confirm-button", nn), e.directive("date-input", on), e.directive("datetime", rn), e.directive("disabled", cn), e.directive("duration", un), e.directive("infinite-scroll", pn), e.directive("readonly", mn), e.directive("tooltip", vn);
+function kn(e) {
+  e.directive("autofocus", an), e.directive("confirm-button", cn), e.directive("date-input", un), e.directive("datetime", fn), e.directive("disabled", mn), e.directive("duration", yn), e.directive("infinite-scroll", En), e.directive("readonly", On), e.directive("tooltip", wn);
 }
-function zn(e) {
-  gn(e);
+function es(e) {
+  kn(e);
 }
 export {
-  ue as FileUploadRequest,
-  Sn as OverlayContainer,
-  q as UserError,
-  kn as VfAjaxSelect,
-  z as VfAlertModal,
-  Vn as VfEzSmartSelect,
+  pe as FileUploadRequest,
+  _n as OverlayContainer,
+  z as UserError,
+  In as VfAjaxSelect,
+  X as VfAlertModal,
+  jn as VfEzSmartSelect,
   yt as VfModal,
   Ft as VfSmartSelect,
-  Un as cloneProp,
-  In as configureVf,
-  Fn as createFilters,
-  Le as createOverlayInjection,
+  Yn as cloneProp,
+  Bn as configureVf,
+  Pn as createFilters,
+  se as createOverlayInjection,
   St as desnakeCase,
   ct as dismissOverlayInjectionById,
-  xn as dismissOverlayInjectionByInstance,
-  Ce as dismissOverlayInjectionByInternalInstance,
+  Hn as dismissOverlayInjectionByInstance,
+  Me as dismissOverlayInjectionByInternalInstance,
   at as dismissOverlayInjectionByVnode,
-  Zn as escapeHtml,
+  ss as escapeHtml,
   dt as formatError,
-  Zt as formatNumber,
+  nn as formatNumber,
   xt as formatPhone,
-  Lt as formatUSCurrency,
-  Dn as handleError,
-  Hn as handleErrorAndAlert,
-  Wn as installApiClientInterceptors,
-  zn as installVf,
-  Gt as isApiError,
-  An as maskComponent,
+  Ct as formatUSCurrency,
+  Fn as handleError,
+  Vn as handleErrorAndAlert,
+  Gn as installApiClientInterceptors,
+  es as installVf,
+  sn as isApiError,
+  Nn as maskComponent,
   ut as maskEl,
   ht as maskForm,
-  Bn as nl2br,
-  jn as nullifyEmptyInputs,
-  te as presentOverlay,
-  Me as removeOverlayInjection,
-  Rn as replaceElement,
-  re as showAlert,
-  Ln as showConfirm,
-  Cn as showConfirmDestroy,
-  Nn as showContextMenu,
-  Mn as showWait,
-  Yt as sleep,
-  Kn as sleepSecs,
-  ne as toError,
-  $n as unmaskComponent,
+  Kn as nl2br,
+  Zn as nullifyEmptyInputs,
+  ie as presentOverlay,
+  P as removeOverlayInjection,
+  qn as replaceElement,
+  de as showAlert,
+  Dn as showConfirm,
+  $n as showConfirmDestroy,
+  zn as showContextMenu,
+  Wn as showToast,
+  An as showWait,
+  tn as sleep,
+  Xn as sleepSecs,
+  oe as toError,
+  Rn as unmaskComponent,
   Ie as unmaskEl,
-  He as unmaskForm,
-  Pn as useInfiniteScroll,
-  qn as useResizeWatcher,
-  _n as uuid
+  _e as unmaskForm,
+  Qn as useInfiniteScroll,
+  Jn as useResizeWatcher,
+  Un as uuid
 };