@signal24/vue-foundation 4.29.0 → 4.29.2

package/dist/vue-foundation.es.js

@@ -1,15 +1,16 @@
-import { defineComponent as _, ref as S, computed as T, watch as I, onMounted as N, createElementBlock as k, withDirectives as re, openBlock as b, createElementVNode as $, toDisplayString as R, createCommentVNode as H, Fragment as ie, renderList as le, vModelSelect as At, getCurrentInstance as be, withModifiers as ke, normalizeStyle as $t, normalizeClass as V, renderSlot as U, reactive as Bt, h as ae, Teleport as Nt, markRaw as _t, onBeforeUnmount as ue, resolveDirective as Rt, createBlock as Qe, createSlots as Ut, withCtx as he, createTextVNode as X, vModelText as jt, onActivated as et, onDeactivated as tt } from "vue";
-import { compact as nt, cloneDeep as Pt, uniq as Wt, groupBy as qt, isEqual as we, debounce as zt, startCase as Kt, upperFirst as Yt, remove as Xt, last as Gt } from "lodash";
-import { escapeHtml as Zt } from "@vue/shared";
-import { escapeHtml as ys } from "@vue/shared";
-import { format as P, addDays as Jt, parse as Qt } from "date-fns";
+import { defineComponent as N, ref as S, computed as T, watch as I, onMounted as _, createElementBlock as k, withDirectives as ie, openBlock as b, createElementVNode as $, toDisplayString as R, createCommentVNode as V, Fragment as le, renderList as re, vModelSelect as Vt, getCurrentInstance as be, withModifiers as ke, normalizeStyle as Ht, normalizeClass as H, renderSlot as W, reactive as At, h as ae, Teleport as $t, markRaw as Bt, onBeforeUnmount as ue, resolveDirective as _t, createBlock as Je, createSlots as Nt, withCtx as he, createTextVNode as X, vModelText as Rt, onActivated as Qe, onDeactivated as et } from "vue";
+import { compact as tt, cloneDeep as Wt, uniq as jt, groupBy as Ut, isEqual as we, debounce as Pt, startCase as qt, upperFirst as zt, remove as Kt, last as Yt } from "lodash";
+import { configureOpenApiClient as Xt, OpenApiError as Zt } from "@signal24/openapi-client-codegen";
+import { escapeHtml as Gt } from "@vue/shared";
+import { escapeHtml as ps } from "@vue/shared";
+import { format as U, addDays as Jt, parse as Qt } from "date-fns";
 const en = {
   key: 0,
   disabled: ""
 }, tn = {
   key: 0,
   value: null
-}, nn = ["value"], jo = /* @__PURE__ */ _({
+}, nn = ["value"], _o = /* @__PURE__ */ N({
   __name: "vf-ajax-select",
   props: {
     modelValue: {},
@@ -21,28 +22,28 @@ const en = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = S(null), s = T(() => r.value ? r.value.map((d) => {
-      const h = d;
-      return n.preprocesor ? n.preprocesor(h) : n.displayKey ? h[n.displayKey] : "";
-    }) : null), a = S(n.modelValue ?? null);
-    I(() => n.loadFn, l), I(
+    const n = e, o = t, l = S(null), s = T(() => l.value ? l.value.map((d) => {
+      const E = d;
+      return n.preprocesor ? n.preprocesor(E) : n.displayKey ? E[n.displayKey] : "";
+    }) : null), u = S(n.modelValue ?? null);
+    I(() => n.loadFn, r), I(
       () => n.modelValue,
-      () => a.value = n.modelValue
-    ), I(a, () => o("update:modelValue", a.value));
-    async function l() {
-      r.value = await n.loadFn();
+      () => u.value = n.modelValue
+    ), I(u, () => o("update:modelValue", u.value));
+    async function r() {
+      l.value = await n.loadFn();
     }
-    return N(l), (u, d) => s.value ? re((b(), k("select", {
+    return _(r), (c, d) => s.value ? ie((b(), k("select", {
       key: 1,
-      "onUpdate:modelValue": d[0] || (d[0] = (h) => a.value = h)
+      "onUpdate:modelValue": d[0] || (d[0] = (E) => u.value = E)
     }, [
-      n.nullText ? (b(), k("option", tn, R(n.nullText), 1)) : H("", !0),
-      (b(!0), k(ie, null, le(s.value, (h, m) => (b(), k("option", {
-        key: m,
-        value: r.value?.[m]
-      }, R(h), 9, nn))), 128))
+      n.nullText ? (b(), k("option", tn, R(n.nullText), 1)) : V("", !0),
+      (b(!0), k(le, null, re(s.value, (E, h) => (b(), k("option", {
+        key: h,
+        value: l.value?.[h]
+      }, R(E), 9, nn))), 128))
     ], 512)), [
-      [At, a.value]
+      [Vt, u.value]
     ]) : (b(), k("select", en, [
       $("option", null, R(n.loadingText || "Loading..."), 1)
     ]));
@@ -54,104 +55,104 @@ const en = {
   defaultTimeFormat: "H:mm",
   defaultCurrencyDivisor: 1
 };
-function Po(e) {
+function No(e) {
   Object.assign(F, e);
 }
-const on = /* @__PURE__ */ _({
+const on = /* @__PURE__ */ N({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = S({ visibility: "hidden", top: "0", left: "0" }), r = S([]), s = be();
-    N(a);
-    function a() {
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = S({ visibility: "hidden", top: "0", left: "0" }), l = S([]), s = be();
+    _(u);
+    function u() {
       if (!s) return;
-      const d = s.vnode.el, { styles: h, classes: m } = l(d, n);
-      o.value = h, r.value = m;
+      const d = s.vnode.el, { styles: E, classes: h } = r(d, n);
+      o.value = E, l.value = h;
     }
-    function l(d, h) {
-      const m = t.anchor instanceof HTMLElement ? {} : t.anchor, w = h.getBoundingClientRect(), c = d.getBoundingClientRect();
-      m.matchWidth && (c.width = w.width), m.matchHeight && (c.height = w.height);
-      const f = m.class ? Array.isArray(m.class) ? m.class : [m.class] : [];
-      let y, C;
-      if (m.y === "center")
-        y = w.top + w.height / 2 - c.height / 2, f.push("anchored-center-y");
+    function r(d, E) {
+      const h = t.anchor instanceof HTMLElement ? {} : t.anchor, g = E.getBoundingClientRect(), a = d.getBoundingClientRect();
+      h.matchWidth && (a.width = g.width), h.matchHeight && (a.height = g.height);
+      const f = h.class ? Array.isArray(h.class) ? h.class : [h.class] : [];
+      let m, C;
+      if (h.y === "center")
+        m = g.top + g.height / 2 - a.height / 2, f.push("anchored-center-y");
       else {
-        const B = (w.bottom + c.height < window.innerHeight || m.y === "below") && m.y !== "above";
-        y = B ? w.bottom : w.top - c.height, f.push(B ? "anchored-top" : "anchored-bottom");
+        const B = (g.bottom + a.height < window.innerHeight || h.y === "below") && h.y !== "above";
+        m = B ? g.bottom : g.top - a.height, f.push(B ? "anchored-top" : "anchored-bottom");
       }
-      if (m.x === "center")
-        C = w.left + w.width / 2 - c.width / 2, f.push("anchored-center-x");
+      if (h.x === "center")
+        C = g.left + g.width / 2 - a.width / 2, f.push("anchored-center-x");
       else {
-        const B = (w.left + c.width < window.innerWidth || m.x === "left") && m.x !== "right";
-        C = B ? w.left : w.right - c.width, f.push(B ? "anchored-left" : "anchored-right");
+        const B = (g.left + a.width < window.innerWidth || h.x === "left") && h.x !== "right";
+        C = B ? g.left : g.right - a.width, f.push(B ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
-          top: `${y}px`,
+          top: `${m}px`,
           left: `${C}px`,
-          ...m.matchWidth ? { width: `${c.width}px` } : {},
-          ...m.matchHeight ? { height: `${c.height}px` } : {}
+          ...h.matchWidth ? { width: `${a.width}px` } : {},
+          ...h.matchHeight ? { height: `${a.height}px` } : {}
         },
         classes: f
       };
     }
-    function u() {
-      window.removeEventListener("click", u), ln(t.overlayId);
+    function c() {
+      window.removeEventListener("click", c), rn(t.overlayId);
     }
-    return N(() => {
+    return _(() => {
       setTimeout(() => {
-        window.addEventListener("click", u);
+        window.addEventListener("click", c);
       }, 10);
-    }), (d, h) => (b(), k("div", {
-      class: V(["vf-overlay-anchor", r.value]),
-      style: $t(o.value),
-      onClick: ke(u, ["stop"])
+    }), (d, E) => (b(), k("div", {
+      class: H(["vf-overlay-anchor", l.value]),
+      style: Ht(o.value),
+      onClick: ke(c, ["stop"])
     }, [
-      U(d.$slots, "default")
+      W(d.$slots, "default")
     ], 6));
   }
 });
 let sn = 0;
-const A = Bt([]);
+const A = At([]);
 I(A, () => {
   F.onOverlaysChanged?.(A.length);
 });
-const Wo = _({
+const Ro = N({
   setup() {
     return () => ae("div", [
-      le(A, (e) => ae(Nt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      re(A, (e) => ae($t, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
 function ce(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(++sn), s = _t(e), a = ae(s, t), l = n?.anchor ? ae(on, { overlayId: r, anchor: n.anchor }, () => [a]) : void 0, u = {
-    id: r,
+  const l = String(++sn), s = Bt(e), u = ae(s, t), r = n?.anchor ? ae(on, { overlayId: l, anchor: n.anchor }, () => [u]) : void 0, c = {
+    id: l,
     component: s,
     props: t,
     options: n ?? {},
-    vnode: a,
-    wrapperVnode: l
+    vnode: u,
+    wrapperVnode: r
   };
-  return A.push(u), u;
+  return A.push(c), c;
 }
-function qo(e) {
-  e.$ && ot(e.$);
+function Wo(e) {
+  e.$ && nt(e.$);
 }
-function ot(e) {
+function nt(e) {
   let t = e;
-  for (; t && !rn(t.vnode); )
+  for (; t && !ln(t.vnode); )
     t = t.parent;
 }
-function rn(e) {
+function ln(e) {
   const t = A.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (A[t].props.callback(), !0) : !1;
 }
-function ln(e) {
+function rn(e) {
   const t = A.findIndex((n) => n.id === e);
   return t >= 0 ? (A[t].props.callback(), !0) : !1;
 }
@@ -161,16 +162,16 @@ function Q(e) {
 }
 async function Te(e, t, n) {
   return new Promise((o) => {
-    let r = null;
-    const a = { ...t, callback: async (l) => {
+    let l = null;
+    const u = { ...t, callback: async (r) => {
       if (n?.onCallback) {
-        const u = n.onCallback(l);
-        if (typeof u == "object" && "then" in u && typeof u.then == "function" && await u === !1)
+        const c = n.onCallback(r);
+        if (typeof c == "object" && "then" in c && typeof c.then == "function" && await c === !1)
           return;
       }
-      Q(r), o(l);
+      Q(l), o(r);
     } };
-    r = ce(e, a, n);
+    l = ce(e, u, n);
   });
 }
 async function an(e, t) {
@@ -187,14 +188,14 @@ function te(e, t) {
 async function un(e, t) {
   await Te(ne, te(e, t));
 }
-async function zo(e, t) {
+async function jo(e, t) {
   const n = te(e, t);
   return await Te(ne, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
-async function Ko(e, t) {
+async function Uo(e, t) {
   const n = te(e, t);
   return await Te(ne, {
     ...n,
@@ -202,7 +203,7 @@ async function Ko(e, t) {
     classes: ["destructive", ...n.classes]
   }) === !0;
 }
-function Yo(e, t) {
+function Po(e, t) {
   const n = te(e, t), o = ce(ne, {
     ...n,
     isBare: !0,
@@ -212,7 +213,7 @@ function Yo(e, t) {
   });
   return () => Q(o);
 }
-function Xo(e, t) {
+function qo(e, t) {
   const n = te(e, t), o = ce(ne, {
     ...n,
     isBare: !0,
@@ -221,8 +222,8 @@ function Xo(e, t) {
     }
   });
   return {
-    update: (r) => {
-      an(o, { message: r });
+    update: (l) => {
+      an(o, { message: l });
     },
     dismiss: () => Q(o)
   };
@@ -245,7 +246,7 @@ function Se(e) {
 function dn(e) {
   return e instanceof Error || typeof e == "object" && e !== null && "message" in e && "name" in e;
 }
-async function Go(e, t) {
+async function zo(e, t) {
   const n = Se(e);
   return n instanceof de || F.errorHandler(n), un({
     title: t?.title,
@@ -253,28 +254,28 @@ async function Go(e, t) {
     classes: t?.classes
   });
 }
-async function Zo(e) {
+async function Ko(e) {
   const t = Se(e);
   t instanceof de || F.errorHandler(t);
 }
-const G = Symbol("MaskState");
-function Jo(e, t) {
+const Z = Symbol("MaskState");
+function Yo(e, t) {
   const n = e.$?.vnode.el, o = n.closest(".vf-modal");
   return fn(o ?? n, t);
 }
-function Qo(e) {
+function Xo(e) {
   const t = e.$?.vnode.el, n = t.closest(".vf-modal");
-  return st(n ?? t);
+  return ot(n ?? t);
 }
 function fn(e, t) {
-  if (!e[G]) {
+  if (!e[Z]) {
     const n = document.createElement("div");
-    n.classList.add("vf-mask"), e.appendChild(n), e[G] = { maskEl: n };
+    n.classList.add("vf-mask"), e.appendChild(n), e[Z] = { maskEl: n };
   }
-  return e[G].maskEl.innerText = t ?? "", () => st(e);
+  return e[Z].maskEl.innerText = t ?? "", () => ot(e);
 }
-function st(e) {
-  e[G] && e.removeChild(e[G].maskEl);
+function ot(e) {
+  e[Z] && e.removeChild(e[Z].maskEl);
 }
 const Ee = Symbol("FormMaskState");
 function pn(e, t, n) {
@@ -282,17 +283,17 @@ function pn(e, t, n) {
   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[Ee] = {
-    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((c) => c.setAttribute("disabled", "disabled")), o[Ee] = {
+    disabledElements: r,
+    waitButton: l,
     buttonHtml: s
-  }, () => rt(o);
+  }, () => st(o);
 }
-function rt(e) {
+function st(e) {
   const t = e instanceof Element ? e : it(e);
   if (!t) return;
   const n = t[Ee];
@@ -308,7 +309,7 @@ const vn = ["id"], mn = {
 }, hn = { class: "vf-modal-content" }, yn = {
   key: 1,
   class: "vf-modal-footer"
-}, gn = /* @__PURE__ */ _({
+}, gn = /* @__PURE__ */ N({
   __name: "vf-modal",
   props: {
     id: {},
@@ -320,68 +321,68 @@ const vn = ["id"], mn = {
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
     const n = be(), o = e;
-    t({ mask: m, unmask: w, hide: c, unhide: f });
-    const r = S(), s = S(), a = S(!1), l = T(() => nt([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
-    N(() => {
-      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", d), r.value?.addEventListener("click", u));
+    t({ mask: h, unmask: g, hide: a, unhide: f });
+    const l = S(), s = S(), u = S(!1), r = T(() => tt([...Array.isArray(o.class) ? o.class : [o.class], u.value && "hidden"]));
+    _(() => {
+      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", d), l.value?.addEventListener("click", c));
     }), ue(() => {
       window.removeEventListener("keydown", d), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function u(y) {
-      y.target == r.value && h();
+    function c(m) {
+      m.target == l.value && E();
     }
-    function d(y) {
-      if (y.key === "Esc" || y.key === "Escape") {
+    function d(m) {
+      if (m.key === "Esc" || m.key === "Escape") {
         const C = document.querySelectorAll(".vf-modal-wrap");
-        C[C.length - 1] === r.value && h();
+        C[C.length - 1] === l.value && E();
       }
     }
-    function h() {
-      ot(n);
+    function E() {
+      nt(n);
     }
-    function m() {
-      return pn(s.value), () => w();
+    function h() {
+      return pn(s.value), () => g();
     }
-    function w() {
-      rt(s.value);
+    function g() {
+      st(s.value);
     }
-    function c() {
-      return a.value = !0, () => f();
+    function a() {
+      return u.value = !0, () => f();
     }
     function f() {
-      a.value = !1;
+      u.value = !1;
     }
-    return (y, C) => (b(), k("div", {
-      id: y.id,
+    return (m, C) => (b(), k("div", {
+      id: m.id,
       ref_key: "overlay",
-      ref: r,
-      class: V(["vf-overlay vf-modal-wrap", l.value])
+      ref: l,
+      class: H(["vf-overlay vf-modal-wrap", r.value])
     }, [
       $("form", {
         ref_key: "form",
         ref: s,
         action: ".",
-        class: V(["vf-modal", { scrolls: y.scrolls }]),
-        onSubmit: C[0] || (C[0] = ke((x) => y.$emit("formSubmit"), ["prevent"]))
+        class: H(["vf-modal", { scrolls: m.scrolls }]),
+        onSubmit: C[0] || (C[0] = ke((x) => m.$emit("formSubmit"), ["prevent"]))
       }, [
-        y.$slots.header ? (b(), k("div", mn, [
-          U(y.$slots, "header"),
+        m.$slots.header ? (b(), k("div", mn, [
+          W(m.$slots, "header"),
           o.closeX ? (b(), k("i", {
             key: 0,
             class: "close",
-            onClick: h
-          })) : H("", !0)
-        ])) : H("", !0),
+            onClick: E
+          })) : V("", !0)
+        ])) : V("", !0),
         $("div", hn, [
-          U(y.$slots, "default")
+          W(m.$slots, "default")
         ]),
-        y.$slots.footer ? (b(), k("div", yn, [
-          U(y.$slots, "footer")
-        ])) : H("", !0)
+        m.$slots.footer ? (b(), k("div", yn, [
+          W(m.$slots, "footer")
+        ])) : V("", !0)
       ], 34)
     ], 10, vn));
   }
-}), wn = ["innerHtml"], En = ["innerText"], ne = /* @__PURE__ */ _({
+}), wn = ["innerHtml"], En = ["innerText"], ne = /* @__PURE__ */ N({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -395,16 +396,16 @@ const vn = ["id"], mn = {
   },
   setup(e) {
     const t = e, n = T(() => t.message instanceof Error ? cn(t.message) : t.message);
-    return (o, r) => {
-      const s = Rt("autofocus");
-      return b(), Qe(gn, {
-        class: V(["vf-alert", ...o.classes ?? []])
-      }, Ut({
+    return (o, l) => {
+      const s = _t("autofocus");
+      return b(), Je(gn, {
+        class: H(["vf-alert", ...o.classes ?? []])
+      }, Nt({
         default: he(() => [
           o.iconClass ? (b(), k("i", {
             key: 0,
-            class: V(["vf-alert-icon", o.iconClass])
-          }, null, 2)) : H("", !0),
+            class: H(["vf-alert-icon", o.iconClass])
+          }, null, 2)) : V("", !0),
           o.isHtml ? (b(), k("div", {
             key: 1,
             innerHtml: o.message,
@@ -426,24 +427,24 @@ const vn = ["id"], mn = {
         o.isBare ? void 0 : {
           name: "footer",
           fn: he(() => [
-            o.shouldConfirm ? (b(), k(ie, { key: 0 }, [
-              re((b(), k("button", {
+            o.shouldConfirm ? (b(), k(le, { key: 0 }, [
+              ie((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]
               ]),
               $("button", {
                 class: "default",
-                onClick: r[1] || (r[1] = () => o.callback(!1))
+                onClick: l[1] || (l[1] = () => o.callback(!1))
               }, "Cancel")
-            ], 64)) : re((b(), k("button", {
+            ], 64)) : ie((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]
@@ -455,138 +456,66 @@ const vn = ["id"], mn = {
     };
   }
 });
-function es(e, t, n) {
+function Zo(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 ts(e, t) {
+function Go(e, t) {
   const n = document.createElement("div");
-  n.classList.add("vf-overlay"), n.addEventListener("click", m), document.body.appendChild(n);
+  n.classList.add("vf-overlay"), n.addEventListener("click", h), 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((c) => {
-    if (c == "-") {
-      const y = document.createElement("div");
-      y.classList.add("separator"), o.appendChild(y);
+  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((a) => {
+    if (a == "-") {
+      const m = document.createElement("div");
+      m.classList.add("separator"), o.appendChild(m);
       return;
     }
     const f = document.createElement("div");
-    f.classList.add("item"), f.style.userSelect = "none", f.innerText = c.title, o.appendChild(f), c.class && f.classList.add(c.class), c.shouldConfirm ? f.addEventListener("click", (y) => w(y, f, c.handler)) : f.addEventListener("click", () => c.handler());
+    f.classList.add("item"), f.style.userSelect = "none", f.innerText = a.title, o.appendChild(f), a.class && f.classList.add(a.class), a.shouldConfirm ? f.addEventListener("click", (m) => g(m, f, a.handler)) : f.addEventListener("click", () => a.handler());
   });
-  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, l = o.offsetHeight, u = o.offsetWidth, d = s < u ? e.clientX - u - 1 : e.clientX + 1, h = a < l ? e.clientY - l - 1 : e.clientY + 1;
-  o.style.left = d + "px", o.style.top = h + "px", setTimeout(() => {
+  const s = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, r = o.offsetHeight, c = o.offsetWidth, d = s < c ? e.clientX - c - 1 : e.clientX + 1, E = u < r ? e.clientY - r - 1 : e.clientY + 1;
+  o.style.left = d + "px", o.style.top = E + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
-  function m() {
-    t.targetClass && r.classList.remove(t.targetClass), r.classList.remove("context-menu-active"), r.style.userSelect = "", n.remove();
+  function h() {
+    t.targetClass && l.classList.remove(t.targetClass), l.classList.remove("context-menu-active"), l.style.userSelect = "", n.remove();
   }
-  function w(c, f, y) {
+  function g(a, f, m) {
     if (f.classList.contains("pending-confirm"))
-      return y();
+      return m();
     const C = f.innerHTML;
     f.classList.add("pending-confirm"), f.innerText = "Confirm";
     const x = () => {
       f.classList.remove("pending-confirm"), f.innerHTML = C, f.removeEventListener("mouseleave", x);
     };
-    f.addEventListener("mouseleave", x), c.stopPropagation();
+    f.addEventListener("mouseleave", x), a.stopPropagation();
   }
 }
-const bn = (e) => new Promise((t) => setTimeout(t, e)), ns = (e) => bn(e * 1e3);
+const bn = (e) => new Promise((t) => setTimeout(t, e)), Jo = (e) => bn(e * 1e3);
 function kn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function os(e, t) {
-  return e != null ? Pt(e) : t;
+function Qo(e, t) {
+  return e != null ? Wt(e) : t;
 }
-function ss(e, t) {
+function es(e, t) {
   const n = { ...e };
   for (const o of t)
     n[o] === "" && (n[o] = null);
   return n;
 }
-function je(e) {
+function We(e) {
   return e != null;
 }
-class Ce {
-  validator = null;
-  lastModifiedDate = null;
-  size = 0;
-  path = "";
-  name = "";
-  type = "";
-}
-class Tn extends Ce {
-  blob;
-  constructor(t) {
-    super(), this.blob = t;
-  }
-}
-class Sn extends Ce {
-  uri;
-  constructor(t) {
-    super(), this.uri = t.uri, this.name = t.name ?? void 0, this.type = t.type ?? t.mimeType ?? void 0, this.size = t.size ?? 0;
-  }
-}
-function Cn(e) {
-  if (typeof e.body != "object" || !Object.values(e.body).some((r) => r instanceof Ce))
-    return e;
-  const n = new FormData(), o = {};
-  for (const [r, s] of Object.entries(e.body))
-    s instanceof Sn ? n.append(r, s) : s instanceof Tn ? n.append(r, s.blob) : o[r] = s;
-  return n.append("_payload", JSON.stringify(o)), {
-    ...e,
-    headers: {
-      ...e.headers,
-      "content-type": null
-      // deletes default JSON content-type header
-    },
-    body: n,
-    bodySerializer: void 0
-  };
-}
-class lt extends Error {
-  request;
-  response;
-  body;
-  constructor(t, n, o, r) {
-    super(t), this.request = n, this.response = o, this.body = r;
-  }
-}
-function xn(e, t) {
-  e.setConfig({
-    throwOnError: !0
-  }), e.interceptors.error.use((s, a, l, u) => {
-    const d = Mn(s, a), h = new lt(d, l, a, s);
-    if (t.onError) {
-      const m = t.onError(h, u);
-      if (m instanceof Error)
-        throw m;
-      if (m === null)
-        return new Promise(() => {
-        });
-    }
-    throw h;
-  }), t.headers && e.interceptors.request.use(async (s) => {
-    const a = typeof t.headers == "function" ? await t.headers(s) : t.headers;
-    if (a)
-      for (const [l, u] of Object.entries(a))
-        u === null ? s.headers.delete(l) : u !== void 0 && s.headers.set(l, u);
-    return s;
-  });
-  const n = t.wrapper ?? ((s, a) => a(s)), o = e.request, r = (s) => (s = Cn(s), n(s, o));
-  e.request = r, e.connect = (s) => r({ ...s, method: "CONNECT" }), e.delete = (s) => r({ ...s, method: "DELETE" }), e.get = (s) => r({ ...s, method: "GET" }), e.head = (s) => r({ ...s, method: "HEAD" }), e.options = (s) => r({ ...s, method: "OPTIONS" }), e.patch = (s) => r({ ...s, method: "PATCH" }), e.post = (s) => r({ ...s, method: "POST" }), e.put = (s) => r({ ...s, method: "PUT" }), e.trace = (s) => r({ ...s, method: "TRACE" });
-}
-function Mn(e, t) {
-  return e && typeof e == "object" ? "error" in e && typeof e.error == "string" ? `${e.error} (${t.status})` : JSON.stringify(e) : String(e);
-}
-function rs(e, t) {
-  xn(e, {
+function ts(e, t) {
+  Xt(e, {
     ...t,
     onError(n, o) {
-      n instanceof lt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new de(n.body.error));
-      const r = t.onError?.(n, o);
-      return r !== void 0 ? r : n;
+      n instanceof Zt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new de(n.body.error));
+      const l = t.onError?.(n, o);
+      return l !== void 0 ? l : n;
     }
   });
 }
@@ -597,7 +526,7 @@ function rs(e, t) {
  * Copyright (c) 2021 Jason Wilson
  * Released under MIT license
  */
-var Ln = {
+var Tn = {
   symbol: "$",
   separator: ",",
   decimal: ".",
@@ -605,41 +534,41 @@ var Ln = {
   precision: 2,
   pattern: "!#",
   negativePattern: "-!#",
-  format: Dn,
+  format: Mn,
   fromCents: !1
-}, at = function(t) {
+}, lt = function(t) {
   return Math.round(t);
-}, xe = function(t) {
+}, Ce = function(t) {
   return Math.pow(10, t);
-}, Fn = function(t, n) {
-  return at(t / n) * n;
-}, On = /(\d)(?=(\d{3})+\b)/g, In = /(\d)(?=(\d\d)+\d\b)/g;
+}, Sn = function(t, n) {
+  return lt(t / n) * n;
+}, Cn = /(\d)(?=(\d{3})+\b)/g, xn = /(\d)(?=(\d\d)+\d\b)/g;
 function D(e, t) {
   var n = this;
   if (!(n instanceof D))
     return new D(e, t);
-  var o = Object.assign({}, Ln, t), r = xe(o.precision), s = se(e, o);
-  n.intValue = s, n.value = s / r, o.increment = o.increment || 1 / r, o.useVedic ? o.groups = In : o.groups = On, this.s = o, this.p = r;
+  var o = Object.assign({}, Tn, t), l = Ce(o.precision), s = se(e, o);
+  n.intValue = s, n.value = s / l, o.increment = o.increment || 1 / l, o.useVedic ? o.groups = xn : o.groups = Cn, this.s = o, this.p = l;
 }
 function se(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 = xe(a), d = typeof e == "number", h = e instanceof D;
-  if (h && l)
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, u = t.precision, r = t.fromCents, c = Ce(u), d = typeof e == "number", E = e instanceof D;
+  if (E && r)
     return e.intValue;
-  if (d || h)
-    o = h ? e.value : e;
+  if (d || E)
+    o = E ? e.value : e;
   else if (typeof e == "string") {
-    var m = new RegExp("[^-\\d" + r + "]", "g"), w = new RegExp("\\" + r, "g");
-    o = e.replace(/\((.*)\)/, "-$1").replace(m, "").replace(w, "."), o = o || 0;
+    var h = new RegExp("[^-\\d" + l + "]", "g"), g = new RegExp("\\" + l, "g");
+    o = e.replace(/\((.*)\)/, "-$1").replace(h, "").replace(g, "."), o = o || 0;
   } else {
     if (s)
       throw Error("Invalid Input");
     o = 0;
   }
-  return l || (o *= u, o = o.toFixed(4)), n ? at(o) : o;
+  return r || (o *= c, o = o.toFixed(4)), n ? lt(o) : o;
 }
-function Dn(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("."), d = u[0], h = u[1];
-  return (e.value >= 0 ? n : o).replace("!", r).replace("#", d.replace(l, "$1" + s) + (h ? a + h : ""));
+function Mn(e, t) {
+  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, u = t.decimal, r = t.groups, c = ("" + e).replace(/^-/, "").split("."), d = c[0], E = c[1];
+  return (e.value >= 0 ? n : o).replace("!", l).replace("#", d.replace(r, "$1" + s) + (E ? u + E : ""));
 }
 D.prototype = {
   /**
@@ -648,8 +577,8 @@ D.prototype = {
    * @returns {currency}
    */
   add: function(t) {
-    var n = this.intValue, o = this.s, r = this.p;
-    return D((n += se(t, o)) / (o.fromCents ? 1 : r), o);
+    var n = this.intValue, o = this.s, l = this.p;
+    return D((n += se(t, o)) / (o.fromCents ? 1 : l), o);
   },
   /**
    * Subtracts value.
@@ -657,8 +586,8 @@ D.prototype = {
    * @returns {currency}
    */
   subtract: function(t) {
-    var n = this.intValue, o = this.s, r = this.p;
-    return D((n -= se(t, o)) / (o.fromCents ? 1 : r), o);
+    var n = this.intValue, o = this.s, l = this.p;
+    return D((n -= se(t, o)) / (o.fromCents ? 1 : l), o);
   },
   /**
    * Multiplies values.
@@ -667,7 +596,7 @@ D.prototype = {
    */
   multiply: function(t) {
     var n = this.intValue, o = this.s;
-    return D((n *= t) / (o.fromCents ? 1 : xe(o.precision)), o);
+    return D((n *= t) / (o.fromCents ? 1 : Ce(o.precision)), o);
   },
   /**
    * Divides value.
@@ -685,9 +614,9 @@ D.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 d = D(a / u, r);
-      l-- > 0 && (d = d[n >= 0 ? "add" : "subtract"](1 / u)), s.push(d);
+    for (var n = this.intValue, o = this.p, l = this.s, s = [], u = Math[n >= 0 ? "floor" : "ceil"](n / t), r = Math.abs(n - u * t), c = l.fromCents ? 1 : o; t !== 0; t--) {
+      var d = D(u / c, l);
+      r-- > 0 && (d = d[n >= 0 ? "add" : "subtract"](1 / c)), s.push(d);
     }
     return s;
   },
@@ -721,7 +650,7 @@ D.prototype = {
    */
   toString: function() {
     var t = this.intValue, n = this.p, o = this.s;
-    return Fn(t / n, o.increment).toFixed(o.precision);
+    return Sn(t / n, o.increment).toFixed(o.precision);
   },
   /**
    * Value for JSON serialization.
@@ -734,55 +663,55 @@ D.prototype = {
 const M = [];
 for (let e = 0; e < 256; ++e)
   M.push((e + 256).toString(16).slice(1));
-function Hn(e, t = 0) {
+function Ln(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 ye;
-const Vn = new Uint8Array(16);
-function An() {
+const Fn = new Uint8Array(16);
+function On() {
   if (!ye) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     ye = crypto.getRandomValues.bind(crypto);
   }
-  return ye(Vn);
+  return ye(Fn);
 }
-const $n = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Pe = { randomUUID: $n };
-function Bn(e, t, n) {
-  if (Pe.randomUUID && !e)
-    return Pe.randomUUID();
+const In = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), je = { randomUUID: In };
+function Dn(e, t, n) {
+  if (je.randomUUID && !e)
+    return je.randomUUID();
   e = e || {};
-  const o = e.random ?? e.rng?.() ?? An();
+  const o = e.random ?? e.rng?.() ?? On();
   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, Hn(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ln(o);
 }
-function is(e) {
+function ns(e) {
   return e.replace(/\n/g, "<br>");
 }
-function Nn(e) {
+function Vn(e) {
   return e.replace(/_/g, " ");
 }
-function _n(e) {
+function Hn(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length !== 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
-function Rn(e, t) {
+function An(e, t) {
   return D(e).divide(t ?? F.defaultCurrencyDivisor).format();
 }
-function ls() {
-  return Bn();
+function os() {
+  return Dn();
 }
-const Un = ["disabled", "placeholder", "required", "name"], jn = {
+const $n = ["disabled", "placeholder", "required", "name"], Bn = {
   key: 0,
   class: "no-results"
-}, Pn = {
+}, _n = {
   key: 0,
   class: "group-title"
-}, Wn = ["onMousemove", "onMousedown"], qn = ["innerHTML"], zn = ["innerHTML"], Kn = {
+}, Nn = ["onMousemove", "onMousedown"], Rn = ["innerHTML"], Wn = ["innerHTML"], jn = {
   key: 1,
   class: "no-results"
-}, Yn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Xn = /* @__PURE__ */ _({
+}, Un = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Pn = /* @__PURE__ */ N({
   __name: "vf-smart-select",
   props: {
     modelValue: {},
@@ -819,36 +748,36 @@ const Un = ["disabled", "placeholder", "required", "name"], jn = {
   },
   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, u = n;
     t({
-      addRemoteOption: Vt
+      addRemoteOption: Dt
     });
-    const l = S(), u = S(), d = S(), h = S(!1), m = S(), w = S(!1), c = S(""), f = S(null), y = S(null), C = S(!1), x = S(null), B = S(!1), yt = T(() => s.showCreateTextOnNewItem ?? !0), W = T(() => !!(s.options || m.value)), gt = T(() => s.options ?? m.value ?? []), wt = T(() => s.prependOptions ?? []), Et = T(() => s.appendOptions ?? []), Fe = T(() => !!s.disabled || !W.value && (h.value || !s.loadOptions)), z = T(() => s.loadingText || "..."), bt = T(() => !W.value && (!s.loadOptions || s.preload || s.modelValue && (s.valueField || s.valueExtractor)) ? z.value : s.nullTitle ? s.nullTitle : s.placeholder || ""), kt = T(() => s.noResultsText || "No options match your search."), q = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), fe = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), Tt = T(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), Oe = T(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Ie = T(() => s.selectionFormatter ? s.selectionFormatter : Oe.value), De = T(() => [...wt.value, ...gt.value, ...Et.value]), He = T(() => !!(s.groupField || s.groupFormatter)), pe = T(() => De.value.map((i, E) => {
-      const v = Tt.value?.(i), p = Oe.value(i), g = s.subtitleFormatter?.(i), O = p ? p.trim().toLowerCase() : "", Re = g ? g.trim().toLowerCase() : "", oe = [];
-      return s.searchFields ? s.searchFields.forEach((Ue) => {
-        i[Ue] && oe.push(String(i[Ue]).toLowerCase());
-      }) : (oe.push(O), Re && oe.push(Re)), {
-        key: fe.value?.(i) ?? String(E),
+    const r = S(), c = S(), d = S(), E = S(!1), h = S(), g = S(!1), a = S(""), f = S(null), m = S(null), C = S(!1), x = S(null), B = S(!1), mt = T(() => s.showCreateTextOnNewItem ?? !0), P = T(() => !!(s.options || h.value)), ht = T(() => s.options ?? h.value ?? []), yt = T(() => s.prependOptions ?? []), gt = T(() => s.appendOptions ?? []), Le = T(() => !!s.disabled || !P.value && !s.loadOptions), z = T(() => s.loadingText || "..."), wt = T(() => !P.value && (!s.loadOptions || s.preload || s.modelValue && (s.valueField || s.valueExtractor)) ? z.value : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = T(() => s.noResultsText || "No options match your search."), q = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), fe = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), bt = T(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), Fe = T(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Oe = T(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Ie = T(() => [...yt.value, ...ht.value, ...gt.value]), De = T(() => !!(s.groupField || s.groupFormatter)), pe = T(() => Ie.value.map((i, w) => {
+      const v = bt.value?.(i), p = Fe.value(i), y = s.subtitleFormatter?.(i), O = p ? p.trim().toLowerCase() : "", Ne = y ? y.trim().toLowerCase() : "", oe = [];
+      return s.searchFields ? s.searchFields.forEach((Re) => {
+        i[Re] && oe.push(String(i[Re]).toLowerCase());
+      }) : (oe.push(O), Ne && oe.push(Ne)), {
+        key: fe.value?.(i) ?? String(w),
         group: v,
         title: p,
-        subtitle: g,
+        subtitle: y,
         searchContent: oe.join(""),
         ref: i
       };
     })), L = T(() => {
       let i = [...pe.value];
-      if (w.value) {
-        const E = c.value.trim().toLowerCase();
-        if (E.length) {
-          i = i.filter((g) => g.searchContent.includes(E));
-          const v = Zt(c.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(`(${v})`, "ig");
-          i = i.map((g) => ({
-            ...g,
-            title: g.title.replace(p, "<mark>$1</mark>"),
-            subtitle: g.subtitle?.replace(p, "<mark>$1</mark>")
-          })), B.value && (i.find((O) => O.searchContent === E) !== void 0 || i.push({
-            key: r,
-            title: yt.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
+      if (g.value) {
+        const w = a.value.trim().toLowerCase();
+        if (w.length) {
+          i = i.filter((y) => y.searchContent.includes(w));
+          const v = Gt(a.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(`(${v})`, "ig");
+          i = i.map((y) => ({
+            ...y,
+            title: y.title.replace(p, "<mark>$1</mark>"),
+            subtitle: y.subtitle?.replace(p, "<mark>$1</mark>")
+          })), B.value && (i.find((O) => O.searchContent === w) !== void 0 || i.push({
+            key: l,
+            title: mt.value ? "Create <strong>" + a.value.trim() + "</strong>..." : a.value.trim()
           }));
         }
       } else s.nullTitle && i.unshift({
@@ -856,54 +785,54 @@ const Un = ["disabled", "placeholder", "required", "name"], jn = {
         title: s.nullTitle
       });
       return i;
-    }), St = T(() => {
-      if (!He.value)
+    }), kt = T(() => {
+      if (!De.value)
         return [
           {
             groupTitle: "",
             options: L.value
           }
         ];
-      const i = Wt(L.value.map((v) => v.group ?? "")), E = qt(L.value, (v) => v.group ?? "");
+      const i = jt(L.value.map((v) => v.group ?? "")), w = Ut(L.value, (v) => v.group ?? "");
       return i.map((v) => ({
         groupTitle: v,
-        options: E[v]
+        options: w[v]
       }));
     });
     I(() => s.modelValue, me), I(pe, () => {
-      C.value && setTimeout(Be, 0);
-    }), I(c, () => {
-      w.value && !s.remoteSearch && !c.value.trim().length && (w.value = !1);
+      C.value && setTimeout($e, 0);
+    }), I(a, () => {
+      g.value && !s.remoteSearch && !a.value.trim().length && (g.value = !1);
     }), I(C, () => {
-      C.value ? setTimeout(It, 0) : (w.value = !1, c.value = y.value ?? "", d.value && (d.value.style.visibility = "hidden"));
+      C.value ? setTimeout(Ft, 0) : (g.value = !1, a.value = m.value ?? "", d.value && (d.value.style.visibility = "hidden"));
     }), I(L, () => {
-      s.modelValue !== null && f.value === null && me(), (x.value !== null || w.value) && !L.value.find((i) => i.key == x.value) && (x.value = L.value[0]?.key ?? o);
-    }), N(async () => {
-      B.value = s.onCreateItem !== void 0, s.loadOptions && s.preload && (c.value = z.value, await Ve(), c.value = ""), !s.options && !s.loadOptions && (s.valueField || s.valueExtractor) ? c.value = z.value : me(), I(f, () => {
-        const i = je(f.value) && q.value !== null ? q.value(f.value) : f.value;
-        we(s.modelValue, i) || a("update:modelValue", i);
-      }), s.remoteSearch && I(c, zt(Ct, 250));
+      s.modelValue !== null && f.value === null && me(), (x.value !== null || g.value) && !L.value.find((i) => i.key == x.value) && (x.value = L.value[0]?.key ?? o);
+    }), _(async () => {
+      B.value = s.onCreateItem !== void 0, s.loadOptions && s.preload && (a.value = z.value, await Ve(), a.value = ""), !s.options && !s.loadOptions && (s.valueField || s.valueExtractor) ? a.value = z.value : me(), I(f, () => {
+        const i = We(f.value) && q.value !== null ? q.value(f.value) : f.value;
+        we(s.modelValue, i) || u("update:modelValue", i);
+      }), s.remoteSearch && I(a, Pt(Tt, 250));
     }), ue(() => {
       d.value?.remove();
     });
     async function Ve() {
-      await Ae(), m.value && a("optionsLoaded", m.value);
+      await He(), h.value && u("optionsLoaded", h.value);
     }
-    async function Ae() {
-      const i = s.remoteSearch && w.value && c.value.length ? c.value : null;
-      h.value = !0, m.value = await s.loadOptions?.(i) ?? [], h.value = !1, $e();
+    async function He() {
+      const i = s.remoteSearch && g.value && a.value.length ? a.value : null;
+      E.value = !0, h.value = await s.loadOptions?.(i) ?? [], E.value = !1, Ae();
     }
-    function Ct() {
-      w.value && (Ae(), w.value = c.value.trim().length > 0);
+    function Tt() {
+      g.value && (He(), g.value = a.value.trim().length > 0);
     }
-    function xt(i) {
+    function St(i) {
       if (i.key == "Escape") {
         i.stopPropagation(), i.target.blur(), _e();
         return;
       }
       if (!(i.key == "ArrowLeft" || i.key == "ArrowRight") && i.key != "Tab") {
-        if (!W.value) {
-          w.value || i.preventDefault();
+        if (!P.value) {
+          g.value || i.preventDefault();
           return;
         }
         if (i.key == "ArrowUp" || i.key == "ArrowDown")
@@ -914,160 +843,160 @@ const Un = ["disabled", "placeholder", "required", "name"], jn = {
           return i.preventDefault(), ve(i.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (i.key == "Enter") {
           i.preventDefault();
-          const E = L.value.find((v) => v.key == x.value);
-          if (E) return Ne(E);
+          const w = L.value.find((v) => v.key == x.value);
+          if (w) return Be(w);
         }
         if (i.key === "Delete" || i.key === "Backspace") {
-          c.value.length > 1 && (w.value = !0);
+          a.value.length > 1 && (g.value = !0);
           return;
         }
-        !i.metaKey && Yn.includes(i.key) && (w.value = !0);
+        !i.metaKey && Un.includes(i.key) && (g.value = !0);
       }
     }
-    function Mt() {
-      $e(), C.value = !0, setTimeout(() => u.value?.select(), 0);
+    function Ct() {
+      Ae(), C.value = !0, setTimeout(() => c.value?.select(), 0);
     }
-    function $e(i) {
-      f.value ? x.value = Lt(f.value) : s.nullTitle && (x.value = o);
+    function Ae(i) {
+      f.value ? x.value = xt(f.value) : s.nullTitle && (x.value = o);
     }
-    function Lt(i) {
-      return fe.value ? fe.value(f.value) : Ft(i)?.key ?? "";
+    function xt(i) {
+      return fe.value ? fe.value(f.value) : Mt(i)?.key ?? "";
     }
-    function Ft(i) {
-      const E = L.value.find((g) => g.ref === i);
-      if (E)
-        return E;
-      const v = s.keyExtractor ? (g, O) => s.keyExtractor(g) === s.keyExtractor(O) : we, p = L.value.find((g) => v(g.ref, i));
+    function Mt(i) {
+      const w = L.value.find((y) => y.ref === i);
+      if (w)
+        return w;
+      const v = s.keyExtractor ? (y, O) => s.keyExtractor(y) === s.keyExtractor(O) : we, p = L.value.find((y) => v(y.ref, i));
       return p || null;
     }
-    function Ot() {
-      s.debug || (!c.value.length && s.nullTitle && (f.value = null, y.value = null), C.value = !1);
+    function Lt() {
+      s.debug || (!a.value.length && s.nullTitle && (f.value = null, m.value = null), C.value = !1);
     }
-    function It() {
-      W.value || Ve(), s.optionsListId && d.value?.setAttribute("id", s.optionsListId), Dt();
+    function Ft() {
+      P.value || Ve(), s.optionsListId && d.value?.setAttribute("id", s.optionsListId), Ot();
     }
-    function Dt() {
-      const i = l.value.getBoundingClientRect(), E = i.y + i.height + 2, v = i.x, p = d.value, g = window.getComputedStyle(l.value);
-      for (let O in g)
-        /^(font|text)/.test(O) && (p.style[O] = g[O]);
-      if (p.style.top = E + "px", p.style.left = v + "px", p.style.minWidth = i.width + "px", !g.maxHeight || g.maxHeight == "none") {
-        const O = window.innerHeight - E - 12;
+    function Ot() {
+      const i = r.value.getBoundingClientRect(), w = i.y + i.height + 2, v = i.x, p = d.value, y = window.getComputedStyle(r.value);
+      for (let O in y)
+        /^(font|text)/.test(O) && (p.style[O] = y[O]);
+      if (p.style.top = w + "px", p.style.left = v + "px", p.style.minWidth = i.width + "px", !y.maxHeight || y.maxHeight == "none") {
+        const O = window.innerHeight - w - 12;
         p.style.maxHeight = O + "px";
       }
-      p.style.visibility = "visible", document.body.appendChild(p), setTimeout(Be, 0);
+      p.style.visibility = "visible", document.body.appendChild(p), setTimeout($e, 0);
     }
-    function Be() {
-      if (!W.value || !x.value) return;
-      const i = L.value.findIndex((p) => p.key == x.value), E = d.value, v = E?.querySelectorAll(".option")[i];
-      v && (E.scrollTop = v.offsetTop);
+    function $e() {
+      if (!P.value || !x.value) return;
+      const i = L.value.findIndex((p) => p.key == x.value), w = d.value, v = w?.querySelectorAll(".option")[i];
+      v && (w.scrollTop = v.offsetTop);
     }
-    function Ht(i) {
+    function It(i) {
       x.value = i ? i.key : null;
     }
     function ve(i) {
-      const E = L.value.findIndex((O) => O.key == x.value);
-      let v = E + i;
-      if (v < 0 ? v = 0 : v >= L.value.length && (v = L.value.length - 1), E == v) return;
+      const w = L.value.findIndex((O) => O.key == x.value);
+      let v = w + i;
+      if (v < 0 ? v = 0 : v >= L.value.length && (v = L.value.length - 1), w == v) return;
       x.value = L.value[v].key;
-      const p = d.value, g = p?.querySelectorAll(".option")[v];
-      g && (g.offsetTop < p.scrollTop ? p.scrollTop = g.offsetTop : g.offsetTop + g.offsetHeight > p.scrollTop + p.clientHeight && (p.scrollTop = g.offsetTop + g.offsetHeight - p.clientHeight));
+      const p = d.value, y = p?.querySelectorAll(".option")[v];
+      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));
     }
-    function Ne(i) {
-      if (w.value = !1, i.key === o)
-        c.value = "", f.value = null, y.value = null;
-      else if (i.key === r) {
-        const E = c.value.trim();
-        c.value = "", f.value = null, y.value = null, s.onCreateItem?.(E);
+    function Be(i) {
+      if (g.value = !1, i.key === o)
+        a.value = "", f.value = null, m.value = null;
+      else if (i.key === l) {
+        const w = a.value.trim();
+        a.value = "", f.value = null, m.value = null, s.onCreateItem?.(w);
       } else {
         const v = pe.value.find((p) => p.key == i.key).ref;
-        f.value = v, y.value = Ie.value(v), c.value = y.value ?? "";
+        f.value = v, m.value = Oe.value(v), a.value = m.value ?? "";
       }
-      u.value?.blur(), _e();
+      c.value?.blur(), _e();
     }
     function me() {
-      s.modelValue !== null ? (f.value = q.value ? De.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, y.value = je(f.value) ? Ie.value(f.value) : null, c.value = y.value ?? "") : (f.value = null, y.value = null, c.value = "");
+      s.modelValue !== null ? (f.value = q.value ? Ie.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, m.value = We(f.value) ? Oe.value(f.value) : null, a.value = m.value ?? "") : (f.value = null, m.value = null, a.value = "");
     }
-    function Vt(i) {
-      m.value.unshift(i);
+    function Dt(i) {
+      h.value.unshift(i);
     }
     function _e() {
       if (!s.autoNext) return;
-      let i = l.value?.parentElement;
+      let i = r.value?.parentElement;
       for (; i && i.tagName !== "FORM" && i.tagName !== "BODY"; )
         i = i.parentElement;
       if (!i) return;
-      const E = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
-      if (!E) return;
-      const v = Array.from(E).findIndex((g) => g === u.value), p = E[v + 1];
+      const w = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
+      if (!w) return;
+      const v = Array.from(w).findIndex((y) => y === c.value), p = w[v + 1];
       p && setTimeout(() => p.focus(), 0);
     }
-    return (i, E) => (b(), k("div", {
+    return (i, w) => (b(), k("div", {
       ref_key: "el",
-      ref: l,
-      class: V(["vf-smart-select", { disabled: Fe.value, open: C.value }])
+      ref: r,
+      class: H(["vf-smart-select", { disabled: Le.value, open: C.value }])
     }, [
-      re($("input", {
+      ie($("input", {
         ref_key: "searchField",
-        ref: u,
-        "onUpdate:modelValue": E[0] || (E[0] = (v) => c.value = v),
+        ref: c,
+        "onUpdate:modelValue": w[0] || (w[0] = (v) => a.value = v),
         type: "text",
-        disabled: Fe.value,
-        class: V({ nullable: !!i.nullTitle }),
-        placeholder: bt.value,
+        disabled: Le.value,
+        class: H({ nullable: !!i.nullTitle }),
+        placeholder: wt.value,
         required: i.required,
         name: i.name,
         "data-1p-ignore": "",
-        onKeydown: xt,
-        onFocus: Mt,
-        onBlur: Ot
-      }, null, 42, Un), [
-        [jt, c.value]
+        onKeydown: St,
+        onFocus: Ct,
+        onBlur: Lt
+      }, null, 42, $n), [
+        [Rt, a.value]
       ]),
       C.value ? (b(), k("div", {
         key: 0,
         ref_key: "optionsContainer",
         ref: d,
-        class: V(["vf-smart-select-options", { grouped: He.value }])
+        class: H(["vf-smart-select-options", { grouped: De.value }])
       }, [
-        W.value ? (b(!0), k(ie, { key: 1 }, le(St.value, (v) => (b(), k("div", {
+        P.value ? (b(!0), k(le, { key: 1 }, re(kt.value, (v) => (b(), k("div", {
           key: v.groupTitle,
           class: "group"
         }, [
-          v.groupTitle ? (b(), k("div", Pn, [
-            U(i.$slots, "group", {
+          v.groupTitle ? (b(), k("div", _n, [
+            W(i.$slots, "group", {
               group: v.groupTitle
             }, () => [
               X(R(v.groupTitle), 1)
             ])
-          ])) : H("", !0),
-          (b(!0), k(ie, null, le(v.options, (p) => (b(), k("div", {
+          ])) : V("", !0),
+          (b(!0), k(le, null, re(v.options, (p) => (b(), k("div", {
             key: p.key,
-            class: V(["option", [x.value === p.key && "highlighted", p.ref && i.classForOption?.(p.ref)]]),
-            onMousemove: (g) => Ht(p),
-            onMousedown: (g) => Ne(p)
+            class: H(["option", [x.value === p.key && "highlighted", p.ref && i.classForOption?.(p.ref)]]),
+            onMousemove: (y) => It(p),
+            onMousedown: (y) => Be(p)
           }, [
-            U(i.$slots, "option", { option: p }, () => [
+            W(i.$slots, "option", { option: p }, () => [
               $("div", {
                 class: "title",
                 innerHTML: p.title
-              }, null, 8, qn),
+              }, null, 8, Rn),
               p.subtitle ? (b(), k("div", {
                 key: 0,
                 class: "subtitle",
                 innerHTML: p.subtitle
-              }, null, 8, zn)) : H("", !0)
+              }, null, 8, Wn)) : V("", !0)
             ])
-          ], 42, Wn))), 128)),
-          !L.value.length && c.value ? (b(), k("div", Kn, [
-            U(i.$slots, "no-results", {}, () => [
-              X(R(kt.value), 1)
+          ], 42, Nn))), 128)),
+          !L.value.length && a.value ? (b(), k("div", jn, [
+            W(i.$slots, "no-results", {}, () => [
+              X(R(Et.value), 1)
             ])
-          ])) : H("", !0)
-        ]))), 128)) : (b(), k("div", jn, "Loading..."))
-      ], 2)) : H("", !0)
+          ])) : V("", !0)
+        ]))), 128)) : (b(), k("div", Bn, "Loading..."))
+      ], 2)) : V("", !0)
     ], 2));
   }
-}), as = /* @__PURE__ */ _({
+}), ss = /* @__PURE__ */ N({
   __name: "vf-ez-smart-select",
   props: {
     modelValue: {},
@@ -1079,41 +1008,42 @@ const Un = ["disabled", "placeholder", "required", "name"], jn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = T(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: String(l) })) : Object.entries(n.options).map(([l, u]) => ({
-      value: l,
-      label: u
-    }))), r = T(() => n.formatter ? (l) => n.formatter(l.label, l.value) : (l) => l.label), s = t, a = S(o.value.find((l) => l.value === n.modelValue) ?? null);
+    const n = e, o = T(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: String(r) })) : Object.entries(n.options).map(([r, c]) => ({
+      value: r,
+      label: c
+    }))), l = T(() => n.formatter ? (r) => n.formatter(r.label, r.value) : (r) => r.label), s = t, u = S(o.value.find((r) => r.value === n.modelValue) ?? null);
     return I(
       () => n.modelValue,
-      (l) => {
-        a.value = o.value.find((u) => u.value === l) ?? null;
+      (r) => {
+        u.value = o.value.find((c) => c.value === r) ?? null;
       }
-    ), I(a, (l) => {
-      const u = l ? o.value.find((d) => we(d, l))?.value : null;
-      s("update:modelValue", u ?? null);
-    }), (l, u) => (b(), Qe(Xn, {
-      modelValue: a.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (d) => a.value = d),
+    ), I(u, (r) => {
+      const c = r ? o.value.find((d) => we(d, r))?.value : null;
+      s("update:modelValue", c ?? null);
+    }), (r, c) => (b(), Je(Pn, {
+      modelValue: u.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (d) => u.value = d),
       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"]));
   }
 });
-function us() {
+function is() {
   return S();
 }
-const Gn = { class: "content" }, Zn = { class: "message" }, Jn = {
+const qn = { class: "content" }, zn = { class: "message" }, Kn = {
   key: 0,
   class: "close"
-}, Qn = {
+}, Yn = {
   key: 0,
   class: "progress-bar"
-}, eo = /* @__PURE__ */ _({
+}, Xn = /* @__PURE__ */ N({
   __name: "vf-toast",
   props: {
+    position: {},
     message: {},
     className: {},
     durationSecs: {},
@@ -1127,135 +1057,135 @@ const Gn = { class: "content" }, Zn = { class: "message" }, Jn = {
       t.onClick ? t.onClick() : t.disableClose || t.callback();
     }
     const o = S();
-    return t.durationSecs !== null && N(() => {
-      const r = t.durationSecs ?? 5;
+    return t.durationSecs !== null && _(() => {
+      const l = t.durationSecs ?? 5;
       o.value?.animate([{ width: "0%" }, { width: "100%" }], {
-        duration: r * 1e3,
+        duration: l * 1e3,
         easing: "linear"
-      }), setTimeout(() => t.callback(), r * 1e3);
-    }), (r, s) => (b(), k("div", {
-      class: V(["vf-toast", r.className]),
+      }), setTimeout(() => t.callback(), l * 1e3);
+    }), (l, s) => (b(), k("div", {
+      class: H(["vf-toast", [l.className, { top: l.position === "top", bottom: l.position !== "top" }]]),
       onClick: ke(n, ["stop"])
     }, [
-      $("div", Gn, [
-        $("div", Zn, R(r.message), 1),
-        r.disableClose ? H("", !0) : (b(), k("div", Jn, "x"))
+      $("div", qn, [
+        $("div", zn, R(l.message), 1),
+        l.disableClose ? V("", !0) : (b(), k("div", Kn, "x"))
       ]),
-      r.durationSecs !== null ? (b(), k("div", Qn, [
+      l.durationSecs !== null ? (b(), k("div", Yn, [
         $("div", {
           ref_key: "progressInnerEl",
           ref: o,
           class: "inner"
         }, null, 512)
-      ])) : H("", !0)
+      ])) : V("", !0)
     ], 2));
   }
 });
-function cs(e) {
-  const t = ce(eo, {
+function ls(e) {
+  const t = ce(Xn, {
     ...e,
     callback: () => Q(t)
   });
   return () => Q(t);
 }
-function to(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}`;
+function Zn(e) {
+  const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), l = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${o} ${l}`;
 }
-function no(e) {
+function Gn(e) {
   return e != null && String(e).length ? e : "-";
 }
-function oo(e) {
+function Jn(e) {
   return e || "-";
 }
-function so(e) {
+function Qn(e) {
   return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : kn(Number(e));
 }
-function ro(e) {
-  return e && _n(e);
+function eo(e) {
+  return e && Hn(e);
 }
-function io(e) {
-  return e ? Yt(e) : null;
+function to(e) {
+  return e ? zt(e) : null;
 }
-function ut(e) {
-  return e ? Kt(e) : null;
+function rt(e) {
+  return e ? qt(e) : null;
 }
-function lo(e) {
+function no(e) {
   return e ? e.toUpperCase() : null;
 }
-function ao(e) {
-  return e ? ut(e.toLowerCase()) : null;
+function oo(e) {
+  return e ? rt(e.toLowerCase()) : null;
 }
-function uo(e) {
-  return e ? Nn(e) : null;
+function so(e) {
+  return e ? Vn(e) : null;
 }
-function co(e, t) {
-  return Rn(e, t);
+function io(e, t) {
+  return An(e, t);
 }
-function fo(e, t) {
+function lo(e, t) {
   return D(e).divide(t).value;
 }
-function po(e, t) {
-  return e && P(new Date(e), t ?? F.defaultDateFormat);
-}
-function vo(e, t) {
-  return e && P(new Date(e), t ?? F.defaultTimeFormat);
-}
-function mo(e, t) {
-  return e && P(new Date(e), t ?? `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
-}
-function ho(e) {
-  return e && P(Jt(Qt(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), F.defaultDateFormat);
-}
-const We = {
-  bytes: to,
-  dash: no,
-  dashZeros: oo,
-  number: so,
-  phone: ro,
-  upperFirst: io,
-  startCase: ut,
-  upperCase: lo,
-  upperWords: ao,
-  desnake: uo,
-  usCurrency: co,
-  divide: fo,
-  date: po,
-  time: vo,
-  dateTime: mo,
-  oneDayForward: ho
-}, ds = (e) => ({
-  ...We,
-  ...e(We)
-}), Me = Symbol("HookState");
-function fs(e, t) {
+function ro(e, t) {
+  return e && U(new Date(e), t ?? F.defaultDateFormat);
+}
+function ao(e, t) {
+  return e && U(new Date(e), t ?? F.defaultTimeFormat);
+}
+function uo(e, t) {
+  return e && U(new Date(e), t ?? `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
+}
+function co(e) {
+  return e && U(Jt(Qt(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), F.defaultDateFormat);
+}
+const Ue = {
+  bytes: Zn,
+  dash: Gn,
+  dashZeros: Jn,
+  number: Qn,
+  phone: eo,
+  upperFirst: to,
+  startCase: rt,
+  upperCase: no,
+  upperWords: oo,
+  desnake: so,
+  usCurrency: io,
+  divide: lo,
+  date: ro,
+  time: ao,
+  dateTime: uo,
+  oneDayForward: co
+}, rs = (e) => ({
+  ...Ue,
+  ...e(Ue)
+}), xe = Symbol("HookState");
+function as(e, t) {
   const n = t ?? be();
-  N(() => yo(n, e), n), et(() => go(n), n), tt(() => qe(n), n), ue(() => qe(n), n);
+  _(() => fo(n, e), n), Qe(() => po(n), n), et(() => Pe(n), n), ue(() => Pe(n), n);
 }
-function yo(e, t) {
+function fo(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new Z(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const o = ct(e.vnode.el);
-    o ? n.ancestor = new Z(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new G(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const o = at(e.vnode.el);
+    o ? n.ancestor = new G(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new Z(window, t.windowScrolledToBottom)), e[Me] = n;
+  t.windowScrolledToBottom && (n.window = new G(window, t.windowScrolledToBottom)), e[xe] = n;
 }
-function go(e) {
-  const t = e[Me];
+function po(e) {
+  const t = e[xe];
   t?.el?.install(), t?.ancestor?.install(), t?.window?.install();
 }
-function qe(e) {
-  const t = e[Me];
+function Pe(e) {
+  const t = e[xe];
   t?.el?.uninstall(), t?.ancestor?.uninstall(), t?.window?.uninstall();
 }
 const ge = ["auto", "scroll"];
-function ct(e) {
+function at(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return ge.includes(n.overflow) || ge.includes(n.overflowX) || ge.includes(n.overflowY) ? t : ct(t);
+  return ge.includes(n.overflow) || ge.includes(n.overflowX) || ge.includes(n.overflowY) ? t : at(t);
 }
-class Z {
+class G {
   constructor(t, n) {
     this.el = t, this.handler = n, this.install();
   }
@@ -1271,25 +1201,25 @@ class Z {
     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 ps(e) {
-  N(() => window.addEventListener("resize", e)), et(() => window.addEventListener("resize", e)), tt(() => window.removeEventListener("resize", e)), ue(() => window.removeEventListener("resize", e));
+function us(e) {
+  _(() => window.addEventListener("resize", e)), Qe(() => window.addEventListener("resize", e)), et(() => window.removeEventListener("resize", e)), ue(() => window.removeEventListener("resize", e));
 }
-const wo = {
-  mounted: Ke,
-  updated: Ke
-}, ze = Symbol("HasAutoFocused");
-function Ke(e, t) {
-  if (t.value === void 0 && e[ze] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[ze] = !0;
+const vo = {
+  mounted: ze,
+  updated: ze
+}, qe = Symbol("HasAutoFocused");
+function ze(e, t) {
+  if (t.value === void 0 && e[qe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[qe] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const Eo = {
-  mounted: bo
+const mo = {
+  mounted: ho
 }, K = Symbol("ConfirmState");
-function bo(e, t) {
+function ho(e, t) {
   e.addEventListener("click", (n) => {
-    const o = Date.now(), r = t.value?.text !== void 0 ? t.value.text : "Confirm";
+    const o = Date.now(), l = t.value?.text !== void 0 ? t.value.text : "Confirm";
     if (e[K]) {
       if (o - e[K].initTime < 300)
         return;
@@ -1301,158 +1231,158 @@ function bo(e, t) {
       initTime: o,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
-        r && (e.innerHTML = s.preconfirmHtml), t.value?.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
+        l && (e.innerHTML = s.preconfirmHtml), t.value?.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
       }
     };
-    e[K] = s, r && (e.innerHTML = r), t.value?.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
+    e[K] = s, l && (e.innerHTML = l), t.value?.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
   });
 }
-const ko = {
-  beforeMount: To
+const yo = {
+  beforeMount: go
 };
-function To(e) {
+function go(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + P(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + U(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = P(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = U(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const So = {
-  beforeMount: Ye,
-  updated: Ye
+const wo = {
+  beforeMount: Ke,
+  updated: Ke
 };
-function Ye(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = Co(e, t));
+function Ke(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = Eo(e, t));
 }
-function Co(e, t) {
+function Eo(e, t) {
   if (!t.value)
     return e.attributes.getNamedItem("placeholder")?.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.attributes.getNamedItem("format")?.value;
-  const l = e.attributes.getNamedItem("date-only") !== null;
-  if (!a && e.attributes.getNamedItem("relative-date") !== null) {
+  let u = e.attributes.getNamedItem("format")?.value;
+  const r = e.attributes.getNamedItem("date-only") !== null;
+  if (!u && e.attributes.getNamedItem("relative-date") !== null) {
     const d = /* @__PURE__ */ new Date();
-    d.getFullYear() === s.getFullYear() && d.getMonth() === s.getMonth() && d.getDate() === s.getDate() && (n = "at", a = "HH:mm");
+    d.getFullYear() === s.getFullYear() && d.getMonth() === s.getMonth() && d.getDate() === s.getDate() && (n = "at", u = "HH:mm");
   }
-  if (!a && e.attributes.getNamedItem("simplified-date") !== null) {
+  if (!u && e.attributes.getNamedItem("simplified-date") !== null) {
     let d = null;
-    const h = /* @__PURE__ */ new Date();
-    h.getFullYear() === s.getFullYear() ? (h.getMonth() !== s.getMonth() || h.getDate() !== s.getDate()) && (d = "M/d") : d = "M/d/yy";
-    const m = l ? null : F.defaultTimeFormat;
-    a = nt([d, m]).join(" ");
+    const E = /* @__PURE__ */ new Date();
+    E.getFullYear() === s.getFullYear() ? (E.getMonth() !== s.getMonth() || E.getDate() !== s.getDate()) && (d = "M/d") : d = "M/d/yy";
+    const h = r ? null : F.defaultTimeFormat;
+    u = tt([d, h]).join(" ");
   }
-  a || (l ? a = F.defaultDateFormat : a = `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
-  let u = P(s, a);
-  return n && (u = n + " " + u), u;
+  u || (r ? u = F.defaultDateFormat : u = `${F.defaultDateFormat} ${F.defaultTimeFormat}`);
+  let c = U(s, u);
+  return n && (c = n + " " + c), c;
 }
-const xo = {
-  beforeMount: Xe,
-  updated: Xe,
-  unmounted: Mo
+const bo = {
+  beforeMount: Ye,
+  updated: Ye,
+  unmounted: ko
 };
-function Xe(e, t) {
+function Ye(e, t) {
   e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
 }
-function Mo(e) {
+function ko(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const Lo = {
-  beforeMount: Ge,
-  updated: Ge,
-  unmounted: ft
-}, ee = Symbol("HasAutoFocused"), Le = [];
-function Fo() {
-  Le.forEach(dt);
+const To = {
+  beforeMount: Xe,
+  updated: Xe,
+  unmounted: ct
+}, ee = Symbol("HasAutoFocused"), Me = [];
+function So() {
+  Me.forEach(ut);
 }
-setInterval(Fo, 1e3);
-function Ge(e, t) {
+setInterval(So, 1e3);
+function Xe(e, t) {
   if (t.value == t.oldValue) return;
-  if (!t.value) return ft(e);
-  const n = new Date(t.value), o = e.attributes.getNamedItem("base-time")?.value, r = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
-  e[ee] || Le.push(e), e[ee] = {
-    startTs: r,
+  if (!t.value) return ct(e);
+  const n = new Date(t.value), o = e.attributes.getNamedItem("base-time")?.value, l = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
+  e[ee] || Me.push(e), e[ee] = {
+    startTs: l,
     includeSeconds: s
-  }, dt(e);
+  }, ut(e);
 }
-function dt(e) {
+function ut(e) {
   const t = e[ee], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = Oo(n, t.includeSeconds);
+  e.innerText = Co(n, t.includeSeconds);
 }
-function ft(e) {
-  e[ee] && (Xt(Le, e), delete e[ee]), e.innerText = "-";
+function ct(e) {
+  e[ee] && (Kt(Me, e), delete e[ee]), e.innerText = "-";
 }
-function Oo(e, t) {
+function Co(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 Io = {
-  mounted: pt,
-  updated: Do,
-  unmounted: vt
+const xo = {
+  mounted: dt,
+  updated: Mo,
+  unmounted: ft
 }, j = /* @__PURE__ */ new Map();
-function pt(e, t) {
-  j.size === 0 && window.addEventListener("keydown", mt), j.set(t.value.toLowerCase(), [...j.get(t.value.toLowerCase()) ?? [], e]);
+function dt(e, t) {
+  j.size === 0 && window.addEventListener("keydown", pt), j.set(t.value.toLowerCase(), [...j.get(t.value.toLowerCase()) ?? [], e]);
 }
-function vt(e, t) {
+function ft(e, t) {
   const n = j.get(t.value.toLowerCase());
   if (n) {
     const o = n.indexOf(e);
     o !== -1 && n.splice(o, 1), n.length === 0 && j.delete(t.value.toLowerCase());
   }
-  j.size === 0 && window.removeEventListener("keydown", mt);
+  j.size === 0 && window.removeEventListener("keydown", pt);
 }
-function Do(e, t) {
-  vt(e, t), pt(e, t);
+function Mo(e, t) {
+  ft(e, t), dt(e, t);
 }
-function mt(e) {
+function pt(e) {
   if (typeof e.key != "string") return;
   const t = e.key.toLowerCase(), n = j.get(t);
-  n && (Gt(n)?.click(), e.preventDefault());
+  n && (Yt(n)?.click(), e.preventDefault());
 }
-const Y = Symbol("InfiniteScrollHandler"), Ho = {
+const Y = Symbol("InfiniteScrollHandler"), Lo = {
   mounted(e, t) {
-    e[Y] = new Z(e, t.value);
+    e[Y] = new G(e, t.value);
   },
   updated(e, t) {
-    e[Y]?.uninstall(), e[Y] = new Z(e, t.value);
+    e[Y]?.uninstall(), e[Y] = new G(e, t.value);
   },
   unmounted(e) {
     e[Y]?.uninstall(), delete e[Y];
   }
-}, Vo = {
+}, Fo = {
   beforeMount: Ze,
   updated: Ze
 };
 function Ze(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const Ao = {
-  mounted: Je,
-  updated: Je,
-  unmounted: ht
+const Oo = {
+  mounted: Ge,
+  updated: Ge,
+  unmounted: vt
 }, J = Symbol("TooltipState");
-function Je(e, t) {
+function Ge(e, t) {
   let n = e.attributes.getNamedItem("tip")?.value ?? t.value;
   if (t.value || (n = null), n) {
     const o = {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[J] ? e[J].configure(o) : e[J] = new $o(e, o);
+    e[J] ? e[J].configure(o) : e[J] = new Io(e, o);
   } else
-    ht(e);
+    vt(e);
 }
-function ht(e) {
+function vt(e) {
   e[J]?.destroy(), delete e[J];
 }
-class $o {
+class Io {
   constructor(t, n) {
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), t.addEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
@@ -1488,9 +1418,9 @@ class $o {
     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 = Math.max(10, t.pageX - 5 - n)), l + o > s && (l = Math.max(10, 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 u = t.pageX + 10, r = t.pageY + 20;
+    u + n > l && (u = Math.max(10, t.pageX - 5 - n)), r + o > s && (r = Math.max(10, t.pageY - 5 - o)), this.tipEl.style.left = u + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     this.lastMoveEvt && this.tipEl !== this.lastMoveEvt.target && (this.tipEl?.contains(this.lastMoveEvt.target) || this.handleTargetMouseLeave());
@@ -1499,64 +1429,64 @@ class $o {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
-function Bo(e) {
-  e.directive("autofocus", wo), e.directive("confirm-button", Eo), e.directive("date-input", ko), e.directive("datetime", So), e.directive("disabled", xo), e.directive("duration", Lo), e.directive("hotkey", Io), e.directive("infinite-scroll", Ho), e.directive("readonly", Vo), e.directive("tooltip", Ao);
+function Do(e) {
+  e.directive("autofocus", vo), e.directive("confirm-button", mo), e.directive("date-input", yo), e.directive("datetime", wo), e.directive("disabled", bo), e.directive("duration", To), e.directive("hotkey", xo), e.directive("infinite-scroll", Lo), e.directive("readonly", Fo), e.directive("tooltip", Oo);
 }
-function vs(e) {
-  Bo(e);
+function cs(e) {
+  Do(e);
 }
 export {
-  Wo as OverlayContainer,
+  Ro as OverlayContainer,
   de as UserError,
-  jo as VfAjaxSelect,
+  _o as VfAjaxSelect,
   ne as VfAlertModal,
-  as as VfEzSmartSelect,
+  ss as VfEzSmartSelect,
   gn as VfModal,
-  Xn as VfSmartSelect,
-  os as cloneProp,
-  Po as configureVf,
-  rs as configureVfOpenApiClient,
-  ds as createFilters,
+  Pn as VfSmartSelect,
+  Qo as cloneProp,
+  No as configureVf,
+  ts as configureVfOpenApiClient,
+  rs as createFilters,
   ce as createOverlayInjection,
-  Nn as desnakeCase,
-  ln as dismissOverlayInjectionById,
-  qo as dismissOverlayInjectionByInstance,
-  ot as dismissOverlayInjectionByInternalInstance,
-  rn as dismissOverlayInjectionByVnode,
-  ys as escapeHtml,
+  Vn as desnakeCase,
+  rn as dismissOverlayInjectionById,
+  Wo as dismissOverlayInjectionByInstance,
+  nt as dismissOverlayInjectionByInternalInstance,
+  ln as dismissOverlayInjectionByVnode,
+  ps as escapeHtml,
   cn as formatError,
   kn as formatNumber,
-  _n as formatPhone,
-  Rn as formatUSCurrency,
-  Zo as handleError,
-  Go as handleErrorAndAlert,
-  vs as installVf,
+  Hn as formatPhone,
+  An as formatUSCurrency,
+  Ko as handleError,
+  zo as handleErrorAndAlert,
+  cs as installVf,
   dn as isError,
-  je as isNotNullOrUndefined,
-  Jo as maskComponent,
+  We as isNotNullOrUndefined,
+  Yo as maskComponent,
   fn as maskEl,
   pn as maskForm,
-  is as nl2br,
-  ss as nullifyEmptyInputs,
+  ns as nl2br,
+  es as nullifyEmptyInputs,
   Te as presentOverlay,
   Q as removeOverlayInjection,
-  es as replaceElement,
+  Zo as replaceElement,
   un as showAlert,
-  zo as showConfirm,
-  Ko as showConfirmDestroy,
-  ts as showContextMenu,
-  Xo as showMutableWait,
-  cs as showToast,
-  Yo as showWait,
+  jo as showConfirm,
+  Uo as showConfirmDestroy,
+  Go as showContextMenu,
+  qo as showMutableWait,
+  ls as showToast,
+  Po as showWait,
   bn as sleep,
-  ns as sleepSecs,
+  Jo as sleepSecs,
   Se as toError,
-  Qo as unmaskComponent,
-  st as unmaskEl,
-  rt as unmaskForm,
+  Xo as unmaskComponent,
+  ot as unmaskEl,
+  st as unmaskForm,
   an as updateOverlayProps,
-  fs as useInfiniteScroll,
-  ps as useResizeWatcher,
-  ls as uuid,
-  us as vfModalRef
+  as as useInfiniteScroll,
+  us as useResizeWatcher,
+  os as uuid,
+  is as vfModalRef
 };