@signal24/vue-foundation 4.3.6 → 4.4.0

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
-var $e = Object.defineProperty;
-var Ae = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var m = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as D, defineProps as Ve, defineEmits as Be, ref as I, computed as B, openBlock as c, createElementBlock as u, createElementVNode as y, toDisplayString as M, withDirectives as F, createCommentVNode as T, Fragment as _, renderList as z, vModelSelect as Fe, reactive as _e, h as ve, markRaw as Ne, getCurrentInstance as ge, onMounted as X, onBeforeUnmount as Y, createBlock as Z, Teleport as Ke, normalizeClass as b, withModifiers as Re, renderSlot as U, resolveDirective as ye, createSlots as Ue, withCtx as j, createTextVNode as ne, vModelText as je, watch as ie, onActivated as Ee, onDeactivated as Te } from "vue";
-import { debounce as Pe, isEqual as Oe, upperFirst as We, startCase as qe, cloneDeep as ze, remove as Xe } from "lodash";
-import { escapeHtml as Ye } from "@vue/shared";
-import { escapeHtml as Un } from "@vue/shared";
-import { format as W } from "date-fns";
-const Ze = D({
+var Be = Object.defineProperty;
+var Ve = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var g = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as x, defineProps as Fe, defineEmits as Re, ref as b, computed as N, openBlock as u, createElementBlock as f, createElementVNode as k, toDisplayString as H, withDirectives as K, createCommentVNode as T, Fragment as U, renderList as G, vModelSelect as Ne, getCurrentInstance as Q, onMounted as _, normalizeClass as w, normalizeStyle as Ke, withModifiers as ge, renderSlot as R, reactive as Ue, h as W, Teleport as We, markRaw as je, onBeforeUnmount as J, resolveDirective as Ee, createBlock as Oe, createSlots as Pe, withCtx as z, createTextVNode as se, vModelText as qe, watch as oe, onActivated as Te, onDeactivated as we } from "vue";
+import { debounce as ze, isEqual as be, upperFirst as Xe, startCase as Ye, cloneDeep as Ze, remove as Ge } from "lodash";
+import { escapeHtml as Qe } from "@vue/shared";
+import { escapeHtml as Xn } from "@vue/shared";
+import { format as Y } from "date-fns";
+const Je = x({
   setup() {
-    const e = Ve();
-    Be(["update:modelValue"]);
-    const t = I(null), n = B(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = I(e.modelValue ?? null);
+    const e = Fe();
+    Re(["update:modelValue"]);
+    const t = b(null), n = N(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = b(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -32,190 +32,250 @@ const Ze = D({
       this.options = await this.props.loadFn();
     }
   }
-}), be = (e, t) => {
+}), ke = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
   return n;
-}, Ge = {
+}, et = {
   key: 0,
   disabled: ""
-}, Qe = {
+}, tt = {
   key: 0,
   value: null
-}, Je = ["value"];
-function et(e, t, n, i, s, o) {
-  return e.renderOptions ? F((c(), u("select", {
+}, nt = ["value"];
+function it(e, t, n, i, s, o) {
+  return e.renderOptions ? K((u(), f("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (c(), u("option", Qe, M(e.props.nullText), 1)) : T("", !0),
-    (c(!0), u(_, null, z(e.renderOptions, (r, l) => {
-      var a;
-      return c(), u("option", {
+    e.props.nullText ? (u(), f("option", tt, H(e.props.nullText), 1)) : T("", !0),
+    (u(!0), f(U, null, G(e.renderOptions, (r, l) => {
+      var c;
+      return u(), f("option", {
         key: l,
-        value: (a = e.options) == null ? void 0 : a[l]
-      }, M(r), 9, Je);
+        value: (c = e.options) == null ? void 0 : c[l]
+      }, H(r), 9, nt);
     }), 128))
   ], 512)), [
-    [Fe, e.selectedItem]
-  ]) : (c(), u("select", Ge, [
-    y("option", null, M(e.props.loadingText || "Loading..."), 1)
+    [Ne, e.selectedItem]
+  ]) : (u(), f("select", et, [
+    k("option", null, H(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const vn = /* @__PURE__ */ be(Ze, [["render", et]]);
-let tt = 0;
-const O = _e([]), gn = D({
+const wn = /* @__PURE__ */ ke(Je, [["render", it]]), st = ["onClick"], ot = /* @__PURE__ */ x({
+  __name: "overlay-anchor",
+  props: {
+    overlayId: {},
+    anchor: {}
+  },
+  setup(e) {
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = b({ visibility: "hidden", top: "0", left: "0" }), s = b([]), o = Q();
+    _(r);
+    function r() {
+      const m = o.vnode.el, { styles: h, classes: a } = l(m, n);
+      i.value = h, s.value = a;
+    }
+    function l(m, h) {
+      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, p = h.getBoundingClientRect(), d = m.getBoundingClientRect();
+      a.matchWidth && (d.width = p.width), a.matchHeight && (d.height = p.height);
+      const y = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
+      let E, S;
+      if (a.y === "center")
+        E = p.top + p.height / 2 - d.height / 2, y.push("anchored-center-y");
+      else {
+        const L = (p.bottom + d.height < window.innerHeight || a.y === "below") && a.y !== "above";
+        E = L ? p.bottom : p.top - d.height, y.push(L ? "anchored-top" : "anchored-bottom");
+      }
+      if (a.x === "center")
+        S = p.left + p.width / 2 - d.width / 2, y.push("anchored-center-x");
+      else {
+        const L = (p.left + d.width < window.innerWidth || a.x === "left") && a.x !== "right";
+        S = L ? p.left : p.right - d.width, y.push(L ? "anchored-left" : "anchored-right");
+      }
+      return {
+        styles: {
+          top: `${E}px`,
+          left: `${S}px`,
+          ...a.matchWidth ? { width: `${d.width}px` } : {},
+          ...a.matchHeight ? { height: `${d.height}px` } : {}
+        },
+        classes: y
+      };
+    }
+    function c() {
+      window.removeEventListener("click", c), at(t.overlayId);
+    }
+    return _(() => {
+      setTimeout(() => {
+        window.addEventListener("click", c);
+      }, 10);
+    }), (m, h) => (u(), f("div", {
+      class: w(["vf-overlay-anchor", s.value]),
+      style: Ke(i.value),
+      onClick: ge(c, ["stop"])
+    }, [
+      R(m.$slots, "default")
+    ], 14, st));
+  }
+});
+let lt = 0;
+const O = Ue([]), bn = x({
   setup() {
-    return () => ve("div", { id: "modal-container" }, [
-      z(O, (e) => e.vnode)
+    return () => W("div", [
+      G(O, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function we(e, t) {
-  const n = document.getElementById("vf-modal-target") ?? document.createElement("div");
-  n.id = "vf-modal-target", n.removeAttribute("inert"), document.body.appendChild(n);
-  const i = Ne(e), s = {
-    id: String(++tt),
-    component: i,
+function Se(e, t, n) {
+  const i = document.getElementById("vf-overlay-target") ?? document.createElement("div");
+  i.id = "vf-overlay-target", i.removeAttribute("inert"), document.body.appendChild(i);
+  const s = String(++lt), o = je(e), r = W(o, t), l = n != null && n.anchor ? W(ot, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, c = {
+    id: s,
+    component: o,
     props: t,
-    vnode: ve(i, t)
+    options: n ?? {},
+    vnode: r,
+    wrapperVnode: l
   };
-  return O.push(s), s;
+  return O.push(c), c;
 }
-function Se(e) {
-  const t = O.indexOf(e);
-  t >= 0 && O.splice(t, 1);
+function kn(e) {
+  xe(e.$);
 }
-function yn(e) {
-  ke(e.$);
-}
-function ke(e) {
+function xe(e) {
   let t = e;
-  for (; t && !nt(t.vnode); )
+  for (; t && !rt(t.vnode); )
     t = t.parent;
 }
-function nt(e) {
-  var n, i;
-  const t = O.findIndex((s) => s.vnode.component === e.component);
-  return t >= 0 ? ((i = (n = O[t].props).callback) == null || i.call(n, void 0), O.splice(t, 1), !0) : !1;
+function rt(e) {
+  const t = O.findIndex((n) => n.vnode.component === e.component);
+  return t >= 0 ? (O[t].props.callback(), !0) : !1;
+}
+function at(e) {
+  const t = O.findIndex((n) => n.id === e);
+  return t >= 0 ? (O[t].props.callback(), !0) : !1;
+}
+function Le(e) {
+  const t = O.indexOf(e);
+  t >= 0 && O.splice(t, 1);
 }
-async function G(e, t) {
-  return new Promise((n) => {
-    let i = null;
-    const o = { ...t, callback: (r) => {
-      Se(i), n(r);
+async function ee(e, t, n) {
+  return new Promise((i) => {
+    let s = null;
+    const r = { ...t, callback: (l) => {
+      Le(s), i(l);
     } };
-    i = we(e, o);
+    s = Se(e, r, n);
   });
 }
-function N(e, t) {
+function j(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function se(e, t) {
-  await G(R, N(e, t));
+async function le(e, t) {
+  await ee(q, j(e, t));
 }
-async function En(e, t) {
-  return await G(R, {
-    ...N(e, t),
+async function Sn(e, t) {
+  return await ee(q, {
+    ...j(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function Tn(e, t) {
-  return await G(R, {
-    ...N(e, t),
+async function xn(e, t) {
+  return await ee(q, {
+    ...j(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function On(e, t) {
-  const n = we(R, {
-    ...N(e, t),
+function Ln(e, t) {
+  const n = Se(q, {
+    ...j(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => Se(n);
+  return () => Le(n);
 }
-const $ = {
+const V = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function bn(e) {
-  Object.assign($, e);
+function Cn(e) {
+  Object.assign(V, e);
 }
-class K extends Error {
+class P extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
-function it(e) {
-  return e instanceof K ? e.message : `An application error has occurred:
+function ct(e) {
+  return e instanceof P ? e.message : `An application error has occurred:
 
-${Q(e).message}
+${te(e).message}
 
-Please refresh the page and try again. If this error persists, ${$.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${V.unhandledErrorSupportText}.`;
 }
-function Q(e) {
+function te(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function wn(e, t) {
-  const n = Q(e);
-  return n instanceof K || $.errorHandler(n), t ? se(t, n) : se(n);
+async function Mn(e, t) {
+  const n = te(e);
+  return n instanceof P || V.errorHandler(n), t ? le(t, n) : le(n);
 }
-async function Sn(e) {
-  const t = Q(e);
-  t instanceof K || $.errorHandler(t);
+async function In(e) {
+  const t = te(e);
+  t instanceof P || V.errorHandler(t);
 }
-const x = Symbol("MaskState");
-function kn(e, t) {
+const D = Symbol("MaskState");
+function Hn(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
-  return st(i ?? n, t);
+  return dt(i ?? n, t);
 }
-function Mn(e) {
+function Dn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
-  return Me(n ?? t);
+  return Ce(n ?? t);
 }
-function st(e, t) {
-  if (!e[x]) {
+function dt(e, t) {
+  if (!e[D]) {
     const n = document.createElement("div");
-    n.classList.add("vf-mask"), e.appendChild(n), e[x] = { maskEl: n };
+    n.classList.add("vf-mask"), e.appendChild(n), e[D] = { maskEl: n };
   }
-  return e[x].maskEl.innerText = t ?? "", () => Me(e);
+  return e[D].maskEl.innerText = t ?? "", () => Ce(e);
 }
-function Me(e) {
-  e[x] && e.removeChild(e[x].maskEl);
+function Ce(e) {
+  e[D] && e.removeChild(e[D].maskEl);
 }
-const q = Symbol("FormMaskState");
-function ot(e, t, n) {
-  const i = e instanceof Element ? e : Le(e);
+const Z = Symbol("FormMaskState");
+function ut(e, t, n) {
+  const i = e instanceof Element ? e : Ie(e);
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
   s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
   const l = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return l.forEach((a) => a.setAttribute("disabled", "disabled")), i[q] = {
+  return l.forEach((c) => c.setAttribute("disabled", "disabled")), i[Z] = {
     disabledElements: l,
     waitButton: s,
     buttonHtml: o
-  }, () => xe(i);
+  }, () => Me(i);
 }
-function xe(e) {
-  const t = e instanceof Element ? e : Le(e), n = t[q];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[q]);
+function Me(e) {
+  const t = e instanceof Element ? e : Ie(e), n = t[Z];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[Z]);
 }
-function Le(e) {
+function Ie(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
-const lt = ["id"], rt = {
+const ht = ["id"], ft = {
   key: 0,
   class: "vf-modal-header"
-}, at = { class: "vf-modal-content" }, ct = {
+}, pt = { class: "vf-modal-content" }, mt = {
   key: 1,
   class: "vf-modal-footer"
-}, dt = /* @__PURE__ */ D({
+}, vt = /* @__PURE__ */ x({
   __name: "modal",
   props: {
     id: {},
@@ -226,67 +286,65 @@ const lt = ["id"], rt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, i = ge();
-    t({ mask: v, unmask: h });
-    const s = I(), o = I();
-    X(() => {
-      var d;
-      document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (d = s.value) == null || d.addEventListener("click", r));
-    }), Y(() => {
+    const n = e, i = Q();
+    t({ mask: m, unmask: h });
+    const s = b(), o = b();
+    _(() => {
+      var a;
+      document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = s.value) == null || a.addEventListener("click", r));
+    }), J(() => {
       window.removeEventListener("keydown", l), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function r(d) {
-      d.target == s.value && a();
+    function r(a) {
+      a.target == s.value && c();
     }
-    function l(d) {
-      if (d.key === "Esc" || d.key === "Escape") {
-        const E = document.querySelectorAll(".vf-modal-wrap");
-        E[E.length - 1] === s.value && a();
+    function l(a) {
+      if (a.key === "Esc" || a.key === "Escape") {
+        const p = document.querySelectorAll(".vf-modal-wrap");
+        p[p.length - 1] === s.value && c();
       }
     }
-    function a() {
-      ke(i);
+    function c() {
+      xe(i);
     }
-    function v() {
-      ot(o.value);
+    function m() {
+      ut(o.value);
     }
     function h() {
-      xe(o.value);
+      Me(o.value);
     }
-    return (d, E) => (c(), Z(Ke, { to: "#vf-modal-target" }, [
-      y("div", {
-        id: d.id,
-        class: b(["vf-overlay vf-modal-wrap", n.class]),
-        ref_key: "overlay",
-        ref: s
+    return (a, p) => (u(), f("div", {
+      id: a.id,
+      class: w(["vf-overlay vf-modal-wrap", n.class]),
+      ref_key: "overlay",
+      ref: s
+    }, [
+      k("form", {
+        action: ".",
+        class: w(["vf-modal", { scrolls: a.scrolls }]),
+        onSubmit: p[0] || (p[0] = ge((d) => a.$emit("formSubmit"), ["prevent"])),
+        ref_key: "form",
+        ref: o
       }, [
-        y("form", {
-          action: ".",
-          class: b(["vf-modal", { scrolls: d.scrolls }]),
-          onSubmit: E[0] || (E[0] = Re((f) => d.$emit("formSubmit"), ["prevent"])),
-          ref_key: "form",
-          ref: o
-        }, [
-          d.$slots.header ? (c(), u("div", rt, [
-            U(d.$slots, "header"),
-            n.closeX ? (c(), u("i", {
-              key: 0,
-              class: "close",
-              onClick: a
-            })) : T("", !0)
-          ])) : T("", !0),
-          y("div", at, [
-            U(d.$slots, "default")
-          ]),
-          d.$slots.footer ? (c(), u("div", ct, [
-            U(d.$slots, "footer")
-          ])) : T("", !0)
-        ], 34)
-      ], 10, lt)
-    ]));
+        a.$slots.header ? (u(), f("div", ft, [
+          R(a.$slots, "header"),
+          n.closeX ? (u(), f("i", {
+            key: 0,
+            class: "close",
+            onClick: c
+          })) : T("", !0)
+        ])) : T("", !0),
+        k("div", pt, [
+          R(a.$slots, "default")
+        ]),
+        a.$slots.footer ? (u(), f("div", mt, [
+          R(a.$slots, "footer")
+        ])) : T("", !0)
+      ], 34)
+    ], 10, ht));
   }
 });
-const ut = ["innerHtml"], ht = ["innerText"], R = /* @__PURE__ */ D({
+const yt = ["innerHtml"], gt = ["innerText"], q = /* @__PURE__ */ x({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -298,53 +356,53 @@ const ut = ["innerHtml"], ht = ["innerText"], R = /* @__PURE__ */ D({
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = B(() => t.message instanceof Error ? it(t.message) : t.message);
+    const t = e, n = N(() => t.message instanceof Error ? ct(t.message) : t.message);
     return (i, s) => {
-      const o = ye("autofocus");
-      return c(), Z(dt, {
-        class: b(["vf-alert", i.classes])
-      }, Ue({
-        default: j(() => [
-          i.isHtml ? (c(), u("div", {
+      const o = Ee("autofocus");
+      return u(), Oe(vt, {
+        class: w(["vf-alert", i.classes])
+      }, Pe({
+        default: z(() => [
+          i.isHtml ? (u(), f("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, ut)) : (c(), u("div", {
+          }, null, 8, yt)) : (u(), f("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, ht))
+          }, null, 8, gt))
         ]),
         _: 2
       }, [
         i.title ? {
           name: "header",
-          fn: j(() => [
-            y("h1", null, M(i.title), 1)
+          fn: z(() => [
+            k("h1", null, H(i.title), 1)
           ]),
           key: "0"
         } : void 0,
         i.isBare ? void 0 : {
           name: "footer",
-          fn: j(() => [
-            i.shouldConfirm ? (c(), u(_, { key: 0 }, [
-              F((c(), u("button", {
+          fn: z(() => [
+            i.shouldConfirm ? (u(), f(U, { key: 0 }, [
+              K((u(), f("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
-                ne("Confirm")
+                se("Confirm")
               ])), [
                 [o]
               ]),
-              y("button", {
+              k("button", {
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : F((c(), u("button", {
+            ], 64)) : K((u(), f("button", {
               key: 1,
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
             }, [
-              ne("OK")
+              se("OK")
             ])), [
               [o]
             ])
@@ -355,52 +413,52 @@ const ut = ["innerHtml"], ht = ["innerText"], R = /* @__PURE__ */ D({
     };
   }
 });
-let V;
-const ft = new Uint8Array(16);
-function pt() {
-  if (!V && (V = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !V))
+let F;
+const Et = new Uint8Array(16);
+function Ot() {
+  if (!F && (F = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !F))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return V(ft);
+  return F(Et);
 }
-const p = [];
+const v = [];
 for (let e = 0; e < 256; ++e)
-  p.push((e + 256).toString(16).slice(1));
-function mt(e, t = 0) {
-  return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
+  v.push((e + 256).toString(16).slice(1));
+function Tt(e, t = 0) {
+  return (v[e[t + 0]] + v[e[t + 1]] + v[e[t + 2]] + v[e[t + 3]] + "-" + v[e[t + 4]] + v[e[t + 5]] + "-" + v[e[t + 6]] + v[e[t + 7]] + "-" + v[e[t + 8]] + v[e[t + 9]] + "-" + v[e[t + 10]] + v[e[t + 11]] + v[e[t + 12]] + v[e[t + 13]] + v[e[t + 14]] + v[e[t + 15]]).toLowerCase();
 }
-const vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), oe = {
-  randomUUID: vt
+const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), re = {
+  randomUUID: wt
 };
-function gt(e, t, n) {
-  if (oe.randomUUID && !t && !e)
-    return oe.randomUUID();
+function bt(e, t, n) {
+  if (re.randomUUID && !t && !e)
+    return re.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || pt)();
+  const i = e.random || (e.rng || Ot)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
     n = n || 0;
     for (let s = 0; s < 16; ++s)
       t[n + s] = i[s];
     return t;
   }
-  return mt(i);
+  return Tt(i);
 }
-function xn(e) {
+function An(e) {
   return e.replace(/\n/g, "<br>");
 }
-function yt(e) {
+function kt(e) {
   return e.replace(/_/g, " ");
 }
-function Et(e) {
+function St(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 Tt(e) {
+function xt(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Ln() {
-  return gt();
+function $n() {
+  return bt();
 }
-const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", bt = {
+const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Ct = {
   props: {
     modelValue: {
       type: null,
@@ -477,13 +535,13 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
     },
     optionsDescriptors() {
       return this.allOptions.map((e, t) => {
-        var l, a;
+        var l, c;
         const n = this.formatter(e), i = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", r = [];
-        return this.searchFields ? this.searchFields.forEach((v) => {
-          e[v] && r.push(String(e[v]).toLowerCase());
+        return this.searchFields ? this.searchFields.forEach((m) => {
+          e[m] && r.push(String(e[m]).toLowerCase());
         }) : (r.push(s), o && r.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),
+          key: ((c = this.effectiveKeyExtractor) == null ? void 0 : c.call(this, e)) ?? String(t),
           title: n,
           subtitle: i,
           searchContent: r.join(""),
@@ -497,7 +555,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
           e = e.filter((s) => s.searchContent.includes(t));
-          const n = Ye(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
+          const n = Qe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
           e = e.map((s) => {
             var o;
             return {
@@ -506,13 +564,13 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
               subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: le,
+            key: ae,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
       } else
         this.nullTitle && e.unshift({
-          key: w,
+          key: C,
           title: this.nullTitle
         });
       return e;
@@ -538,7 +596,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
     },
     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) ?? w);
+      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) ?? C);
     }
   },
   async mounted() {
@@ -547,7 +605,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
         "update:modelValue",
         this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
       );
-    }), this.remoteSearch && this.$watch("searchText", Pe(this.reloadOptionsIfSearching, 250));
+    }), this.remoteSearch && this.$watch("searchText", ze(this.reloadOptionsIfSearching, 250));
   },
   methods: {
     async loadRemoteOptions() {
@@ -592,7 +650,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && Ot.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && Lt.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -600,7 +658,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
     },
     setHighlightedOptionKey(e) {
       var t;
-      this.selectedOption ? this.highlightedOptionKey = this.getOptionKey(this.selectedOption) : e ? this.highlightedOptionKey = ((t = this.effectiveOptions) == null ? void 0 : t[0].key) ?? w : this.nullTitle && (this.highlightedOptionKey = w);
+      this.selectedOption ? this.highlightedOptionKey = this.getOptionKey(this.selectedOption) : e ? this.highlightedOptionKey = ((t = this.effectiveOptions) == null ? void 0 : t[0].key) ?? C : this.nullTitle && (this.highlightedOptionKey = C);
     },
     getOptionKey(e) {
       var t;
@@ -610,7 +668,7 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => Oe(i.ref, e));
+      const n = this.effectiveOptions.find((i) => be(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -648,9 +706,9 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
       s.offsetTop < i.scrollTop ? i.scrollTop = s.offsetTop : s.offsetTop + s.offsetHeight > i.scrollTop + i.clientHeight && (i.scrollTop = s.offsetTop + s.offsetHeight - i.clientHeight);
     },
     selectOption(e) {
-      if (this.isSearching = !1, e.key == w)
+      if (this.isSearching = !1, e.key == C)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === le) {
+      else if (e.key === ae) {
         const t = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
       } else {
@@ -667,61 +725,61 @@ const w = Symbol("null"), le = Symbol("create"), Ot = "`1234567890-=[]\\;',./~!@
     }
   }
 };
-const wt = ["placeholder"], St = {
+const Mt = ["placeholder"], It = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
-}, kt = {
+}, Ht = {
   key: 0,
   class: "no-results"
-}, Mt = ["onMousemove", "onMousedown"], xt = ["innerHTML"], Lt = ["innerHTML"], Ct = {
+}, Dt = ["onMousemove", "onMousedown"], At = ["innerHTML"], $t = ["innerHTML"], _t = {
   key: 0,
   class: "no-results"
 };
-function It(e, t, n, i, s, o) {
-  const r = ye("disabled");
-  return c(), u("div", {
-    class: b(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
+function Bt(e, t, n, i, s, o) {
+  const r = Ee("disabled");
+  return u(), f("div", {
+    class: w(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    F(y("input", {
+    K(k("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
-      class: b({ nullable: !!n.nullTitle }),
+      class: w({ nullable: !!n.nullTitle }),
       onKeydown: t[1] || (t[1] = (...l) => o.handleKeyDown && o.handleKeyDown(...l)),
       placeholder: o.effectivePlaceholder,
       onFocus: t[2] || (t[2] = (...l) => o.handleInputFocused && o.handleInputFocused(...l)),
       onBlur: t[3] || (t[3] = (...l) => o.handleInputBlurred && o.handleInputBlurred(...l))
-    }, null, 42, wt), [
-      [je, e.searchText],
+    }, null, 42, Mt), [
+      [qe, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (c(), u("div", St, [
-      e.isLoaded ? (c(), u(_, { key: 1 }, [
-        (c(!0), u(_, null, z(o.effectiveOptions, (l) => (c(), u("div", {
+    e.shouldDisplayOptions ? (u(), f("div", It, [
+      e.isLoaded ? (u(), f(U, { key: 1 }, [
+        (u(!0), f(U, null, G(o.effectiveOptions, (l) => (u(), f("div", {
           key: String(l.key),
-          class: b(["option", {
+          class: w(["option", {
             highlighted: e.highlightedOptionKey === l.key
           }]),
-          onMousemove: (a) => o.handleOptionHover(l),
-          onMousedown: (a) => o.selectOption(l)
+          onMousemove: (c) => o.handleOptionHover(l),
+          onMousedown: (c) => o.selectOption(l)
         }, [
-          y("div", {
+          k("div", {
             class: "title",
             innerHTML: l.title
-          }, null, 8, xt),
-          l.subtitle ? (c(), u("div", {
+          }, null, 8, At),
+          l.subtitle ? (u(), f("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
-          }, null, 8, Lt)) : T("", !0)
-        ], 42, Mt))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (c(), u("div", Ct, M(o.effectiveNoResultsText), 1)) : T("", !0)
-      ], 64)) : (c(), u("div", kt, "Loading..."))
+          }, null, 8, $t)) : T("", !0)
+        ], 42, Dt))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (u(), f("div", _t, H(o.effectiveNoResultsText), 1)) : T("", !0)
+      ], 64)) : (u(), f("div", Ht, "Loading..."))
     ], 512)) : T("", !0)
   ], 2);
 }
-const Ht = /* @__PURE__ */ be(bt, [["render", It]]), Cn = /* @__PURE__ */ D({
+const Vt = /* @__PURE__ */ ke(Ct, [["render", Bt]]), _n = /* @__PURE__ */ x({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -732,185 +790,185 @@ const Ht = /* @__PURE__ */ be(bt, [["render", It]]), Cn = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = B(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
+    const n = e, i = N(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
       value: r,
       label: l
-    }))), s = B(() => n.formatter ? (r) => {
+    }))), s = N(() => n.formatter ? (r) => {
       var l;
       return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
-    } : (r) => r.label), o = I(i.value.find((r) => r.value === n.modelValue) ?? null);
-    return ie(
+    } : (r) => r.label), o = b(i.value.find((r) => r.value === n.modelValue) ?? null);
+    return oe(
       () => n.modelValue,
       (r) => {
         o.value = i.value.find((l) => l.value === r) ?? null;
       }
-    ), ie(o, (r) => {
+    ), oe(o, (r) => {
       var l;
-      t("update:modelValue", r ? ((l = i.value.find((a) => Oe(a, r))) == null ? void 0 : l.value) ?? null : null);
-    }), (r, l) => (c(), Z(Ht, {
+      t("update:modelValue", r ? ((l = i.value.find((c) => be(c, r))) == null ? void 0 : l.value) ?? null : null);
+    }), (r, l) => (u(), Oe(Vt, {
       modelValue: o.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
+      "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
       options: i.value,
       formatter: s.value,
       "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 });
-function Dt(e) {
+function Ft(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
   return `${i} ${s}`;
 }
-function $t(e) {
+function Rt(e) {
   return e != null && String(e).length ? e : "-";
 }
-function At(e) {
+function Nt(e) {
   return e || "-";
 }
-function Vt(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : jt(Number(e));
+function Kt(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Yt(Number(e));
 }
-function Bt(e) {
-  return e && Et(e);
+function Ut(e) {
+  return e && St(e);
 }
-function Ft(e) {
-  return e ? We(e) : null;
+function Wt(e) {
+  return e ? Xe(e) : null;
 }
-function _t(e) {
-  return e ? qe(e) : null;
+function jt(e) {
+  return e ? Ye(e) : null;
 }
-function Nt(e) {
+function Pt(e) {
   return e ? e.toUpperCase() : null;
 }
-function Kt(e) {
-  return e ? yt(e) : null;
-}
-function Rt(e) {
-  return Tt(e);
-}
-const re = {
-  bytes: Dt,
-  dash: $t,
-  dashZeros: At,
-  number: Vt,
-  phone: Bt,
-  upperFirst: Ft,
-  startCase: _t,
-  upperCase: Nt,
-  desnake: Kt,
-  usCurrency: Rt
-}, In = (e) => ({
-  ...re,
-  ...e(re)
+function qt(e) {
+  return e ? kt(e) : null;
+}
+function zt(e) {
+  return xt(e);
+}
+const ce = {
+  bytes: Ft,
+  dash: Rt,
+  dashZeros: Nt,
+  number: Kt,
+  phone: Ut,
+  upperFirst: Wt,
+  startCase: jt,
+  upperCase: Pt,
+  desnake: qt,
+  usCurrency: zt
+}, Bn = (e) => ({
+  ...ce,
+  ...e(ce)
 });
-function Hn(e, t, n) {
+function Vn(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return i === -1 ? !1 : (e.splice(i, 1, n), !0);
 }
-function Dn(e, t) {
+function Fn(e, t) {
   const n = document.createElement("div");
-  n.classList.add("vf-overlay"), n.addEventListener("click", d), document.body.appendChild(n);
+  n.classList.add("vf-overlay"), n.addEventListener("click", a), document.body.appendChild(n);
   const i = document.createElement("div");
   i.classList.add("vf-context-menu"), i.style.position = "absolute", n.appendChild(i);
   const s = e.currentTarget;
-  s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((f) => {
-    if (f == "-") {
-      const A = document.createElement("div");
-      A.classList.add("separator"), i.appendChild(A);
+  s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((d) => {
+    if (d == "-") {
+      const E = document.createElement("div");
+      E.classList.add("separator"), i.appendChild(E);
       return;
     }
-    const g = document.createElement("div");
-    g.classList.add("item"), g.style.userSelect = "none", g.innerText = f.title, i.appendChild(g), f.class && g.classList.add(f.class), f.shouldConfirm ? g.addEventListener("click", () => E(g, f.handler)) : g.addEventListener("click", () => f.handler());
+    const y = document.createElement("div");
+    y.classList.add("item"), y.style.userSelect = "none", y.innerText = d.title, i.appendChild(y), d.class && y.classList.add(d.class), d.shouldConfirm ? y.addEventListener("click", () => p(y, d.handler)) : y.addEventListener("click", () => d.handler());
   });
-  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, a = i.offsetWidth, v = o < a ? e.clientX - a - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  i.style.left = v + "px", i.style.top = h + "px", setTimeout(() => {
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, c = i.offsetWidth, m = o < c ? e.clientX - c - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  i.style.left = m + "px", i.style.top = h + "px", setTimeout(() => {
     i.style.width = i.offsetWidth + "px";
   }, 50);
-  function d() {
+  function a() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function E(f, g) {
-    if (f.classList.contains("pending-confirm"))
-      return g();
-    const A = f.innerHTML;
-    f.classList.add("pending-confirm"), f.innerText = "Confirm";
-    const te = () => {
-      f.classList.remove("pending-confirm"), f.innerHTML = A, f.removeEventListener("mouseleave", te);
+  function p(d, y) {
+    if (d.classList.contains("pending-confirm"))
+      return y();
+    const E = d.innerHTML;
+    d.classList.add("pending-confirm"), d.innerText = "Confirm";
+    const S = () => {
+      d.classList.remove("pending-confirm"), d.innerHTML = E, d.removeEventListener("mouseleave", S);
     };
-    f.addEventListener("mouseleave", te), e.stopPropagation();
+    d.addEventListener("mouseleave", S), e.stopPropagation();
   }
 }
-const Ut = (e) => new Promise((t) => setTimeout(t, e)), $n = (e) => Ut(e * 1e3);
-function jt(e) {
+const Xt = (e) => new Promise((t) => setTimeout(t, e)), Rn = (e) => Xt(e * 1e3);
+function Yt(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function An(e, t) {
-  return e != null ? ze(e) : t;
+function Nn(e, t) {
+  return e != null ? Ze(e) : t;
 }
-function Vn(e, t) {
+function Kn(e, t) {
   const n = { ...e };
   for (const i of t)
     n[i] === "" && (n[i] = null);
   return n;
 }
-function Pt(e) {
+function Zt(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Bn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
+function Un({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
   const s = e.request.request.bind(e.request);
-  e.request.request = (o) => (t && (o = t(o)), new i((r, l, a) => {
-    const v = s(o);
-    a(v.cancel), v.then(r).catch((h) => {
-      if (Pt(h) && typeof h.body == "object" && "error" in h.body) {
+  e.request.request = (o) => (t && (o = t(o)), new i((r, l, c) => {
+    const m = s(o);
+    c(m.cancel), m.then(r).catch((h) => {
+      if (Zt(h) && typeof h.body == "object" && "error" in h.body) {
         if (h.status === 422)
-          return l(new K(h.body.error));
+          return l(new P(h.body.error));
         h.message = `${h.body.error} (${h.status})`;
       }
       if (n) {
-        const d = n(h, o);
-        if (d === null)
+        const a = n(h, o);
+        if (a === null)
           return;
-        if (d instanceof Error)
-          return l(d);
+        if (a instanceof Error)
+          return l(a);
       }
       l(h);
     });
   }));
 }
-const J = Symbol("HookState");
-function Fn(e, t) {
-  const n = t ?? ge();
-  X(() => Wt(n, e), n), Ee(() => qt(n), n), Te(() => ae(n), n), Y(() => ae(n), n);
+const ne = Symbol("HookState");
+function Wn(e, t) {
+  const n = t ?? Q();
+  _(() => Gt(n, e), n), Te(() => Qt(n), n), we(() => de(n), n), J(() => de(n), n);
 }
-function Wt(e, t) {
+function Gt(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new L(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = Ce(e.vnode.el);
-    i ? n.ancestor = new L(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new A(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const i = He(e.vnode.el);
+    i ? n.ancestor = new A(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new L(window, t.windowScrolledToBottom)), e[J] = n;
+  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[ne] = n;
 }
-function qt(e) {
+function Qt(e) {
   var n, i, s;
-  const t = e[J];
+  const t = e[ne];
   (n = t == null ? void 0 : t.el) == null || n.install(), (i = t == null ? void 0 : t.ancestor) == null || i.install(), (s = t == null ? void 0 : t.window) == null || s.install();
 }
-function ae(e) {
+function de(e) {
   var n, i, s;
-  const t = e[J];
+  const t = e[ne];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (i = t == null ? void 0 : t.ancestor) == null || i.uninstall(), (s = t == null ? void 0 : t.window) == null || s.uninstall();
 }
-const P = ["auto", "scroll"];
-function Ce(e) {
+const X = ["auto", "scroll"];
+function He(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return P.includes(n.overflow) || P.includes(n.overflowX) || P.includes(n.overflowY) ? t : Ce(t);
+  return X.includes(n.overflow) || X.includes(n.overflowX) || X.includes(n.overflowY) ? t : He(t);
 }
-class L {
+class A {
   constructor(t, n) {
-    m(this, "isTripped", !1);
-    m(this, "onScrollWithContext", this.onScroll.bind(this));
+    g(this, "isTripped", !1);
+    g(this, "onScrollWithContext", this.onScroll.bind(this));
     this.el = t, this.handler = n, this.install();
   }
   install() {
@@ -923,30 +981,30 @@ class L {
     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 _n(e) {
-  X(() => window.addEventListener("resize", e)), Ee(() => window.addEventListener("resize", e)), Te(() => window.removeEventListener("resize", e)), Y(() => window.removeEventListener("resize", e));
+function jn(e) {
+  _(() => window.addEventListener("resize", e)), Te(() => window.addEventListener("resize", e)), we(() => window.removeEventListener("resize", e)), J(() => window.removeEventListener("resize", e));
 }
-const zt = {
-  mounted: de,
-  updated: de
-}, ce = Symbol("HasAutoFocused");
-function de(e, t) {
-  if (t.value === void 0 && e[ce] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+const Jt = {
+  mounted: he,
+  updated: he
+}, ue = Symbol("HasAutoFocused");
+function he(e, t) {
+  if (t.value === void 0 && e[ue] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
     return;
-  e[ce] = !0;
+  e[ue] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const Xt = {
-  mounted: Yt
-}, S = Symbol("ConfirmState");
-function Yt(e) {
+const en = {
+  mounted: tn
+}, M = Symbol("ConfirmState");
+function tn(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
-    if (e[S]) {
-      if (n - e[S].initTime < 300)
+    if (e[M]) {
+      if (n - e[M].initTime < 300)
         return;
-      e[S].resetHandler(), e.dispatchEvent(new Event("confirm"));
+      e[M].resetHandler(), e.dispatchEvent(new Event("confirm"));
       return;
     }
     t.preventDefault(), t.stopImmediatePropagation();
@@ -954,86 +1012,86 @@ function Yt(e) {
       initTime: n,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
-        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[S];
+        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[M];
       }
     };
-    e[S] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
+    e[M] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
   });
 }
-const Zt = {
-  beforeMount: Gt
+const nn = {
+  beforeMount: sn
 };
-function Gt(e) {
+function sn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + W(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Y(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = W(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = Y(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const Qt = {
-  beforeMount: ue,
-  updated: ue
+const on = {
+  beforeMount: fe,
+  updated: fe
 };
-function ue(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = Jt(e, t));
+function fe(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = ln(e, t));
 }
-function Jt(e, t) {
-  var a, v;
+function ln(e, t) {
+  var c, m;
   if (!t.value)
-    return ((a = e.attributes.getNamedItem("placeholder")) == null ? void 0 : a.value) ?? "";
+    return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
   let n = "";
   const i = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), s = e.attributes.getNamedItem("local") !== null ? i.replace(/Z$/, "") : i.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(s);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
-  let r = (v = e.attributes.getNamedItem("format")) == null ? void 0 : v.value;
+  let r = (m = e.attributes.getNamedItem("format")) == null ? void 0 : m.value;
   if (!r && e.attributes.getNamedItem("relative-date") !== null) {
     const h = /* @__PURE__ */ new Date();
     h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
-  r || (r = $.defaultDateTimeFormat);
-  let l = W(o, r);
+  r || (r = V.defaultDateTimeFormat);
+  let l = Y(o, r);
   return n && (l = n + " " + l), l;
 }
-const en = {
-  beforeMount: he,
-  updated: he,
-  unmounted: tn
+const rn = {
+  beforeMount: pe,
+  updated: pe,
+  unmounted: an
 };
-function he(e, t) {
+function pe(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 tn(e) {
+function an(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const nn = {
-  beforeMount: fe,
-  updated: fe,
-  unmounted: He
-}, H = Symbol("HasAutoFocused"), ee = [];
-function sn() {
-  ee.forEach(Ie);
+const cn = {
+  beforeMount: me,
+  updated: me,
+  unmounted: Ae
+}, B = Symbol("HasAutoFocused"), ie = [];
+function dn() {
+  ie.forEach(De);
 }
-setInterval(sn, 1e3);
-function fe(e, t) {
+setInterval(dn, 1e3);
+function me(e, t) {
   var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return He(e);
+    return Ae(e);
   const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[H] || ee.push(e), e[H] = {
+  e[B] || ie.push(e), e[B] = {
     startTs: s,
     includeSeconds: o
-  }, Ie(e);
+  }, De(e);
 }
-function Ie(e) {
-  const t = e[H], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = on(n, t.includeSeconds);
+function De(e) {
+  const t = e[B], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = un(n, t.includeSeconds);
 }
-function He(e) {
-  e[H] && (Xe(ee, e), delete e[H]), e.innerText = "-";
+function Ae(e) {
+  e[B] && (Ge(ie, e), delete e[B]), e.innerText = "-";
 }
-function on(e, t) {
+function un(e, t) {
   const n = [], i = Math.floor(e / 86400);
   i && n.push(i + "d"), e -= i * 86400;
   const s = Math.floor(e / 3600);
@@ -1041,31 +1099,31 @@ function on(e, t) {
   const o = Math.floor(e / 60);
   return (i || s || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
 }
-const k = Symbol("InfiniteScrollHandler"), ln = {
+const I = Symbol("InfiniteScrollHandler"), hn = {
   mounted(e, t) {
-    e[k] = new L(e, t.value);
+    e[I] = new A(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[k]) == null || n.uninstall(), e[k] = new L(e, t.value);
+    (n = e[I]) == null || n.uninstall(), e[I] = new A(e, t.value);
   },
   unmounted(e) {
     var t;
-    (t = e[k]) == null || t.uninstall(), delete e[k];
+    (t = e[I]) == null || t.uninstall(), delete e[I];
   }
-}, rn = {
-  beforeMount: pe,
-  updated: pe
+}, fn = {
+  beforeMount: ve,
+  updated: ve
 };
-function pe(e, t) {
+function ve(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const an = {
-  mounted: me,
-  updated: me,
-  unmounted: De
-}, C = Symbol("TooltipState");
-function me(e, t) {
+const pn = {
+  mounted: ye,
+  updated: ye,
+  unmounted: $e
+}, $ = Symbol("TooltipState");
+function ye(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1073,26 +1131,26 @@ function me(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[C] ? e[C].configure(s) : e[C] = new cn(e, s);
+    e[$] ? e[$].configure(s) : e[$] = new mn(e, s);
   } else
-    De(e);
+    $e(e);
 }
-function De(e) {
+function $e(e) {
   var t;
-  (t = e[C]) == null || t.destroy(), delete e[C];
+  (t = e[$]) == null || t.destroy(), delete e[$];
 }
-class cn {
+class mn {
   constructor(t, n) {
-    m(this, "lastMoveEvt");
-    m(this, "checkInterval");
-    m(this, "shouldShow", !1);
-    m(this, "tipEl");
-    m(this, "titleEl");
-    m(this, "contentEl");
-    m(this, "mouseMoveBound", !1);
-    m(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
-    m(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
-    m(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
+    g(this, "lastMoveEvt");
+    g(this, "checkInterval");
+    g(this, "shouldShow", !1);
+    g(this, "tipEl");
+    g(this, "titleEl");
+    g(this, "contentEl");
+    g(this, "mouseMoveBound", !1);
+    g(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
+    g(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
+    g(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
@@ -1129,58 +1187,59 @@ class cn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function dn(e) {
-  e.directive("autofocus", zt), e.directive("confirm-button", Xt), e.directive("date-input", Zt), e.directive("datetime", Qt), e.directive("disabled", en), e.directive("duration", nn), e.directive("infinite-scroll", ln), e.directive("readonly", rn), e.directive("tooltip", an);
+function vn(e) {
+  e.directive("autofocus", Jt), e.directive("confirm-button", en), e.directive("date-input", nn), e.directive("datetime", on), e.directive("disabled", rn), e.directive("duration", cn), e.directive("infinite-scroll", hn), e.directive("readonly", fn), e.directive("tooltip", pn);
 }
-function Nn(e) {
-  dn(e);
+function Pn(e) {
+  vn(e);
 }
 export {
-  gn as ModalContainer,
-  K as UserError,
-  vn as VfAjaxSelect,
-  R as VfAlertModal,
-  Cn as VfEzSmartSelect,
-  dt as VfModal,
-  Ht as VfSmartSelect,
-  An as cloneProp,
-  bn as configureVf,
-  In as createFilters,
-  we as createModalInjection,
-  yt as desnakeCase,
-  Un as escapeHtml,
-  it as formatError,
-  jt as formatNumber,
-  Et as formatPhone,
-  Tt as formatUSCurrency,
-  Sn as handleError,
-  wn as handleErrorAndAlert,
-  Bn as installApiClientInterceptors,
-  Nn as installVf,
-  Pt as isApiError,
-  kn as maskComponent,
-  st as maskEl,
-  ot as maskForm,
-  xn as nl2br,
-  Vn as nullifyEmptyInputs,
-  G as presentModal,
-  Se as removeModalInjection,
-  yn as removeModalInjectionByInstance,
-  ke as removeModalInjectionByInternalInstance,
-  nt as removeModalInjectionByVnode,
-  Hn as replaceElement,
-  se as showAlert,
-  En as showConfirm,
-  Tn as showConfirmDestroy,
-  Dn as showContextMenu,
-  On as showWait,
-  Ut as sleep,
-  $n as sleepSecs,
-  Q as toError,
-  Mn as unmaskComponent,
-  Me as unmaskEl,
-  xe as unmaskForm,
-  Fn as useInfiniteScroll,
-  _n as useResizeWatcher,
-  Ln as uuid
+  bn as OverlayContainer,
+  P as UserError,
+  wn as VfAjaxSelect,
+  q as VfAlertModal,
+  _n as VfEzSmartSelect,
+  vt as VfModal,
+  Vt as VfSmartSelect,
+  Nn as cloneProp,
+  Cn as configureVf,
+  Bn as createFilters,
+  Se as createOverlayInjection,
+  kt as desnakeCase,
+  at as dismissOverlayInjectionById,
+  kn as dismissOverlayInjectionByInstance,
+  xe as dismissOverlayInjectionByInternalInstance,
+  rt as dismissOverlayInjectionByVnode,
+  Xn as escapeHtml,
+  ct as formatError,
+  Yt as formatNumber,
+  St as formatPhone,
+  xt as formatUSCurrency,
+  In as handleError,
+  Mn as handleErrorAndAlert,
+  Un as installApiClientInterceptors,
+  Pn as installVf,
+  Zt as isApiError,
+  Hn as maskComponent,
+  dt as maskEl,
+  ut as maskForm,
+  An as nl2br,
+  Kn as nullifyEmptyInputs,
+  ee as presentOverlay,
+  Le as removeOverlayInjection,
+  Vn as replaceElement,
+  le as showAlert,
+  Sn as showConfirm,
+  xn as showConfirmDestroy,
+  Fn as showContextMenu,
+  Ln as showWait,
+  Xt as sleep,
+  Rn as sleepSecs,
+  te as toError,
+  Dn as unmaskComponent,
+  Ce as unmaskEl,
+  Me as unmaskForm,
+  Wn as useInfiniteScroll,
+  jn as useResizeWatcher,
+  $n as uuid
 };