@signal24/vue-foundation 4.4.0 → 4.5.0

package/dist/src/helpers/openapi.d.ts

@@ -37,4 +37,14 @@ interface IWrappedApiClientOptions<P extends ICancelablePromise = ICancelablePro
 }
 export declare function isApiError(err: any): err is IApiError;
 export declare function installApiClientInterceptors({ apiClient, onRequest, onError, CancelablePromise }: IWrappedApiClientOptions): void;
+export declare class FileUploadRequest {
+    constructor(blob: Blob);
+    validator: null;
+    lastModifiedDate: null;
+    size: number;
+    path: string;
+    name: string;
+    type: string;
+    blob: Blob;
+}
 export {};

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
-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";
+var Ve = Object.defineProperty;
+var Fe = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var m = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as x, defineProps as Re, defineEmits as Ne, ref as w, computed as N, openBlock as u, createElementBlock as f, createElementVNode as k, toDisplayString as H, withDirectives as K, createCommentVNode as b, Fragment as U, renderList as G, vModelSelect as Ke, getCurrentInstance as Q, onMounted as B, normalizeClass as T, normalizeStyle as Ue, withModifiers as Ee, renderSlot as R, reactive as je, h as j, Teleport as We, markRaw as Pe, onBeforeUnmount as J, resolveDirective as Oe, createBlock as be, createSlots as qe, withCtx as z, createTextVNode as se, vModelText as ze, watch as oe, onActivated as Te, onDeactivated as we } from "vue";
+import { debounce as Xe, isEqual as ke, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
+import { escapeHtml as Je } from "@vue/shared";
+import { escapeHtml as Zn } from "@vue/shared";
 import { format as Y } from "date-fns";
-const Je = x({
+const et = x({
   setup() {
-    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);
+    const e = Re();
+    Ne(["update:modelValue"]);
+    const t = w(null), n = N(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = w(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -32,66 +32,66 @@ const Je = x({
       this.options = await this.props.loadFn();
     }
   }
-}), ke = (e, t) => {
+}), Se = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
   return n;
-}, et = {
+}, tt = {
   key: 0,
   disabled: ""
-}, tt = {
+}, nt = {
   key: 0,
   value: null
-}, nt = ["value"];
-function it(e, t, n, i, s, o) {
+}, it = ["value"];
+function st(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 ? (u(), f("option", tt, H(e.props.nullText), 1)) : T("", !0),
+    e.props.nullText ? (u(), f("option", nt, H(e.props.nullText), 1)) : b("", !0),
     (u(!0), f(U, null, G(e.renderOptions, (r, l) => {
       var c;
       return u(), f("option", {
         key: l,
         value: (c = e.options) == null ? void 0 : c[l]
-      }, H(r), 9, nt);
+      }, H(r), 9, it);
     }), 128))
   ], 512)), [
-    [Ne, e.selectedItem]
-  ]) : (u(), f("select", et, [
+    [Ke, e.selectedItem]
+  ]) : (u(), f("select", tt, [
     k("option", null, H(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const wn = /* @__PURE__ */ ke(Je, [["render", it]]), st = ["onClick"], ot = /* @__PURE__ */ x({
+const kn = /* @__PURE__ */ Se(et, [["render", st]]), ot = ["onClick"], lt = /* @__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);
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = w({ visibility: "hidden", top: "0", left: "0" }), s = w([]), o = Q();
+    B(r);
     function r() {
-      const m = o.vnode.el, { styles: h, classes: a } = l(m, n);
+      const v = o.vnode.el, { styles: h, classes: a } = l(v, 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();
+    function l(v, h) {
+      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, p = h.getBoundingClientRect(), d = v.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] : [];
+      const g = 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");
+        E = p.top + p.height / 2 - d.height / 2, g.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");
+        E = L ? p.bottom : p.top - d.height, g.push(L ? "anchored-top" : "anchored-bottom");
       }
       if (a.x === "center")
-        S = p.left + p.width / 2 - d.width / 2, y.push("anchored-center-x");
+        S = p.left + p.width / 2 - d.width / 2, g.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");
+        S = L ? p.left : p.right - d.width, g.push(L ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
@@ -100,37 +100,37 @@ const wn = /* @__PURE__ */ ke(Je, [["render", it]]), st = ["onClick"], ot = /* @
           ...a.matchWidth ? { width: `${d.width}px` } : {},
           ...a.matchHeight ? { height: `${d.height}px` } : {}
         },
-        classes: y
+        classes: g
       };
     }
     function c() {
-      window.removeEventListener("click", c), at(t.overlayId);
+      window.removeEventListener("click", c), ct(t.overlayId);
     }
-    return _(() => {
+    return B(() => {
       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"])
+    }), (v, h) => (u(), f("div", {
+      class: T(["vf-overlay-anchor", s.value]),
+      style: Ue(i.value),
+      onClick: Ee(c, ["stop"])
     }, [
-      R(m.$slots, "default")
-    ], 14, st));
+      R(v.$slots, "default")
+    ], 14, ot));
   }
 });
-let lt = 0;
-const O = Ue([]), bn = x({
+let rt = 0;
+const O = je([]), Sn = x({
   setup() {
-    return () => W("div", [
-      G(O, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => j("div", [
+      G(O, (e) => j(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function Se(e, t, n) {
+function xe(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 = {
+  const s = String(++rt), o = Pe(e), r = j(o, t), l = n != null && n.anchor ? j(lt, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, c = {
     id: s,
     component: o,
     props: t,
@@ -140,23 +140,23 @@ function Se(e, t, n) {
   };
   return O.push(c), c;
 }
-function kn(e) {
-  xe(e.$);
+function xn(e) {
+  Le(e.$);
 }
-function xe(e) {
+function Le(e) {
   let t = e;
-  for (; t && !rt(t.vnode); )
+  for (; t && !at(t.vnode); )
     t = t.parent;
 }
-function rt(e) {
+function at(e) {
   const t = O.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (O[t].props.callback(), !0) : !1;
 }
-function at(e) {
+function ct(e) {
   const t = O.findIndex((n) => n.id === e);
   return t >= 0 ? (O[t].props.callback(), !0) : !1;
 }
-function Le(e) {
+function Ce(e) {
   const t = O.indexOf(e);
   t >= 0 && O.splice(t, 1);
 }
@@ -164,46 +164,46 @@ async function ee(e, t, n) {
   return new Promise((i) => {
     let s = null;
     const r = { ...t, callback: (l) => {
-      Le(s), i(l);
+      Ce(s), i(l);
     } };
-    s = Se(e, r, n);
+    s = xe(e, r, n);
   });
 }
-function j(e, t) {
+function W(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
 async function le(e, t) {
-  await ee(q, j(e, t));
+  await ee(q, W(e, t));
 }
-async function Sn(e, t) {
+async function Ln(e, t) {
   return await ee(q, {
-    ...j(e, t),
+    ...W(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function xn(e, t) {
+async function Cn(e, t) {
   return await ee(q, {
-    ...j(e, t),
+    ...W(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function Ln(e, t) {
-  const n = Se(q, {
-    ...j(e, t),
+function Mn(e, t) {
+  const n = xe(q, {
+    ...W(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => Le(n);
+  return () => Ce(n);
 }
 const V = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function Cn(e) {
+function In(e) {
   Object.assign(V, e);
 }
 class P extends Error {
@@ -211,7 +211,7 @@ class P extends Error {
     super(t), this.name = "UserError";
   }
 }
-function ct(e) {
+function dt(e) {
   return e instanceof P ? e.message : `An application error has occurred:
 
 ${te(e).message}
@@ -221,36 +221,36 @@ Please refresh the page and try again. If this error persists, ${V.unhandledErro
 function te(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function Mn(e, t) {
+async function Hn(e, t) {
   const n = te(e);
   return n instanceof P || V.errorHandler(n), t ? le(t, n) : le(n);
 }
-async function In(e) {
+async function Dn(e) {
   const t = te(e);
   t instanceof P || V.errorHandler(t);
 }
 const D = Symbol("MaskState");
-function Hn(e, t) {
+function An(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
-  return dt(i ?? n, t);
+  return ut(i ?? n, t);
 }
-function Dn(e) {
+function $n(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
-  return Ce(n ?? t);
+  return Me(n ?? t);
 }
-function dt(e, t) {
+function ut(e, t) {
   if (!e[D]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[D] = { maskEl: n };
   }
-  return e[D].maskEl.innerText = t ?? "", () => Ce(e);
+  return e[D].maskEl.innerText = t ?? "", () => Me(e);
 }
-function Ce(e) {
+function Me(e) {
   e[D] && e.removeChild(e[D].maskEl);
 }
 const Z = Symbol("FormMaskState");
-function ut(e, t, n) {
-  const i = e instanceof Element ? e : Ie(e);
+function ht(e, t, n) {
+  const i = e instanceof Element ? e : He(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...";
@@ -259,23 +259,23 @@ function ut(e, t, n) {
     disabledElements: l,
     waitButton: s,
     buttonHtml: o
-  }, () => Me(i);
+  }, () => Ie(i);
 }
-function Me(e) {
-  const t = e instanceof Element ? e : Ie(e), n = t[Z];
+function Ie(e) {
+  const t = e instanceof Element ? e : He(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 Ie(e) {
+function He(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
-const ht = ["id"], ft = {
+const ft = ["id"], pt = {
   key: 0,
   class: "vf-modal-header"
-}, pt = { class: "vf-modal-content" }, mt = {
+}, mt = { class: "vf-modal-content" }, vt = {
   key: 1,
   class: "vf-modal-footer"
-}, vt = /* @__PURE__ */ x({
+}, yt = /* @__PURE__ */ x({
   __name: "modal",
   props: {
     id: {},
@@ -287,9 +287,9 @@ const ht = ["id"], ft = {
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
     const n = e, i = Q();
-    t({ mask: m, unmask: h });
-    const s = b(), o = b();
-    _(() => {
+    t({ mask: v, unmask: h });
+    const s = w(), o = w();
+    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(() => {
@@ -305,46 +305,46 @@ const ht = ["id"], ft = {
       }
     }
     function c() {
-      xe(i);
+      Le(i);
     }
-    function m() {
-      ut(o.value);
+    function v() {
+      ht(o.value);
     }
     function h() {
-      Me(o.value);
+      Ie(o.value);
     }
     return (a, p) => (u(), f("div", {
       id: a.id,
-      class: w(["vf-overlay vf-modal-wrap", n.class]),
+      class: T(["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"])),
+        class: T(["vf-modal", { scrolls: a.scrolls }]),
+        onSubmit: p[0] || (p[0] = Ee((d) => a.$emit("formSubmit"), ["prevent"])),
         ref_key: "form",
         ref: o
       }, [
-        a.$slots.header ? (u(), f("div", ft, [
+        a.$slots.header ? (u(), f("div", pt, [
           R(a.$slots, "header"),
           n.closeX ? (u(), f("i", {
             key: 0,
             class: "close",
             onClick: c
-          })) : T("", !0)
-        ])) : T("", !0),
-        k("div", pt, [
+          })) : b("", !0)
+        ])) : b("", !0),
+        k("div", mt, [
           R(a.$slots, "default")
         ]),
-        a.$slots.footer ? (u(), f("div", mt, [
+        a.$slots.footer ? (u(), f("div", vt, [
           R(a.$slots, "footer")
-        ])) : T("", !0)
+        ])) : b("", !0)
       ], 34)
-    ], 10, ht));
+    ], 10, ft));
   }
 });
-const yt = ["innerHtml"], gt = ["innerText"], q = /* @__PURE__ */ x({
+const gt = ["innerHtml"], Et = ["innerText"], q = /* @__PURE__ */ x({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -356,21 +356,21 @@ const yt = ["innerHtml"], gt = ["innerText"], q = /* @__PURE__ */ x({
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = N(() => t.message instanceof Error ? ct(t.message) : t.message);
+    const t = e, n = N(() => t.message instanceof Error ? dt(t.message) : t.message);
     return (i, s) => {
-      const o = Ee("autofocus");
-      return u(), Oe(vt, {
-        class: w(["vf-alert", i.classes])
-      }, Pe({
+      const o = Oe("autofocus");
+      return u(), be(yt, {
+        class: T(["vf-alert", i.classes])
+      }, qe({
         default: z(() => [
           i.isHtml ? (u(), f("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, yt)) : (u(), f("div", {
+          }, null, 8, gt)) : (u(), f("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, gt))
+          }, null, 8, Et))
         ]),
         _: 2
       }, [
@@ -414,26 +414,26 @@ const yt = ["innerHtml"], gt = ["innerText"], q = /* @__PURE__ */ x({
   }
 });
 let F;
-const Et = new Uint8Array(16);
-function Ot() {
+const Ot = new Uint8Array(16);
+function bt() {
   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 F(Et);
+  return F(Ot);
 }
-const v = [];
+const y = [];
 for (let e = 0; e < 256; ++e)
-  v.push((e + 256).toString(16).slice(1));
+  y.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();
+  return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
 }
 const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), re = {
   randomUUID: wt
 };
-function bt(e, t, n) {
+function kt(e, t, n) {
   if (re.randomUUID && !t && !e)
     return re.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || Ot)();
+  const i = e.random || (e.rng || bt)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
     n = n || 0;
     for (let s = 0; s < 16; ++s)
@@ -442,23 +442,23 @@ function bt(e, t, n) {
   }
   return Tt(i);
 }
-function An(e) {
+function Bn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function kt(e) {
+function St(e) {
   return e.replace(/_/g, " ");
 }
-function St(e) {
+function xt(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 xt(e) {
+function Lt(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function $n() {
-  return bt();
+function _n() {
+  return kt();
 }
-const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Ct = {
+const C = Symbol("null"), ae = Symbol("create"), Ct = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Mt = {
   props: {
     modelValue: {
       type: null,
@@ -537,8 +537,8 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
       return this.allOptions.map((e, t) => {
         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((m) => {
-          e[m] && r.push(String(e[m]).toLowerCase());
+        return this.searchFields ? this.searchFields.forEach((v) => {
+          e[v] && r.push(String(e[v]).toLowerCase());
         }) : (r.push(s), o && r.push(o)), {
           // eslint-disable-next-line vue/no-use-computed-property-like-method
           key: ((c = this.effectiveKeyExtractor) == null ? void 0 : c.call(this, e)) ?? String(t),
@@ -555,7 +555,7 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
           e = e.filter((s) => s.searchContent.includes(t));
-          const n = Qe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
+          const n = Je(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
           e = e.map((s) => {
             var o;
             return {
@@ -605,7 +605,7 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
         "update:modelValue",
         this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
       );
-    }), this.remoteSearch && this.$watch("searchText", ze(this.reloadOptionsIfSearching, 250));
+    }), this.remoteSearch && this.$watch("searchText", Xe(this.reloadOptionsIfSearching, 250));
   },
   methods: {
     async loadRemoteOptions() {
@@ -650,7 +650,7 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && Lt.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && Ct.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -668,7 +668,7 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => be(i.ref, e));
+      const n = this.effectiveOptions.find((i) => ke(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -725,40 +725,40 @@ const C = Symbol("null"), ae = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
     }
   }
 };
-const Mt = ["placeholder"], It = {
+const It = ["placeholder"], Ht = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
-}, Ht = {
+}, Dt = {
   key: 0,
   class: "no-results"
-}, Dt = ["onMousemove", "onMousedown"], At = ["innerHTML"], $t = ["innerHTML"], _t = {
+}, At = ["onMousemove", "onMousedown"], $t = ["innerHTML"], Bt = ["innerHTML"], _t = {
   key: 0,
   class: "no-results"
 };
-function Bt(e, t, n, i, s, o) {
-  const r = Ee("disabled");
+function Vt(e, t, n, i, s, o) {
+  const r = Oe("disabled");
   return u(), f("div", {
-    class: w(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
+    class: T(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
     K(k("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
-      class: w({ nullable: !!n.nullTitle }),
+      class: T({ 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, Mt), [
-      [qe, e.searchText],
+    }, null, 42, It), [
+      [ze, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (u(), f("div", It, [
+    e.shouldDisplayOptions ? (u(), f("div", Ht, [
       e.isLoaded ? (u(), f(U, { key: 1 }, [
         (u(!0), f(U, null, G(o.effectiveOptions, (l) => (u(), f("div", {
           key: String(l.key),
-          class: w(["option", {
+          class: T(["option", {
             highlighted: e.highlightedOptionKey === l.key
           }]),
           onMousemove: (c) => o.handleOptionHover(l),
@@ -767,19 +767,19 @@ function Bt(e, t, n, i, s, o) {
           k("div", {
             class: "title",
             innerHTML: l.title
-          }, null, 8, At),
+          }, null, 8, $t),
           l.subtitle ? (u(), f("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
-          }, 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)
+          }, null, 8, Bt)) : b("", !0)
+        ], 42, At))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (u(), f("div", _t, H(o.effectiveNoResultsText), 1)) : b("", !0)
+      ], 64)) : (u(), f("div", Dt, "Loading..."))
+    ], 512)) : b("", !0)
   ], 2);
 }
-const Vt = /* @__PURE__ */ ke(Ct, [["render", Bt]]), _n = /* @__PURE__ */ x({
+const Ft = /* @__PURE__ */ Se(Mt, [["render", Vt]]), Vn = /* @__PURE__ */ x({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -796,7 +796,7 @@ const Vt = /* @__PURE__ */ ke(Ct, [["render", Bt]]), _n = /* @__PURE__ */ x({
     }))), s = N(() => n.formatter ? (r) => {
       var l;
       return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
-    } : (r) => r.label), o = b(i.value.find((r) => r.value === n.modelValue) ?? null);
+    } : (r) => r.label), o = w(i.value.find((r) => r.value === n.modelValue) ?? null);
     return oe(
       () => n.modelValue,
       (r) => {
@@ -804,8 +804,8 @@ const Vt = /* @__PURE__ */ ke(Ct, [["render", Bt]]), _n = /* @__PURE__ */ x({
       }
     ), oe(o, (r) => {
       var l;
-      t("update:modelValue", r ? ((l = i.value.find((c) => be(c, r))) == null ? void 0 : l.value) ?? null : null);
-    }), (r, l) => (u(), Oe(Vt, {
+      t("update:modelValue", r ? ((l = i.value.find((c) => ke(c, r))) == null ? void 0 : l.value) ?? null : null);
+    }), (r, l) => (u(), be(Ft, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
       options: i.value,
@@ -814,57 +814,57 @@ const Vt = /* @__PURE__ */ ke(Ct, [["render", Bt]]), _n = /* @__PURE__ */ x({
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 });
-function Ft(e) {
+function Rt(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 Rt(e) {
-  return e != null && String(e).length ? e : "-";
-}
 function Nt(e) {
-  return e || "-";
+  return e != null && String(e).length ? e : "-";
 }
 function Kt(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Yt(Number(e));
+  return e || "-";
 }
 function Ut(e) {
-  return e && St(e);
-}
-function Wt(e) {
-  return e ? Xe(e) : null;
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Zt(Number(e));
 }
 function jt(e) {
+  return e && xt(e);
+}
+function Wt(e) {
   return e ? Ye(e) : null;
 }
 function Pt(e) {
-  return e ? e.toUpperCase() : null;
+  return e ? Ze(e) : null;
 }
 function qt(e) {
-  return e ? kt(e) : null;
+  return e ? e.toUpperCase() : null;
 }
 function zt(e) {
-  return xt(e);
+  return e ? St(e) : null;
+}
+function Xt(e) {
+  return Lt(e);
 }
 const ce = {
-  bytes: Ft,
-  dash: Rt,
-  dashZeros: Nt,
-  number: Kt,
-  phone: Ut,
+  bytes: Rt,
+  dash: Nt,
+  dashZeros: Kt,
+  number: Ut,
+  phone: jt,
   upperFirst: Wt,
-  startCase: jt,
-  upperCase: Pt,
-  desnake: qt,
-  usCurrency: zt
-}, Bn = (e) => ({
+  startCase: Pt,
+  upperCase: qt,
+  desnake: zt,
+  usCurrency: Xt
+}, Fn = (e) => ({
   ...ce,
   ...e(ce)
 });
-function Vn(e, t, n) {
+function Rn(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 Fn(e, t) {
+function Nn(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", a), document.body.appendChild(n);
   const i = document.createElement("div");
@@ -876,19 +876,19 @@ function Fn(e, t) {
       E.classList.add("separator"), i.appendChild(E);
       return;
     }
-    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 g = document.createElement("div");
+    g.classList.add("item"), g.style.userSelect = "none", g.innerText = d.title, i.appendChild(g), d.class && g.classList.add(d.class), d.shouldConfirm ? g.addEventListener("click", () => p(g, d.handler)) : g.addEventListener("click", () => d.handler());
   });
-  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(() => {
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, c = i.offsetWidth, v = o < c ? e.clientX - c - 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(() => {
     i.style.width = i.offsetWidth + "px";
   }, 50);
   function a() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function p(d, y) {
+  function p(d, g) {
     if (d.classList.contains("pending-confirm"))
-      return y();
+      return g();
     const E = d.innerHTML;
     d.classList.add("pending-confirm"), d.innerText = "Confirm";
     const S = () => {
@@ -897,28 +897,28 @@ function Fn(e, t) {
     d.addEventListener("mouseleave", S), e.stopPropagation();
   }
 }
-const Xt = (e) => new Promise((t) => setTimeout(t, e)), Rn = (e) => Xt(e * 1e3);
-function Yt(e) {
+const Yt = (e) => new Promise((t) => setTimeout(t, e)), Kn = (e) => Yt(e * 1e3);
+function Zt(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Nn(e, t) {
-  return e != null ? Ze(e) : t;
+function Un(e, t) {
+  return e != null ? Ge(e) : t;
 }
-function Kn(e, t) {
+function jn(e, t) {
   const n = { ...e };
   for (const i of t)
     n[i] === "" && (n[i] = null);
   return n;
 }
-function Zt(e) {
+function Gt(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Un({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
+function Wn({ 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, c) => {
-    const m = s(o);
-    c(m.cancel), m.then(r).catch((h) => {
-      if (Zt(h) && typeof h.body == "object" && "error" in h.body) {
+  e.request.request = (o) => (o = Qt(o), t && (o = t(o)), new i((r, l, c) => {
+    const v = s(o);
+    c(v.cancel), v.then(r).catch((h) => {
+      if (Gt(h) && typeof h.body == "object" && "error" in h.body) {
         if (h.status === 422)
           return l(new P(h.body.error));
         h.message = `${h.body.error} (${h.status})`;
@@ -934,41 +934,65 @@ function Un({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
     });
   }));
 }
+class de {
+  constructor(t) {
+    m(this, "validator", null);
+    m(this, "lastModifiedDate", null);
+    m(this, "size", 0);
+    m(this, "path", "");
+    m(this, "name", "");
+    m(this, "type", "");
+    m(this, "blob");
+    this.blob = t;
+  }
+}
+function Qt(e) {
+  if (!(typeof e.body == "object" && Object.values(e.body).some((s) => s instanceof de)))
+    return e;
+  const n = {}, i = {};
+  for (const [s, o] of Object.entries(e.body))
+    o instanceof de ? n[s] = o.blob : i[s] = o;
+  return n._payload = new Blob([JSON.stringify(i)], { type: "application/json" }), {
+    ...e,
+    body: void 0,
+    formData: n
+  };
+}
 const ne = Symbol("HookState");
-function Wn(e, t) {
+function Pn(e, t) {
   const n = t ?? Q();
-  _(() => Gt(n, e), n), Te(() => Qt(n), n), we(() => de(n), n), J(() => de(n), n);
+  B(() => Jt(n, e), n), Te(() => en(n), n), we(() => ue(n), n), J(() => ue(n), n);
 }
-function Gt(e, t) {
+function Jt(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new A(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = He(e.vnode.el);
+    const i = De(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 A(window, t.windowScrolledToBottom)), e[ne] = n;
 }
-function Qt(e) {
+function en(e) {
   var n, i, s;
   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 de(e) {
+function ue(e) {
   var n, i, s;
   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 X = ["auto", "scroll"];
-function He(e) {
+function De(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return X.includes(n.overflow) || X.includes(n.overflowX) || X.includes(n.overflowY) ? t : He(t);
+  return X.includes(n.overflow) || X.includes(n.overflowX) || X.includes(n.overflowY) ? t : De(t);
 }
 class A {
   constructor(t, n) {
-    g(this, "isTripped", !1);
-    g(this, "onScrollWithContext", this.onScroll.bind(this));
+    m(this, "isTripped", !1);
+    m(this, "onScrollWithContext", this.onScroll.bind(this));
     this.el = t, this.handler = n, this.install();
   }
   install() {
@@ -981,24 +1005,24 @@ class A {
     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 jn(e) {
-  _(() => window.addEventListener("resize", e)), Te(() => window.addEventListener("resize", e)), we(() => window.removeEventListener("resize", e)), J(() => window.removeEventListener("resize", e));
+function qn(e) {
+  B(() => window.addEventListener("resize", e)), Te(() => window.addEventListener("resize", e)), we(() => window.removeEventListener("resize", e)), J(() => window.removeEventListener("resize", e));
 }
-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)
+const tn = {
+  mounted: fe,
+  updated: fe
+}, he = Symbol("HasAutoFocused");
+function fe(e, t) {
+  if (t.value === void 0 && e[he] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
     return;
-  e[ue] = !0;
+  e[he] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const en = {
-  mounted: tn
+const nn = {
+  mounted: sn
 }, M = Symbol("ConfirmState");
-function tn(e) {
+function sn(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
     if (e[M]) {
@@ -1018,10 +1042,10 @@ function tn(e) {
     e[M] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
   });
 }
-const nn = {
-  beforeMount: sn
+const on = {
+  beforeMount: ln
 };
-function sn(e) {
+function ln(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
     /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Y(/* @__PURE__ */ new Date(), "yy"));
@@ -1029,21 +1053,21 @@ function sn(e) {
     isNaN(n) ? e.value = "" : e.value = Y(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const on = {
-  beforeMount: fe,
-  updated: fe
+const rn = {
+  beforeMount: pe,
+  updated: pe
 };
-function fe(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = ln(e, t));
+function pe(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = an(e, t));
 }
-function ln(e, t) {
-  var c, m;
+function an(e, t) {
+  var c, v;
   if (!t.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 = (m = e.attributes.getNamedItem("format")) == null ? void 0 : m.value;
+  let r = (v = e.attributes.getNamedItem("format")) == null ? void 0 : v.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");
@@ -1052,46 +1076,46 @@ function ln(e, t) {
   let l = Y(o, r);
   return n && (l = n + " " + l), l;
 }
-const rn = {
-  beforeMount: pe,
-  updated: pe,
-  unmounted: an
+const cn = {
+  beforeMount: me,
+  updated: me,
+  unmounted: dn
 };
-function pe(e, t) {
+function me(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 an(e) {
+function dn(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const cn = {
-  beforeMount: me,
-  updated: me,
-  unmounted: Ae
-}, B = Symbol("HasAutoFocused"), ie = [];
-function dn() {
-  ie.forEach(De);
+const un = {
+  beforeMount: ve,
+  updated: ve,
+  unmounted: $e
+}, _ = Symbol("HasAutoFocused"), ie = [];
+function hn() {
+  ie.forEach(Ae);
 }
-setInterval(dn, 1e3);
-function me(e, t) {
+setInterval(hn, 1e3);
+function ve(e, t) {
   var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return Ae(e);
+    return $e(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[B] || ie.push(e), e[B] = {
+  e[_] || ie.push(e), e[_] = {
     startTs: s,
     includeSeconds: o
-  }, De(e);
-}
-function De(e) {
-  const t = e[B], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = un(n, t.includeSeconds);
+  }, Ae(e);
 }
 function Ae(e) {
-  e[B] && (Ge(ie, e), delete e[B]), e.innerText = "-";
+  const t = e[_], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = fn(n, t.includeSeconds);
 }
-function un(e, t) {
+function $e(e) {
+  e[_] && (Qe(ie, e), delete e[_]), e.innerText = "-";
+}
+function fn(e, t) {
   const n = [], i = Math.floor(e / 86400);
   i && n.push(i + "d"), e -= i * 86400;
   const s = Math.floor(e / 3600);
@@ -1099,7 +1123,7 @@ function un(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 I = Symbol("InfiniteScrollHandler"), hn = {
+const I = Symbol("InfiniteScrollHandler"), pn = {
   mounted(e, t) {
     e[I] = new A(e, t.value);
   },
@@ -1111,19 +1135,19 @@ const I = Symbol("InfiniteScrollHandler"), hn = {
     var t;
     (t = e[I]) == null || t.uninstall(), delete e[I];
   }
-}, fn = {
-  beforeMount: ve,
-  updated: ve
+}, mn = {
+  beforeMount: ye,
+  updated: ye
 };
-function ve(e, t) {
+function ye(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const pn = {
-  mounted: ye,
-  updated: ye,
-  unmounted: $e
+const vn = {
+  mounted: ge,
+  updated: ge,
+  unmounted: Be
 }, $ = Symbol("TooltipState");
-function ye(e, t) {
+function ge(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1131,26 +1155,26 @@ function ye(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[$] ? e[$].configure(s) : e[$] = new mn(e, s);
+    e[$] ? e[$].configure(s) : e[$] = new yn(e, s);
   } else
-    $e(e);
+    Be(e);
 }
-function $e(e) {
+function Be(e) {
   var t;
   (t = e[$]) == null || t.destroy(), delete e[$];
 }
-class mn {
+class yn {
   constructor(t, n) {
-    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));
+    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));
     this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
@@ -1187,59 +1211,60 @@ class mn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-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 gn(e) {
+  e.directive("autofocus", tn), e.directive("confirm-button", nn), e.directive("date-input", on), e.directive("datetime", rn), e.directive("disabled", cn), e.directive("duration", un), e.directive("infinite-scroll", pn), e.directive("readonly", mn), e.directive("tooltip", vn);
 }
-function Pn(e) {
-  vn(e);
+function zn(e) {
+  gn(e);
 }
 export {
-  bn as OverlayContainer,
+  de as FileUploadRequest,
+  Sn as OverlayContainer,
   P as UserError,
-  wn as VfAjaxSelect,
+  kn 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,
+  Vn as VfEzSmartSelect,
+  yt as VfModal,
+  Ft as VfSmartSelect,
+  Un as cloneProp,
+  In as configureVf,
+  Fn as createFilters,
+  xe as createOverlayInjection,
+  St as desnakeCase,
+  ct as dismissOverlayInjectionById,
+  xn as dismissOverlayInjectionByInstance,
+  Le as dismissOverlayInjectionByInternalInstance,
+  at as dismissOverlayInjectionByVnode,
+  Zn as escapeHtml,
+  dt as formatError,
+  Zt as formatNumber,
+  xt as formatPhone,
+  Lt as formatUSCurrency,
+  Dn as handleError,
+  Hn as handleErrorAndAlert,
+  Wn as installApiClientInterceptors,
+  zn as installVf,
+  Gt as isApiError,
+  An as maskComponent,
+  ut as maskEl,
+  ht as maskForm,
+  Bn as nl2br,
+  jn as nullifyEmptyInputs,
   ee as presentOverlay,
-  Le as removeOverlayInjection,
-  Vn as replaceElement,
+  Ce as removeOverlayInjection,
+  Rn as replaceElement,
   le as showAlert,
-  Sn as showConfirm,
-  xn as showConfirmDestroy,
-  Fn as showContextMenu,
-  Ln as showWait,
-  Xt as sleep,
-  Rn as sleepSecs,
+  Ln as showConfirm,
+  Cn as showConfirmDestroy,
+  Nn as showContextMenu,
+  Mn as showWait,
+  Yt as sleep,
+  Kn as sleepSecs,
   te as toError,
-  Dn as unmaskComponent,
-  Ce as unmaskEl,
-  Me as unmaskForm,
-  Wn as useInfiniteScroll,
-  jn as useResizeWatcher,
-  $n as uuid
+  $n as unmaskComponent,
+  Me as unmaskEl,
+  Ie as unmaskForm,
+  Pn as useInfiniteScroll,
+  qn as useResizeWatcher,
+  _n as uuid
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.4.0",
+    "version": "4.5.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {

package/src/helpers/openapi.ts

@@ -53,6 +53,8 @@ export function isApiError(err: any): err is IApiError {
 export function installApiClientInterceptors({ apiClient, onRequest, onError, CancelablePromise }: IWrappedApiClientOptions) {
     const originalRequest = apiClient.request.request.bind(apiClient.request);
     apiClient.request.request = (options: IRequestOptions) => {
+        options = rewriteOptionsForFileUpload(options);
+
         if (onRequest) {
             options = onRequest(options);
         }
@@ -82,3 +84,39 @@ export function installApiClientInterceptors({ apiClient, onRequest, onError, Ca
         });
     };
 }
+
+export class FileUploadRequest {
+    constructor(blob: Blob) {
+        this.blob = blob;
+    }
+
+    validator = null;
+    lastModifiedDate = null;
+    size = 0;
+    path = '';
+    name = '';
+    type = '';
+    blob!: Blob;
+}
+
+function rewriteOptionsForFileUpload(options: IRequestOptions): IRequestOptions {
+    const hasFileUpload = typeof options.body === 'object' && Object.values(options.body).some(v => v instanceof FileUploadRequest);
+    if (!hasFileUpload) return options;
+
+    const formData: Record<string, any> = {};
+    const jsonBody: Record<string, any> = {};
+    for (const [key, value] of Object.entries(options.body)) {
+        if (value instanceof FileUploadRequest) {
+            formData[key] = value.blob;
+        } else {
+            jsonBody[key] = value;
+        }
+    }
+    formData._payload = new Blob([JSON.stringify(jsonBody)], { type: 'application/json' });
+
+    return {
+        ...options,
+        body: undefined,
+        formData
+    };
+}