@signal24/vue-foundation 4.16.1 → 4.17.0

package/dist/vue-foundation.es.js

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