@signal24/vue-foundation 4.24.2 → 4.25.1

package/dist/vue-foundation.es.js

@@ -1,19 +1,19 @@
-var xt = Object.defineProperty;
-var It = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var F = (e, t, n) => It(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as R, ref as T, computed as x, watch as D, onMounted as _, createElementBlock as k, withDirectives as ne, openBlock as b, createElementVNode as $, toDisplayString as P, createCommentVNode as A, Fragment as oe, renderList as ye, vModelSelect as Ot, getCurrentInstance as ge, withModifiers as we, normalizeStyle as Ft, normalizeClass as B, renderSlot as q, reactive as Dt, h as se, Teleport as Ht, markRaw as Vt, onBeforeUnmount as Ee, resolveDirective as At, createBlock as Ye, createSlots as $t, withCtx as ve, createTextVNode as ee, vModelText as Bt, onActivated as Xe, onDeactivated as Ze } from "vue";
-import { compact as Ge, debounce as _t, isEqual as Je, startCase as Nt, upperFirst as Rt, cloneDeep as Wt, remove as jt, last as Ut } from "lodash";
-import { escapeHtml as Pt } from "@vue/shared";
-import { escapeHtml as ls } from "@vue/shared";
-import { format as j, addDays as qt, parse as zt } from "date-fns";
-import { configureOpenApiClient as Kt, OpenApiError as Yt } from "@signal24/openapi-client-codegen/browser";
-const Xt = {
+var Ht = Object.defineProperty;
+var Vt = (e, t, n) => t in e ? Ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var O = (e, t, n) => Vt(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as R, ref as T, computed as M, watch as D, onMounted as _, createElementBlock as k, withDirectives as ne, openBlock as b, createElementVNode as B, toDisplayString as W, createCommentVNode as A, Fragment as oe, renderList as se, vModelSelect as At, getCurrentInstance as we, withModifiers as Ee, normalizeStyle as $t, normalizeClass as $, renderSlot as j, reactive as Bt, h as ie, Teleport as _t, markRaw as Nt, onBeforeUnmount as be, resolveDirective as Rt, createBlock as Je, createSlots as Wt, withCtx as pe, createTextVNode as X, vModelText as jt, onActivated as Qe, onDeactivated as et } from "vue";
+import { compact as tt, uniq as Ut, groupBy as Pt, debounce as qt, isEqual as nt, startCase as zt, upperFirst as Kt, cloneDeep as Yt, remove as Xt, last as Zt } from "lodash";
+import { escapeHtml as Gt } from "@vue/shared";
+import { escapeHtml as ms } from "@vue/shared";
+import { format as P, addDays as Jt, parse as Qt } from "date-fns";
+import { configureOpenApiClient as en, OpenApiError as tn } from "@signal24/openapi-client-codegen/browser";
+const nn = {
   key: 0,
   disabled: ""
-}, Zt = {
+}, on = {
   key: 0,
   value: null
-}, Gt = ["value"], Do = /* @__PURE__ */ R({
+}, sn = ["value"], Ro = /* @__PURE__ */ R({
   __name: "vf-ajax-select",
   props: {
     modelValue: {},
@@ -25,145 +25,145 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, i = T(null), s = x(() => i.value ? i.value.map((v) => {
-      const E = v;
+    const n = e, o = t, r = T(null), s = M(() => r.value ? r.value.map((p) => {
+      const E = p;
       return n.preprocesor ? n.preprocesor(E) : n.displayKey ? E[n.displayKey] : "";
     }) : null), a = T(n.modelValue ?? null);
-    D(() => n.loadFn, r), D(
+    D(() => n.loadFn, l), D(
       () => n.modelValue,
       () => a.value = n.modelValue
     ), D(a, () => o("update:modelValue", a.value));
-    async function r() {
-      i.value = await n.loadFn();
+    async function l() {
+      r.value = await n.loadFn();
     }
-    return _(r), (u, v) => s.value ? ne((b(), k("select", {
+    return _(l), (u, p) => s.value ? ne((b(), k("select", {
       key: 1,
-      "onUpdate:modelValue": v[0] || (v[0] = (E) => a.value = E)
+      "onUpdate:modelValue": p[0] || (p[0] = (E) => a.value = E)
     }, [
-      n.nullText ? (b(), k("option", Zt, P(n.nullText), 1)) : A("", !0),
-      (b(!0), k(oe, null, ye(s.value, (E, f) => {
+      n.nullText ? (b(), k("option", on, W(n.nullText), 1)) : A("", !0),
+      (b(!0), k(oe, null, se(s.value, (E, v) => {
         var w;
         return b(), k("option", {
-          key: f,
-          value: (w = i.value) == null ? void 0 : w[f]
-        }, P(E), 9, Gt);
+          key: v,
+          value: (w = r.value) == null ? void 0 : w[v]
+        }, W(E), 9, sn);
       }), 128))
     ], 512)), [
-      [Ot, a.value]
-    ]) : (b(), k("select", Xt, [
-      $("option", null, P(n.loadingText || "Loading..."), 1)
+      [At, a.value]
+    ]) : (b(), k("select", nn, [
+      B("option", null, W(n.loadingText || "Loading..."), 1)
     ]));
   }
-}), Jt = /* @__PURE__ */ R({
+}), rn = /* @__PURE__ */ R({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), s = ge();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, o = T({ visibility: "hidden", top: "0", left: "0" }), r = T([]), s = we();
     _(a);
     function a() {
       if (!s) return;
-      const v = s.vnode.el, { styles: E, classes: f } = r(v, n);
-      o.value = E, i.value = f;
+      const p = s.vnode.el, { styles: E, classes: v } = l(p, n);
+      o.value = E, r.value = v;
     }
-    function r(v, E) {
-      const f = t.anchor instanceof HTMLElement ? {} : t.anchor, w = E.getBoundingClientRect(), y = v.getBoundingClientRect();
-      f.matchWidth && (y.width = w.width), f.matchHeight && (y.height = w.height);
-      const c = f.class ? Array.isArray(f.class) ? f.class : [f.class] : [];
-      let d, C;
-      if (f.y === "center")
-        d = w.top + w.height / 2 - y.height / 2, c.push("anchored-center-y");
+    function l(p, E) {
+      const v = t.anchor instanceof HTMLElement ? {} : t.anchor, w = E.getBoundingClientRect(), g = p.getBoundingClientRect();
+      v.matchWidth && (g.width = w.width), v.matchHeight && (g.height = w.height);
+      const c = v.class ? Array.isArray(v.class) ? v.class : [v.class] : [];
+      let d, S;
+      if (v.y === "center")
+        d = w.top + w.height / 2 - g.height / 2, c.push("anchored-center-y");
       else {
-        const M = (w.bottom + y.height < window.innerHeight || f.y === "below") && f.y !== "above";
-        d = M ? w.bottom : w.top - y.height, c.push(M ? "anchored-top" : "anchored-bottom");
+        const L = (w.bottom + g.height < window.innerHeight || v.y === "below") && v.y !== "above";
+        d = L ? w.bottom : w.top - g.height, c.push(L ? "anchored-top" : "anchored-bottom");
       }
-      if (f.x === "center")
-        C = w.left + w.width / 2 - y.width / 2, c.push("anchored-center-x");
+      if (v.x === "center")
+        S = w.left + w.width / 2 - g.width / 2, c.push("anchored-center-x");
       else {
-        const M = (w.left + y.width < window.innerWidth || f.x === "left") && f.x !== "right";
-        C = M ? w.left : w.right - y.width, c.push(M ? "anchored-left" : "anchored-right");
+        const L = (w.left + g.width < window.innerWidth || v.x === "left") && v.x !== "right";
+        S = L ? w.left : w.right - g.width, c.push(L ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
           top: `${d}px`,
-          left: `${C}px`,
-          ...f.matchWidth ? { width: `${y.width}px` } : {},
-          ...f.matchHeight ? { height: `${y.height}px` } : {}
+          left: `${S}px`,
+          ...v.matchWidth ? { width: `${g.width}px` } : {},
+          ...v.matchHeight ? { height: `${g.height}px` } : {}
         },
         classes: c
       };
     }
     function u() {
-      window.removeEventListener("click", u), tn(t.overlayId);
+      window.removeEventListener("click", u), un(t.overlayId);
     }
     return _(() => {
       setTimeout(() => {
         window.addEventListener("click", u);
       }, 10);
-    }), (v, E) => (b(), k("div", {
-      class: B(["vf-overlay-anchor", i.value]),
-      style: Ft(o.value),
-      onClick: we(u, ["stop"])
+    }), (p, E) => (b(), k("div", {
+      class: $(["vf-overlay-anchor", r.value]),
+      style: $t(o.value),
+      onClick: Ee(u, ["stop"])
     }, [
-      q(v.$slots, "default")
+      j(p.$slots, "default")
     ], 6));
   }
 });
-let Qt = 0;
-const N = Dt([]), Ho = R({
+let ln = 0;
+const N = Bt([]), Wo = R({
   setup() {
-    return () => se("div", [
-      ye(N, (e) => se(Ht, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => ie("div", [
+      se(N, (e) => ie(_t, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function be(e, t, n) {
+function ke(e, t, n) {
   const o = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   o.id = "vf-overlay-target", o.removeAttribute("inert"), document.body.appendChild(o);
-  const i = String(++Qt), s = Vt(e), a = se(s, t), r = n != null && n.anchor ? se(Jt, { overlayId: i, anchor: n.anchor }, () => [a]) : void 0, u = {
-    id: i,
+  const r = String(++ln), s = Nt(e), a = ie(s, t), l = n != null && n.anchor ? ie(rn, { overlayId: r, anchor: n.anchor }, () => [a]) : void 0, u = {
+    id: r,
     component: s,
     props: t,
     options: n ?? {},
     vnode: a,
-    wrapperVnode: r
+    wrapperVnode: l
   };
   return N.push(u), u;
 }
-function Vo(e) {
-  e.$ && Qe(e.$);
+function jo(e) {
+  e.$ && ot(e.$);
 }
-function Qe(e) {
+function ot(e) {
   let t = e;
-  for (; t && !en(t.vnode); )
+  for (; t && !an(t.vnode); )
     t = t.parent;
 }
-function en(e) {
+function an(e) {
   const t = N.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
-function tn(e) {
+function un(e) {
   const t = N.findIndex((n) => n.id === e);
   return t >= 0 ? (N[t].props.callback(), !0) : !1;
 }
-function ie(e) {
+function re(e) {
   const t = N.indexOf(e);
   t >= 0 && N.splice(t, 1);
 }
-async function ke(e, t, n) {
+async function Te(e, t, n) {
   return new Promise((o) => {
-    let i = null;
-    const a = { ...t, callback: async (r) => {
+    let r = null;
+    const a = { ...t, callback: async (l) => {
       if (n != null && n.onCallback) {
-        const u = n.onCallback(r);
+        const u = n.onCallback(l);
         if (typeof u == "object" && "then" in u && typeof u.then == "function" && await u === !1)
           return;
       }
-      ie(i), o(r);
+      re(r), o(l);
     } };
-    i = be(e, a, n);
+    r = ke(e, a, n);
   });
 }
 function le(e, t) {
@@ -172,33 +172,33 @@ function le(e, t) {
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
-async function nn(e, t) {
-  await ke(ae, le(e, t));
+async function cn(e, t) {
+  await Te(ue, le(e, t));
 }
-async function Ao(e, t) {
+async function Uo(e, t) {
   const n = le(e, t);
-  return await ke(ae, {
+  return await Te(ue, {
     ...n,
     shouldConfirm: !0
   }) === !0;
 }
-async function $o(e, t) {
+async function Po(e, t) {
   const n = le(e, t);
-  return await ke(ae, {
+  return await Te(ue, {
     ...n,
     shouldConfirm: !0,
     classes: ["destructive", ...n.classes]
   }) === !0;
 }
-function Bo(e, t) {
-  const n = le(e, t), o = be(ae, {
+function qo(e, t) {
+  const n = le(e, t), o = ke(ue, {
     ...n,
     isBare: !0,
     classes: ["wait", ...n.classes],
     callback: () => {
     }
   });
-  return () => ie(o);
+  return () => re(o);
 }
 const H = {
   unhandledErrorSupportText: "please contact support",
@@ -207,94 +207,94 @@ const H = {
   defaultTimeFormat: "H:mm",
   defaultCurrencyDivisor: 1
 };
-function _o(e) {
+function zo(e) {
   Object.assign(H, e);
 }
-class re extends Error {
+class ae extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
-function on(e) {
-  return e instanceof re ? e.message : `An application error has occurred:
+function dn(e) {
+  return e instanceof ae ? e.message : `An application error has occurred:
 
-${Te(e).message}
+${Ce(e).message}
 
 Please refresh the page and try again. If this error persists, ${H.unhandledErrorSupportText}.`;
 }
-function Te(e) {
-  return sn(e) ? e : new Error(String(e));
+function Ce(e) {
+  return fn(e) ? e : new Error(String(e));
 }
-function sn(e) {
+function fn(e) {
   return e instanceof Error || typeof e == "object" && e !== null && "message" in e && "name" in e;
 }
-async function No(e, t) {
-  const n = Te(e);
-  return n instanceof re || H.errorHandler(n), nn({
+async function Ko(e, t) {
+  const n = Ce(e);
+  return n instanceof ae || H.errorHandler(n), cn({
     title: t == null ? void 0 : t.title,
     message: n,
     classes: t == null ? void 0 : t.classes
   });
 }
-async function Ro(e) {
-  const t = Te(e);
-  t instanceof re || H.errorHandler(t);
+async function Yo(e) {
+  const t = Ce(e);
+  t instanceof ae || H.errorHandler(t);
 }
-const X = Symbol("MaskState");
-function Wo(e, t) {
-  var i;
-  const n = (i = e.$) == null ? void 0 : i.vnode.el, o = n.closest(".vf-modal");
-  return ln(o ?? n, t);
+const Z = Symbol("MaskState");
+function Xo(e, t) {
+  var r;
+  const n = (r = e.$) == null ? void 0 : r.vnode.el, o = n.closest(".vf-modal");
+  return vn(o ?? n, t);
 }
-function jo(e) {
+function Zo(e) {
   var o;
   const t = (o = e.$) == null ? void 0 : o.vnode.el, n = t.closest(".vf-modal");
-  return et(n ?? t);
+  return st(n ?? t);
 }
-function ln(e, t) {
-  if (!e[X]) {
+function vn(e, t) {
+  if (!e[Z]) {
     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[Z] = { maskEl: n };
   }
-  return e[X].maskEl.innerText = t ?? "", () => et(e);
+  return e[Z].maskEl.innerText = t ?? "", () => st(e);
 }
-function et(e) {
-  e[X] && e.removeChild(e[X].maskEl);
+function st(e) {
+  e[Z] && e.removeChild(e[Z].maskEl);
 }
-const pe = Symbol("FormMaskState");
-function rn(e, t, n) {
-  const o = e instanceof Element ? e : nt(e);
+const ge = Symbol("FormMaskState");
+function mn(e, t, n) {
+  const o = e instanceof Element ? e : rt(e);
   if (!o) return () => {
   };
   o.classList.add("vf-masked");
-  const i = t instanceof Element ? t : o.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
+  const r = t instanceof Element ? t : o.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let s;
-  i && (s = 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((u) => u.setAttribute("disabled", "disabled")), o[pe] = {
-    disabledElements: r,
-    waitButton: i,
+  r && (s = r.tagName === "INPUT" ? r.value : r.innerHTML, r.setAttribute("disabled", "disabled"), r.innerText = n ?? "Please wait...");
+  const l = [...o.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return l.forEach((u) => u.setAttribute("disabled", "disabled")), o[ge] = {
+    disabledElements: l,
+    waitButton: r,
     buttonHtml: s
-  }, () => tt(o);
+  }, () => it(o);
 }
-function tt(e) {
-  const t = e instanceof Element ? e : nt(e);
+function it(e) {
+  const t = e instanceof Element ? e : rt(e);
   if (!t) return;
-  const n = t[pe];
-  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[pe]);
+  const n = t[ge];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((o) => o.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[ge]);
 }
-function nt(e) {
+function rt(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 an = ["id"], un = {
+const pn = ["id"], hn = {
   key: 0,
   class: "vf-modal-header"
-}, cn = { class: "vf-modal-content" }, dn = {
+}, yn = { class: "vf-modal-content" }, gn = {
   key: 1,
   class: "vf-modal-footer"
-}, fn = /* @__PURE__ */ R({
+}, wn = /* @__PURE__ */ R({
   __name: "vf-modal",
   props: {
     id: {},
@@ -305,70 +305,70 @@ const an = ["id"], un = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = ge(), o = e;
-    t({ mask: f, unmask: w, hide: y, unhide: c });
-    const i = T(), s = T(), a = T(!1), r = x(() => Ge([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
+    const n = we(), o = e;
+    t({ mask: v, unmask: w, hide: g, unhide: c });
+    const r = T(), s = T(), a = T(!1), l = M(() => tt([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
     _(() => {
       var d;
-      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", v), (d = i.value) == null || d.addEventListener("click", u));
-    }), Ee(() => {
-      window.removeEventListener("keydown", v), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
+      document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", p), (d = r.value) == null || d.addEventListener("click", u));
+    }), be(() => {
+      window.removeEventListener("keydown", p), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function u(d) {
-      d.target == i.value && E();
+      d.target == r.value && E();
     }
-    function v(d) {
+    function p(d) {
       if (d.key === "Esc" || d.key === "Escape") {
-        const C = document.querySelectorAll(".vf-modal-wrap");
-        C[C.length - 1] === i.value && E();
+        const S = document.querySelectorAll(".vf-modal-wrap");
+        S[S.length - 1] === r.value && E();
       }
     }
     function E() {
-      Qe(n);
+      ot(n);
     }
-    function f() {
-      return rn(s.value), () => w();
+    function v() {
+      return mn(s.value), () => w();
     }
     function w() {
-      tt(s.value);
+      it(s.value);
     }
-    function y() {
+    function g() {
       return a.value = !0, () => c();
     }
     function c() {
       a.value = !1;
     }
-    return (d, C) => (b(), k("div", {
+    return (d, S) => (b(), k("div", {
       id: d.id,
       ref_key: "overlay",
-      ref: i,
-      class: B(["vf-overlay vf-modal-wrap", r.value])
+      ref: r,
+      class: $(["vf-overlay vf-modal-wrap", l.value])
     }, [
-      $("form", {
+      B("form", {
         ref_key: "form",
         ref: s,
         action: ".",
-        class: B(["vf-modal", { scrolls: d.scrolls }]),
-        onSubmit: C[0] || (C[0] = we((I) => d.$emit("formSubmit"), ["prevent"]))
+        class: $(["vf-modal", { scrolls: d.scrolls }]),
+        onSubmit: S[0] || (S[0] = Ee((F) => d.$emit("formSubmit"), ["prevent"]))
       }, [
-        d.$slots.header ? (b(), k("div", un, [
-          q(d.$slots, "header"),
+        d.$slots.header ? (b(), k("div", hn, [
+          j(d.$slots, "header"),
           o.closeX ? (b(), k("i", {
             key: 0,
             class: "close",
             onClick: E
           })) : A("", !0)
         ])) : A("", !0),
-        $("div", cn, [
-          q(d.$slots, "default")
+        B("div", yn, [
+          j(d.$slots, "default")
         ]),
-        d.$slots.footer ? (b(), k("div", dn, [
-          q(d.$slots, "footer")
+        d.$slots.footer ? (b(), k("div", gn, [
+          j(d.$slots, "footer")
         ])) : A("", !0)
       ], 34)
-    ], 10, an));
+    ], 10, pn));
   }
-}), vn = ["innerHtml"], mn = ["innerText"], ae = /* @__PURE__ */ R({
+}), En = ["innerHtml"], bn = ["innerText"], ue = /* @__PURE__ */ R({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -381,57 +381,57 @@ const an = ["id"], un = {
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = x(() => t.message instanceof Error ? on(t.message) : t.message);
-    return (o, i) => {
-      const s = At("autofocus");
-      return b(), Ye(fn, {
-        class: B(["vf-alert", ...o.classes ?? []])
-      }, $t({
-        default: ve(() => [
+    const t = e, n = M(() => t.message instanceof Error ? dn(t.message) : t.message);
+    return (o, r) => {
+      const s = Rt("autofocus");
+      return b(), Je(wn, {
+        class: $(["vf-alert", ...o.classes ?? []])
+      }, Wt({
+        default: pe(() => [
           o.iconClass ? (b(), k("i", {
             key: 0,
-            class: B(["vf-alert-icon", o.iconClass])
+            class: $(["vf-alert-icon", o.iconClass])
           }, null, 2)) : A("", !0),
           o.isHtml ? (b(), k("div", {
             key: 1,
             innerHtml: o.message,
             class: "user-message"
-          }, null, 8, vn)) : (b(), k("div", {
+          }, null, 8, En)) : (b(), k("div", {
             key: 2,
             innerText: n.value
-          }, null, 8, mn))
+          }, null, 8, bn))
         ]),
         _: 2
       }, [
         o.title ? {
           name: "header",
-          fn: ve(() => [
-            ee(P(o.title), 1)
+          fn: pe(() => [
+            X(W(o.title), 1)
           ]),
           key: "0"
         } : void 0,
         o.isBare ? void 0 : {
           name: "footer",
-          fn: ve(() => [
+          fn: pe(() => [
             o.shouldConfirm ? (b(), k(oe, { key: 0 }, [
               ne((b(), k("button", {
                 class: "primary",
-                onClick: i[0] || (i[0] = () => o.callback(!0))
-              }, i[3] || (i[3] = [
-                ee("Confirm")
+                onClick: r[0] || (r[0] = () => o.callback(!0))
+              }, r[3] || (r[3] = [
+                X("Confirm")
               ]))), [
                 [s]
               ]),
-              $("button", {
+              B("button", {
                 class: "default",
-                onClick: i[1] || (i[1] = () => o.callback(!1))
+                onClick: r[1] || (r[1] = () => o.callback(!1))
               }, "Cancel")
             ], 64)) : ne((b(), k("button", {
               key: 1,
               class: "default",
-              onClick: i[2] || (i[2] = () => o.callback(!0))
-            }, i[4] || (i[4] = [
-              ee("OK")
+              onClick: r[2] || (r[2] = () => o.callback(!0))
+            }, r[4] || (r[4] = [
+              X("OK")
             ]))), [
               [s]
             ])
@@ -449,7 +449,7 @@ const an = ["id"], un = {
  * Copyright (c) 2021 Jason Wilson
  * Released under MIT license
  */
-var hn = {
+var kn = {
   symbol: "$",
   separator: ",",
   decimal: ".",
@@ -457,41 +457,41 @@ var hn = {
   precision: 2,
   pattern: "!#",
   negativePattern: "-!#",
-  format: wn,
+  format: Mn,
   fromCents: !1
-}, ot = function(t) {
+}, lt = function(t) {
   return Math.round(t);
-}, Ce = function(t) {
+}, Se = function(t) {
   return Math.pow(10, t);
-}, pn = function(t, n) {
-  return ot(t / n) * n;
-}, yn = /(\d)(?=(\d{3})+\b)/g, gn = /(\d)(?=(\d\d)+\d\b)/g;
+}, Tn = function(t, n) {
+  return lt(t / n) * n;
+}, Cn = /(\d)(?=(\d{3})+\b)/g, Sn = /(\d)(?=(\d\d)+\d\b)/g;
 function V(e, t) {
   var n = this;
   if (!(n instanceof V))
     return new V(e, t);
-  var o = Object.assign({}, hn, t), i = Ce(o.precision), s = te(e, o);
-  n.intValue = s, n.value = s / i, o.increment = o.increment || 1 / i, o.useVedic ? o.groups = gn : o.groups = yn, this.s = o, this.p = i;
+  var o = Object.assign({}, kn, t), r = Se(o.precision), s = te(e, o);
+  n.intValue = s, n.value = s / r, o.increment = o.increment || 1 / r, o.useVedic ? o.groups = Sn : o.groups = Cn, this.s = o, this.p = r;
 }
 function te(e, t) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, i = t.decimal, s = t.errorOnInvalid, a = t.precision, r = t.fromCents, u = Ce(a), v = typeof e == "number", E = e instanceof V;
-  if (E && r)
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, r = t.decimal, s = t.errorOnInvalid, a = t.precision, l = t.fromCents, u = Se(a), p = typeof e == "number", E = e instanceof V;
+  if (E && l)
     return e.intValue;
-  if (v || E)
+  if (p || E)
     o = E ? e.value : e;
   else if (typeof e == "string") {
-    var f = new RegExp("[^-\\d" + i + "]", "g"), w = new RegExp("\\" + i, "g");
-    o = e.replace(/\((.*)\)/, "-$1").replace(f, "").replace(w, "."), o = o || 0;
+    var v = new RegExp("[^-\\d" + r + "]", "g"), w = new RegExp("\\" + r, "g");
+    o = e.replace(/\((.*)\)/, "-$1").replace(v, "").replace(w, "."), o = o || 0;
   } else {
     if (s)
       throw Error("Invalid Input");
     o = 0;
   }
-  return r || (o *= u, o = o.toFixed(4)), n ? ot(o) : o;
+  return l || (o *= u, o = o.toFixed(4)), n ? lt(o) : o;
 }
-function wn(e, t) {
-  var n = t.pattern, o = t.negativePattern, i = t.symbol, s = t.separator, a = t.decimal, r = t.groups, u = ("" + e).replace(/^-/, "").split("."), v = u[0], E = u[1];
-  return (e.value >= 0 ? n : o).replace("!", i).replace("#", v.replace(r, "$1" + s) + (E ? a + E : ""));
+function Mn(e, t) {
+  var n = t.pattern, o = t.negativePattern, r = t.symbol, s = t.separator, a = t.decimal, l = t.groups, u = ("" + e).replace(/^-/, "").split("."), p = u[0], E = u[1];
+  return (e.value >= 0 ? n : o).replace("!", r).replace("#", p.replace(l, "$1" + s) + (E ? a + E : ""));
 }
 V.prototype = {
   /**
@@ -500,8 +500,8 @@ V.prototype = {
    * @returns {currency}
    */
   add: function(t) {
-    var n = this.intValue, o = this.s, i = this.p;
-    return V((n += te(t, o)) / (o.fromCents ? 1 : i), o);
+    var n = this.intValue, o = this.s, r = this.p;
+    return V((n += te(t, o)) / (o.fromCents ? 1 : r), o);
   },
   /**
    * Subtracts value.
@@ -509,8 +509,8 @@ V.prototype = {
    * @returns {currency}
    */
   subtract: function(t) {
-    var n = this.intValue, o = this.s, i = this.p;
-    return V((n -= te(t, o)) / (o.fromCents ? 1 : i), o);
+    var n = this.intValue, o = this.s, r = this.p;
+    return V((n -= te(t, o)) / (o.fromCents ? 1 : r), o);
   },
   /**
    * Multiplies values.
@@ -519,7 +519,7 @@ V.prototype = {
    */
   multiply: function(t) {
     var n = this.intValue, o = this.s;
-    return V((n *= t) / (o.fromCents ? 1 : Ce(o.precision)), o);
+    return V((n *= t) / (o.fromCents ? 1 : Se(o.precision)), o);
   },
   /**
    * Divides value.
@@ -537,9 +537,9 @@ V.prototype = {
    * @returns {array}
    */
   distribute: function(t) {
-    for (var n = this.intValue, o = this.p, i = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), r = Math.abs(n - a * t), u = i.fromCents ? 1 : o; t !== 0; t--) {
-      var v = V(a / u, i);
-      r-- > 0 && (v = v[n >= 0 ? "add" : "subtract"](1 / u)), s.push(v);
+    for (var n = this.intValue, o = this.p, r = this.s, s = [], a = Math[n >= 0 ? "floor" : "ceil"](n / t), l = Math.abs(n - a * t), u = r.fromCents ? 1 : o; t !== 0; t--) {
+      var p = V(a / u, r);
+      l-- > 0 && (p = p[n >= 0 ? "add" : "subtract"](1 / u)), s.push(p);
     }
     return s;
   },
@@ -573,7 +573,7 @@ V.prototype = {
    */
   toString: function() {
     var t = this.intValue, n = this.p, o = this.s;
-    return pn(t / n, o.increment).toFixed(o.precision);
+    return Tn(t / n, o.increment).toFixed(o.precision);
   },
   /**
    * Value for JSON serialization.
@@ -583,56 +583,59 @@ V.prototype = {
     return this.value;
   }
 };
-const L = [];
+const x = [];
 for (let e = 0; e < 256; ++e)
-  L.push((e + 256).toString(16).slice(1));
-function En(e, t = 0) {
-  return (L[e[t + 0]] + L[e[t + 1]] + L[e[t + 2]] + L[e[t + 3]] + "-" + L[e[t + 4]] + L[e[t + 5]] + "-" + L[e[t + 6]] + L[e[t + 7]] + "-" + L[e[t + 8]] + L[e[t + 9]] + "-" + L[e[t + 10]] + L[e[t + 11]] + L[e[t + 12]] + L[e[t + 13]] + L[e[t + 14]] + L[e[t + 15]]).toLowerCase();
-}
-let me;
-const bn = new Uint8Array(16);
-function kn() {
-  if (!me) {
+  x.push((e + 256).toString(16).slice(1));
+function Ln(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();
+}
+let he;
+const xn = new Uint8Array(16);
+function In() {
+  if (!he) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    me = crypto.getRandomValues.bind(crypto);
+    he = crypto.getRandomValues.bind(crypto);
   }
-  return me(bn);
+  return he(xn);
 }
-const Tn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), _e = { randomUUID: Tn };
-function Cn(e, t, n) {
-  var i;
-  if (_e.randomUUID && !e)
-    return _e.randomUUID();
+const Fn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), je = { randomUUID: Fn };
+function On(e, t, n) {
+  var r;
+  if (je.randomUUID && !e)
+    return je.randomUUID();
   e = e || {};
-  const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? kn();
+  const o = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? In();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, En(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ln(o);
 }
-function Uo(e) {
+function Go(e) {
   return e.replace(/\n/g, "<br>");
 }
-function Sn(e) {
+function Dn(e) {
   return e.replace(/_/g, " ");
 }
-function Mn(e) {
+function Hn(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
-function Ln(e, t) {
+function Vn(e, t) {
   return V(e).divide(t ?? H.defaultCurrencyDivisor).format();
 }
-function Po() {
-  return Cn();
+function Jo() {
+  return On();
 }
-const xn = ["disabled", "placeholder", "required", "name"], In = {
+const An = ["disabled", "placeholder", "required", "name"], $n = {
   key: 0,
   class: "no-results"
-}, On = ["onMousemove", "onMousedown"], Fn = ["innerHTML"], Dn = ["innerHTML"], Hn = {
+}, Bn = {
   key: 0,
+  class: "group-title"
+}, _n = ["onMousemove", "onMousedown"], Nn = ["innerHTML"], Rn = ["innerHTML"], Wn = {
+  key: 1,
   class: "no-results"
-}, Vn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", An = /* @__PURE__ */ R({
+}, jn = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Un = /* @__PURE__ */ R({
   __name: "vf-smart-select",
   props: {
     modelValue: {},
@@ -650,6 +653,8 @@ const xn = ["disabled", "placeholder", "required", "name"], In = {
     valueField: {},
     valueExtractor: { type: Function },
     labelField: {},
+    groupField: {},
+    groupFormatter: { type: Function },
     formatter: { type: Function },
     subtitleFormatter: { type: Function },
     classForOption: { type: Function },
@@ -665,252 +670,276 @@ const xn = ["disabled", "placeholder", "required", "name"], In = {
   },
   emits: ["optionsLoaded", "update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = Symbol("null"), i = Symbol("create"), s = e, a = n;
+    const o = Symbol("null"), r = Symbol("create"), s = e, a = n;
     t({
-      addRemoteOption: Lt
+      addRemoteOption: Dt
     });
-    const r = T(), u = T(), v = T(), E = T(!1), f = T(!1), w = T([]), y = T(!1), c = T(""), d = T(null), C = T(null), I = T(!1), M = T(null), Le = T(!1), ft = x(() => s.showCreateTextOnNewItem ?? !0), vt = x(() => s.prependOptions ?? []), mt = x(() => s.appendOptions ?? []), xe = x(() => !!s.disabled), ht = x(() => !f.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), pt = x(() => s.noResultsText || "No options match your search."), U = x(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (l) => l[s.valueField] : null), z = x(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (l) => String(l[s.keyField]) : U.value ? (l) => String(U.value(l)) : null), ue = x(() => s.formatter ? s.formatter : s.labelField ? (l) => String(l[s.labelField]) : (l) => String(l)), Ie = x(() => [...vt.value, ...w.value, ...mt.value]), ce = x(() => Ie.value.map((l, m) => {
-      var Ae, $e;
-      const h = ue.value(l), p = (Ae = s.subtitleFormatter) == null ? void 0 : Ae.call(s, l), g = h ? h.trim().toLowerCase() : "", S = p ? p.trim().toLowerCase() : "", Q = [];
-      return s.searchFields ? s.searchFields.forEach((Be) => {
-        l[Be] && Q.push(String(l[Be]).toLowerCase());
-      }) : (Q.push(g), S && Q.push(S)), {
-        key: (($e = z.value) == null ? void 0 : $e.call(z, l)) ?? String(m),
-        title: h,
-        subtitle: p,
-        searchContent: Q.join(""),
-        ref: l
+    const l = T(), u = T(), p = T(), E = T(!1), v = T(!1), w = T([]), g = T(!1), c = T(""), d = T(null), S = T(null), F = T(!1), L = T(null), xe = T(!1), ht = M(() => s.showCreateTextOnNewItem ?? !0), yt = M(() => s.prependOptions ?? []), gt = M(() => s.appendOptions ?? []), Ie = M(() => !!s.disabled), wt = M(() => !v.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = M(() => s.noResultsText || "No options match your search."), q = M(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), z = M(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), ce = M(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), de = M(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Fe = M(() => [...yt.value, ...w.value, ...gt.value]), Oe = M(() => !!(s.groupField || s.groupFormatter)), fe = M(() => Fe.value.map((i, m) => {
+      var _e, Ne, Re;
+      const h = (_e = ce.value) == null ? void 0 : _e.call(ce, i), f = de.value(i), y = (Ne = s.subtitleFormatter) == null ? void 0 : Ne.call(s, i), C = f ? f.trim().toLowerCase() : "", Be = y ? y.trim().toLowerCase() : "", ee = [];
+      return s.searchFields ? s.searchFields.forEach((We) => {
+        i[We] && ee.push(String(i[We]).toLowerCase());
+      }) : (ee.push(C), Be && ee.push(Be)), {
+        key: ((Re = z.value) == null ? void 0 : Re.call(z, i)) ?? String(m),
+        group: h,
+        title: f,
+        subtitle: y,
+        searchContent: ee.join(""),
+        ref: i
       };
-    })), O = x(() => {
-      let l = [...ce.value];
-      if (y.value) {
+    })), I = M(() => {
+      let i = [...fe.value];
+      if (g.value) {
         const m = c.value.trim().toLowerCase();
         if (m.length) {
-          l = l.filter((g) => g.searchContent.includes(m));
-          const h = Pt(c.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(`(${h})`, "ig");
-          l = l.map((g) => {
-            var S;
+          i = i.filter((y) => y.searchContent.includes(m));
+          const h = Gt(c.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), f = new RegExp(`(${h})`, "ig");
+          i = i.map((y) => {
+            var C;
             return {
-              ...g,
-              title: g.title.replace(p, "<mark>$1</mark>"),
-              subtitle: (S = g.subtitle) == null ? void 0 : S.replace(p, "<mark>$1</mark>")
+              ...y,
+              title: y.title.replace(f, "<mark>$1</mark>"),
+              subtitle: (C = y.subtitle) == null ? void 0 : C.replace(f, "<mark>$1</mark>")
             };
-          }), Le.value && (l.find((S) => S.searchContent === m) !== void 0 || l.push({
-            key: i,
-            title: ft.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
+          }), xe.value && (i.find((C) => C.searchContent === m) !== void 0 || i.push({
+            key: r,
+            title: ht.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
           }));
         }
-      } else s.nullTitle && l.unshift({
+      } else s.nullTitle && i.unshift({
         key: o,
         title: s.nullTitle
       });
-      return l;
+      return i;
+    }), bt = M(() => {
+      if (!Oe.value)
+        return [
+          {
+            groupTitle: "",
+            options: I.value
+          }
+        ];
+      const i = Ut(I.value.map((h) => h.group ?? "")), m = Pt(I.value, (h) => h.group ?? "");
+      return i.map((h) => ({
+        groupTitle: h,
+        options: m[h]
+      }));
     });
-    D(() => s.modelValue, fe), D(
+    D(() => s.modelValue, me), D(
       () => s.options,
       () => {
-        w.value = s.options ?? [], f.value = !0;
+        w.value = s.options ?? [], v.value = !0;
       }
-    ), D(ce, () => {
-      I.value && setTimeout(De, 0);
+    ), D(fe, () => {
+      F.value && setTimeout(Ve, 0);
     }), D(c, () => {
-      y.value && !s.remoteSearch && !c.value.trim().length && (y.value = !1);
+      g.value && !s.remoteSearch && !c.value.trim().length && (g.value = !1);
+    }), D(F, () => {
+      F.value ? setTimeout(It, 0) : (g.value = !1, c.value = S.value || "", p.value && (p.value.style.visibility = "hidden"));
     }), D(I, () => {
-      I.value ? setTimeout(Ct, 0) : (y.value = !1, c.value = C.value || "", v.value && (v.value.style.visibility = "hidden"));
-    }), D(O, () => {
-      var l;
-      s.modelValue && !d.value && fe(), (M.value || y.value) && !O.value.find((m) => m.key == M.value) && (M.value = ((l = O.value[0]) == null ? void 0 : l.key) ?? o);
+      var i;
+      s.modelValue && !d.value && me(), (L.value || g.value) && !I.value.find((m) => m.key == L.value) && (L.value = ((i = I.value[0]) == null ? void 0 : i.key) ?? o);
     }), _(async () => {
-      Le.value = s.onCreateItem !== void 0, s.options ? (w.value = [...s.options], f.value = !0) : s.preload && await Oe(), fe(), D(d, () => {
+      xe.value = s.onCreateItem !== void 0, s.options ? (w.value = [...s.options], v.value = !0) : s.preload && await De(), me(), D(d, () => {
         d.value !== s.modelValue && a(
           "update:modelValue",
-          d.value && U.value ? U.value(d.value) : d.value
+          d.value && q.value ? q.value(d.value) : d.value
         );
-      }), s.remoteSearch && D(c, _t(yt, 250));
+      }), s.remoteSearch && D(c, qt(kt, 250));
     });
-    async function Oe() {
-      await Fe(), w.value && a("optionsLoaded", w.value);
+    async function De() {
+      await He(), w.value && a("optionsLoaded", w.value);
     }
-    async function Fe() {
+    async function He() {
       var m;
-      const l = s.remoteSearch && y.value && c.value ? c.value : null;
-      E.value = !0, w.value = await ((m = s.loadOptions) == null ? void 0 : m.call(s, l)) ?? [], E.value = !1, f.value = !0;
+      const i = s.remoteSearch && g.value && c.value ? c.value : null;
+      E.value = !0, w.value = await ((m = s.loadOptions) == null ? void 0 : m.call(s, i)) ?? [], E.value = !1, v.value = !0;
     }
-    function yt() {
-      y.value && (Fe(), y.value = c.value.trim().length > 0);
+    function kt() {
+      g.value && (He(), g.value = c.value.trim().length > 0);
     }
-    function gt(l) {
-      if (l.key == "Escape") {
-        l.stopPropagation(), l.target.blur(), Ve();
+    function Tt(i) {
+      if (i.key == "Escape") {
+        i.stopPropagation(), i.target.blur(), $e();
         return;
       }
-      if (!(l.key == "ArrowLeft" || l.key == "ArrowRight") && l.key != "Tab") {
-        if (!f.value) {
-          y.value || l.preventDefault();
+      if (!(i.key == "ArrowLeft" || i.key == "ArrowRight") && i.key != "Tab") {
+        if (!v.value) {
+          g.value || i.preventDefault();
           return;
         }
-        if (l.key == "ArrowUp" || l.key == "ArrowDown")
-          return l.preventDefault(), de(l.key == "ArrowUp" ? -1 : 1);
-        if (l.key == "PageUp" || l.key == "PageDown")
-          return l.preventDefault(), de(l.key == "PageUp" ? -10 : 10);
-        if (l.key == "Home" || l.key == "End")
-          return l.preventDefault(), de(l.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
-        if (l.key == "Enter") {
-          l.preventDefault();
-          const m = O.value.find((h) => h.key == M.value);
-          if (m) return He(m);
+        if (i.key == "ArrowUp" || i.key == "ArrowDown")
+          return i.preventDefault(), ve(i.key == "ArrowUp" ? -1 : 1);
+        if (i.key == "PageUp" || i.key == "PageDown")
+          return i.preventDefault(), ve(i.key == "PageUp" ? -10 : 10);
+        if (i.key == "Home" || i.key == "End")
+          return i.preventDefault(), ve(i.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
+        if (i.key == "Enter") {
+          i.preventDefault();
+          const m = I.value.find((h) => h.key == L.value);
+          if (m) return Ae(m);
         }
-        if (l.key === "Delete" || l.key === "Backspace") {
-          c.value.length > 1 && (y.value = !0);
+        if (i.key === "Delete" || i.key === "Backspace") {
+          c.value.length > 1 && (g.value = !0);
           return;
         }
-        !l.metaKey && Vn.includes(l.key) && (y.value = !0);
+        !i.metaKey && jn.includes(i.key) && (g.value = !0);
       }
     }
-    function wt() {
-      Et(), I.value = !0, setTimeout(() => {
-        var l;
-        return (l = u.value) == null ? void 0 : l.select();
+    function Ct() {
+      St(), F.value = !0, setTimeout(() => {
+        var i;
+        return (i = u.value) == null ? void 0 : i.select();
       }, 0);
     }
-    function Et(l) {
-      d.value ? M.value = bt(d.value) : s.nullTitle && (M.value = o);
+    function St(i) {
+      d.value ? L.value = Mt(d.value) : s.nullTitle && (L.value = o);
     }
-    function bt(l) {
+    function Mt(i) {
       var m;
-      return z.value ? z.value(d.value) : ((m = kt(l)) == null ? void 0 : m.key) ?? "";
+      return z.value ? z.value(d.value) : ((m = Lt(i)) == null ? void 0 : m.key) ?? "";
     }
-    function kt(l) {
-      const m = O.value.find((g) => g.ref === l);
+    function Lt(i) {
+      const m = I.value.find((y) => y.ref === i);
       if (m)
         return m;
-      const h = s.keyExtractor ? (g, S) => s.keyExtractor(g) === s.keyExtractor(S) : Je, p = O.value.find((g) => h(g.ref, l));
-      return p || null;
+      const h = s.keyExtractor ? (y, C) => s.keyExtractor(y) === s.keyExtractor(C) : nt, f = I.value.find((y) => h(y.ref, i));
+      return f || null;
     }
-    function Tt() {
-      s.debug || (!c.value.length && s.nullTitle && (d.value = null, C.value = null), I.value = !1);
+    function xt() {
+      s.debug || (!c.value.length && s.nullTitle && (d.value = null, S.value = null), F.value = !1);
     }
-    function Ct() {
-      var l;
-      f.value || Oe(), s.optionsListId && ((l = v.value) == null || l.setAttribute("id", s.optionsListId)), St();
+    function It() {
+      var i;
+      v.value || De(), s.optionsListId && ((i = p.value) == null || i.setAttribute("id", s.optionsListId)), Ft();
     }
-    function St() {
-      const l = r.value.getBoundingClientRect(), m = l.y + l.height + 2, h = l.x, p = v.value, g = window.getComputedStyle(r.value);
-      for (let S in g)
-        /^(font|text)/.test(S) && (p.style[S] = g[S]);
-      if (p.style.top = m + "px", p.style.left = h + "px", p.style.minWidth = l.width + "px", !g.maxHeight || g.maxHeight == "none") {
-        const S = window.innerHeight - m - 12;
-        p.style.maxHeight = S + "px";
+    function Ft() {
+      const i = l.value.getBoundingClientRect(), m = i.y + i.height + 2, h = i.x, f = p.value, y = window.getComputedStyle(l.value);
+      for (let C in y)
+        /^(font|text)/.test(C) && (f.style[C] = y[C]);
+      if (f.style.top = m + "px", f.style.left = h + "px", f.style.minWidth = i.width + "px", !y.maxHeight || y.maxHeight == "none") {
+        const C = window.innerHeight - m - 12;
+        f.style.maxHeight = C + "px";
       }
-      p.style.visibility = "visible", document.body.appendChild(p), setTimeout(De, 0);
+      f.style.visibility = "visible", document.body.appendChild(f), setTimeout(Ve, 0);
     }
-    function De() {
-      if (!f.value || !M.value) return;
-      const l = O.value.findIndex((p) => p.key == M.value), m = v.value, h = m == null ? void 0 : m.querySelectorAll(".option")[l];
+    function Ve() {
+      if (!v.value || !L.value) return;
+      const i = I.value.findIndex((f) => f.key == L.value), m = p.value, h = m == null ? void 0 : m.querySelectorAll(".option")[i];
       h && (m.scrollTop = h.offsetTop);
     }
-    function Mt(l) {
-      M.value = l ? l.key : null;
+    function Ot(i) {
+      L.value = i ? i.key : null;
     }
-    function de(l) {
-      const m = O.value.findIndex((S) => S.key == M.value);
-      let h = m + l;
-      if (h < 0 ? h = 0 : h >= O.value.length && (h = O.value.length - 1), m == h) return;
-      M.value = O.value[h].key;
-      const p = v.value, g = p == null ? void 0 : p.querySelectorAll(".option")[h];
-      g && (g.offsetTop < p.scrollTop ? p.scrollTop = g.offsetTop : g.offsetTop + g.offsetHeight > p.scrollTop + p.clientHeight && (p.scrollTop = g.offsetTop + g.offsetHeight - p.clientHeight));
+    function ve(i) {
+      const m = I.value.findIndex((C) => C.key == L.value);
+      let h = m + i;
+      if (h < 0 ? h = 0 : h >= I.value.length && (h = I.value.length - 1), m == h) return;
+      L.value = I.value[h].key;
+      const f = p.value, y = f == null ? void 0 : f.querySelectorAll(".option")[h];
+      y && (y.offsetTop < f.scrollTop ? f.scrollTop = y.offsetTop : y.offsetTop + y.offsetHeight > f.scrollTop + f.clientHeight && (f.scrollTop = y.offsetTop + y.offsetHeight - f.clientHeight));
     }
-    function He(l) {
+    function Ae(i) {
       var m, h;
-      if (y.value = !1, l.key == o)
-        c.value = "", d.value = null, C.value = null;
-      else if (l.key === i) {
-        const p = c.value.trim();
-        c.value = "", d.value = null, C.value = null, (m = s.onCreateItem) == null || m.call(s, p);
+      if (g.value = !1, i.key == o)
+        c.value = "", d.value = null, S.value = null;
+      else if (i.key === r) {
+        const f = c.value.trim();
+        c.value = "", d.value = null, S.value = null, (m = s.onCreateItem) == null || m.call(s, f);
       } else {
-        const g = ce.value.find((S) => S.key == l.key).ref;
-        d.value = g, C.value = ue.value(g), c.value = C.value || "";
+        const y = fe.value.find((C) => C.key == i.key).ref;
+        d.value = y, S.value = de.value(y), c.value = S.value || "";
       }
-      (h = u.value) == null || h.blur(), Ve();
+      (h = u.value) == null || h.blur(), $e();
     }
-    function fe() {
-      s.modelValue ? (d.value = U.value ? Ie.value.find((l) => s.modelValue === U.value(l)) : s.modelValue, C.value = d.value ? ue.value(d.value) : null, c.value = C.value || "") : (d.value = null, C.value = null, c.value = "");
+    function me() {
+      s.modelValue ? (d.value = q.value ? Fe.value.find((i) => s.modelValue === q.value(i)) : s.modelValue, S.value = d.value ? de.value(d.value) : null, c.value = S.value || "") : (d.value = null, S.value = null, c.value = "");
     }
-    function Lt(l) {
-      w.value.unshift(l);
+    function Dt(i) {
+      w.value.unshift(i);
     }
-    function Ve() {
-      var g;
+    function $e() {
+      var y;
       if (!s.autoNext) return;
-      let l = (g = r.value) == null ? void 0 : g.parentElement;
-      for (; l && l.tagName !== "FORM" && l.tagName !== "BODY"; )
-        l = l.parentElement;
-      if (!l) return;
-      const m = l.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
+      let i = (y = l.value) == null ? void 0 : y.parentElement;
+      for (; i && i.tagName !== "FORM" && i.tagName !== "BODY"; )
+        i = i.parentElement;
+      if (!i) return;
+      const m = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
       if (!m) return;
-      const h = Array.from(m).findIndex((S) => S === u.value), p = m[h + 1];
-      p && setTimeout(() => p.focus(), 0);
+      const h = Array.from(m).findIndex((C) => C === u.value), f = m[h + 1];
+      f && setTimeout(() => f.focus(), 0);
     }
-    return (l, m) => (b(), k("div", {
+    return (i, m) => (b(), k("div", {
       ref_key: "el",
-      ref: r,
-      class: B(["vf-smart-select", { disabled: xe.value, open: I.value }])
+      ref: l,
+      class: $(["vf-smart-select", { disabled: Ie.value, open: F.value }])
     }, [
-      ne($("input", {
+      ne(B("input", {
         ref_key: "searchField",
         ref: u,
         "onUpdate:modelValue": m[0] || (m[0] = (h) => c.value = h),
         type: "text",
-        disabled: xe.value,
-        class: B({ nullable: !!l.nullTitle }),
-        placeholder: ht.value,
-        required: l.required,
-        name: l.name,
+        disabled: Ie.value,
+        class: $({ nullable: !!i.nullTitle }),
+        placeholder: wt.value,
+        required: i.required,
+        name: i.name,
         "data-1p-ignore": "",
-        onKeydown: gt,
-        onFocus: wt,
-        onBlur: Tt
-      }, null, 42, xn), [
-        [Bt, c.value]
+        onKeydown: Tt,
+        onFocus: Ct,
+        onBlur: xt
+      }, null, 42, An), [
+        [jt, c.value]
       ]),
-      I.value ? (b(), k("div", {
+      F.value ? (b(), k("div", {
         key: 0,
         ref_key: "optionsContainer",
-        ref: v,
-        class: "vf-smart-select-options"
+        ref: p,
+        class: $(["vf-smart-select-options", { grouped: Oe.value }])
       }, [
-        f.value ? (b(), k(oe, { key: 1 }, [
-          (b(!0), k(oe, null, ye(O.value, (h) => {
-            var p;
+        v.value ? (b(!0), k(oe, { key: 1 }, se(bt.value, (h) => (b(), k("div", {
+          key: h.groupTitle,
+          class: "group"
+        }, [
+          h.groupTitle ? (b(), k("div", Bn, [
+            j(i.$slots, "group", {
+              group: h.groupTitle
+            }, () => [
+              X(W(h.groupTitle), 1)
+            ])
+          ])) : A("", !0),
+          (b(!0), k(oe, null, se(h.options, (f) => {
+            var y;
             return b(), k("div", {
-              key: String(h.key),
-              class: B(["option", [M.value === h.key && "highlighted", h.ref && ((p = l.classForOption) == null ? void 0 : p.call(l, h.ref))]]),
-              onMousemove: (g) => Mt(h),
-              onMousedown: (g) => He(h)
+              key: f.key,
+              class: $(["option", [L.value === f.key && "highlighted", f.ref && ((y = i.classForOption) == null ? void 0 : y.call(i, f.ref))]]),
+              onMousemove: (C) => Ot(f),
+              onMousedown: (C) => Ae(f)
             }, [
-              q(l.$slots, "option", { option: h }, () => [
-                $("div", {
+              j(i.$slots, "option", { option: f }, () => [
+                B("div", {
                   class: "title",
-                  innerHTML: h.title
-                }, null, 8, Fn),
-                h.subtitle ? (b(), k("div", {
+                  innerHTML: f.title
+                }, null, 8, Nn),
+                f.subtitle ? (b(), k("div", {
                   key: 0,
                   class: "subtitle",
-                  innerHTML: h.subtitle
-                }, null, 8, Dn)) : A("", !0)
+                  innerHTML: f.subtitle
+                }, null, 8, Rn)) : A("", !0)
               ])
-            ], 42, On);
+            ], 42, _n);
           }), 128)),
-          !O.value.length && c.value ? (b(), k("div", Hn, [
-            q(l.$slots, "no-results", {}, () => [
-              ee(P(pt.value), 1)
+          !I.value.length && c.value ? (b(), k("div", Wn, [
+            j(i.$slots, "no-results", {}, () => [
+              X(W(Et.value), 1)
             ])
           ])) : A("", !0)
-        ], 64)) : (b(), k("div", In, "Loading..."))
-      ], 512)) : A("", !0)
+        ]))), 128)) : (b(), k("div", $n, "Loading..."))
+      ], 2)) : A("", !0)
     ], 2));
   }
-}), qo = /* @__PURE__ */ R({
+}), Qo = /* @__PURE__ */ R({
   __name: "vf-ez-smart-select",
   props: {
     modelValue: {},
@@ -922,40 +951,40 @@ const xn = ["disabled", "placeholder", "required", "name"], In = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = x(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: String(r) })) : Object.entries(n.options).map(([r, u]) => ({
-      value: r,
+    const n = e, o = M(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: String(l) })) : Object.entries(n.options).map(([l, u]) => ({
+      value: l,
       label: u
-    }))), i = x(() => n.formatter ? (r) => n.formatter(r.label, r.value) : (r) => r.label), s = t, a = T(o.value.find((r) => r.value === n.modelValue) ?? null);
+    }))), r = M(() => n.formatter ? (l) => n.formatter(l.label, l.value) : (l) => l.label), s = t, a = T(o.value.find((l) => l.value === n.modelValue) ?? null);
     return D(
       () => n.modelValue,
-      (r) => {
-        a.value = o.value.find((u) => u.value === r) ?? null;
+      (l) => {
+        a.value = o.value.find((u) => u.value === l) ?? null;
       }
-    ), D(a, (r) => {
-      var v;
-      const u = r ? (v = o.value.find((E) => Je(E, r))) == null ? void 0 : v.value : null;
+    ), D(a, (l) => {
+      var p;
+      const u = l ? (p = o.value.find((E) => nt(E, l))) == null ? void 0 : p.value : null;
       s("update:modelValue", u ?? null);
-    }), (r, u) => (b(), Ye(An, {
+    }), (l, u) => (b(), Je(Un, {
       modelValue: a.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (v) => a.value = v),
+      "onUpdate:modelValue": u[0] || (u[0] = (p) => a.value = p),
       options: o.value,
-      formatter: i.value,
-      "null-title": r.nullTitle,
-      placeholder: r.placeholder,
-      name: r.name
+      formatter: r.value,
+      "null-title": l.nullTitle,
+      placeholder: l.placeholder,
+      name: l.name
     }, null, 8, ["modelValue", "options", "formatter", "null-title", "placeholder", "name"]));
   }
 });
-function zo() {
+function es() {
   return T();
 }
-const $n = { class: "content" }, Bn = { class: "message" }, _n = {
+const Pn = { class: "content" }, qn = { class: "message" }, zn = {
   key: 0,
   class: "close"
-}, Nn = {
+}, Kn = {
   key: 0,
   class: "progress-bar"
-}, Rn = /* @__PURE__ */ R({
+}, Yn = /* @__PURE__ */ R({
   __name: "vf-toast",
   props: {
     message: {},
@@ -973,21 +1002,21 @@ const $n = { class: "content" }, Bn = { class: "message" }, _n = {
     const o = T();
     return t.durationSecs !== null && _(() => {
       var s;
-      const i = t.durationSecs ?? 5;
+      const r = t.durationSecs ?? 5;
       (s = o.value) == null || s.animate([{ width: "0%" }, { width: "100%" }], {
-        duration: i * 1e3,
+        duration: r * 1e3,
         easing: "linear"
-      }), setTimeout(() => t.callback(), i * 1e3);
-    }), (i, s) => (b(), k("div", {
-      class: B(["vf-toast", i.className]),
-      onClick: we(n, ["stop"])
+      }), setTimeout(() => t.callback(), r * 1e3);
+    }), (r, s) => (b(), k("div", {
+      class: $(["vf-toast", r.className]),
+      onClick: Ee(n, ["stop"])
     }, [
-      $("div", $n, [
-        $("div", Bn, P(i.message), 1),
-        i.disableClose ? A("", !0) : (b(), k("div", _n, "x"))
+      B("div", Pn, [
+        B("div", qn, W(r.message), 1),
+        r.disableClose ? A("", !0) : (b(), k("div", zn, "x"))
       ]),
-      i.durationSecs !== null ? (b(), k("div", Nn, [
-        $("div", {
+      r.durationSecs !== null ? (b(), k("div", Kn, [
+        B("div", {
           ref_key: "progressInnerEl",
           ref: o,
           class: "inner"
@@ -996,178 +1025,178 @@ const $n = { class: "content" }, Bn = { class: "message" }, _n = {
     ], 2));
   }
 });
-function Ko(e) {
-  const t = be(Rn, {
+function ts(e) {
+  const t = ke(Yn, {
     ...e,
-    callback: () => ie(t)
+    callback: () => re(t)
   });
-  return () => ie(t);
+  return () => re(t);
 }
-function Wn(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 Xn(e) {
+  const t = Math.floor(Math.log(e) / Math.log(1024)), o = (e / Math.pow(1024, t)).toFixed(2), r = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${o} ${r}`;
 }
-function jn(e) {
+function Zn(e) {
   return e != null && String(e).length ? e : "-";
 }
-function Un(e) {
+function Gn(e) {
   return e || "-";
 }
-function Pn(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : oo(Number(e));
+function Jn(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : fo(Number(e));
 }
-function qn(e) {
-  return e && Mn(e);
+function Qn(e) {
+  return e && Hn(e);
 }
-function zn(e) {
-  return e ? Rt(e) : null;
+function eo(e) {
+  return e ? Kt(e) : null;
 }
-function st(e) {
-  return e ? Nt(e) : null;
+function at(e) {
+  return e ? zt(e) : null;
 }
-function Kn(e) {
+function to(e) {
   return e ? e.toUpperCase() : null;
 }
-function Yn(e) {
-  return e ? st(e.toLowerCase()) : null;
+function no(e) {
+  return e ? at(e.toLowerCase()) : null;
 }
-function Xn(e) {
-  return e ? Sn(e) : null;
+function oo(e) {
+  return e ? Dn(e) : null;
 }
-function Zn(e, t) {
-  return Ln(e, t);
+function so(e, t) {
+  return Vn(e, t);
 }
-function Gn(e, t) {
+function io(e, t) {
   return V(e).divide(t).value;
 }
-function Jn(e, t) {
-  return e && j(new Date(e), t ?? H.defaultDateFormat);
-}
-function Qn(e, t) {
-  return e && j(new Date(e), t ?? H.defaultTimeFormat);
+function ro(e, t) {
+  return e && P(new Date(e), t ?? H.defaultDateFormat);
 }
-function eo(e, t) {
-  return e && j(new Date(e), t ?? H.defaultDateFormat);
+function lo(e, t) {
+  return e && P(new Date(e), t ?? H.defaultTimeFormat);
 }
-function to(e) {
-  return e && j(qt(zt(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), H.defaultDateFormat);
-}
-const Ne = {
-  bytes: Wn,
-  dash: jn,
-  dashZeros: Un,
-  number: Pn,
-  phone: qn,
-  upperFirst: zn,
-  startCase: st,
-  upperCase: Kn,
-  upperWords: Yn,
-  desnake: Xn,
-  usCurrency: Zn,
-  divide: Gn,
-  date: Jn,
-  time: Qn,
-  dateTime: eo,
-  oneDayForward: to
-}, Yo = (e) => ({
-  ...Ne,
-  ...e(Ne)
+function ao(e, t) {
+  return e && P(new Date(e), t ?? H.defaultDateFormat);
+}
+function uo(e) {
+  return e && P(Jt(Qt(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), H.defaultDateFormat);
+}
+const Ue = {
+  bytes: Xn,
+  dash: Zn,
+  dashZeros: Gn,
+  number: Jn,
+  phone: Qn,
+  upperFirst: eo,
+  startCase: at,
+  upperCase: to,
+  upperWords: no,
+  desnake: oo,
+  usCurrency: so,
+  divide: io,
+  date: ro,
+  time: lo,
+  dateTime: ao,
+  oneDayForward: uo
+}, ns = (e) => ({
+  ...Ue,
+  ...e(Ue)
 });
-function Xo(e, t, n) {
+function os(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 Zo(e, t) {
+function ss(e, t) {
   const n = document.createElement("div");
-  n.classList.add("vf-overlay"), n.addEventListener("click", f), document.body.appendChild(n);
+  n.classList.add("vf-overlay"), n.addEventListener("click", v), document.body.appendChild(n);
   const o = document.createElement("div");
   o.classList.add("vf-context-menu"), o.style.position = "absolute", n.appendChild(o);
-  const i = e.currentTarget;
-  i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((y) => {
-    if (y == "-") {
+  const r = e.currentTarget;
+  r.style.userSelect = "none", r.classList.add("context-menu-active"), t.targetClass && r.classList.add(t.targetClass), t.class && o.classList.add(t.class), t.items.forEach((g) => {
+    if (g == "-") {
       const d = document.createElement("div");
       d.classList.add("separator"), o.appendChild(d);
       return;
     }
     const c = document.createElement("div");
-    c.classList.add("item"), c.style.userSelect = "none", c.innerText = y.title, o.appendChild(c), y.class && c.classList.add(y.class), y.shouldConfirm ? c.addEventListener("click", (d) => w(d, c, y.handler)) : c.addEventListener("click", () => y.handler());
+    c.classList.add("item"), c.style.userSelect = "none", c.innerText = g.title, o.appendChild(c), g.class && c.classList.add(g.class), g.shouldConfirm ? c.addEventListener("click", (d) => w(d, c, g.handler)) : c.addEventListener("click", () => g.handler());
   });
-  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, r = o.offsetHeight, u = o.offsetWidth, v = s < u ? e.clientX - u - 1 : e.clientX + 1, E = a < r ? e.clientY - r - 1 : e.clientY + 1;
-  o.style.left = v + "px", o.style.top = E + "px", setTimeout(() => {
+  const s = window.innerWidth - e.clientX, a = window.innerHeight - e.clientY, l = o.offsetHeight, u = o.offsetWidth, p = s < u ? e.clientX - u - 1 : e.clientX + 1, E = a < l ? e.clientY - l - 1 : e.clientY + 1;
+  o.style.left = p + "px", o.style.top = E + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
-  function f() {
-    t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
+  function v() {
+    t.targetClass && r.classList.remove(t.targetClass), r.classList.remove("context-menu-active"), r.style.userSelect = "", n.remove();
   }
-  function w(y, c, d) {
+  function w(g, c, d) {
     if (c.classList.contains("pending-confirm"))
       return d();
-    const C = c.innerHTML;
+    const S = c.innerHTML;
     c.classList.add("pending-confirm"), c.innerText = "Confirm";
-    const I = () => {
-      c.classList.remove("pending-confirm"), c.innerHTML = C, c.removeEventListener("mouseleave", I);
+    const F = () => {
+      c.classList.remove("pending-confirm"), c.innerHTML = S, c.removeEventListener("mouseleave", F);
     };
-    c.addEventListener("mouseleave", I), y.stopPropagation();
+    c.addEventListener("mouseleave", F), g.stopPropagation();
   }
 }
-const no = (e) => new Promise((t) => setTimeout(t, e)), Go = (e) => no(e * 1e3);
-function oo(e) {
+const co = (e) => new Promise((t) => setTimeout(t, e)), is = (e) => co(e * 1e3);
+function fo(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Jo(e, t) {
-  return e != null ? Wt(e) : t;
+function rs(e, t) {
+  return e != null ? Yt(e) : t;
 }
-function Qo(e, t) {
+function ls(e, t) {
   const n = { ...e };
   for (const o of t)
     n[o] === "" && (n[o] = null);
   return n;
 }
-function es(e, t) {
-  Kt(e, {
+function as(e, t) {
+  en(e, {
     ...t,
     onError(n, o) {
       var s;
-      n instanceof Yt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new re(n.body.error));
-      const i = (s = t.onError) == null ? void 0 : s.call(t, n, o);
-      return i !== void 0 ? i : n;
+      n instanceof tn && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new ae(n.body.error));
+      const r = (s = t.onError) == null ? void 0 : s.call(t, n, o);
+      return r !== void 0 ? r : n;
     }
   });
 }
-const Se = Symbol("HookState");
-function ts(e, t) {
-  const n = t ?? ge();
-  _(() => so(n, e), n), Xe(() => io(n), n), Ze(() => Re(n), n), Ee(() => Re(n), n);
+const Me = Symbol("HookState");
+function us(e, t) {
+  const n = t ?? we();
+  _(() => vo(n, e), n), Qe(() => mo(n), n), et(() => Pe(n), n), be(() => Pe(n), n);
 }
-function so(e, t) {
+function vo(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new Z(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const o = it(e.vnode.el);
-    o ? n.ancestor = new Z(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new G(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const o = ut(e.vnode.el);
+    o ? n.ancestor = new G(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new Z(window, t.windowScrolledToBottom)), e[Se] = n;
+  t.windowScrolledToBottom && (n.window = new G(window, t.windowScrolledToBottom)), e[Me] = n;
 }
-function io(e) {
-  var n, o, i;
-  const t = e[Se];
-  (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 mo(e) {
+  var n, o, r;
+  const t = e[Me];
+  (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (r = t == null ? void 0 : t.window) == null || r.install();
 }
-function Re(e) {
-  var n, o, i;
-  const t = e[Se];
-  (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();
+function Pe(e) {
+  var n, o, r;
+  const t = e[Me];
+  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (r = t == null ? void 0 : t.window) == null || r.uninstall();
 }
-const he = ["auto", "scroll"];
-function it(e) {
+const ye = ["auto", "scroll"];
+function ut(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return he.includes(n.overflow) || he.includes(n.overflowX) || he.includes(n.overflowY) ? t : it(t);
+  return ye.includes(n.overflow) || ye.includes(n.overflowX) || ye.includes(n.overflowY) ? t : ut(t);
 }
-class Z {
+class G {
   constructor(t, n) {
-    F(this, "isTripped", !1);
-    F(this, "onScrollWithContext", this.onScroll.bind(this));
+    O(this, "isTripped", !1);
+    O(this, "onScrollWithContext", this.onScroll.bind(this));
     this.el = t, this.handler = n, this.install();
   }
   install() {
@@ -1180,26 +1209,26 @@ class Z {
     Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
   }
 }
-function ns(e) {
-  _(() => window.addEventListener("resize", e)), Xe(() => window.addEventListener("resize", e)), Ze(() => window.removeEventListener("resize", e)), Ee(() => window.removeEventListener("resize", e));
+function cs(e) {
+  _(() => window.addEventListener("resize", e)), Qe(() => window.addEventListener("resize", e)), et(() => window.removeEventListener("resize", e)), be(() => window.removeEventListener("resize", e));
 }
-const lo = {
-  mounted: je,
-  updated: je
-}, We = Symbol("HasAutoFocused");
-function je(e, t) {
-  if (t.value === void 0 && e[We] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[We] = !0;
+const po = {
+  mounted: ze,
+  updated: ze
+}, qe = Symbol("HasAutoFocused");
+function ze(e, t) {
+  if (t.value === void 0 && e[qe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[qe] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const ro = {
-  mounted: ao
+const ho = {
+  mounted: yo
 }, K = Symbol("ConfirmState");
-function ao(e, t) {
+function yo(e, t) {
   e.addEventListener("click", (n) => {
-    var a, r;
-    const o = Date.now(), i = ((a = t.value) == null ? void 0 : a.text) !== void 0 ? t.value.text : "Confirm";
+    var a, l;
+    const o = Date.now(), r = ((a = t.value) == null ? void 0 : a.text) !== void 0 ? t.value.text : "Confirm";
     if (e[K]) {
       if (o - e[K].initTime < 300)
         return;
@@ -1212,178 +1241,178 @@ function ao(e, t) {
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
         var u;
-        i && (e.innerHTML = s.preconfirmHtml), (u = t.value) != null && u.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
+        r && (e.innerHTML = s.preconfirmHtml), (u = t.value) != null && u.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", s.resetHandler), delete e[K];
       }
     };
-    e[K] = s, i && (e.innerHTML = i), (r = t.value) != null && r.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
+    e[K] = s, r && (e.innerHTML = r), (l = t.value) != null && l.class && e.classList.add(t.value.class), e.addEventListener("mouseout", s.resetHandler);
   });
 }
-const uo = {
-  beforeMount: co
+const go = {
+  beforeMount: wo
 };
-function co(e) {
+function wo(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 += "/" + P(/* @__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 = P(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const fo = {
-  beforeMount: Ue,
-  updated: Ue
+const Eo = {
+  beforeMount: Ke,
+  updated: Ke
 };
-function Ue(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = vo(e, t));
+function Ke(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = bo(e, t));
 }
-function vo(e, t) {
-  var v, E;
+function bo(e, t) {
+  var p, E;
   if (!t.value)
-    return ((v = e.attributes.getNamedItem("placeholder")) == null ? void 0 : v.value) ?? "";
+    return ((p = e.attributes.getNamedItem("placeholder")) == null ? void 0 : p.value) ?? "";
   let n = "";
-  const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), s = new Date(i);
+  const o = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), r = e.attributes.getNamedItem("local") !== null ? o.replace(/Z$/, "") : o.replace(/(Z|\+00:00)?$/, "Z"), s = new Date(r);
   e.attributes.getNamedItem("display-utc") !== null && s.setMinutes(s.getMinutes() - s.getTimezoneOffset());
   let a = (E = e.attributes.getNamedItem("format")) == null ? void 0 : E.value;
-  const r = e.attributes.getNamedItem("date-only") !== null;
+  const l = e.attributes.getNamedItem("date-only") !== null;
   if (!a && e.attributes.getNamedItem("relative-date") !== null) {
-    const f = /* @__PURE__ */ new Date();
-    f.getFullYear() === s.getFullYear() && f.getMonth() === s.getMonth() && f.getDate() === s.getDate() && (n = "at", a = "HH:mm");
+    const v = /* @__PURE__ */ new Date();
+    v.getFullYear() === s.getFullYear() && v.getMonth() === s.getMonth() && v.getDate() === s.getDate() && (n = "at", a = "HH:mm");
   }
   if (!a && e.attributes.getNamedItem("simplified-date") !== null) {
-    let f = null;
+    let v = null;
     const w = /* @__PURE__ */ new Date();
-    w.getFullYear() === s.getFullYear() ? (w.getMonth() !== s.getMonth() || w.getDate() !== s.getDate()) && (f = "M/d") : f = "M/d/yy";
-    const y = r ? null : H.defaultTimeFormat;
-    a = Ge([f, y]).join(" ");
+    w.getFullYear() === s.getFullYear() ? (w.getMonth() !== s.getMonth() || w.getDate() !== s.getDate()) && (v = "M/d") : v = "M/d/yy";
+    const g = l ? null : H.defaultTimeFormat;
+    a = tt([v, g]).join(" ");
   }
-  a || (r ? a = H.defaultDateFormat : a = `${H.defaultDateFormat} ${H.defaultTimeFormat}`);
-  let u = j(s, a);
+  a || (l ? a = H.defaultDateFormat : a = `${H.defaultDateFormat} ${H.defaultTimeFormat}`);
+  let u = P(s, a);
   return n && (u = n + " " + u), u;
 }
-const mo = {
-  beforeMount: Pe,
-  updated: Pe,
-  unmounted: ho
+const ko = {
+  beforeMount: Ye,
+  updated: Ye,
+  unmounted: To
 };
-function Pe(e, t) {
+function Ye(e, t) {
   e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
 }
-function ho(e) {
+function To(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const po = {
-  beforeMount: qe,
-  updated: qe,
-  unmounted: rt
-}, J = Symbol("HasAutoFocused"), Me = [];
-function yo() {
-  Me.forEach(lt);
-}
-setInterval(yo, 1e3);
-function qe(e, t) {
+const Co = {
+  beforeMount: Xe,
+  updated: Xe,
+  unmounted: dt
+}, Q = Symbol("HasAutoFocused"), Le = [];
+function So() {
+  Le.forEach(ct);
+}
+setInterval(So, 1e3);
+function Xe(e, t) {
   var a;
   if (t.value == t.oldValue) return;
-  if (!t.value) return rt(e);
-  const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, i = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
-  e[J] || Me.push(e), e[J] = {
-    startTs: i,
+  if (!t.value) return dt(e);
+  const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, r = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
+  e[Q] || Le.push(e), e[Q] = {
+    startTs: r,
     includeSeconds: s
-  }, lt(e);
+  }, ct(e);
 }
-function lt(e) {
-  const t = e[J], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = go(n, t.includeSeconds);
+function ct(e) {
+  const t = e[Q], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = Mo(n, t.includeSeconds);
 }
-function rt(e) {
-  e[J] && (jt(Me, e), delete e[J]), e.innerText = "-";
+function dt(e) {
+  e[Q] && (Xt(Le, e), delete e[Q]), e.innerText = "-";
 }
-function go(e, t) {
+function Mo(e, t) {
   const n = [], o = Math.floor(e / 86400);
   o && n.push(o + "d"), e -= o * 86400;
-  const i = Math.floor(e / 3600);
-  (o || i) && n.push(i + "h"), e -= i * 3600;
+  const r = Math.floor(e / 3600);
+  (o || r) && n.push(r + "h"), e -= r * 3600;
   const s = Math.floor(e / 60);
-  return (o || i || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
-}
-const wo = {
-  mounted: at,
-  updated: Eo,
-  unmounted: ut
-}, W = /* @__PURE__ */ new Map();
-function at(e, t) {
-  W.size === 0 && window.addEventListener("keydown", ct), W.set(t.value.toLowerCase(), [...W.get(t.value.toLowerCase()) ?? [], e]);
-}
-function ut(e, t) {
-  const n = W.get(t.value.toLowerCase());
+  return (o || r || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
+}
+const Lo = {
+  mounted: ft,
+  updated: xo,
+  unmounted: vt
+}, U = /* @__PURE__ */ new Map();
+function ft(e, t) {
+  U.size === 0 && window.addEventListener("keydown", mt), U.set(t.value.toLowerCase(), [...U.get(t.value.toLowerCase()) ?? [], e]);
+}
+function vt(e, t) {
+  const n = U.get(t.value.toLowerCase());
   if (n) {
     const o = n.indexOf(e);
-    o !== -1 && n.splice(o, 1), n.length === 0 && W.delete(t.value.toLowerCase());
+    o !== -1 && n.splice(o, 1), n.length === 0 && U.delete(t.value.toLowerCase());
   }
-  W.size === 0 && window.removeEventListener("keydown", ct);
+  U.size === 0 && window.removeEventListener("keydown", mt);
 }
-function Eo(e, t) {
-  ut(e, t), at(e, t);
+function xo(e, t) {
+  vt(e, t), ft(e, t);
 }
-function ct(e) {
+function mt(e) {
   if (typeof e.key != "string") return;
-  const t = e.key.toLowerCase(), n = W.get(t);
+  const t = e.key.toLowerCase(), n = U.get(t);
   if (n) {
-    const o = Ut(n);
+    const o = Zt(n);
     o == null || o.click(), e.preventDefault();
   }
 }
-const Y = Symbol("InfiniteScrollHandler"), bo = {
+const Y = Symbol("InfiniteScrollHandler"), Io = {
   mounted(e, t) {
-    e[Y] = new Z(e, t.value);
+    e[Y] = new G(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[Y]) == null || n.uninstall(), e[Y] = new Z(e, t.value);
+    (n = e[Y]) == null || n.uninstall(), e[Y] = new G(e, t.value);
   },
   unmounted(e) {
     var t;
     (t = e[Y]) == null || t.uninstall(), delete e[Y];
   }
-}, ko = {
-  beforeMount: ze,
-  updated: ze
+}, Fo = {
+  beforeMount: Ze,
+  updated: Ze
 };
-function ze(e, t) {
+function Ze(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const To = {
-  mounted: Ke,
-  updated: Ke,
-  unmounted: dt
-}, G = Symbol("TooltipState");
-function Ke(e, t) {
+const Oo = {
+  mounted: Ge,
+  updated: Ge,
+  unmounted: pt
+}, J = Symbol("TooltipState");
+function Ge(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
   if (t.value || (n = null), n) {
-    const i = {
+    const r = {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[G] ? e[G].configure(i) : e[G] = new Co(e, i);
+    e[J] ? e[J].configure(r) : e[J] = new Do(e, r);
   } else
-    dt(e);
+    pt(e);
 }
-function dt(e) {
+function pt(e) {
   var t;
-  (t = e[G]) == null || t.destroy(), delete e[G];
+  (t = e[J]) == null || t.destroy(), delete e[J];
 }
-class Co {
+class Do {
   constructor(t, n) {
-    F(this, "lastMoveEvt");
-    F(this, "checkInterval");
-    F(this, "shouldShow", !1);
-    F(this, "tipEl");
-    F(this, "titleEl");
-    F(this, "contentEl");
-    F(this, "mouseMoveBound", !1);
-    F(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
-    F(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
-    F(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
+    O(this, "lastMoveEvt");
+    O(this, "checkInterval");
+    O(this, "shouldShow", !1);
+    O(this, "tipEl");
+    O(this, "titleEl");
+    O(this, "contentEl");
+    O(this, "mouseMoveBound", !1);
+    O(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
+    O(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
+    O(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), t.addEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
@@ -1408,9 +1437,9 @@ class Co {
     this.shouldShow || this.tipEl && (this.tipEl.remove(), this.tipEl = void 0, this.titleEl = void 0, this.contentEl = void 0, this.checkInterval && (clearInterval(this.checkInterval), this.checkInterval = void 0), window.removeEventListener("mousemove", this.handleMouseMoveWithContext), this.mouseMoveBound = !1);
   }
   handleMouseMove(t) {
-    const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, i = window.innerWidth, s = window.innerHeight;
-    let a = t.pageX + 10, r = t.pageY + 20;
-    a + n > i && (a = t.pageX - 5 - n), r + o > s && (r = t.pageY - 5 - o), this.tipEl.style.left = a + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
+    const n = this.tipEl.offsetWidth, o = this.tipEl.offsetHeight, r = window.innerWidth, s = window.innerHeight;
+    let a = t.pageX + 10, l = t.pageY + 20;
+    a + n > r && (a = t.pageX - 5 - n), l + o > s && (l = t.pageY - 5 - o), this.tipEl.style.left = a + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1420,61 +1449,61 @@ class Co {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
-function So(e) {
-  e.directive("autofocus", lo), e.directive("confirm-button", ro), e.directive("date-input", uo), e.directive("datetime", fo), e.directive("disabled", mo), e.directive("duration", po), e.directive("hotkey", wo), e.directive("infinite-scroll", bo), e.directive("readonly", ko), e.directive("tooltip", To);
+function Ho(e) {
+  e.directive("autofocus", po), e.directive("confirm-button", ho), e.directive("date-input", go), e.directive("datetime", Eo), e.directive("disabled", ko), e.directive("duration", Co), e.directive("hotkey", Lo), e.directive("infinite-scroll", Io), e.directive("readonly", Fo), e.directive("tooltip", Oo);
 }
-function os(e) {
-  So(e);
+function ds(e) {
+  Ho(e);
 }
 export {
-  Ho as OverlayContainer,
-  re as UserError,
-  Do as VfAjaxSelect,
-  ae as VfAlertModal,
-  qo as VfEzSmartSelect,
-  fn as VfModal,
-  An as VfSmartSelect,
-  Jo as cloneProp,
-  _o as configureVf,
-  es as configureVfOpenApiClient,
-  Yo as createFilters,
-  be as createOverlayInjection,
-  Sn as desnakeCase,
-  tn as dismissOverlayInjectionById,
-  Vo as dismissOverlayInjectionByInstance,
-  Qe as dismissOverlayInjectionByInternalInstance,
-  en as dismissOverlayInjectionByVnode,
-  ls as escapeHtml,
-  on as formatError,
-  oo as formatNumber,
-  Mn as formatPhone,
-  Ln as formatUSCurrency,
-  Ro as handleError,
-  No as handleErrorAndAlert,
-  os as installVf,
-  sn as isError,
-  Wo as maskComponent,
-  ln as maskEl,
-  rn as maskForm,
-  Uo as nl2br,
-  Qo as nullifyEmptyInputs,
-  ke as presentOverlay,
-  ie as removeOverlayInjection,
-  Xo as replaceElement,
-  nn as showAlert,
-  Ao as showConfirm,
-  $o as showConfirmDestroy,
-  Zo as showContextMenu,
-  Ko as showToast,
-  Bo as showWait,
-  no as sleep,
-  Go as sleepSecs,
-  Te as toError,
-  jo as unmaskComponent,
-  et as unmaskEl,
-  tt as unmaskForm,
-  ts as useInfiniteScroll,
-  ns as useResizeWatcher,
-  Po as uuid,
-  zo as vfModalRef
+  Wo as OverlayContainer,
+  ae as UserError,
+  Ro as VfAjaxSelect,
+  ue as VfAlertModal,
+  Qo as VfEzSmartSelect,
+  wn as VfModal,
+  Un as VfSmartSelect,
+  rs as cloneProp,
+  zo as configureVf,
+  as as configureVfOpenApiClient,
+  ns as createFilters,
+  ke as createOverlayInjection,
+  Dn as desnakeCase,
+  un as dismissOverlayInjectionById,
+  jo as dismissOverlayInjectionByInstance,
+  ot as dismissOverlayInjectionByInternalInstance,
+  an as dismissOverlayInjectionByVnode,
+  ms as escapeHtml,
+  dn as formatError,
+  fo as formatNumber,
+  Hn as formatPhone,
+  Vn as formatUSCurrency,
+  Yo as handleError,
+  Ko as handleErrorAndAlert,
+  ds as installVf,
+  fn as isError,
+  Xo as maskComponent,
+  vn as maskEl,
+  mn as maskForm,
+  Go as nl2br,
+  ls as nullifyEmptyInputs,
+  Te as presentOverlay,
+  re as removeOverlayInjection,
+  os as replaceElement,
+  cn as showAlert,
+  Uo as showConfirm,
+  Po as showConfirmDestroy,
+  ss as showContextMenu,
+  ts as showToast,
+  qo as showWait,
+  co as sleep,
+  is as sleepSecs,
+  Ce as toError,
+  Zo as unmaskComponent,
+  st as unmaskEl,
+  it as unmaskForm,
+  us as useInfiniteScroll,
+  cs as useResizeWatcher,
+  Jo as uuid,
+  es as vfModalRef
 };