@signal24/vue-foundation 4.5.0 → 4.5.1

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
 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 m = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as x, defineProps as Re, defineEmits as Ne, ref as w, computed as N, openBlock as u, createElementBlock as f, createElementVNode as k, toDisplayString as H, withDirectives as K, createCommentVNode as b, Fragment as U, renderList as G, vModelSelect as Ke, getCurrentInstance as Q, onMounted as B, normalizeClass as T, normalizeStyle as Ue, withModifiers as Ee, renderSlot as R, reactive as je, h as j, Teleport as We, markRaw as Pe, onBeforeUnmount as J, resolveDirective as Oe, createBlock as be, createSlots as qe, withCtx as z, createTextVNode as se, vModelText as ze, watch as oe, onActivated as Te, onDeactivated as we } from "vue";
-import { debounce as Xe, isEqual as ke, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
+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 { escapeHtml as Je } from "@vue/shared";
 import { escapeHtml as Zn } from "@vue/shared";
-import { format as Y } from "date-fns";
-const et = x({
+import { format as Z } from "date-fns";
+const et = S({
   setup() {
     const e = Re();
     Ne(["update:modelValue"]);
-    const t = w(null), n = N(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = w(e.modelValue ?? null);
+    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 };
   },
   watch: {
@@ -32,7 +32,7 @@ const et = x({
       this.options = await this.props.loadFn();
     }
   }
-}), Se = (e, t) => {
+}), xe = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
@@ -45,62 +45,62 @@ const et = x({
   value: null
 }, it = ["value"];
 function st(e, t, n, i, s, o) {
-  return e.renderOptions ? K((u(), f("select", {
+  return e.renderOptions ? U((d(), f("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (u(), f("option", nt, H(e.props.nullText), 1)) : b("", !0),
-    (u(!0), f(U, null, G(e.renderOptions, (r, l) => {
+    e.props.nullText ? (d(), f("option", nt, H(e.props.nullText), 1)) : b("", !0),
+    (d(!0), f(j, null, Q(e.renderOptions, (r, l) => {
       var c;
-      return u(), f("option", {
+      return d(), f("option", {
         key: l,
         value: (c = e.options) == null ? void 0 : c[l]
       }, H(r), 9, it);
     }), 128))
   ], 512)), [
     [Ke, e.selectedItem]
-  ]) : (u(), f("select", tt, [
+  ]) : (d(), f("select", tt, [
     k("option", null, H(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const kn = /* @__PURE__ */ Se(et, [["render", st]]), ot = ["onClick"], lt = /* @__PURE__ */ x({
+const kn = /* @__PURE__ */ xe(et, [["render", st]]), 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 = Q();
+    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);
     function r() {
-      const v = o.vnode.el, { styles: h, classes: a } = l(v, n);
-      i.value = h, s.value = a;
+      const y = o.vnode.el, { styles: u, classes: a } = l(y, n);
+      i.value = u, s.value = a;
     }
-    function l(v, h) {
-      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, p = h.getBoundingClientRect(), d = v.getBoundingClientRect();
-      a.matchWidth && (d.width = p.width), a.matchHeight && (d.height = p.height);
-      const g = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
-      let E, S;
+    function l(y, u) {
+      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, m = u.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;
       if (a.y === "center")
-        E = p.top + p.height / 2 - d.height / 2, g.push("anchored-center-y");
+        E = m.top + m.height / 2 - p.height / 2, h.push("anchored-center-y");
       else {
-        const L = (p.bottom + d.height < window.innerHeight || a.y === "below") && a.y !== "above";
-        E = L ? p.bottom : p.top - d.height, g.push(L ? "anchored-top" : "anchored-bottom");
+        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");
       }
       if (a.x === "center")
-        S = p.left + p.width / 2 - d.width / 2, g.push("anchored-center-x");
+        x = m.left + m.width / 2 - p.width / 2, h.push("anchored-center-x");
       else {
-        const L = (p.left + d.width < window.innerWidth || a.x === "left") && a.x !== "right";
-        S = L ? p.left : p.right - d.width, g.push(L ? "anchored-left" : "anchored-right");
+        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");
       }
       return {
         styles: {
           top: `${E}px`,
-          left: `${S}px`,
-          ...a.matchWidth ? { width: `${d.width}px` } : {},
-          ...a.matchHeight ? { height: `${d.height}px` } : {}
+          left: `${x}px`,
+          ...a.matchWidth ? { width: `${p.width}px` } : {},
+          ...a.matchHeight ? { height: `${p.height}px` } : {}
         },
-        classes: g
+        classes: h
       };
     }
     function c() {
@@ -110,27 +110,27 @@ const kn = /* @__PURE__ */ Se(et, [["render", st]]), ot = ["onClick"], lt = /* @
       setTimeout(() => {
         window.addEventListener("click", c);
       }, 10);
-    }), (v, h) => (u(), f("div", {
+    }), (y, u) => (d(), f("div", {
       class: T(["vf-overlay-anchor", s.value]),
       style: Ue(i.value),
-      onClick: Ee(c, ["stop"])
+      onClick: Oe(c, ["stop"])
     }, [
-      R(v.$slots, "default")
+      N(y.$slots, "default")
     ], 14, ot));
   }
 });
 let rt = 0;
-const O = je([]), Sn = x({
+const O = je([]), Sn = S({
   setup() {
-    return () => j("div", [
-      G(O, (e) => j(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => W("div", [
+      Q(O, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function xe(e, t, n) {
+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 = j(o, t), l = n != null && n.anchor ? j(lt, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, c = {
+  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,
     component: o,
     props: t,
@@ -141,9 +141,9 @@ function xe(e, t, n) {
   return O.push(c), c;
 }
 function xn(e) {
-  Le(e.$);
+  Ce(e.$);
 }
-function Le(e) {
+function Ce(e) {
   let t = e;
   for (; t && !at(t.vnode); )
     t = t.parent;
@@ -156,47 +156,47 @@ function ct(e) {
   const t = O.findIndex((n) => n.id === e);
   return t >= 0 ? (O[t].props.callback(), !0) : !1;
 }
-function Ce(e) {
+function Me(e) {
   const t = O.indexOf(e);
   t >= 0 && O.splice(t, 1);
 }
-async function ee(e, t, n) {
+async function te(e, t, n) {
   return new Promise((i) => {
     let s = null;
     const r = { ...t, callback: (l) => {
-      Ce(s), i(l);
+      Me(s), i(l);
     } };
-    s = xe(e, r, n);
+    s = Le(e, r, n);
   });
 }
-function W(e, t) {
+function P(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function le(e, t) {
-  await ee(q, W(e, t));
+async function re(e, t) {
+  await te(z, P(e, t));
 }
 async function Ln(e, t) {
-  return await ee(q, {
-    ...W(e, t),
+  return await te(z, {
+    ...P(e, t),
     shouldConfirm: !0
   }) === !0;
 }
 async function Cn(e, t) {
-  return await ee(q, {
-    ...W(e, t),
+  return await te(z, {
+    ...P(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
 function Mn(e, t) {
-  const n = xe(q, {
-    ...W(e, t),
+  const n = Le(z, {
+    ...P(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => Ce(n);
+  return () => Me(n);
 }
 const V = {
   unhandledErrorSupportText: "please contact support",
@@ -206,28 +206,28 @@ const V = {
 function In(e) {
   Object.assign(V, e);
 }
-class P extends Error {
+class q extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
 function dt(e) {
-  return e instanceof P ? e.message : `An application error has occurred:
+  return e instanceof q ? e.message : `An application error has occurred:
 
-${te(e).message}
+${ne(e).message}
 
 Please refresh the page and try again. If this error persists, ${V.unhandledErrorSupportText}.`;
 }
-function te(e) {
+function ne(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
 async function Hn(e, t) {
-  const n = te(e);
-  return n instanceof P || V.errorHandler(n), t ? le(t, n) : le(n);
+  const n = ne(e);
+  return n instanceof q || V.errorHandler(n), t ? re(t, n) : re(n);
 }
 async function Dn(e) {
-  const t = te(e);
-  t instanceof P || V.errorHandler(t);
+  const t = ne(e);
+  t instanceof q || V.errorHandler(t);
 }
 const D = Symbol("MaskState");
 function An(e, t) {
@@ -236,36 +236,36 @@ function An(e, t) {
 }
 function $n(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
-  return Me(n ?? t);
+  return Ie(n ?? t);
 }
 function ut(e, t) {
   if (!e[D]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[D] = { maskEl: n };
   }
-  return e[D].maskEl.innerText = t ?? "", () => Me(e);
+  return e[D].maskEl.innerText = t ?? "", () => Ie(e);
 }
-function Me(e) {
+function Ie(e) {
   e[D] && e.removeChild(e[D].maskEl);
 }
-const Z = Symbol("FormMaskState");
+const G = Symbol("FormMaskState");
 function ht(e, t, n) {
-  const i = e instanceof Element ? e : He(e);
+  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[Z] = {
+  return l.forEach((c) => c.setAttribute("disabled", "disabled")), i[G] = {
     disabledElements: l,
     waitButton: s,
     buttonHtml: o
-  }, () => Ie(i);
-}
-function Ie(e) {
-  const t = e instanceof Element ? e : He(e), n = t[Z];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[Z]);
+  }, () => He(i);
 }
 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 De(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
@@ -275,7 +275,7 @@ const ft = ["id"], pt = {
 }, mt = { class: "vf-modal-content" }, vt = {
   key: 1,
   class: "vf-modal-footer"
-}, yt = /* @__PURE__ */ x({
+}, yt = /* @__PURE__ */ S({
   __name: "modal",
   props: {
     id: {},
@@ -286,13 +286,13 @@ const ft = ["id"], pt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, i = Q();
-    t({ mask: v, unmask: h });
+    const n = e, i = J();
+    t({ mask: y, unmask: u });
     const s = w(), o = w();
     B(() => {
       var a;
       document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = s.value) == null || a.addEventListener("click", r));
-    }), J(() => {
+    }), ee(() => {
       window.removeEventListener("keydown", l), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function r(a) {
@@ -300,20 +300,20 @@ const ft = ["id"], pt = {
     }
     function l(a) {
       if (a.key === "Esc" || a.key === "Escape") {
-        const p = document.querySelectorAll(".vf-modal-wrap");
-        p[p.length - 1] === s.value && c();
+        const m = document.querySelectorAll(".vf-modal-wrap");
+        m[m.length - 1] === s.value && c();
       }
     }
     function c() {
-      Le(i);
+      Ce(i);
     }
-    function v() {
+    function y() {
       ht(o.value);
     }
-    function h() {
-      Ie(o.value);
+    function u() {
+      He(o.value);
     }
-    return (a, p) => (u(), f("div", {
+    return (a, m) => (d(), f("div", {
       id: a.id,
       class: T(["vf-overlay vf-modal-wrap", n.class]),
       ref_key: "overlay",
@@ -322,29 +322,29 @@ const ft = ["id"], pt = {
       k("form", {
         action: ".",
         class: T(["vf-modal", { scrolls: a.scrolls }]),
-        onSubmit: p[0] || (p[0] = Ee((d) => a.$emit("formSubmit"), ["prevent"])),
+        onSubmit: m[0] || (m[0] = Oe((p) => a.$emit("formSubmit"), ["prevent"])),
         ref_key: "form",
         ref: o
       }, [
-        a.$slots.header ? (u(), f("div", pt, [
-          R(a.$slots, "header"),
-          n.closeX ? (u(), f("i", {
+        a.$slots.header ? (d(), f("div", pt, [
+          N(a.$slots, "header"),
+          n.closeX ? (d(), f("i", {
             key: 0,
             class: "close",
             onClick: c
           })) : b("", !0)
         ])) : b("", !0),
         k("div", mt, [
-          R(a.$slots, "default")
+          N(a.$slots, "default")
         ]),
-        a.$slots.footer ? (u(), f("div", vt, [
-          R(a.$slots, "footer")
+        a.$slots.footer ? (d(), f("div", vt, [
+          N(a.$slots, "footer")
         ])) : b("", !0)
       ], 34)
     ], 10, ft));
   }
 });
-const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
+const gt = ["innerHtml"], Et = ["innerText"], z = /* @__PURE__ */ S({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -356,18 +356,18 @@ const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = N(() => t.message instanceof Error ? dt(t.message) : t.message);
+    const t = e, n = K(() => t.message instanceof Error ? dt(t.message) : t.message);
     return (i, s) => {
-      const o = Oe("autofocus");
-      return u(), be(yt, {
+      const o = be("autofocus");
+      return d(), Te(yt, {
         class: T(["vf-alert", i.classes])
       }, qe({
-        default: z(() => [
-          i.isHtml ? (u(), f("div", {
+        default: X(() => [
+          i.isHtml ? (d(), f("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, gt)) : (u(), f("div", {
+          }, null, 8, gt)) : (d(), f("div", {
             key: 1,
             innerText: n.value
           }, null, 8, Et))
@@ -376,20 +376,20 @@ const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
       }, [
         i.title ? {
           name: "header",
-          fn: z(() => [
+          fn: X(() => [
             k("h1", null, H(i.title), 1)
           ]),
           key: "0"
         } : void 0,
         i.isBare ? void 0 : {
           name: "footer",
-          fn: z(() => [
-            i.shouldConfirm ? (u(), f(U, { key: 0 }, [
-              K((u(), f("button", {
+          fn: X(() => [
+            i.shouldConfirm ? (d(), f(j, { key: 0 }, [
+              U((d(), f("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
-                se("Confirm")
+                oe("Confirm")
               ])), [
                 [o]
               ]),
@@ -397,12 +397,12 @@ const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : K((u(), f("button", {
+            ], 64)) : U((d(), f("button", {
               key: 1,
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
             }, [
-              se("OK")
+              oe("OK")
             ])), [
               [o]
             ])
@@ -413,25 +413,25 @@ const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
     };
   }
 });
-let F;
+let R;
 const Ot = new Uint8Array(16);
 function bt() {
-  if (!F && (F = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !F))
+  if (!R && (R = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !R))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return F(Ot);
+  return R(Ot);
 }
-const y = [];
+const g = [];
 for (let e = 0; e < 256; ++e)
-  y.push((e + 256).toString(16).slice(1));
+  g.push((e + 256).toString(16).slice(1));
 function Tt(e, t = 0) {
-  return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
+  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), re = {
+const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ae = {
   randomUUID: wt
 };
 function kt(e, t, n) {
-  if (re.randomUUID && !t && !e)
-    return re.randomUUID();
+  if (ae.randomUUID && !t && !e)
+    return ae.randomUUID();
   e = e || {};
   const i = e.random || (e.rng || bt)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
@@ -458,7 +458,7 @@ function Lt(e) {
 function _n() {
   return kt();
 }
-const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Mt = {
+const C = Symbol("null"), ce = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Mt = {
   props: {
     modelValue: {
       type: null,
@@ -537,8 +537,8 @@ const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
       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 = [];
-        return this.searchFields ? this.searchFields.forEach((v) => {
-          e[v] && r.push(String(e[v]).toLowerCase());
+        return this.searchFields ? this.searchFields.forEach((y) => {
+          e[y] && r.push(String(e[y]).toLowerCase());
         }) : (r.push(s), 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),
@@ -564,7 +564,7 @@ const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
               subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: ae,
+            key: ce,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
@@ -668,7 +668,7 @@ const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => ke(i.ref, e));
+      const n = this.effectiveOptions.find((i) => Se(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -708,7 +708,7 @@ const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@
     selectOption(e) {
       if (this.isSearching = !1, e.key == C)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === ae) {
+      else if (e.key === ce) {
         const t = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
       } else {
@@ -737,11 +737,11 @@ const It = ["placeholder"], Ht = {
   class: "no-results"
 };
 function Vt(e, t, n, i, s, o) {
-  const r = Oe("disabled");
-  return u(), f("div", {
+  const r = be("disabled");
+  return d(), f("div", {
     class: T(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    K(k("input", {
+    U(k("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
@@ -754,9 +754,9 @@ function Vt(e, t, n, i, s, o) {
       [ze, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (u(), f("div", Ht, [
-      e.isLoaded ? (u(), f(U, { key: 1 }, [
-        (u(!0), f(U, null, G(o.effectiveOptions, (l) => (u(), f("div", {
+    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", {
           key: String(l.key),
           class: T(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -768,18 +768,18 @@ function Vt(e, t, n, i, s, o) {
             class: "title",
             innerHTML: l.title
           }, null, 8, $t),
-          l.subtitle ? (u(), f("div", {
+          l.subtitle ? (d(), f("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
           }, null, 8, Bt)) : b("", !0)
         ], 42, At))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (u(), f("div", _t, H(o.effectiveNoResultsText), 1)) : b("", !0)
-      ], 64)) : (u(), f("div", Dt, "Loading..."))
+        !o.effectiveOptions.length && e.searchText ? (d(), f("div", _t, H(o.effectiveNoResultsText), 1)) : b("", !0)
+      ], 64)) : (d(), f("div", Dt, "Loading..."))
     ], 512)) : b("", !0)
   ], 2);
 }
-const Ft = /* @__PURE__ */ Se(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ x({
+const Ft = /* @__PURE__ */ xe(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ S({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -790,22 +790,22 @@ const Ft = /* @__PURE__ */ Se(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = N(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
+    const n = e, i = 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 = N(() => n.formatter ? (r) => {
+    }))), s = 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 oe(
+    return le(
       () => n.modelValue,
       (r) => {
         o.value = i.value.find((l) => l.value === r) ?? null;
       }
-    ), oe(o, (r) => {
+    ), le(o, (r) => {
       var l;
-      t("update:modelValue", r ? ((l = i.value.find((c) => ke(c, r))) == null ? void 0 : l.value) ?? null : null);
-    }), (r, l) => (u(), be(Ft, {
+      t("update:modelValue", r ? ((l = i.value.find((c) => Se(c, r))) == null ? void 0 : l.value) ?? null : null);
+    }), (r, l) => (d(), Te(Ft, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
       options: i.value,
@@ -845,7 +845,7 @@ function zt(e) {
 function Xt(e) {
   return Lt(e);
 }
-const ce = {
+const de = {
   bytes: Rt,
   dash: Nt,
   dashZeros: Kt,
@@ -857,8 +857,8 @@ const ce = {
   desnake: zt,
   usCurrency: Xt
 }, Fn = (e) => ({
-  ...ce,
-  ...e(ce)
+  ...de,
+  ...e(de)
 });
 function Rn(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
@@ -870,31 +870,31 @@ function Nn(e, t) {
   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((d) => {
-    if (d == "-") {
+  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) => {
+    if (p == "-") {
       const E = document.createElement("div");
       E.classList.add("separator"), i.appendChild(E);
       return;
     }
-    const g = document.createElement("div");
-    g.classList.add("item"), g.style.userSelect = "none", g.innerText = d.title, i.appendChild(g), d.class && g.classList.add(d.class), d.shouldConfirm ? g.addEventListener("click", () => p(g, d.handler)) : g.addEventListener("click", () => d.handler());
+    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 o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, c = i.offsetWidth, v = o < c ? e.clientX - c - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  i.style.left = v + "px", i.style.top = h + "px", setTimeout(() => {
+  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";
   }, 50);
   function a() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function p(d, g) {
-    if (d.classList.contains("pending-confirm"))
-      return g();
-    const E = d.innerHTML;
-    d.classList.add("pending-confirm"), d.innerText = "Confirm";
-    const S = () => {
-      d.classList.remove("pending-confirm"), d.innerHTML = E, d.removeEventListener("mouseleave", S);
+  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";
+    const F = () => {
+      h.classList.remove("pending-confirm"), h.innerHTML = x, h.removeEventListener("mouseleave", F);
     };
-    d.addEventListener("mouseleave", S), e.stopPropagation();
+    h.addEventListener("mouseleave", F), p.stopPropagation();
   }
 }
 const Yt = (e) => new Promise((t) => setTimeout(t, e)), Kn = (e) => Yt(e * 1e3);
@@ -916,83 +916,83 @@ function Gt(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 v = s(o);
-    c(v.cancel), v.then(r).catch((h) => {
-      if (Gt(h) && typeof h.body == "object" && "error" in h.body) {
-        if (h.status === 422)
-          return l(new P(h.body.error));
-        h.message = `${h.body.error} (${h.status})`;
+    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})`;
       }
       if (n) {
-        const a = n(h, o);
+        const a = n(u, o);
         if (a === null)
           return;
         if (a instanceof Error)
           return l(a);
       }
-      l(h);
+      l(u);
     });
   }));
 }
-class de {
+class ue {
   constructor(t) {
-    m(this, "validator", null);
-    m(this, "lastModifiedDate", null);
-    m(this, "size", 0);
-    m(this, "path", "");
-    m(this, "name", "");
-    m(this, "type", "");
-    m(this, "blob");
+    v(this, "validator", null);
+    v(this, "lastModifiedDate", null);
+    v(this, "size", 0);
+    v(this, "path", "");
+    v(this, "name", "");
+    v(this, "type", "");
+    v(this, "blob");
     this.blob = t;
   }
 }
 function Qt(e) {
-  if (!(typeof e.body == "object" && Object.values(e.body).some((s) => s instanceof de)))
+  if (!(typeof e.body == "object" && Object.values(e.body).some((s) => s instanceof ue)))
     return e;
   const n = {}, i = {};
   for (const [s, o] of Object.entries(e.body))
-    o instanceof de ? n[s] = o.blob : i[s] = o;
+    o instanceof ue ? n[s] = o.blob : i[s] = o;
   return n._payload = new Blob([JSON.stringify(i)], { type: "application/json" }), {
     ...e,
     body: void 0,
     formData: n
   };
 }
-const ne = Symbol("HookState");
+const ie = Symbol("HookState");
 function Pn(e, t) {
-  const n = t ?? Q();
-  B(() => Jt(n, e), n), Te(() => en(n), n), we(() => ue(n), n), J(() => ue(n), n);
+  const n = t ?? J();
+  B(() => Jt(n, e), n), we(() => en(n), n), ke(() => he(n), n), ee(() => he(n), n);
 }
 function Jt(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new A(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = De(e.vnode.el);
+    const i = Ae(e.vnode.el);
     i ? n.ancestor = new A(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[ne] = n;
+  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[ie] = n;
 }
 function en(e) {
   var n, i, s;
-  const t = e[ne];
+  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 ue(e) {
+function he(e) {
   var n, i, s;
-  const t = e[ne];
+  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();
 }
-const X = ["auto", "scroll"];
-function De(e) {
+const Y = ["auto", "scroll"];
+function Ae(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return X.includes(n.overflow) || X.includes(n.overflowX) || X.includes(n.overflowY) ? t : De(t);
+  return Y.includes(n.overflow) || Y.includes(n.overflowX) || Y.includes(n.overflowY) ? t : Ae(t);
 }
 class A {
   constructor(t, n) {
-    m(this, "isTripped", !1);
-    m(this, "onScrollWithContext", this.onScroll.bind(this));
+    v(this, "isTripped", !1);
+    v(this, "onScrollWithContext", this.onScroll.bind(this));
     this.el = t, this.handler = n, this.install();
   }
   install() {
@@ -1006,16 +1006,16 @@ class A {
   }
 }
 function qn(e) {
-  B(() => window.addEventListener("resize", e)), Te(() => window.addEventListener("resize", e)), we(() => window.removeEventListener("resize", e)), J(() => window.removeEventListener("resize", e));
+  B(() => window.addEventListener("resize", e)), we(() => window.addEventListener("resize", e)), ke(() => window.removeEventListener("resize", e)), ee(() => window.removeEventListener("resize", e));
 }
 const tn = {
-  mounted: fe,
-  updated: fe
-}, he = Symbol("HasAutoFocused");
-function fe(e, t) {
-  if (t.value === void 0 && e[he] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+  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)
     return;
-  e[he] = !0;
+  e[fe] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
@@ -1048,72 +1048,72 @@ const on = {
 function ln(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Y(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Z(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = Y(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = Z(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
 const rn = {
-  beforeMount: pe,
-  updated: pe
+  beforeMount: me,
+  updated: me
 };
-function pe(e, t) {
+function me(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = an(e, t));
 }
 function an(e, t) {
-  var c, v;
+  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);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
-  let r = (v = e.attributes.getNamedItem("format")) == null ? void 0 : v.value;
+  let r = (y = e.attributes.getNamedItem("format")) == null ? void 0 : y.value;
   if (!r && e.attributes.getNamedItem("relative-date") !== null) {
-    const h = /* @__PURE__ */ new Date();
-    h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", r = "HH:mm");
+    const u = /* @__PURE__ */ new Date();
+    u.getFullYear() == o.getFullYear() && u.getMonth() == o.getMonth() && u.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
   r || (r = V.defaultDateTimeFormat);
-  let l = Y(o, r);
+  let l = Z(o, r);
   return n && (l = n + " " + l), l;
 }
 const cn = {
-  beforeMount: me,
-  updated: me,
+  beforeMount: ve,
+  updated: ve,
   unmounted: dn
 };
-function me(e, t) {
+function ve(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) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
 const un = {
-  beforeMount: ve,
-  updated: ve,
-  unmounted: $e
-}, _ = Symbol("HasAutoFocused"), ie = [];
+  beforeMount: ye,
+  updated: ye,
+  unmounted: Be
+}, _ = Symbol("HasAutoFocused"), se = [];
 function hn() {
-  ie.forEach(Ae);
+  se.forEach($e);
 }
 setInterval(hn, 1e3);
-function ve(e, t) {
+function ye(e, t) {
   var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return $e(e);
+    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[_] || ie.push(e), e[_] = {
+  e[_] || se.push(e), e[_] = {
     startTs: s,
     includeSeconds: o
-  }, Ae(e);
+  }, $e(e);
 }
-function Ae(e) {
+function $e(e) {
   const t = e[_], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = fn(n, t.includeSeconds);
 }
-function $e(e) {
-  e[_] && (Qe(ie, e), delete e[_]), e.innerText = "-";
+function Be(e) {
+  e[_] && (Qe(se, e), delete e[_]), e.innerText = "-";
 }
 function fn(e, t) {
   const n = [], i = Math.floor(e / 86400);
@@ -1136,18 +1136,18 @@ const I = Symbol("InfiniteScrollHandler"), pn = {
     (t = e[I]) == null || t.uninstall(), delete e[I];
   }
 }, mn = {
-  beforeMount: ye,
-  updated: ye
+  beforeMount: ge,
+  updated: ge
 };
-function ye(e, t) {
+function ge(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
 const vn = {
-  mounted: ge,
-  updated: ge,
-  unmounted: Be
+  mounted: Ee,
+  updated: Ee,
+  unmounted: _e
 }, $ = Symbol("TooltipState");
-function ge(e, t) {
+function Ee(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1157,24 +1157,24 @@ function ge(e, t) {
     };
     e[$] ? e[$].configure(s) : e[$] = new yn(e, s);
   } else
-    Be(e);
+    _e(e);
 }
-function Be(e) {
+function _e(e) {
   var t;
   (t = e[$]) == null || t.destroy(), delete e[$];
 }
 class yn {
   constructor(t, n) {
-    m(this, "lastMoveEvt");
-    m(this, "checkInterval");
-    m(this, "shouldShow", !1);
-    m(this, "tipEl");
-    m(this, "titleEl");
-    m(this, "contentEl");
-    m(this, "mouseMoveBound", !1);
-    m(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
-    m(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
-    m(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
+    v(this, "lastMoveEvt");
+    v(this, "checkInterval");
+    v(this, "shouldShow", !1);
+    v(this, "tipEl");
+    v(this, "titleEl");
+    v(this, "contentEl");
+    v(this, "mouseMoveBound", !1);
+    v(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
+    v(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
+    v(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
@@ -1218,22 +1218,22 @@ function zn(e) {
   gn(e);
 }
 export {
-  de as FileUploadRequest,
+  ue as FileUploadRequest,
   Sn as OverlayContainer,
-  P as UserError,
+  q as UserError,
   kn as VfAjaxSelect,
-  q as VfAlertModal,
+  z as VfAlertModal,
   Vn as VfEzSmartSelect,
   yt as VfModal,
   Ft as VfSmartSelect,
   Un as cloneProp,
   In as configureVf,
   Fn as createFilters,
-  xe as createOverlayInjection,
+  Le as createOverlayInjection,
   St as desnakeCase,
   ct as dismissOverlayInjectionById,
   xn as dismissOverlayInjectionByInstance,
-  Le as dismissOverlayInjectionByInternalInstance,
+  Ce as dismissOverlayInjectionByInternalInstance,
   at as dismissOverlayInjectionByVnode,
   Zn as escapeHtml,
   dt as formatError,
@@ -1250,20 +1250,20 @@ export {
   ht as maskForm,
   Bn as nl2br,
   jn as nullifyEmptyInputs,
-  ee as presentOverlay,
-  Ce as removeOverlayInjection,
+  te as presentOverlay,
+  Me as removeOverlayInjection,
   Rn as replaceElement,
-  le as showAlert,
+  re as showAlert,
   Ln as showConfirm,
   Cn as showConfirmDestroy,
   Nn as showContextMenu,
   Mn as showWait,
   Yt as sleep,
   Kn as sleepSecs,
-  te as toError,
+  ne as toError,
   $n as unmaskComponent,
-  Me as unmaskEl,
-  Ie as unmaskForm,
+  Ie as unmaskEl,
+  He as unmaskForm,
   Pn as useInfiniteScroll,
   qn as useResizeWatcher,
   _n as uuid

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.5.0",
+    "version": "4.5.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {

package/src/helpers/context-menu.ts

@@ -53,7 +53,7 @@ export function showContextMenu(e: MouseEvent, config: ContextMenuConfig) {
         }
 
         if (item.shouldConfirm) {
-            itemEl.addEventListener('click', () => confirmAction(itemEl, item.handler));
+            itemEl.addEventListener('click', e => confirmAction(e, itemEl, item.handler));
         } else {
             itemEl.addEventListener('click', () => item.handler());
         }
@@ -85,7 +85,7 @@ export function showContextMenu(e: MouseEvent, config: ContextMenuConfig) {
         wrapperEl.remove();
     }
 
-    function confirmAction(itemEl: HTMLElement, handler: () => void) {
+    function confirmAction(e: MouseEvent, itemEl: HTMLElement, handler: () => void) {
         if (itemEl.classList.contains('pending-confirm')) {
             return handler();
         }
@@ -106,4 +106,3 @@ export function showContextMenu(e: MouseEvent, config: ContextMenuConfig) {
 }
 
 // TODO: actually de-select text rather than just using CSS to hide its selection
-// TODO: confirm isn't working