@signal24/vue-foundation 4.20.0 → 4.20.2

package/dist/vue-foundation.es.js

@@ -1,9 +1,9 @@
 var Tt = Object.defineProperty;
 var St = (e, t, n) => t in e ? Tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var O = (e, t, n) => St(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as N, ref as T, computed as M, watch as A, onMounted as V, openBlock as E, createElementBlock as b, createElementVNode as D, toDisplayString as U, withDirectives as Q, createCommentVNode as F, Fragment as J, renderList as he, vModelSelect as Ct, getCurrentInstance as pe, normalizeClass as B, normalizeStyle as xt, withModifiers as ye, renderSlot as G, reactive as Lt, h as ee, Teleport as Mt, markRaw as It, onBeforeUnmount as ge, resolveDirective as Ht, createBlock as qe, createSlots as Ot, withCtx as ue, createTextVNode as ce, vModelText as At, onActivated as ze, onDeactivated as Ke } from "vue";
-import { compact as Ye, debounce as Ft, isEqual as Xe, upperFirst as Dt, startCase as Bt, cloneDeep as $t, remove as Vt, last as _t } from "lodash";
-import { escapeHtml as Nt } from "@vue/shared";
+var F = (e, t, n) => St(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as _, ref as T, computed as x, watch as O, onMounted as V, openBlock as E, createElementBlock as b, createElementVNode as D, toDisplayString as U, withDirectives as J, createCommentVNode as A, Fragment as ee, renderList as he, vModelSelect as Ct, getCurrentInstance as pe, normalizeClass as B, normalizeStyle as Lt, withModifiers as ye, renderSlot as j, reactive as Mt, h as te, Teleport as xt, markRaw as It, onBeforeUnmount as ge, resolveDirective as Ht, createBlock as qe, createSlots as Ft, withCtx as ce, createTextVNode as Q, vModelText as Ot, onActivated as ze, onDeactivated as Ke } from "vue";
+import { compact as Ye, debounce as At, isEqual as Xe, upperFirst as Dt, startCase as Bt, cloneDeep as $t, remove as Vt, last as Nt } from "lodash";
+import { escapeHtml as _t } from "@vue/shared";
 import { escapeHtml as Uo } from "@vue/shared";
 import { configureOpenApiClient as Rt, OpenApiError as Wt } from "@signal24/openapi-client-codegen/browser";
 import { format as ve } from "date-fns";
@@ -13,7 +13,7 @@ const Ut = {
 }, jt = {
   key: 0,
   value: null
-}, Pt = ["value"], mo = /* @__PURE__ */ N({
+}, Pt = ["value"], mo = /* @__PURE__ */ _({
   __name: "vf-ajax-select",
   props: {
     modelValue: {},
@@ -25,23 +25,23 @@ const Ut = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, i = T(null), l = M(() => i.value ? i.value.map((g) => {
+    const n = e, o = t, i = T(null), l = x(() => i.value ? i.value.map((g) => {
       const k = g;
       return n.preprocesor ? n.preprocesor(k) : n.displayKey ? k[n.displayKey] : "";
     }) : null), u = T(n.modelValue ?? null);
-    A(() => n.loadFn, a), A(
+    O(() => n.loadFn, r), O(
       () => n.modelValue,
       () => u.value = n.modelValue
-    ), A(u, () => o("update:modelValue", u.value));
-    async function a() {
+    ), O(u, () => o("update:modelValue", u.value));
+    async function r() {
       i.value = await n.loadFn();
     }
-    return V(a), (d, g) => l.value ? Q((E(), b("select", {
+    return V(r), (d, g) => l.value ? J((E(), b("select", {
       key: 1,
       "onUpdate:modelValue": g[0] || (g[0] = (k) => u.value = k)
     }, [
-      n.nullText ? (E(), b("option", jt, U(n.nullText), 1)) : F("", !0),
-      (E(!0), b(J, null, he(l.value, (k, f) => {
+      n.nullText ? (E(), b("option", jt, U(n.nullText), 1)) : A("", !0),
+      (E(!0), b(ee, null, he(l.value, (k, f) => {
         var w;
         return E(), b("option", {
           key: f,
@@ -54,7 +54,7 @@ const Ut = {
       D("option", null, U(n.loadingText || "Loading..."), 1)
     ]));
   }
-}), qt = /* @__PURE__ */ N({
+}), qt = /* @__PURE__ */ _({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
@@ -65,34 +65,34 @@ const Ut = {
     V(u);
     function u() {
       if (!l) return;
-      const g = l.vnode.el, { styles: k, classes: f } = a(g, n);
+      const g = l.vnode.el, { styles: k, classes: f } = r(g, n);
       o.value = k, i.value = f;
     }
-    function a(g, k) {
-      const f = t.anchor instanceof HTMLElement ? {} : t.anchor, w = k.getBoundingClientRect(), m = g.getBoundingClientRect();
-      f.matchWidth && (m.width = w.width), f.matchHeight && (m.height = w.height);
-      const r = f.class ? Array.isArray(f.class) ? f.class : [f.class] : [];
+    function r(g, k) {
+      const f = t.anchor instanceof HTMLElement ? {} : t.anchor, w = k.getBoundingClientRect(), p = g.getBoundingClientRect();
+      f.matchWidth && (p.width = w.width), f.matchHeight && (p.height = w.height);
+      const a = f.class ? Array.isArray(f.class) ? f.class : [f.class] : [];
       let c, S;
       if (f.y === "center")
-        c = w.top + w.height / 2 - m.height / 2, r.push("anchored-center-y");
+        c = w.top + w.height / 2 - p.height / 2, a.push("anchored-center-y");
       else {
-        const x = (w.bottom + m.height < window.innerHeight || f.y === "below") && f.y !== "above";
-        c = x ? w.bottom : w.top - m.height, r.push(x ? "anchored-top" : "anchored-bottom");
+        const L = (w.bottom + p.height < window.innerHeight || f.y === "below") && f.y !== "above";
+        c = L ? w.bottom : w.top - p.height, a.push(L ? "anchored-top" : "anchored-bottom");
       }
       if (f.x === "center")
-        S = w.left + w.width / 2 - m.width / 2, r.push("anchored-center-x");
+        S = w.left + w.width / 2 - p.width / 2, a.push("anchored-center-x");
       else {
-        const x = (w.left + m.width < window.innerWidth || f.x === "left") && f.x !== "right";
-        S = x ? w.left : w.right - m.width, r.push(x ? "anchored-left" : "anchored-right");
+        const L = (w.left + p.width < window.innerWidth || f.x === "left") && f.x !== "right";
+        S = L ? w.left : w.right - p.width, a.push(L ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
           top: `${c}px`,
           left: `${S}px`,
-          ...f.matchWidth ? { width: `${m.width}px` } : {},
-          ...f.matchHeight ? { height: `${m.height}px` } : {}
+          ...f.matchWidth ? { width: `${p.width}px` } : {},
+          ...f.matchHeight ? { height: `${p.height}px` } : {}
         },
-        classes: r
+        classes: a
       };
     }
     function d() {
@@ -104,33 +104,33 @@ const Ut = {
       }, 10);
     }), (g, k) => (E(), b("div", {
       class: B(["vf-overlay-anchor", i.value]),
-      style: xt(o.value),
+      style: Lt(o.value),
       onClick: ye(d, ["stop"])
     }, [
-      G(g.$slots, "default")
+      j(g.$slots, "default")
     ], 6));
   }
 });
 let zt = 0;
-const _ = Lt([]), ho = N({
+const N = Mt([]), ho = _({
   setup() {
-    return () => ee("div", [
-      he(_, (e) => ee(Mt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => te("div", [
+      he(N, (e) => te(xt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
 function we(e, t, n) {
   const o = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   o.id = "vf-overlay-target", o.removeAttribute("inert"), document.body.appendChild(o);
-  const i = String(++zt), l = It(e), u = ee(l, t), a = n != null && n.anchor ? ee(qt, { overlayId: i, anchor: n.anchor }, () => [u]) : void 0, d = {
+  const i = String(++zt), l = It(e), u = te(l, t), r = n != null && n.anchor ? te(qt, { overlayId: i, anchor: n.anchor }, () => [u]) : void 0, d = {
     id: i,
     component: l,
     props: t,
     options: n ?? {},
     vnode: u,
-    wrapperVnode: a
+    wrapperVnode: r
   };
-  return _.push(d), d;
+  return N.push(d), d;
 }
 function po(e) {
   e.$ && Ze(e.$);
@@ -141,64 +141,64 @@ function Ze(e) {
     t = t.parent;
 }
 function Kt(e) {
-  const t = _.findIndex((n) => n.vnode.component === e.component);
-  return t >= 0 ? (_[t].props.callback(), !0) : !1;
+  const t = N.findIndex((n) => n.vnode.component === e.component);
+  return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
 function Yt(e) {
-  const t = _.findIndex((n) => n.id === e);
-  return t >= 0 ? (_[t].props.callback(), !0) : !1;
+  const t = N.findIndex((n) => n.id === e);
+  return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
-function te(e) {
-  const t = _.indexOf(e);
-  t >= 0 && _.splice(t, 1);
+function ne(e) {
+  const t = N.indexOf(e);
+  t >= 0 && N.splice(t, 1);
 }
 async function Ee(e, t, n) {
   return new Promise((o) => {
     let i = null;
-    const u = { ...t, callback: async (a) => {
+    const u = { ...t, callback: async (r) => {
       if (n != null && n.onCallback) {
-        const d = n.onCallback(a);
+        const d = n.onCallback(r);
         if (typeof d == "object" && "then" in d && typeof d.then == "function" && await d === !1)
           return;
       }
-      te(i), o(a);
+      ne(i), o(r);
     } };
     i = we(e, u, n);
   });
 }
-function ne(e, t) {
+function oe(e, t) {
   return typeof e == "object" && !(e instanceof Error) ? {
     ...e,
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
 async function Xt(e, t) {
-  await Ee(le, ne(e, t));
+  await Ee(se, oe(e, t));
 }
 async function yo(e, t) {
-  const n = ne(e, t);
-  return await Ee(le, {
+  const n = oe(e, t);
+  return await Ee(se, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
 async function go(e, t) {
-  const n = ne(e, t);
-  return await Ee(le, {
+  const n = oe(e, t);
+  return await Ee(se, {
     ...n,
     shouldConfirm: !0,
     classes: ["destructive", ...n.classes]
   }) === !0;
 }
 function wo(e, t) {
-  const n = ne(e, t), o = we(le, {
+  const n = oe(e, t), o = we(se, {
     ...n,
     isBare: !0,
     classes: ["wait", ...n.classes],
     callback: () => {
     }
   });
-  return () => te(o);
+  return () => ne(o);
 }
 const $ = {
   unhandledErrorSupportText: "please contact support",
@@ -209,13 +209,13 @@ const $ = {
 function Eo(e) {
   Object.assign($, e);
 }
-class oe extends Error {
+class le extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
 function Zt(e) {
-  return e instanceof oe ? e.message : `An application error has occurred:
+  return e instanceof le ? e.message : `An application error has occurred:
 
 ${be(e).message}
 
@@ -226,7 +226,7 @@ function be(e) {
 }
 async function bo(e, t) {
   const n = be(e);
-  return n instanceof oe || $.errorHandler(n), Xt({
+  return n instanceof le || $.errorHandler(n), Xt({
     title: t == null ? void 0 : t.title,
     message: n,
     classes: t == null ? void 0 : t.classes
@@ -234,9 +234,9 @@ async function bo(e, t) {
 }
 async function ko(e) {
   const t = be(e);
-  t instanceof oe || $.errorHandler(t);
+  t instanceof le || $.errorHandler(t);
 }
-const z = Symbol("MaskState");
+const K = Symbol("MaskState");
 function To(e, t) {
   var i;
   const n = (i = e.$) == null ? void 0 : i.vnode.el, o = n.closest(".vf-modal");
@@ -248,14 +248,14 @@ function So(e) {
   return Ge(n ?? t);
 }
 function Gt(e, t) {
-  if (!e[z]) {
+  if (!e[K]) {
     const n = document.createElement("div");
-    n.classList.add("vf-mask"), e.appendChild(n), e[z] = { maskEl: n };
+    n.classList.add("vf-mask"), e.appendChild(n), e[K] = { maskEl: n };
   }
-  return e[z].maskEl.innerText = t ?? "", () => Ge(e);
+  return e[K].maskEl.innerText = t ?? "", () => Ge(e);
 }
 function Ge(e) {
-  e[z] && e.removeChild(e[z].maskEl);
+  e[K] && e.removeChild(e[K].maskEl);
 }
 const me = Symbol("FormMaskState");
 function Qt(e, t, n) {
@@ -266,9 +266,9 @@ function Qt(e, t, n) {
   const i = t instanceof Element ? t : o.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let l;
   i && (l = i.tagName === "INPUT" ? i.value : i.innerHTML, i.setAttribute("disabled", "disabled"), i.innerText = n ?? "Please wait...");
-  const a = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return a.forEach((d) => d.setAttribute("disabled", "disabled")), o[me] = {
-    disabledElements: a,
+  const r = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return r.forEach((d) => d.setAttribute("disabled", "disabled")), o[me] = {
+    disabledElements: r,
     waitButton: i,
     buttonHtml: l
   }, () => Qe(o);
@@ -290,7 +290,7 @@ const Jt = ["id"], en = {
 }, tn = { class: "vf-modal-content" }, nn = {
   key: 1,
   class: "vf-modal-footer"
-}, on = /* @__PURE__ */ N({
+}, on = /* @__PURE__ */ _({
   __name: "vf-modal",
   props: {
     id: {},
@@ -302,8 +302,8 @@ const Jt = ["id"], en = {
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
     const n = pe(), o = e;
-    t({ mask: f, unmask: w, hide: m, unhide: r });
-    const i = T(), l = T(), u = T(!1), a = M(() => Ye([...Array.isArray(o.class) ? o.class : [o.class], u.value && "hidden"]));
+    t({ mask: f, unmask: w, hide: p, unhide: a });
+    const i = T(), l = T(), u = T(!1), r = x(() => Ye([...Array.isArray(o.class) ? o.class : [o.class], u.value && "hidden"]));
     V(() => {
       var c;
       document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", g), (c = i.value) == null || c.addEventListener("click", d));
@@ -328,17 +328,17 @@ const Jt = ["id"], en = {
     function w() {
       Qe(l.value);
     }
-    function m() {
-      return u.value = !0, () => r();
+    function p() {
+      return u.value = !0, () => a();
     }
-    function r() {
+    function a() {
       u.value = !1;
     }
     return (c, S) => (E(), b("div", {
       id: c.id,
       ref_key: "overlay",
       ref: i,
-      class: B(["vf-overlay vf-modal-wrap", a.value])
+      class: B(["vf-overlay vf-modal-wrap", r.value])
     }, [
       D("form", {
         ref_key: "form",
@@ -348,23 +348,23 @@ const Jt = ["id"], en = {
         onSubmit: S[0] || (S[0] = ye((I) => c.$emit("formSubmit"), ["prevent"]))
       }, [
         c.$slots.header ? (E(), b("div", en, [
-          G(c.$slots, "header"),
+          j(c.$slots, "header"),
           o.closeX ? (E(), b("i", {
             key: 0,
             class: "close",
             onClick: k
-          })) : F("", !0)
-        ])) : F("", !0),
+          })) : A("", !0)
+        ])) : A("", !0),
         D("div", tn, [
-          G(c.$slots, "default")
+          j(c.$slots, "default")
         ]),
         c.$slots.footer ? (E(), b("div", nn, [
-          G(c.$slots, "footer")
-        ])) : F("", !0)
+          j(c.$slots, "footer")
+        ])) : A("", !0)
       ], 34)
     ], 10, Jt));
   }
-}), ln = ["innerHtml"], sn = ["innerText"], le = /* @__PURE__ */ N({
+}), ln = ["innerHtml"], sn = ["innerText"], se = /* @__PURE__ */ _({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -377,17 +377,17 @@ const Jt = ["id"], en = {
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = M(() => t.message instanceof Error ? Zt(t.message) : t.message);
+    const t = e, n = x(() => t.message instanceof Error ? Zt(t.message) : t.message);
     return (o, i) => {
       const l = Ht("autofocus");
       return E(), qe(on, {
         class: B(["vf-alert", ...o.classes ?? []])
-      }, Ot({
-        default: ue(() => [
+      }, Ft({
+        default: ce(() => [
           o.iconClass ? (E(), b("i", {
             key: 0,
             class: B(["vf-alert-icon", o.iconClass])
-          }, null, 2)) : F("", !0),
+          }, null, 2)) : A("", !0),
           o.isHtml ? (E(), b("div", {
             key: 1,
             innerHtml: o.message,
@@ -401,20 +401,20 @@ const Jt = ["id"], en = {
       }, [
         o.title ? {
           name: "header",
-          fn: ue(() => [
-            ce(U(o.title), 1)
+          fn: ce(() => [
+            Q(U(o.title), 1)
           ]),
           key: "0"
         } : void 0,
         o.isBare ? void 0 : {
           name: "footer",
-          fn: ue(() => [
-            o.shouldConfirm ? (E(), b(J, { key: 0 }, [
-              Q((E(), b("button", {
+          fn: ce(() => [
+            o.shouldConfirm ? (E(), b(ee, { key: 0 }, [
+              J((E(), b("button", {
                 class: "primary",
                 onClick: i[0] || (i[0] = () => o.callback(!0))
               }, i[3] || (i[3] = [
-                ce("Confirm")
+                Q("Confirm")
               ]))), [
                 [l]
               ]),
@@ -422,12 +422,12 @@ const Jt = ["id"], en = {
                 class: "default",
                 onClick: i[1] || (i[1] = () => o.callback(!1))
               }, "Cancel")
-            ], 64)) : Q((E(), b("button", {
+            ], 64)) : J((E(), b("button", {
               key: 1,
               class: "default",
               onClick: i[2] || (i[2] = () => o.callback(!0))
             }, i[4] || (i[4] = [
-              ce("OK")
+              Q("OK")
             ]))), [
               [l]
             ])
@@ -437,21 +437,21 @@ const Jt = ["id"], en = {
       ]), 1032, ["class"]);
     };
   }
-}), L = [];
+}), M = [];
 for (let e = 0; e < 256; ++e)
-  L.push((e + 256).toString(16).slice(1));
-function an(e, t = 0) {
-  return (L[e[t + 0]] + L[e[t + 1]] + L[e[t + 2]] + L[e[t + 3]] + "-" + L[e[t + 4]] + L[e[t + 5]] + "-" + L[e[t + 6]] + L[e[t + 7]] + "-" + L[e[t + 8]] + L[e[t + 9]] + "-" + L[e[t + 10]] + L[e[t + 11]] + L[e[t + 12]] + L[e[t + 13]] + L[e[t + 14]] + L[e[t + 15]]).toLowerCase();
+  M.push((e + 256).toString(16).slice(1));
+function rn(e, t = 0) {
+  return (M[e[t + 0]] + M[e[t + 1]] + M[e[t + 2]] + M[e[t + 3]] + "-" + M[e[t + 4]] + M[e[t + 5]] + "-" + M[e[t + 6]] + M[e[t + 7]] + "-" + M[e[t + 8]] + M[e[t + 9]] + "-" + M[e[t + 10]] + M[e[t + 11]] + M[e[t + 12]] + M[e[t + 13]] + M[e[t + 14]] + M[e[t + 15]]).toLowerCase();
 }
 let de;
-const rn = new Uint8Array(16);
+const an = new Uint8Array(16);
 function un() {
   if (!de) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     de = crypto.getRandomValues.bind(crypto);
   }
-  return de(rn);
+  return de(an);
 }
 const cn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Be = { randomUUID: cn };
 function dn(e, t, n) {
@@ -462,7 +462,7 @@ function dn(e, t, n) {
   const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? un();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, an(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, rn(o);
 }
 function Co(e) {
   return e.replace(/\n/g, "<br>");
@@ -477,7 +477,7 @@ function vn(e) {
 function mn(e, t = 1) {
   return "$" + (Number(e) / t).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function xo() {
+function Lo() {
   return dn();
 }
 const hn = ["disabled", "placeholder", "required"], pn = {
@@ -486,7 +486,7 @@ const hn = ["disabled", "placeholder", "required"], pn = {
 }, yn = ["onMousemove", "onMousedown"], gn = ["innerHTML"], wn = ["innerHTML"], En = {
   key: 0,
   class: "no-results"
-}, bn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", kn = /* @__PURE__ */ N({
+}, bn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", kn = /* @__PURE__ */ _({
   __name: "vf-smart-select",
   props: {
     modelValue: {},
@@ -506,6 +506,7 @@ const hn = ["disabled", "placeholder", "required"], pn = {
     labelField: {},
     formatter: { type: Function },
     subtitleFormatter: { type: Function },
+    classForOption: { type: Function },
     nullTitle: {},
     noResultsText: {},
     disabled: { type: Boolean },
@@ -521,35 +522,35 @@ const hn = ["disabled", "placeholder", "required"], pn = {
     t({
       addRemoteOption: kt
     });
-    const a = T(), d = T(), g = T(), k = T(!1), f = T(!1), w = T([]), m = T(!1), r = T(""), c = T(null), S = T(null), I = T(!1), x = T(null), Se = T(!1), at = M(() => l.showCreateTextOnNewItem ?? !0), rt = M(() => l.prependOptions ?? []), ut = M(() => l.appendOptions ?? []), Ce = M(() => !!l.disabled), ct = M(() => !f.value && l.preload ? "Loading..." : l.nullTitle ? l.nullTitle : l.placeholder || ""), dt = M(() => l.noResultsText || "No options match your search."), W = M(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (s) => s[l.valueField] : null), j = M(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (s) => String(s[l.keyField]) : W.value ? (s) => String(W.value(s)) : null), se = M(() => l.formatter ? l.formatter : l.labelField ? (s) => String(s[l.labelField]) : (s) => String(s)), xe = M(() => [...rt.value, ...w.value, ...ut.value]), ie = M(() => xe.value.map((s, v) => {
-      var Ae, Fe;
-      const h = se.value(s), p = (Ae = l.subtitleFormatter) == null ? void 0 : Ae.call(l, s), y = h ? h.trim().toLowerCase() : "", C = p ? p.trim().toLowerCase() : "", Z = [];
+    const r = T(), d = T(), g = T(), k = T(!1), f = T(!1), w = T([]), p = T(!1), a = T(""), c = T(null), S = T(null), I = T(!1), L = T(null), Se = T(!1), rt = x(() => l.showCreateTextOnNewItem ?? !0), at = x(() => l.prependOptions ?? []), ut = x(() => l.appendOptions ?? []), Ce = x(() => !!l.disabled), ct = x(() => !f.value && l.preload ? "Loading..." : l.nullTitle ? l.nullTitle : l.placeholder || ""), dt = x(() => l.noResultsText || "No options match your search."), W = x(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (s) => s[l.valueField] : null), P = x(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (s) => String(s[l.keyField]) : W.value ? (s) => String(W.value(s)) : null), ie = x(() => l.formatter ? l.formatter : l.labelField ? (s) => String(s[l.labelField]) : (s) => String(s)), Le = x(() => [...at.value, ...w.value, ...ut.value]), re = x(() => Le.value.map((s, v) => {
+      var Oe, Ae;
+      const m = ie.value(s), h = (Oe = l.subtitleFormatter) == null ? void 0 : Oe.call(l, s), y = m ? m.trim().toLowerCase() : "", C = h ? h.trim().toLowerCase() : "", G = [];
       return l.searchFields ? l.searchFields.forEach((De) => {
-        s[De] && Z.push(String(s[De]).toLowerCase());
-      }) : (Z.push(y), C && Z.push(C)), {
-        key: ((Fe = j.value) == null ? void 0 : Fe.call(j, s)) ?? String(v),
-        title: h,
-        subtitle: p,
-        searchContent: Z.join(""),
+        s[De] && G.push(String(s[De]).toLowerCase());
+      }) : (G.push(y), C && G.push(C)), {
+        key: ((Ae = P.value) == null ? void 0 : Ae.call(P, s)) ?? String(v),
+        title: m,
+        subtitle: h,
+        searchContent: G.join(""),
         ref: s
       };
-    })), H = M(() => {
-      let s = [...ie.value];
-      if (m.value) {
-        const v = r.value.trim().toLowerCase();
+    })), H = x(() => {
+      let s = [...re.value];
+      if (p.value) {
+        const v = a.value.trim().toLowerCase();
         if (v.length) {
           s = s.filter((y) => y.searchContent.includes(v));
-          const h = Nt(r.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(`(${h})`, "ig");
+          const m = _t(a.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), h = new RegExp(`(${m})`, "ig");
           s = s.map((y) => {
             var C;
             return {
               ...y,
-              title: y.title.replace(p, "<mark>$1</mark>"),
-              subtitle: (C = y.subtitle) == null ? void 0 : C.replace(p, "<mark>$1</mark>")
+              title: y.title.replace(h, "<mark>$1</mark>"),
+              subtitle: (C = y.subtitle) == null ? void 0 : C.replace(h, "<mark>$1</mark>")
             };
           }), Se.value && (s.find((C) => C.searchContent === v) !== void 0 || s.push({
             key: i,
-            title: at.value ? "Create <strong>" + r.value.trim() + "</strong>..." : r.value.trim()
+            title: rt.value ? "Create <strong>" + a.value.trim() + "</strong>..." : a.value.trim()
           }));
         }
       } else l.nullTitle && s.unshift({
@@ -558,47 +559,47 @@ const hn = ["disabled", "placeholder", "required"], pn = {
       });
       return s;
     });
-    A(() => l.modelValue, re), A(
+    O(() => l.modelValue, ue), O(
       () => l.options,
       () => {
         w.value = l.options ?? [], f.value = !0;
       }
-    ), A(ie, () => {
+    ), O(re, () => {
       I.value && setTimeout(Ie, 0);
-    }), A(r, () => {
-      m.value && !l.remoteSearch && !r.value.trim().length && (m.value = !1);
-    }), A(I, () => {
-      I.value ? setTimeout(wt, 0) : (m.value = !1, r.value = S.value || "", g.value && (g.value.style.visibility = "hidden"));
-    }), A(H, () => {
+    }), O(a, () => {
+      p.value && !l.remoteSearch && !a.value.trim().length && (p.value = !1);
+    }), O(I, () => {
+      I.value ? setTimeout(wt, 0) : (p.value = !1, a.value = S.value || "", g.value && (g.value.style.visibility = "hidden"));
+    }), O(H, () => {
       var s;
-      l.modelValue && !c.value && re(), (x.value || m.value) && !H.value.find((v) => v.key == x.value) && (x.value = ((s = H.value[0]) == null ? void 0 : s.key) ?? o);
+      l.modelValue && !c.value && ue(), (L.value || p.value) && !H.value.find((v) => v.key == L.value) && (L.value = ((s = H.value[0]) == null ? void 0 : s.key) ?? o);
     }), V(async () => {
-      Se.value = l.onCreateItem !== void 0, l.options ? (w.value = [...l.options], f.value = !0) : l.preload && await Le(), re(), A(c, () => {
+      Se.value = l.onCreateItem !== void 0, l.options ? (w.value = [...l.options], f.value = !0) : l.preload && await Me(), ue(), O(c, () => {
         c.value !== l.modelValue && u(
           "update:modelValue",
           c.value && W.value ? W.value(c.value) : c.value
         );
-      }), l.remoteSearch && A(r, Ft(ft, 250));
+      }), l.remoteSearch && O(a, At(ft, 250));
     });
-    async function Le() {
-      await Me(), w.value && u("optionsLoaded", w.value);
-    }
     async function Me() {
+      await xe(), w.value && u("optionsLoaded", w.value);
+    }
+    async function xe() {
       var v;
-      const s = l.remoteSearch && m.value && r.value ? r.value : null;
+      const s = l.remoteSearch && p.value && a.value ? a.value : null;
       k.value = !0, w.value = await ((v = l.loadOptions) == null ? void 0 : v.call(l, s)) ?? [], k.value = !1, f.value = !0;
     }
     function ft() {
-      m.value && (Me(), m.value = r.value.trim().length > 0);
+      p.value && (xe(), p.value = a.value.trim().length > 0);
     }
     function vt(s) {
       if (s.key == "Escape") {
-        s.stopPropagation(), s.target.blur(), Oe();
+        s.stopPropagation(), s.target.blur(), Fe();
         return;
       }
       if (!(s.key == "ArrowLeft" || s.key == "ArrowRight") && s.key != "Tab") {
         if (!f.value) {
-          m.value || s.preventDefault();
+          p.value || s.preventDefault();
           return;
         }
         if (s.key == "ArrowUp" || s.key == "ArrowDown")
@@ -609,14 +610,14 @@ const hn = ["disabled", "placeholder", "required"], pn = {
           return s.preventDefault(), ae(s.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (s.key == "Enter") {
           s.preventDefault();
-          const v = H.value.find((h) => h.key == x.value);
+          const v = H.value.find((m) => m.key == L.value);
           if (v) return He(v);
         }
         if (s.key === "Delete" || s.key === "Backspace") {
-          r.value.length > 1 && (m.value = !0);
+          a.value.length > 1 && (p.value = !0);
           return;
         }
-        !s.metaKey && bn.includes(s.key) && (m.value = !0);
+        !s.metaKey && bn.includes(s.key) && (p.value = !0);
       }
     }
     function mt() {
@@ -626,92 +627,92 @@ const hn = ["disabled", "placeholder", "required"], pn = {
       }, 0);
     }
     function ht(s) {
-      c.value ? x.value = pt(c.value) : l.nullTitle && (x.value = o);
+      c.value ? L.value = pt(c.value) : l.nullTitle && (L.value = o);
     }
     function pt(s) {
       var v;
-      return j.value ? j.value(c.value) : ((v = yt(s)) == null ? void 0 : v.key) ?? "";
+      return P.value ? P.value(c.value) : ((v = yt(s)) == null ? void 0 : v.key) ?? "";
     }
     function yt(s) {
       const v = H.value.find((y) => y.ref === s);
       if (v)
         return v;
-      const h = l.keyExtractor ? (y, C) => l.keyExtractor(y) === l.keyExtractor(C) : Xe, p = H.value.find((y) => h(y.ref, s));
-      return p || null;
+      const m = l.keyExtractor ? (y, C) => l.keyExtractor(y) === l.keyExtractor(C) : Xe, h = H.value.find((y) => m(y.ref, s));
+      return h || null;
     }
     function gt() {
-      l.debug || (!r.value.length && l.nullTitle && (c.value = null, S.value = null), I.value = !1);
+      l.debug || (!a.value.length && l.nullTitle && (c.value = null, S.value = null), I.value = !1);
     }
     function wt() {
       var s;
-      f.value || Le(), l.optionsListId && ((s = g.value) == null || s.setAttribute("id", l.optionsListId)), Et();
+      f.value || Me(), l.optionsListId && ((s = g.value) == null || s.setAttribute("id", l.optionsListId)), Et();
     }
     function Et() {
-      const s = a.value.getBoundingClientRect(), v = s.y + s.height + 2, h = s.x, p = g.value, y = window.getComputedStyle(a.value);
+      const s = r.value.getBoundingClientRect(), v = s.y + s.height + 2, m = s.x, h = g.value, y = window.getComputedStyle(r.value);
       for (let C in y)
-        /^(font|text)/.test(C) && (p.style[C] = y[C]);
-      if (p.style.top = v + "px", p.style.left = h + "px", p.style.minWidth = s.width + "px", !y.maxHeight || y.maxHeight == "none") {
+        /^(font|text)/.test(C) && (h.style[C] = y[C]);
+      if (h.style.top = v + "px", h.style.left = m + "px", h.style.minWidth = s.width + "px", !y.maxHeight || y.maxHeight == "none") {
         const C = window.innerHeight - v - 12;
-        p.style.maxHeight = C + "px";
+        h.style.maxHeight = C + "px";
       }
-      p.style.visibility = "visible", document.body.appendChild(p), setTimeout(Ie, 0);
+      h.style.visibility = "visible", document.body.appendChild(h), setTimeout(Ie, 0);
     }
     function Ie() {
-      if (!f.value || !x.value) return;
-      const s = H.value.findIndex((p) => p.key == x.value), v = g.value, h = v == null ? void 0 : v.querySelectorAll(".option")[s];
-      h && (v.scrollTop = h.offsetTop);
+      if (!f.value || !L.value) return;
+      const s = H.value.findIndex((h) => h.key == L.value), v = g.value, m = v == null ? void 0 : v.querySelectorAll(".option")[s];
+      m && (v.scrollTop = m.offsetTop);
     }
     function bt(s) {
-      x.value = s ? s.key : null;
+      L.value = s ? s.key : null;
     }
     function ae(s) {
-      const v = H.value.findIndex((C) => C.key == x.value);
-      let h = v + s;
-      if (h < 0 ? h = 0 : h >= H.value.length && (h = H.value.length - 1), v == h) return;
-      x.value = H.value[h].key;
-      const p = g.value, y = p == null ? void 0 : p.querySelectorAll(".option")[h];
-      y && (y.offsetTop < p.scrollTop ? p.scrollTop = y.offsetTop : y.offsetTop + y.offsetHeight > p.scrollTop + p.clientHeight && (p.scrollTop = y.offsetTop + y.offsetHeight - p.clientHeight));
+      const v = H.value.findIndex((C) => C.key == L.value);
+      let m = v + s;
+      if (m < 0 ? m = 0 : m >= H.value.length && (m = H.value.length - 1), v == m) return;
+      L.value = H.value[m].key;
+      const h = g.value, y = h == null ? void 0 : h.querySelectorAll(".option")[m];
+      y && (y.offsetTop < h.scrollTop ? h.scrollTop = y.offsetTop : y.offsetTop + y.offsetHeight > h.scrollTop + h.clientHeight && (h.scrollTop = y.offsetTop + y.offsetHeight - h.clientHeight));
     }
     function He(s) {
-      var v, h;
-      if (m.value = !1, s.key == o)
-        r.value = "", c.value = null, S.value = null;
+      var v, m;
+      if (p.value = !1, s.key == o)
+        a.value = "", c.value = null, S.value = null;
       else if (s.key === i) {
-        const p = r.value.trim();
-        r.value = "", c.value = null, S.value = null, (v = l.onCreateItem) == null || v.call(l, p);
+        const h = a.value.trim();
+        a.value = "", c.value = null, S.value = null, (v = l.onCreateItem) == null || v.call(l, h);
       } else {
-        const y = ie.value.find((C) => C.key == s.key).ref;
-        c.value = y, S.value = se.value(y), r.value = S.value || "";
+        const y = re.value.find((C) => C.key == s.key).ref;
+        c.value = y, S.value = ie.value(y), a.value = S.value || "";
       }
-      (h = d.value) == null || h.blur(), Oe();
+      (m = d.value) == null || m.blur(), Fe();
     }
-    function re() {
-      l.modelValue ? (c.value = W.value ? xe.value.find((s) => l.modelValue === W.value(s)) : l.modelValue, S.value = c.value ? se.value(c.value) : null, r.value = S.value || "") : (c.value = null, S.value = null, r.value = "");
+    function ue() {
+      l.modelValue ? (c.value = W.value ? Le.value.find((s) => l.modelValue === W.value(s)) : l.modelValue, S.value = c.value ? ie.value(c.value) : null, a.value = S.value || "") : (c.value = null, S.value = null, a.value = "");
     }
     function kt(s) {
       w.value.unshift(s);
     }
-    function Oe() {
+    function Fe() {
       var y;
       if (!l.autoNext) return;
-      let s = (y = a.value) == null ? void 0 : y.parentElement;
+      let s = (y = r.value) == null ? void 0 : y.parentElement;
       for (; s && s.tagName !== "FORM" && s.tagName !== "BODY"; )
         s = s.parentElement;
       if (!s) return;
       const v = s.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
       if (!v) return;
-      const h = Array.from(v).findIndex((C) => C === d.value), p = v[h + 1];
-      p && setTimeout(() => p.focus(), 0);
+      const m = Array.from(v).findIndex((C) => C === d.value), h = v[m + 1];
+      h && setTimeout(() => h.focus(), 0);
     }
     return (s, v) => (E(), b("div", {
       ref_key: "el",
-      ref: a,
+      ref: r,
       class: B(["vf-smart-select", { disabled: Ce.value, open: I.value }])
     }, [
-      Q(D("input", {
+      J(D("input", {
         ref_key: "searchField",
         ref: d,
-        "onUpdate:modelValue": v[0] || (v[0] = (h) => r.value = h),
+        "onUpdate:modelValue": v[0] || (v[0] = (m) => a.value = m),
         type: "text",
         disabled: Ce.value,
         class: B({ nullable: !!s.nullTitle }),
@@ -722,7 +723,7 @@ const hn = ["disabled", "placeholder", "required"], pn = {
         onFocus: mt,
         onBlur: gt
       }, null, 42, hn), [
-        [At, r.value]
+        [Ot, a.value]
       ]),
       I.value ? (E(), b("div", {
         key: 0,
@@ -730,31 +731,38 @@ const hn = ["disabled", "placeholder", "required"], pn = {
         ref: g,
         class: "vf-smart-select-options"
       }, [
-        f.value ? (E(), b(J, { key: 1 }, [
-          (E(!0), b(J, null, he(H.value, (h) => (E(), b("div", {
-            key: String(h.key),
-            class: B(["option", {
-              highlighted: x.value === h.key
-            }]),
-            onMousemove: (p) => bt(h),
-            onMousedown: (p) => He(h)
-          }, [
-            D("div", {
-              class: "title",
-              innerHTML: h.title
-            }, null, 8, gn),
-            h.subtitle ? (E(), b("div", {
-              key: 0,
-              class: "subtitle",
-              innerHTML: h.subtitle
-            }, null, 8, wn)) : F("", !0)
-          ], 42, yn))), 128)),
-          !H.value.length && r.value ? (E(), b("div", En, U(dt.value), 1)) : F("", !0)
+        f.value ? (E(), b(ee, { key: 1 }, [
+          (E(!0), b(ee, null, he(H.value, (m) => {
+            var h;
+            return E(), b("div", {
+              key: String(m.key),
+              class: B(["option", [L.value === m.key && "highlighted", m.ref && ((h = s.classForOption) == null ? void 0 : h.call(s, m.ref))]]),
+              onMousemove: (y) => bt(m),
+              onMousedown: (y) => He(m)
+            }, [
+              j(s.$slots, "option", { option: m }, () => [
+                D("div", {
+                  class: "title",
+                  innerHTML: m.title
+                }, null, 8, gn),
+                m.subtitle ? (E(), b("div", {
+                  key: 0,
+                  class: "subtitle",
+                  innerHTML: m.subtitle
+                }, null, 8, wn)) : A("", !0)
+              ])
+            ], 42, yn);
+          }), 128)),
+          !H.value.length && a.value ? (E(), b("div", En, [
+            j(s.$slots, "no-results", {}, () => [
+              Q(U(dt.value), 1)
+            ])
+          ])) : A("", !0)
         ], 64)) : (E(), b("div", pn, "Loading..."))
-      ], 512)) : F("", !0)
+      ], 512)) : A("", !0)
     ], 2));
   }
-}), Lo = /* @__PURE__ */ N({
+}), Mo = /* @__PURE__ */ _({
   __name: "vf-ez-smart-select",
   props: {
     modelValue: {},
@@ -765,39 +773,39 @@ const hn = ["disabled", "placeholder", "required"], pn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((a) => ({ value: a, label: a })) : Object.entries(n.options).map(([a, d]) => ({
-      value: a,
+    const n = e, o = x(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, d]) => ({
+      value: r,
       label: d
-    }))), i = M(() => n.formatter ? (a) => n.formatter(a.label) : (a) => a.label), l = t, u = T(o.value.find((a) => a.value === n.modelValue) ?? null);
-    return A(
+    }))), i = x(() => n.formatter ? (r) => n.formatter(r.label) : (r) => r.label), l = t, u = T(o.value.find((r) => r.value === n.modelValue) ?? null);
+    return O(
       () => n.modelValue,
-      (a) => {
-        u.value = o.value.find((d) => d.value === a) ?? null;
+      (r) => {
+        u.value = o.value.find((d) => d.value === r) ?? null;
       }
-    ), A(u, (a) => {
+    ), O(u, (r) => {
       var g;
-      const d = a ? (g = o.value.find((k) => Xe(k, a))) == null ? void 0 : g.value : null;
+      const d = r ? (g = o.value.find((k) => Xe(k, r))) == null ? void 0 : g.value : null;
       l("update:modelValue", d ?? null);
-    }), (a, d) => (E(), qe(kn, {
+    }), (r, d) => (E(), qe(kn, {
       modelValue: u.value,
       "onUpdate:modelValue": d[0] || (d[0] = (g) => u.value = g),
       options: o.value,
       formatter: i.value,
-      "null-title": a.nullTitle,
-      placeholder: a.placeholder
+      "null-title": r.nullTitle,
+      placeholder: r.placeholder
     }, null, 8, ["modelValue", "options", "formatter", "null-title", "placeholder"]));
   }
 });
-function Mo() {
+function xo() {
   return T();
 }
 const Tn = { class: "content" }, Sn = { class: "message" }, Cn = {
   key: 0,
   class: "close"
-}, xn = {
+}, Ln = {
   key: 0,
   class: "progress-bar"
-}, Ln = /* @__PURE__ */ N({
+}, Mn = /* @__PURE__ */ _({
   __name: "vf-toast",
   props: {
     message: {},
@@ -826,26 +834,26 @@ const Tn = { class: "content" }, Sn = { class: "message" }, Cn = {
     }, [
       D("div", Tn, [
         D("div", Sn, U(i.message), 1),
-        i.disableClose ? F("", !0) : (E(), b("div", Cn, "x"))
+        i.disableClose ? A("", !0) : (E(), b("div", Cn, "x"))
       ]),
-      i.durationSecs !== null ? (E(), b("div", xn, [
+      i.durationSecs !== null ? (E(), b("div", Ln, [
         D("div", {
           ref_key: "progressInnerEl",
           ref: o,
           class: "inner"
         }, null, 512)
-      ])) : F("", !0)
+      ])) : A("", !0)
     ], 2));
   }
 });
 function Io(e) {
-  const t = we(Ln, {
+  const t = we(Mn, {
     ...e,
-    callback: () => te(t)
+    callback: () => ne(t)
   });
-  return () => te(t);
+  return () => ne(t);
 }
-function Mn(e) {
+function xn(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), i = ["B", "KB", "MB", "GB", "TB"][t];
   return `${o} ${i}`;
 }
@@ -855,13 +863,13 @@ function In(e) {
 function Hn(e) {
   return e || "-";
 }
-function On(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Nn(Number(e));
+function Fn(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : _n(Number(e));
 }
-function An(e) {
+function On(e) {
   return e && vn(e);
 }
-function Fn(e) {
+function An(e) {
   return e ? Dt(e) : null;
 }
 function Dn(e) {
@@ -877,12 +885,12 @@ function Vn(e, t = 1) {
   return mn(e, t);
 }
 const $e = {
-  bytes: Mn,
+  bytes: xn,
   dash: In,
   dashZeros: Hn,
-  number: On,
-  phone: An,
-  upperFirst: Fn,
+  number: Fn,
+  phone: On,
+  upperFirst: An,
   startCase: Dn,
   upperCase: Bn,
   desnake: $n,
@@ -891,45 +899,45 @@ const $e = {
   ...$e,
   ...e($e)
 });
-function Oo(e, t, n) {
+function Fo(e, t, n) {
   const o = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return o === -1 ? !1 : (e.splice(o, 1, n), !0);
 }
-function Ao(e, t) {
+function Oo(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", f), document.body.appendChild(n);
   const o = document.createElement("div");
   o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
   const i = e.currentTarget;
-  i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((m) => {
-    if (m == "-") {
+  i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((p) => {
+    if (p == "-") {
       const c = document.createElement("div");
       c.classList.add("separator"), o.appendChild(c);
       return;
     }
-    const r = document.createElement("div");
-    r.classList.add("item"), r.style.userSelect = "none", r.innerText = m.title, o.appendChild(r), m.class && r.classList.add(m.class), m.shouldConfirm ? r.addEventListener("click", (c) => w(c, r, m.handler)) : r.addEventListener("click", () => m.handler());
+    const a = document.createElement("div");
+    a.classList.add("item"), a.style.userSelect = "none", a.innerText = p.title, o.appendChild(a), p.class && a.classList.add(p.class), p.shouldConfirm ? a.addEventListener("click", (c) => w(c, a, p.handler)) : a.addEventListener("click", () => p.handler());
   });
-  const l = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, a = o.offsetHeight, d = o.offsetWidth, g = l < d ? e.clientX - d - 1 : e.clientX + 1, k = u < a ? e.clientY - a - 1 : e.clientY + 1;
+  const l = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, r = o.offsetHeight, d = o.offsetWidth, g = l < d ? e.clientX - d - 1 : e.clientX + 1, k = u < r ? e.clientY - r - 1 : e.clientY + 1;
   o.style.left = g + "px", o.style.top = k + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
   function f() {
     t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
   }
-  function w(m, r, c) {
-    if (r.classList.contains("pending-confirm"))
+  function w(p, a, c) {
+    if (a.classList.contains("pending-confirm"))
       return c();
-    const S = r.innerHTML;
-    r.classList.add("pending-confirm"), r.innerText = "Confirm";
+    const S = a.innerHTML;
+    a.classList.add("pending-confirm"), a.innerText = "Confirm";
     const I = () => {
-      r.classList.remove("pending-confirm"), r.innerHTML = S, r.removeEventListener("mouseleave", I);
+      a.classList.remove("pending-confirm"), a.innerHTML = S, a.removeEventListener("mouseleave", I);
     };
-    r.addEventListener("mouseleave", I), m.stopPropagation();
+    a.addEventListener("mouseleave", I), p.stopPropagation();
   }
 }
-const _n = (e) => new Promise((t) => setTimeout(t, e)), Fo = (e) => _n(e * 1e3);
-function Nn(e) {
+const Nn = (e) => new Promise((t) => setTimeout(t, e)), Ao = (e) => Nn(e * 1e3);
+function _n(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
 function Do(e, t) {
@@ -946,7 +954,7 @@ function $o(e, t) {
     ...t,
     onError(n, o) {
       var l;
-      n instanceof Wt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new oe(n.body.error));
+      n instanceof Wt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new le(n.body.error));
       const i = (l = t.onError) == null ? void 0 : l.call(t, n, o);
       return i !== void 0 ? i : n;
     }
@@ -959,11 +967,11 @@ function Vo(e, t) {
 }
 function Rn(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new K(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+  if (t.elScrolledToBottom && (n.el = new Y(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
     const o = et(e.vnode.el);
-    o ? n.ancestor = new K(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+    o ? n.ancestor = new Y(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new K(window, t.windowScrolledToBottom)), e[ke] = n;
+  t.windowScrolledToBottom && (n.window = new Y(window, t.windowScrolledToBottom)), e[ke] = n;
 }
 function Wn(e) {
   var n, o, i;
@@ -982,10 +990,10 @@ function et(e) {
   const n = window.getComputedStyle(t);
   return fe.includes(n.overflow) || fe.includes(n.overflowX) || fe.includes(n.overflowY) ? t : et(t);
 }
-class K {
+class Y {
   constructor(t, n) {
-    O(this, "isTripped", !1);
-    O(this, "onScrollWithContext", this.onScroll.bind(this));
+    F(this, "isTripped", !1);
+    F(this, "onScrollWithContext", this.onScroll.bind(this));
     this.el = t, this.handler = n, this.install();
   }
   install() {
@@ -998,30 +1006,30 @@ class K {
     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 _o(e) {
+function No(e) {
   V(() => window.addEventListener("resize", e)), ze(() => window.addEventListener("resize", e)), Ke(() => window.removeEventListener("resize", e)), ge(() => window.removeEventListener("resize", e));
 }
 const Un = {
-  mounted: Ne,
-  updated: Ne
-}, _e = Symbol("HasAutoFocused");
-function Ne(e, t) {
-  if (t.value === void 0 && e[_e] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[_e] = !0;
+  mounted: _e,
+  updated: _e
+}, Ne = Symbol("HasAutoFocused");
+function _e(e, t) {
+  if (t.value === void 0 && e[Ne] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[Ne] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
 const jn = {
   mounted: Pn
-}, P = Symbol("ConfirmState");
+}, q = Symbol("ConfirmState");
 function Pn(e, t) {
   e.addEventListener("click", (n) => {
-    var u, a;
+    var u, r;
     const o = Date.now(), i = ((u = t.value) == null ? void 0 : u.text) !== void 0 ? t.value.text : "Confirm";
-    if (e[P]) {
-      if (o - e[P].initTime < 300)
+    if (e[q]) {
+      if (o - e[q].initTime < 300)
         return;
-      e[P].resetHandler(), e.dispatchEvent(new Event("confirm"));
+      e[q].resetHandler(), e.dispatchEvent(new Event("confirm"));
       return;
     }
     n.preventDefault(), n.stopImmediatePropagation();
@@ -1030,10 +1038,10 @@ function Pn(e, t) {
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
         var d;
-        i && (e.innerHTML = l.preconfirmHtml), (d = t.value) != null && d.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", l.resetHandler), delete e[P];
+        i && (e.innerHTML = l.preconfirmHtml), (d = t.value) != null && d.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", l.resetHandler), delete e[q];
       }
     };
-    e[P] = l, i && (e.innerHTML = i), (a = t.value) != null && a.class && e.classList.add(t.value.class), e.addEventListener("mouseout", l.resetHandler);
+    e[q] = l, i && (e.innerHTML = i), (r = t.value) != null && r.class && e.classList.add(t.value.class), e.addEventListener("mouseout", l.resetHandler);
   });
 }
 const qn = {
@@ -1062,7 +1070,7 @@ function Yn(e, t) {
   const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), l = new Date(i);
   e.attributes.getNamedItem("display-utc") !== null && l.setMinutes(l.getMinutes() - l.getTimezoneOffset());
   let u = (k = e.attributes.getNamedItem("format")) == null ? void 0 : k.value;
-  const a = e.attributes.getNamedItem("date-only") !== null;
+  const r = e.attributes.getNamedItem("date-only") !== null;
   if (!u && e.attributes.getNamedItem("relative-date") !== null) {
     const f = /* @__PURE__ */ new Date();
     f.getFullYear() === l.getFullYear() && f.getMonth() === l.getMonth() && f.getDate() === l.getDate() && (n = "at", u = "HH:mm");
@@ -1071,10 +1079,10 @@ function Yn(e, t) {
     let f = null;
     const w = /* @__PURE__ */ new Date();
     w.getFullYear() === l.getFullYear() ? (w.getMonth() !== l.getMonth() || w.getDate() !== l.getDate()) && (f = "M/d") : f = "M/d/yy";
-    const m = a ? null : $.defaultTimeFormat;
-    u = Ye([f, m]).join(" ");
+    const p = r ? null : $.defaultTimeFormat;
+    u = Ye([f, p]).join(" ");
   }
-  u || (a ? u = $.defaultDateFormat : u = `${$.defaultDateFormat} ${$.defaultTimeFormat}`);
+  u || (r ? u = $.defaultDateFormat : u = `${$.defaultDateFormat} ${$.defaultTimeFormat}`);
   let d = ve(l, u);
   return n && (d = n + " " + d), d;
 }
@@ -1093,7 +1101,7 @@ const Gn = {
   beforeMount: Ue,
   updated: Ue,
   unmounted: nt
-}, X = Symbol("HasAutoFocused"), Te = [];
+}, Z = Symbol("HasAutoFocused"), Te = [];
 function Qn() {
   Te.forEach(tt);
 }
@@ -1103,17 +1111,17 @@ function Ue(e, t) {
   if (t.value == t.oldValue) return;
   if (!t.value) return nt(e);
   const n = new Date(t.value), o = (u = e.attributes.getNamedItem("base-time")) == null ? void 0 : u.value, i = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), l = e.getAttribute("no-seconds") === null;
-  e[X] || Te.push(e), e[X] = {
+  e[Z] || Te.push(e), e[Z] = {
     startTs: i,
     includeSeconds: l
   }, tt(e);
 }
 function tt(e) {
-  const t = e[X], n = Math.round((Date.now() - t.startTs) / 1e3);
+  const t = e[Z], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = Jn(n, t.includeSeconds);
 }
 function nt(e) {
-  e[X] && (Vt(Te, e), delete e[X]), e.innerText = "-";
+  e[Z] && (Vt(Te, e), delete e[Z]), e.innerText = "-";
 }
 function Jn(e, t) {
   const n = [], o = Math.floor(e / 86400);
@@ -1146,21 +1154,21 @@ function st(e) {
   if (typeof e.key != "string") return;
   const t = e.key.toLowerCase(), n = R.get(t);
   if (n) {
-    const o = _t(n);
+    const o = Nt(n);
     o == null || o.click(), e.preventDefault();
   }
 }
-const q = Symbol("InfiniteScrollHandler"), no = {
+const z = Symbol("InfiniteScrollHandler"), no = {
   mounted(e, t) {
-    e[q] = new K(e, t.value);
+    e[z] = new Y(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[q]) == null || n.uninstall(), e[q] = new K(e, t.value);
+    (n = e[z]) == null || n.uninstall(), e[z] = new Y(e, t.value);
   },
   unmounted(e) {
     var t;
-    (t = e[q]) == null || t.uninstall(), delete e[q];
+    (t = e[z]) == null || t.uninstall(), delete e[z];
   }
 }, oo = {
   beforeMount: je,
@@ -1173,7 +1181,7 @@ const lo = {
   mounted: Pe,
   updated: Pe,
   unmounted: it
-}, Y = Symbol("TooltipState");
+}, X = Symbol("TooltipState");
 function Pe(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
@@ -1182,26 +1190,26 @@ function Pe(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[Y] ? e[Y].configure(i) : e[Y] = new so(e, i);
+    e[X] ? e[X].configure(i) : e[X] = new so(e, i);
   } else
     it(e);
 }
 function it(e) {
   var t;
-  (t = e[Y]) == null || t.destroy(), delete e[Y];
+  (t = e[X]) == null || t.destroy(), delete e[X];
 }
 class so {
   constructor(t, n) {
-    O(this, "lastMoveEvt");
-    O(this, "checkInterval");
-    O(this, "shouldShow", !1);
-    O(this, "tipEl");
-    O(this, "titleEl");
-    O(this, "contentEl");
-    O(this, "mouseMoveBound", !1);
-    O(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
-    O(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
-    O(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
+    F(this, "lastMoveEvt");
+    F(this, "checkInterval");
+    F(this, "shouldShow", !1);
+    F(this, "tipEl");
+    F(this, "titleEl");
+    F(this, "contentEl");
+    F(this, "mouseMoveBound", !1);
+    F(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
+    F(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
+    F(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), t.addEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
@@ -1227,8 +1235,8 @@ class so {
   }
   handleMouseMove(t) {
     const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, i = window.innerWidth, l = window.innerHeight;
-    let u = t.pageX + 10, a = t.pageY + 20;
-    u + n > i && (u = t.pageX - 5 - n), a + o > l && (a = t.pageY - 5 - o), this.tipEl.style.left = u + "px", this.tipEl.style.top = a + "px", this.lastMoveEvt = t;
+    let u = t.pageX + 10, r = t.pageY + 20;
+    u + n > i && (u = t.pageX - 5 - n), r + o > l && (r = t.pageY - 5 - o), this.tipEl.style.left = u + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1241,15 +1249,15 @@ class so {
 function io(e) {
   e.directive("autofocus", Un), e.directive("confirm-button", jn), e.directive("date-input", qn), e.directive("datetime", Kn), e.directive("disabled", Xn), e.directive("duration", Gn), e.directive("hotkey", eo), e.directive("infinite-scroll", no), e.directive("readonly", oo), e.directive("tooltip", lo);
 }
-function No(e) {
+function _o(e) {
   io(e);
 }
 export {
   ho as OverlayContainer,
-  oe as UserError,
+  le as UserError,
   mo as VfAjaxSelect,
-  le as VfAlertModal,
-  Lo as VfEzSmartSelect,
+  se as VfAlertModal,
+  Mo as VfEzSmartSelect,
   on as VfModal,
   kn as VfSmartSelect,
   Do as cloneProp,
@@ -1264,34 +1272,34 @@ export {
   Kt as dismissOverlayInjectionByVnode,
   Uo as escapeHtml,
   Zt as formatError,
-  Nn as formatNumber,
+  _n as formatNumber,
   vn as formatPhone,
   mn as formatUSCurrency,
   ko as handleError,
   bo as handleErrorAndAlert,
-  No as installVf,
+  _o as installVf,
   To as maskComponent,
   Gt as maskEl,
   Qt as maskForm,
   Co as nl2br,
   Bo as nullifyEmptyInputs,
   Ee as presentOverlay,
-  te as removeOverlayInjection,
-  Oo as replaceElement,
+  ne as removeOverlayInjection,
+  Fo as replaceElement,
   Xt as showAlert,
   yo as showConfirm,
   go as showConfirmDestroy,
-  Ao as showContextMenu,
+  Oo as showContextMenu,
   Io as showToast,
   wo as showWait,
-  _n as sleep,
-  Fo as sleepSecs,
+  Nn as sleep,
+  Ao as sleepSecs,
   be as toError,
   So as unmaskComponent,
   Ge as unmaskEl,
   Qe as unmaskForm,
   Vo as useInfiniteScroll,
-  _o as useResizeWatcher,
-  xo as uuid,
-  Mo as vfModalRef
+  No as useResizeWatcher,
+  Lo as uuid,
+  xo as vfModalRef
 };