@signal24/vue-foundation 4.25.2 → 4.25.3

package/dist/vue-foundation.es.js

@@ -25,18 +25,18 @@ const nn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = T(null), s = M(() => r.value ? r.value.map((p) => {
+    const n = e, o = t, l = T(null), s = M(() => l.value ? l.value.map((p) => {
       const E = p;
       return n.preprocesor ? n.preprocesor(E) : n.displayKey ? E[n.displayKey] : "";
     }) : null), a = T(n.modelValue ?? null);
-    H(() => n.loadFn, l), H(
+    H(() => n.loadFn, r), H(
       () => n.modelValue,
       () => a.value = n.modelValue
     ), H(a, () => o("update:modelValue", a.value));
-    async function l() {
-      r.value = await n.loadFn();
+    async function r() {
+      l.value = await n.loadFn();
     }
-    return _(l), (u, p) => s.value ? ne((b(), k("select", {
+    return _(r), (u, p) => s.value ? ne((b(), k("select", {
       key: 1,
       "onUpdate:modelValue": p[0] || (p[0] = (E) => a.value = E)
     }, [
@@ -45,7 +45,7 @@ const nn = {
         var w;
         return b(), k("option", {
           key: v,
-          value: (w = r.value) == null ? void 0 : w[v]
+          value: (w = l.value) == null ? void 0 : w[v]
         }, W(E), 9, sn);
       }), 128))
     ], 512)), [
@@ -54,21 +54,21 @@ const nn = {
       B("option", null, W(n.loadingText || "Loading..."), 1)
     ]));
   }
-}), rn = /* @__PURE__ */ R({
+}), ln = /* @__PURE__ */ R({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), r = T([]), s = we();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), l = T([]), s = we();
     _(a);
     function a() {
       if (!s) return;
-      const p = s.vnode.el, { styles: E, classes: v } = l(p, n);
-      o.value = E, r.value = v;
+      const p = s.vnode.el, { styles: E, classes: v } = r(p, n);
+      o.value = E, l.value = v;
     }
-    function l(p, E) {
+    function r(p, E) {
       const v = t.anchor instanceof HTMLElement ? {} : t.anchor, w = E.getBoundingClientRect(), g = p.getBoundingClientRect();
       v.matchWidth && (g.width = w.width), v.matchHeight && (g.height = w.height);
       const c = v.class ? Array.isArray(v.class) ? v.class : [v.class] : [];
@@ -103,7 +103,7 @@ const nn = {
         window.addEventListener("click", u);
       }, 10);
     }), (p, E) => (b(), k("div", {
-      class: $(["vf-overlay-anchor", r.value]),
+      class: $(["vf-overlay-anchor", l.value]),
       style: $t(o.value),
       onClick: Ee(u, ["stop"])
     }, [
@@ -111,7 +111,7 @@ const nn = {
     ], 6));
   }
 });
-let ln = 0;
+let rn = 0;
 const N = Bt([]), Wo = R({
   setup() {
     return () => ie("div", [
@@ -122,13 +122,13 @@ const N = Bt([]), Wo = R({
 function ke(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 r = String(++ln), s = Nt(e), a = ie(s, t), l = n != null && n.anchor ? ie(rn, { overlayId: r, anchor: n.anchor }, () => [a]) : void 0, u = {
-    id: r,
+  const l = String(++rn), s = Nt(e), a = ie(s, t), r = n != null && n.anchor ? ie(ln, { overlayId: l, anchor: n.anchor }, () => [a]) : void 0, u = {
+    id: l,
     component: s,
     props: t,
     options: n ?? {},
     vnode: a,
-    wrapperVnode: l
+    wrapperVnode: r
   };
   return N.push(u), u;
 }
@@ -148,42 +148,42 @@ function un(e) {
   const t = N.findIndex((n) => n.id === e);
   return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
-function re(e) {
+function le(e) {
   const t = N.indexOf(e);
   t >= 0 && N.splice(t, 1);
 }
 async function Te(e, t, n) {
   return new Promise((o) => {
-    let r = null;
-    const a = { ...t, callback: async (l) => {
+    let l = null;
+    const a = { ...t, callback: async (r) => {
       if (n != null && n.onCallback) {
-        const u = n.onCallback(l);
+        const u = n.onCallback(r);
         if (typeof u == "object" && "then" in u && typeof u.then == "function" && await u === !1)
           return;
       }
-      re(r), o(l);
+      le(l), o(r);
     } };
-    r = ke(e, a, n);
+    l = ke(e, a, n);
   });
 }
-function le(e, t) {
+function re(e, t) {
   return typeof e == "object" && !(e instanceof Error) ? {
     ...e,
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
 async function cn(e, t) {
-  await Te(ue, le(e, t));
+  await Te(ue, re(e, t));
 }
 async function Uo(e, t) {
-  const n = le(e, t);
+  const n = re(e, t);
   return await Te(ue, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
 async function Po(e, t) {
-  const n = le(e, t);
+  const n = re(e, t);
   return await Te(ue, {
     ...n,
     shouldConfirm: !0,
@@ -191,14 +191,14 @@ async function Po(e, t) {
   }) === !0;
 }
 function qo(e, t) {
-  const n = le(e, t), o = ke(ue, {
+  const n = re(e, t), o = ke(ue, {
     ...n,
     isBare: !0,
     classes: ["wait", ...n.classes],
     callback: () => {
     }
   });
-  return () => re(o);
+  return () => le(o);
 }
 const F = {
   unhandledErrorSupportText: "please contact support",
@@ -242,8 +242,8 @@ async function Yo(e) {
 }
 const Z = Symbol("MaskState");
 function Xo(e, t) {
-  var r;
-  const n = (r = e.$) == null ? void 0 : r.vnode.el, o = n.closest(".vf-modal");
+  var l;
+  const n = (l = e.$) == null ? void 0 : l.vnode.el, o = n.closest(".vf-modal");
   return vn(o ?? n, t);
 }
 function Zo(e) {
@@ -263,27 +263,27 @@ function st(e) {
 }
 const ge = Symbol("FormMaskState");
 function mn(e, t, n) {
-  const o = e instanceof Element ? e : rt(e);
+  const o = e instanceof Element ? e : lt(e);
   if (!o) return () => {
   };
   o.classList.add("vf-masked");
-  const r = t instanceof Element ? t : o.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
+  const l = t instanceof Element ? t : o.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let s;
-  r && (s = r.tagName === "INPUT" ? r.value : r.innerHTML, r.setAttribute("disabled", "disabled"), r.innerText = n ?? "Please wait...");
-  const l = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return l.forEach((u) => u.setAttribute("disabled", "disabled")), o[ge] = {
-    disabledElements: l,
-    waitButton: r,
+  l && (s = l.tagName === "INPUT" ? l.value : l.innerHTML, l.setAttribute("disabled", "disabled"), l.innerText = n ?? "Please wait...");
+  const r = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return r.forEach((u) => u.setAttribute("disabled", "disabled")), o[ge] = {
+    disabledElements: r,
+    waitButton: l,
     buttonHtml: s
   }, () => it(o);
 }
 function it(e) {
-  const t = e instanceof Element ? e : rt(e);
+  const t = e instanceof Element ? e : lt(e);
   if (!t) return;
   const n = t[ge];
   n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((o) => o.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[ge]);
 }
-function rt(e) {
+function lt(e) {
   var n;
   const t = (n = e == null ? void 0 : e.$) == null ? void 0 : n.vnode.el;
   return t ? t.tagName === "FORM" ? t : t.querySelector("form") : null;
@@ -307,20 +307,20 @@ const pn = ["id"], hn = {
   setup(e, { expose: t }) {
     const n = we(), o = e;
     t({ mask: v, unmask: w, hide: g, unhide: c });
-    const r = T(), s = T(), a = T(!1), l = M(() => tt([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
+    const l = T(), s = T(), a = T(!1), r = M(() => tt([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
     _(() => {
       var d;
-      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (d = r.value) == null || d.addEventListener("click", u));
+      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (d = l.value) == null || d.addEventListener("click", u));
     }), be(() => {
       window.removeEventListener("keydown", p), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function u(d) {
-      d.target == r.value && E();
+      d.target == l.value && E();
     }
     function p(d) {
       if (d.key === "Esc" || d.key === "Escape") {
         const S = document.querySelectorAll(".vf-modal-wrap");
-        S[S.length - 1] === r.value && E();
+        S[S.length - 1] === l.value && E();
       }
     }
     function E() {
@@ -341,8 +341,8 @@ const pn = ["id"], hn = {
     return (d, S) => (b(), k("div", {
       id: d.id,
       ref_key: "overlay",
-      ref: r,
-      class: $(["vf-overlay vf-modal-wrap", l.value])
+      ref: l,
+      class: $(["vf-overlay vf-modal-wrap", r.value])
     }, [
       B("form", {
         ref_key: "form",
@@ -382,7 +382,7 @@ const pn = ["id"], hn = {
   },
   setup(e) {
     const t = e, n = M(() => t.message instanceof Error ? dn(t.message) : t.message);
-    return (o, r) => {
+    return (o, l) => {
       const s = Rt("autofocus");
       return b(), Je(wn, {
         class: $(["vf-alert", ...o.classes ?? []])
@@ -416,21 +416,21 @@ const pn = ["id"], hn = {
             o.shouldConfirm ? (b(), k(oe, { key: 0 }, [
               ne((b(), k("button", {
                 class: "primary",
-                onClick: r[0] || (r[0] = () => o.callback(!0))
-              }, r[3] || (r[3] = [
+                onClick: l[0] || (l[0] = () => o.callback(!0))
+              }, l[3] || (l[3] = [
                 X("Confirm")
               ]))), [
                 [s]
               ]),
               B("button", {
                 class: "default",
-                onClick: r[1] || (r[1] = () => o.callback(!1))
+                onClick: l[1] || (l[1] = () => o.callback(!1))
               }, "Cancel")
             ], 64)) : ne((b(), k("button", {
               key: 1,
               class: "default",
-              onClick: r[2] || (r[2] = () => o.callback(!0))
-            }, r[4] || (r[4] = [
+              onClick: l[2] || (l[2] = () => o.callback(!0))
+            }, l[4] || (l[4] = [
               X("OK")
             ]))), [
               [s]
@@ -459,39 +459,39 @@ var kn = {
   negativePattern: "-!#",
   format: Mn,
   fromCents: !1
-}, lt = function(t) {
+}, rt = function(t) {
   return Math.round(t);
 }, Se = function(t) {
   return Math.pow(10, t);
 }, Tn = function(t, n) {
-  return lt(t / n) * n;
+  return rt(t / n) * n;
 }, Cn = /(\d)(?=(\d{3})+\b)/g, Sn = /(\d)(?=(\d\d)+\d\b)/g;
 function V(e, t) {
   var n = this;
   if (!(n instanceof V))
     return new V(e, t);
-  var o = Object.assign({}, kn, t), r = Se(o.precision), s = te(e, o);
-  n.intValue = s, n.value = s / r, o.increment = o.increment || 1 / r, o.useVedic ? o.groups = Sn : o.groups = Cn, this.s = o, this.p = r;
+  var o = Object.assign({}, kn, t), l = Se(o.precision), s = te(e, o);
+  n.intValue = s, n.value = s / l, o.increment = o.increment || 1 / l, o.useVedic ? o.groups = Sn : o.groups = Cn, this.s = o, this.p = l;
 }
 function te(e, t) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, r = t.decimal, s = t.errorOnInvalid, a = t.precision, l = t.fromCents, u = Se(a), p = typeof e == "number", E = e instanceof V;
-  if (E && l)
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, a = t.precision, r = t.fromCents, u = Se(a), p = typeof e == "number", E = e instanceof V;
+  if (E && r)
     return e.intValue;
   if (p || E)
     o = E ? e.value : e;
   else if (typeof e == "string") {
-    var v = new RegExp("[^-\\d" + r + "]", "g"), w = new RegExp("\\" + r, "g");
+    var v = new RegExp("[^-\\d" + l + "]", "g"), w = new RegExp("\\" + l, "g");
     o = e.replace(/\((.*)\)/, "-$1").replace(v, "").replace(w, "."), o = o || 0;
   } else {
     if (s)
       throw Error("Invalid Input");
     o = 0;
   }
-  return l || (o *= u, o = o.toFixed(4)), n ? lt(o) : o;
+  return r || (o *= u, o = o.toFixed(4)), n ? rt(o) : o;
 }
 function Mn(e, t) {
-  var n = t.pattern, o = t.negativePattern, r = t.symbol, s = t.separator, a = t.decimal, l = t.groups, u = ("" + e).replace(/^-/, "").split("."), p = u[0], E = u[1];
-  return (e.value >= 0 ? n : o).replace("!", r).replace("#", p.replace(l, "$1" + s) + (E ? a + E : ""));
+  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, a = t.decimal, r = t.groups, u = ("" + e).replace(/^-/, "").split("."), p = u[0], E = u[1];
+  return (e.value >= 0 ? n : o).replace("!", l).replace("#", p.replace(r, "$1" + s) + (E ? a + E : ""));
 }
 V.prototype = {
   /**
@@ -500,8 +500,8 @@ V.prototype = {
    * @returns {currency}
    */
   add: function(t) {
-    var n = this.intValue, o = this.s, r = this.p;
-    return V((n += te(t, o)) / (o.fromCents ? 1 : r), o);
+    var n = this.intValue, o = this.s, l = this.p;
+    return V((n += te(t, o)) / (o.fromCents ? 1 : l), o);
   },
   /**
    * Subtracts value.
@@ -509,8 +509,8 @@ V.prototype = {
    * @returns {currency}
    */
   subtract: function(t) {
-    var n = this.intValue, o = this.s, r = this.p;
-    return V((n -= te(t, o)) / (o.fromCents ? 1 : r), o);
+    var n = this.intValue, o = this.s, l = this.p;
+    return V((n -= te(t, o)) / (o.fromCents ? 1 : l), o);
   },
   /**
    * Multiplies values.
@@ -537,9 +537,9 @@ V.prototype = {
    * @returns {array}
    */
   distribute: function(t) {
-    for (var n = this.intValue, o = this.p, r = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), l = Math.abs(n - a * t), u = r.fromCents ? 1 : o; t !== 0; t--) {
-      var p = V(a / u, r);
-      l-- > 0 && (p = p[n >= 0 ? "add" : "subtract"](1 / u)), s.push(p);
+    for (var n = this.intValue, o = this.p, l = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), r = Math.abs(n - a * t), u = l.fromCents ? 1 : o; t !== 0; t--) {
+      var p = V(a / u, l);
+      r-- > 0 && (p = p[n >= 0 ? "add" : "subtract"](1 / u)), s.push(p);
     }
     return s;
   },
@@ -601,11 +601,11 @@ function In() {
 }
 const Fn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), je = { randomUUID: Fn };
 function On(e, t, n) {
-  var r;
+  var l;
   if (je.randomUUID && !e)
     return je.randomUUID();
   e = e || {};
-  const o = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? In();
+  const o = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? In();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ln(o);
@@ -670,11 +670,11 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
   },
   emits: ["optionsLoaded", "update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = Symbol("null"), r = Symbol("create"), s = e, a = n;
+    const o = Symbol("null"), l = Symbol("create"), s = e, a = n;
     t({
       addRemoteOption: Dt
     });
-    const l = T(), u = T(), p = T(), E = T(!1), v = T(!1), w = T([]), g = T(!1), c = T(""), d = T(null), S = T(null), O = T(!1), L = T(null), xe = T(!1), ht = M(() => s.showCreateTextOnNewItem ?? !0), yt = M(() => s.prependOptions ?? []), gt = M(() => s.appendOptions ?? []), Ie = M(() => !!s.disabled), wt = M(() => !v.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = M(() => s.noResultsText || "No options match your search."), q = M(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), z = M(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), ce = M(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), de = M(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Fe = M(() => [...yt.value, ...w.value, ...gt.value]), Oe = M(() => !!(s.groupField || s.groupFormatter)), fe = M(() => Fe.value.map((i, m) => {
+    const r = T(), u = T(), p = T(), E = T(!1), v = T(!1), w = T([]), g = T(!1), c = T(""), d = T(null), S = T(null), O = T(!1), L = T(null), xe = T(!1), ht = M(() => s.showCreateTextOnNewItem ?? !0), yt = M(() => s.prependOptions ?? []), gt = M(() => s.appendOptions ?? []), Ie = M(() => !!s.disabled), wt = M(() => !v.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = M(() => s.noResultsText || "No options match your search."), q = M(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), z = M(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), ce = M(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), de = M(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Fe = M(() => [...yt.value, ...w.value, ...gt.value]), Oe = M(() => !!(s.groupField || s.groupFormatter)), fe = M(() => Fe.value.map((i, m) => {
       var _e, Ne, Re;
       const h = (_e = ce.value) == null ? void 0 : _e.call(ce, i), f = de.value(i), y = (Ne = s.subtitleFormatter) == null ? void 0 : Ne.call(s, i), C = f ? f.trim().toLowerCase() : "", Be = y ? y.trim().toLowerCase() : "", ee = [];
       return s.searchFields ? s.searchFields.forEach((We) => {
@@ -702,7 +702,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
               subtitle: (C = y.subtitle) == null ? void 0 : C.replace(f, "<mark>$1</mark>")
             };
           }), xe.value && (i.find((C) => C.searchContent === m) !== void 0 || i.push({
-            key: r,
+            key: l,
             title: ht.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
           }));
         }
@@ -735,15 +735,15 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     }), H(c, () => {
       g.value && !s.remoteSearch && !c.value.trim().length && (g.value = !1);
     }), H(O, () => {
-      O.value ? setTimeout(It, 0) : (g.value = !1, c.value = S.value || "", p.value && (p.value.style.visibility = "hidden"));
+      O.value ? setTimeout(It, 0) : (g.value = !1, c.value = S.value ?? "", p.value && (p.value.style.visibility = "hidden"));
     }), H(I, () => {
       var i;
-      s.modelValue && !d.value && me(), (L.value || g.value) && !I.value.find((m) => m.key == L.value) && (L.value = ((i = I.value[0]) == null ? void 0 : i.key) ?? o);
+      s.modelValue !== null && d.value === null && me(), (L.value !== null || g.value) && !I.value.find((m) => m.key == L.value) && (L.value = ((i = I.value[0]) == null ? void 0 : i.key) ?? o);
     }), _(async () => {
       xe.value = s.onCreateItem !== void 0, s.options ? (w.value = [...s.options], v.value = !0) : s.preload && await De(), me(), H(d, () => {
         d.value !== s.modelValue && a(
           "update:modelValue",
-          d.value && q.value ? q.value(d.value) : d.value
+          d.value !== null && q.value !== null ? q.value(d.value) : d.value
         );
       }), s.remoteSearch && H(c, qt(kt, 250));
     });
@@ -752,7 +752,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     }
     async function He() {
       var m;
-      const i = s.remoteSearch && g.value && c.value ? c.value : null;
+      const i = s.remoteSearch && g.value && c.value.length ? c.value : null;
       E.value = !0, w.value = await ((m = s.loadOptions) == null ? void 0 : m.call(s, i)) ?? [], E.value = !1, v.value = !0;
     }
     function kt() {
@@ -814,7 +814,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
       v.value || De(), s.optionsListId && ((i = p.value) == null || i.setAttribute("id", s.optionsListId)), Ft();
     }
     function Ft() {
-      const i = l.value.getBoundingClientRect(), m = i.y + i.height + 2, h = i.x, f = p.value, y = window.getComputedStyle(l.value);
+      const i = r.value.getBoundingClientRect(), m = i.y + i.height + 2, h = i.x, f = p.value, y = window.getComputedStyle(r.value);
       for (let C in y)
         /^(font|text)/.test(C) && (f.style[C] = y[C]);
       if (f.style.top = m + "px", f.style.left = h + "px", f.style.minWidth = i.width + "px", !y.maxHeight || y.maxHeight == "none") {
@@ -841,19 +841,19 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     }
     function Ae(i) {
       var m, h;
-      if (g.value = !1, i.key == o)
+      if (g.value = !1, i.key === o)
         c.value = "", d.value = null, S.value = null;
-      else if (i.key === r) {
+      else if (i.key === l) {
         const f = c.value.trim();
         c.value = "", d.value = null, S.value = null, (m = s.onCreateItem) == null || m.call(s, f);
       } else {
         const y = fe.value.find((C) => C.key == i.key).ref;
-        d.value = y, S.value = de.value(y), c.value = S.value || "";
+        d.value = y, S.value = de.value(y), c.value = S.value ?? "";
       }
       (h = u.value) == null || h.blur(), $e();
     }
     function me() {
-      s.modelValue ? (d.value = q.value ? Fe.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, S.value = d.value ? de.value(d.value) : null, c.value = S.value || "") : (d.value = null, S.value = null, c.value = "");
+      s.modelValue !== null ? (d.value = q.value ? Fe.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, S.value = d.value !== null ? de.value(d.value) : null, c.value = S.value ?? "") : (d.value = null, S.value = null, c.value = "");
     }
     function Dt(i) {
       w.value.unshift(i);
@@ -861,7 +861,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     function $e() {
       var y;
       if (!s.autoNext) return;
-      let i = (y = l.value) == null ? void 0 : y.parentElement;
+      let i = (y = r.value) == null ? void 0 : y.parentElement;
       for (; i && i.tagName !== "FORM" && i.tagName !== "BODY"; )
         i = i.parentElement;
       if (!i) return;
@@ -872,7 +872,7 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
     }
     return (i, m) => (b(), k("div", {
       ref_key: "el",
-      ref: l,
+      ref: r,
       class: $(["vf-smart-select", { disabled: Ie.value, open: O.value }])
     }, [
       ne(B("input", {
@@ -951,27 +951,27 @@ const An = ["disabled", "placeholder", "required", "name"], $n = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: String(l) })) : Object.entries(n.options).map(([l, u]) => ({
-      value: l,
+    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: String(r) })) : Object.entries(n.options).map(([r, u]) => ({
+      value: r,
       label: u
-    }))), r = M(() => n.formatter ? (l) => n.formatter(l.label, l.value) : (l) => l.label), s = t, a = T(o.value.find((l) => l.value === n.modelValue) ?? null);
+    }))), l = M(() => n.formatter ? (r) => n.formatter(r.label, r.value) : (r) => r.label), s = t, a = T(o.value.find((r) => r.value === n.modelValue) ?? null);
     return H(
       () => n.modelValue,
-      (l) => {
-        a.value = o.value.find((u) => u.value === l) ?? null;
+      (r) => {
+        a.value = o.value.find((u) => u.value === r) ?? null;
       }
-    ), H(a, (l) => {
+    ), H(a, (r) => {
       var p;
-      const u = l ? (p = o.value.find((E) => nt(E, l))) == null ? void 0 : p.value : null;
+      const u = r ? (p = o.value.find((E) => nt(E, r))) == null ? void 0 : p.value : null;
       s("update:modelValue", u ?? null);
-    }), (l, u) => (b(), Je(Un, {
+    }), (r, u) => (b(), Je(Un, {
       modelValue: a.value,
       "onUpdate:modelValue": u[0] || (u[0] = (p) => a.value = p),
       options: o.value,
-      formatter: r.value,
-      "null-title": l.nullTitle,
-      placeholder: l.placeholder,
-      name: l.name
+      formatter: l.value,
+      "null-title": r.nullTitle,
+      placeholder: r.placeholder,
+      name: r.name
     }, null, 8, ["modelValue", "options", "formatter", "null-title", "placeholder", "name"]));
   }
 });
@@ -1002,20 +1002,20 @@ const Pn = { class: "content" }, qn = { class: "message" }, zn = {
     const o = T();
     return t.durationSecs !== null && _(() => {
       var s;
-      const r = t.durationSecs ?? 5;
+      const l = t.durationSecs ?? 5;
       (s = o.value) == null || s.animate([{ width: "0%" }, { width: "100%" }], {
-        duration: r * 1e3,
+        duration: l * 1e3,
         easing: "linear"
-      }), setTimeout(() => t.callback(), r * 1e3);
-    }), (r, s) => (b(), k("div", {
-      class: $(["vf-toast", r.className]),
+      }), setTimeout(() => t.callback(), l * 1e3);
+    }), (l, s) => (b(), k("div", {
+      class: $(["vf-toast", l.className]),
       onClick: Ee(n, ["stop"])
     }, [
       B("div", Pn, [
-        B("div", qn, W(r.message), 1),
-        r.disableClose ? A("", !0) : (b(), k("div", zn, "x"))
+        B("div", qn, W(l.message), 1),
+        l.disableClose ? A("", !0) : (b(), k("div", zn, "x"))
       ]),
-      r.durationSecs !== null ? (b(), k("div", Kn, [
+      l.durationSecs !== null ? (b(), k("div", Kn, [
         B("div", {
           ref_key: "progressInnerEl",
           ref: o,
@@ -1028,13 +1028,13 @@ const Pn = { class: "content" }, qn = { class: "message" }, zn = {
 function ts(e) {
   const t = ke(Yn, {
     ...e,
-    callback: () => re(t)
+    callback: () => le(t)
   });
-  return () => re(t);
+  return () => le(t);
 }
 function Xn(e) {
-  const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), r = ["B", "KB", "MB", "GB", "TB"][t];
-  return `${o} ${r}`;
+  const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), l = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${o} ${l}`;
 }
 function Zn(e) {
   return e != null && String(e).length ? e : "-";
@@ -1069,10 +1069,10 @@ function so(e, t) {
 function io(e, t) {
   return V(e).divide(t).value;
 }
-function ro(e, t) {
+function lo(e, t) {
   return e && P(new Date(e), t ?? F.defaultDateFormat);
 }
-function lo(e, t) {
+function ro(e, t) {
   return e && P(new Date(e), t ?? F.defaultTimeFormat);
 }
 function ao(e, t) {
@@ -1094,8 +1094,8 @@ const Ue = {
   desnake: oo,
   usCurrency: so,
   divide: io,
-  date: ro,
-  time: lo,
+  date: lo,
+  time: ro,
   dateTime: ao,
   oneDayForward: uo
 }, ns = (e) => ({
@@ -1111,8 +1111,8 @@ function ss(e, t) {
   n.classList.add("vf-overlay"), n.addEventListener("click", v), document.body.appendChild(n);
   const o = document.createElement("div");
   o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
-  const r = e.currentTarget;
-  r.style.userSelect = "none", r.classList.add("context-menu-active"), t.targetClass && r.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((g) => {
+  const l = e.currentTarget;
+  l.style.userSelect = "none", l.classList.add("context-menu-active"), t.targetClass && l.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((g) => {
     if (g == "-") {
       const d = document.createElement("div");
       d.classList.add("separator"), o.appendChild(d);
@@ -1121,12 +1121,12 @@ function ss(e, t) {
     const c = document.createElement("div");
     c.classList.add("item"), c.style.userSelect = "none", c.innerText = g.title, o.appendChild(c), g.class && c.classList.add(g.class), g.shouldConfirm ? c.addEventListener("click", (d) => w(d, c, g.handler)) : c.addEventListener("click", () => g.handler());
   });
-  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, l = o.offsetHeight, u = o.offsetWidth, p = s < u ? e.clientX - u - 1 : e.clientX + 1, E = a < l ? e.clientY - l - 1 : e.clientY + 1;
+  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, r = o.offsetHeight, u = o.offsetWidth, p = s < u ? e.clientX - u - 1 : e.clientX + 1, E = a < r ? e.clientY - r - 1 : e.clientY + 1;
   o.style.left = p + "px", o.style.top = E + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
   function v() {
-    t.targetClass && r.classList.remove(t.targetClass), r.classList.remove("context-menu-active"), r.style.userSelect = "", n.remove();
+    t.targetClass && l.classList.remove(t.targetClass), l.classList.remove("context-menu-active"), l.style.userSelect = "", n.remove();
   }
   function w(g, c, d) {
     if (c.classList.contains("pending-confirm"))
@@ -1143,10 +1143,10 @@ const co = (e) => new Promise((t) => setTimeout(t, e)), is = (e) => co(e * 1e3);
 function fo(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function rs(e, t) {
+function ls(e, t) {
   return e != null ? Yt(e) : t;
 }
-function ls(e, t) {
+function rs(e, t) {
   const n = { ...e };
   for (const o of t)
     n[o] === "" && (n[o] = null);
@@ -1158,8 +1158,8 @@ function as(e, t) {
     onError(n, o) {
       var s;
       n instanceof tn && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new ae(n.body.error));
-      const r = (s = t.onError) == null ? void 0 : s.call(t, n, o);
-      return r !== void 0 ? r : n;
+      const l = (s = t.onError) == null ? void 0 : s.call(t, n, o);
+      return l !== void 0 ? l : n;
     }
   });
 }
@@ -1177,14 +1177,14 @@ function vo(e, t) {
   t.windowScrolledToBottom && (n.window = new G(window, t.windowScrolledToBottom)), e[Me] = n;
 }
 function mo(e) {
-  var n, o, r;
+  var n, o, l;
   const t = e[Me];
-  (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (r = t == null ? void 0 : t.window) == null || r.install();
+  (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (l = t == null ? void 0 : t.window) == null || l.install();
 }
 function Pe(e) {
-  var n, o, r;
+  var n, o, l;
   const t = e[Me];
-  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (r = t == null ? void 0 : t.window) == null || r.uninstall();
+  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (l = t == null ? void 0 : t.window) == null || l.uninstall();
 }
 const ye = ["auto", "scroll"];
 function ut(e) {
@@ -1227,8 +1227,8 @@ const ho = {
 }, K = Symbol("ConfirmState");
 function yo(e, t) {
   e.addEventListener("click", (n) => {
-    var a, l;
-    const o = Date.now(), r = ((a = t.value) == null ? void 0 : a.text) !== void 0 ? t.value.text : "Confirm";
+    var a, r;
+    const o = Date.now(), l = ((a = t.value) == null ? void 0 : a.text) !== void 0 ? t.value.text : "Confirm";
     if (e[K]) {
       if (o - e[K].initTime < 300)
         return;
@@ -1241,10 +1241,10 @@ function yo(e, t) {
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
         var u;
-        r && (e.innerHTML = s.preconfirmHtml), (u = t.value) != null && u.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
+        l && (e.innerHTML = s.preconfirmHtml), (u = t.value) != null && u.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
       }
     };
-    e[K] = s, r && (e.innerHTML = r), (l = t.value) != null && l.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
+    e[K] = s, l && (e.innerHTML = l), (r = t.value) != null && r.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
   });
 }
 const go = {
@@ -1270,10 +1270,10 @@ function bo(e, t) {
   if (!t.value)
     return ((p = e.attributes.getNamedItem("placeholder")) == null ? void 0 : p.value) ?? "";
   let n = "";
-  const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), r = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), s = new Date(r);
+  const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), l = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), s = new Date(l);
   e.attributes.getNamedItem("display-utc") !== null && s.setMinutes(s.getMinutes() - s.getTimezoneOffset());
   let a = (E = e.attributes.getNamedItem("format")) == null ? void 0 : E.value;
-  const l = e.attributes.getNamedItem("date-only") !== null;
+  const r = e.attributes.getNamedItem("date-only") !== null;
   if (!a && e.attributes.getNamedItem("relative-date") !== null) {
     const v = /* @__PURE__ */ new Date();
     v.getFullYear() === s.getFullYear() && v.getMonth() === s.getMonth() && v.getDate() === s.getDate() && (n = "at", a = "HH:mm");
@@ -1282,10 +1282,10 @@ function bo(e, t) {
     let v = null;
     const w = /* @__PURE__ */ new Date();
     w.getFullYear() === s.getFullYear() ? (w.getMonth() !== s.getMonth() || w.getDate() !== s.getDate()) && (v = "M/d") : v = "M/d/yy";
-    const g = l ? null : F.defaultTimeFormat;
+    const g = r ? null : F.defaultTimeFormat;
     a = tt([v, g]).join(" ");
   }
-  a || (l ? a = F.defaultDateFormat : a = `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
+  a || (r ? a = F.defaultDateFormat : a = `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
   let u = P(s, a);
   return n && (u = n + " " + u), u;
 }
@@ -1313,9 +1313,9 @@ function Xe(e, t) {
   var a;
   if (t.value == t.oldValue) return;
   if (!t.value) return dt(e);
-  const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, r = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
+  const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, l = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
   e[Q] || Le.push(e), e[Q] = {
-    startTs: r,
+    startTs: l,
     includeSeconds: s
   }, ct(e);
 }
@@ -1329,10 +1329,10 @@ function dt(e) {
 function Mo(e, t) {
   const n = [], o = Math.floor(e / 86400);
   o && n.push(o + "d"), e -= o * 86400;
-  const r = Math.floor(e / 3600);
-  (o || r) && n.push(r + "h"), e -= r * 3600;
+  const l = Math.floor(e / 3600);
+  (o || l) && n.push(l + "h"), e -= l * 3600;
   const s = Math.floor(e / 60);
-  return (o || r || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
+  return (o || l || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
 }
 const Lo = {
   mounted: ft,
@@ -1389,11 +1389,11 @@ function Ge(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
   if (t.value || (n = null), n) {
-    const r = {
+    const l = {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[J] ? e[J].configure(r) : e[J] = new Do(e, r);
+    e[J] ? e[J].configure(l) : e[J] = new Do(e, l);
   } else
     pt(e);
 }
@@ -1437,9 +1437,9 @@ class Do {
     this.shouldShow || this.tipEl && (this.tipEl.remove(), this.tipEl = void 0, this.titleEl = void 0, this.contentEl = void 0, this.checkInterval && (clearInterval(this.checkInterval), this.checkInterval = void 0), window.removeEventListener("mousemove", this.handleMouseMoveWithContext), this.mouseMoveBound = !1);
   }
   handleMouseMove(t) {
-    const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, r = window.innerWidth, s = window.innerHeight;
-    let a = t.pageX + 10, l = t.pageY + 20;
-    a + n > r && (a = t.pageX - 5 - n), l + o > s && (l = t.pageY - 5 - o), this.tipEl.style.left = a + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
+    const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, l = window.innerWidth, s = window.innerHeight;
+    let a = t.pageX + 10, r = t.pageY + 20;
+    a + n > l && (a = t.pageX - 5 - n), r + o > s && (r = t.pageY - 5 - o), this.tipEl.style.left = a + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1463,7 +1463,7 @@ export {
   Qo as VfEzSmartSelect,
   wn as VfModal,
   Un as VfSmartSelect,
-  rs as cloneProp,
+  ls as cloneProp,
   zo as configureVf,
   as as configureVfOpenApiClient,
   ns as createFilters,
@@ -1486,9 +1486,9 @@ export {
   vn as maskEl,
   mn as maskForm,
   Go as nl2br,
-  ls as nullifyEmptyInputs,
+  rs as nullifyEmptyInputs,
   Te as presentOverlay,
-  re as removeOverlayInjection,
+  le as removeOverlayInjection,
   os as replaceElement,
   cn as showAlert,
   Uo as showConfirm,