@signal24/vue-foundation 4.2.2 → 4.2.4

package/dist/src/directives/infinite-scroll.d.ts

@@ -1,3 +1,4 @@
 import type { ObjectDirective } from 'vue';
-import { type IInfiniteScrollOptions } from '../hooks/infinite-scroll';
-export declare const vInfiniteScroll: ObjectDirective<Element, IInfiniteScrollOptions>;
+type InfiniteScrollBindingValue = () => void;
+export declare const vInfiniteScroll: ObjectDirective<Element, InfiniteScrollBindingValue>;
+export {};

package/dist/src/vite-plugins/vite-openapi-plugin.js

@@ -1,20 +1,22 @@
 import { createHash } from 'node:crypto';
-import { existsSync, readFileSync, watch } from 'node:fs';
+import { copyFileSync, existsSync, readFileSync, watch } from 'node:fs';
 import { rm } from 'node:fs/promises';
 import * as OpenAPI from 'openapi-typescript-codegen';
 const DEFAULT_OUT_PATH = './src/openapi-client-generated';
 let generatedHash = null;
 let overridesMap = null;
+let overridesInverseMap = null;
 export function loadOpenapiOverrides() {
-    if (!existsSync('./openapi-specs.overrides.json')) {
+    if (!existsSync('./openapi-specs.dev.json')) {
         return;
     }
     try {
-        const overridesContent = readFileSync('./openapi-specs.overrides.json', 'utf8');
+        const overridesContent = readFileSync('./openapi-specs.dev.json', 'utf8');
         overridesMap = JSON.parse(overridesContent);
+        overridesInverseMap = Object.fromEntries(Object.entries(overridesMap).map(([k, v]) => [v, k]));
     }
     catch (e) {
-        console.error('Failed to load openapi-specs.overrides.json:', e);
+        console.error('Failed to load openapi-specs.dev.json:', e);
     }
 }
 export function openapiClientGeneratorPlugin(openapiYamlPath, outPath = DEFAULT_OUT_PATH) {
@@ -73,6 +75,9 @@ async function generateOpenapiClientInternal(openapiYamlPath, outPath = DEFAULT_
             useOptions: true,
             useUnionTypes: true
         });
+        if (overridesInverseMap?.[openapiYamlPath]) {
+            copyFileSync(openapiYamlPath, overridesInverseMap[openapiYamlPath]);
+        }
         console.log(`[${new Date().toISOString()}] Generated client from ${openapiYamlPath} to ${outPath}/`);
     }
     catch (err) {

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
 var De = Object.defineProperty;
-var He = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var p = (e, t, n) => (He(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as L, defineProps as Ae, defineEmits as $e, ref as H, computed as A, openBlock as a, createElementBlock as d, createElementVNode as g, toDisplayString as S, withDirectives as $, createCommentVNode as y, Fragment as B, renderList as W, vModelSelect as Be, reactive as Ve, h as pe, markRaw as Fe, onMounted as q, onBeforeUnmount as z, getCurrentInstance as me, createBlock as X, Teleport as _e, normalizeClass as T, withModifiers as Ne, renderSlot as N, resolveDirective as ve, createSlots as Ke, withCtx as K, createTextVNode as ee, vModelText as Re, watch as te, onActivated as ge, onDeactivated as ye } from "vue";
-import { debounce as Ue, isEqual as Ee, upperFirst as je, startCase as Pe, cloneDeep as We, remove as qe } from "lodash";
-import { escapeHtml as ze } from "@vue/shared";
-import { escapeHtml as Rn } from "@vue/shared";
-import { format as j } from "date-fns";
-const Xe = L({
+var Ae = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var p = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as I, defineProps as $e, defineEmits as Ve, ref as $, computed as V, openBlock as a, createElementBlock as d, createElementVNode as g, toDisplayString as k, withDirectives as B, createCommentVNode as y, Fragment as F, renderList as q, vModelSelect as Be, reactive as Fe, h as me, markRaw as _e, onMounted as z, onBeforeUnmount as X, getCurrentInstance as ve, createBlock as Y, Teleport as Ne, normalizeClass as T, withModifiers as Ke, renderSlot as R, resolveDirective as ge, createSlots as Re, withCtx as U, createTextVNode as te, vModelText as Ue, watch as ne, onActivated as ye, onDeactivated as Ee } from "vue";
+import { debounce as je, isEqual as Te, upperFirst as Pe, startCase as We, cloneDeep as qe, remove as ze } from "lodash";
+import { escapeHtml as Xe } from "@vue/shared";
+import { escapeHtml as Un } from "@vue/shared";
+import { format as P } from "date-fns";
+const Ye = I({
   setup() {
-    const e = Ae();
-    $e(["update:modelValue"]);
-    const t = H(null), n = A(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = H(e.modelValue ?? null);
+    const e = $e();
+    Ve(["update:modelValue"]);
+    const t = $(null), n = V(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = $(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -32,148 +32,148 @@ const Xe = L({
       this.options = await this.props.loadFn();
     }
   }
-}), Te = (e, t) => {
+}), Oe = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
   return n;
-}, Ye = {
+}, Ze = {
   key: 0,
   disabled: ""
-}, Ze = {
+}, Ge = {
   key: 0,
   value: null
-}, Ge = ["value"];
-function Qe(e, t, n, i, s, o) {
-  return e.renderOptions ? $((a(), d("select", {
+}, Qe = ["value"];
+function Je(e, t, n, i, s, o) {
+  return e.renderOptions ? B((a(), d("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (l) => e.selectedItem = l)
   }, [
-    e.props.nullText ? (a(), d("option", Ze, S(e.props.nullText), 1)) : y("", !0),
-    (a(!0), d(B, null, W(e.renderOptions, (l, r) => {
+    e.props.nullText ? (a(), d("option", Ge, k(e.props.nullText), 1)) : y("", !0),
+    (a(!0), d(F, null, q(e.renderOptions, (l, r) => {
       var c;
       return a(), d("option", {
         key: r,
         value: (c = e.options) == null ? void 0 : c[r]
-      }, S(l), 9, Ge);
+      }, k(l), 9, Qe);
     }), 128))
   ], 512)), [
     [Be, e.selectedItem]
-  ]) : (a(), d("select", Ye, [
-    g("option", null, S(e.props.loadingText || "Loading..."), 1)
+  ]) : (a(), d("select", Ze, [
+    g("option", null, k(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const mn = /* @__PURE__ */ Te(Xe, [["render", Qe]]);
-let Je = 0;
-const E = Ve([]), vn = L({
+const mn = /* @__PURE__ */ Oe(Ye, [["render", Je]]);
+let et = 0;
+const E = Fe([]), vn = I({
   setup() {
-    return () => pe("div", { id: "modal-container" }, [
-      W(E, (e) => e.vnode)
+    return () => me("div", { id: "modal-container" }, [
+      q(E, (e) => e.vnode)
     ]);
   }
 });
-function Oe(e, t) {
+function be(e, t) {
   const n = document.getElementById("vf-modal-target") ?? document.createElement("div");
   n.id = "vf-modal-target", n.removeAttribute("inert"), document.body.appendChild(n);
-  const i = Fe(e), s = {
-    id: String(++Je),
+  const i = _e(e), s = {
+    id: String(++et),
     component: i,
     props: t,
-    vnode: pe(i, t)
+    vnode: me(i, t)
   };
   return E.push(s), s;
 }
-function be(e) {
+function we(e) {
   const t = E.indexOf(e);
   t >= 0 && E.splice(t, 1);
 }
 function gn(e) {
-  we(e.$);
+  Se(e.$);
 }
-function we(e) {
+function Se(e) {
   let t = e;
-  for (; t && !et(t.vnode); )
+  for (; t && !tt(t.vnode); )
     t = t.parent;
 }
-function et(e) {
+function tt(e) {
   var n, i;
   const t = E.findIndex((s) => s.vnode.component === e.component);
   return t >= 0 ? ((i = (n = E[t].props).callback) == null || i.call(n, void 0), E.splice(t, 1), !0) : !1;
 }
-async function Y(e, t) {
+async function Z(e, t) {
   return new Promise((n) => {
     let i = null;
     const o = { ...t, callback: (l) => {
-      be(i), n(l);
+      we(i), n(l);
     } };
-    i = Oe(e, o);
+    i = be(e, o);
   });
 }
-function V(e, t) {
+function _(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function ne(e, t) {
-  await Y(_, V(e, t));
+async function ie(e, t) {
+  await Z(K, _(e, t));
 }
 async function yn(e, t) {
-  return await Y(_, {
-    ...V(e, t),
+  return await Z(K, {
+    ..._(e, t),
     shouldConfirm: !0
   }) === !0;
 }
 async function En(e, t) {
-  return await Y(_, {
-    ...V(e, t),
+  return await Z(K, {
+    ..._(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
 function Tn(e, t) {
-  const n = Oe(_, {
-    ...V(e, t),
+  const n = be(K, {
+    ..._(e, t),
     callback: () => {
     }
   });
-  return () => be(n);
+  return () => we(n);
 }
-const C = {
+const H = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
 function On(e) {
-  Object.assign(C, e);
+  Object.assign(H, e);
 }
-class F extends Error {
+class N extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
-function tt(e) {
-  return e instanceof F ? e.message : `An application error has occurred:
+function nt(e) {
+  return e instanceof N ? e.message : `An application error has occurred:
 
-${Z(e).message}
+${G(e).message}
 
-Please refresh the page and try again. If this error persists, ${C.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${H.unhandledErrorSupportText}.`;
 }
-function Z(e) {
+function G(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
 async function bn(e, t) {
-  const n = Z(e);
-  return n instanceof F || C.errorHandler(n), t ? ne(t, n) : ne(n);
+  const n = G(e);
+  return n instanceof N || H.errorHandler(n), t ? ie(t, n) : ie(n);
 }
 async function wn(e) {
-  const t = Z(e);
-  t instanceof F || C.errorHandler(t);
+  const t = G(e);
+  t instanceof N || H.errorHandler(t);
 }
-const nt = ["id"], it = {
+const it = ["id"], st = {
   key: 0,
   class: "vf-modal-header"
-}, st = { class: "vf-modal-content" }, ot = {
+}, ot = { class: "vf-modal-content" }, lt = {
   key: 1,
   class: "vf-modal-footer"
-}, lt = /* @__PURE__ */ L({
+}, rt = /* @__PURE__ */ I({
   __name: "modal",
   props: {
     id: {},
@@ -184,11 +184,11 @@ const nt = ["id"], it = {
   },
   emits: ["formSubmit"],
   setup(e) {
-    const t = e, n = H();
-    q(() => {
+    const t = e, n = $();
+    z(() => {
       var l;
       window.addEventListener("keydown", s), document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && ((l = n.value) == null || l.addEventListener("click", i));
-    }), z(() => {
+    }), X(() => {
       document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function i(l) {
@@ -201,10 +201,10 @@ const nt = ["id"], it = {
       }
     }
     function o() {
-      const l = me();
-      we(l);
+      const l = ve();
+      Se(l);
     }
-    return (l, r) => (a(), X(_e, { to: "#vf-modal-target" }, [
+    return (l, r) => (a(), Y(Ne, { to: "#vf-modal-target" }, [
       g("div", {
         id: l.id,
         class: T(["vf-overlay vf-modal-wrap", t.class]),
@@ -214,28 +214,28 @@ const nt = ["id"], it = {
         g("form", {
           action: ".",
           class: T(["vf-modal", { scrolls: l.scrolls }]),
-          onSubmit: r[0] || (r[0] = Ne((c) => l.$emit("formSubmit"), ["prevent"]))
+          onSubmit: r[0] || (r[0] = Ke((c) => l.$emit("formSubmit"), ["prevent"]))
         }, [
-          l.$slots.header ? (a(), d("div", it, [
-            N(l.$slots, "header"),
+          l.$slots.header ? (a(), d("div", st, [
+            R(l.$slots, "header"),
             t.closeX ? (a(), d("i", {
               key: 0,
               class: "close",
               onClick: o
             })) : y("", !0)
           ])) : y("", !0),
-          g("div", st, [
-            N(l.$slots, "default")
+          g("div", ot, [
+            R(l.$slots, "default")
           ]),
-          l.$slots.footer ? (a(), d("div", ot, [
-            N(l.$slots, "footer")
+          l.$slots.footer ? (a(), d("div", lt, [
+            R(l.$slots, "footer")
           ])) : y("", !0)
         ], 34)
-      ], 10, nt)
+      ], 10, it)
     ]));
   }
 });
-const rt = ["innerHtml"], at = ["innerText"], _ = /* @__PURE__ */ L({
+const at = ["innerHtml"], ct = ["innerText"], K = /* @__PURE__ */ I({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -247,40 +247,40 @@ const rt = ["innerHtml"], at = ["innerText"], _ = /* @__PURE__ */ L({
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = A(() => t.message instanceof Error ? tt(t.message) : t.message);
+    const t = e, n = V(() => t.message instanceof Error ? nt(t.message) : t.message);
     return (i, s) => {
-      const o = ve("autofocus");
-      return a(), X(lt, {
+      const o = ge("autofocus");
+      return a(), Y(rt, {
         class: T(["vf-alert", i.classes])
-      }, Ke({
-        default: K(() => [
+      }, Re({
+        default: U(() => [
           i.isHtml ? (a(), d("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, rt)) : (a(), d("div", {
+          }, null, 8, at)) : (a(), d("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, at))
+          }, null, 8, ct))
         ]),
         _: 2
       }, [
-        i.isBare ? void 0 : {
+        !i.isBare && i.title ? {
           name: "header",
-          fn: K(() => [
-            g("h1", null, S(i.title), 1)
+          fn: U(() => [
+            g("h1", null, k(i.title), 1)
           ]),
           key: "0"
-        },
+        } : void 0,
         i.isBare ? void 0 : {
           name: "footer",
-          fn: K(() => [
-            i.shouldConfirm ? (a(), d(B, { key: 0 }, [
-              $((a(), d("button", {
+          fn: U(() => [
+            i.shouldConfirm ? (a(), d(F, { key: 0 }, [
+              B((a(), d("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
-                ee("Confirm")
+                te("Confirm")
               ])), [
                 [o]
               ]),
@@ -288,12 +288,12 @@ const rt = ["innerHtml"], at = ["innerText"], _ = /* @__PURE__ */ L({
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : $((a(), d("button", {
+            ], 64)) : B((a(), d("button", {
               key: 1,
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
             }, [
-              ee("OK")
+              te("OK")
             ])), [
               [o]
             ])
@@ -304,52 +304,52 @@ const rt = ["innerHtml"], at = ["innerText"], _ = /* @__PURE__ */ L({
     };
   }
 });
-let D;
-const ct = new Uint8Array(16);
-function dt() {
-  if (!D && (D = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !D))
+let A;
+const dt = new Uint8Array(16);
+function ut() {
+  if (!A && (A = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !A))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return D(ct);
+  return A(dt);
 }
 const u = [];
 for (let e = 0; e < 256; ++e)
   u.push((e + 256).toString(16).slice(1));
-function ut(e, t = 0) {
+function ht(e, t = 0) {
   return (u[e[t + 0]] + u[e[t + 1]] + u[e[t + 2]] + u[e[t + 3]] + "-" + u[e[t + 4]] + u[e[t + 5]] + "-" + u[e[t + 6]] + u[e[t + 7]] + "-" + u[e[t + 8]] + u[e[t + 9]] + "-" + u[e[t + 10]] + u[e[t + 11]] + u[e[t + 12]] + u[e[t + 13]] + u[e[t + 14]] + u[e[t + 15]]).toLowerCase();
 }
-const ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = {
-  randomUUID: ht
+const ft = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = {
+  randomUUID: ft
 };
-function ft(e, t, n) {
-  if (ie.randomUUID && !t && !e)
-    return ie.randomUUID();
+function pt(e, t, n) {
+  if (se.randomUUID && !t && !e)
+    return se.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || dt)();
+  const i = e.random || (e.rng || ut)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
     n = n || 0;
     for (let s = 0; s < 16; ++s)
       t[n + s] = i[s];
     return t;
   }
-  return ut(i);
+  return ht(i);
 }
 function Sn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function pt(e) {
+function mt(e) {
   return e.replace(/_/g, " ");
 }
-function mt(e) {
+function vt(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 vt(e) {
+function gt(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
 function kn() {
-  return ft();
+  return pt();
 }
-const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", yt = {
+const b = Symbol("null"), oe = Symbol("create"), yt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Et = {
   props: {
     modelValue: {
       type: null,
@@ -446,7 +446,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
           e = e.filter((s) => s.searchContent.includes(t));
-          const n = ze(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
+          const n = Xe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
           e = e.map((s) => {
             var o;
             return {
@@ -455,7 +455,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
               subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: se,
+            key: oe,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
@@ -496,7 +496,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
         "update:modelValue",
         this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
       );
-    }), this.remoteSearch && this.$watch("searchText", Ue(this.reloadOptionsIfSearching, 250));
+    }), this.remoteSearch && this.$watch("searchText", je(this.reloadOptionsIfSearching, 250));
   },
   methods: {
     async loadRemoteOptions() {
@@ -541,7 +541,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && gt.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && yt.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -559,7 +559,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => Ee(i.ref, e));
+      const n = this.effectiveOptions.find((i) => Te(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -599,7 +599,7 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
     selectOption(e) {
       if (this.isSearching = !1, e.key == b)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === se) {
+      else if (e.key === oe) {
         const t = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
       } else {
@@ -616,23 +616,23 @@ const b = Symbol("null"), se = Symbol("create"), gt = "`1234567890-=[]\\;',./~!@
     }
   }
 };
-const Et = ["placeholder"], Tt = {
+const Tt = ["placeholder"], Ot = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
-}, Ot = {
+}, bt = {
   key: 0,
   class: "no-results"
-}, bt = ["onMousemove", "onMousedown"], wt = ["innerHTML"], St = ["innerHTML"], kt = {
+}, wt = ["onMousemove", "onMousedown"], St = ["innerHTML"], kt = ["innerHTML"], Mt = {
   key: 0,
   class: "no-results"
 };
-function Mt(e, t, n, i, s, o) {
-  const l = ve("disabled");
+function xt(e, t, n, i, s, o) {
+  const l = ge("disabled");
   return a(), d("div", {
     class: T(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    $(g("input", {
+    B(g("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (r) => e.searchText = r),
       ref: "searchField",
       type: "text",
@@ -641,13 +641,13 @@ function Mt(e, t, n, i, s, o) {
       placeholder: o.effectivePlaceholder,
       onFocus: t[2] || (t[2] = (...r) => o.handleInputFocused && o.handleInputFocused(...r)),
       onBlur: t[3] || (t[3] = (...r) => o.handleInputBlurred && o.handleInputBlurred(...r))
-    }, null, 42, Et), [
-      [Re, e.searchText],
+    }, null, 42, Tt), [
+      [Ue, e.searchText],
       [l, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (a(), d("div", Tt, [
-      e.isLoaded ? (a(), d(B, { key: 1 }, [
-        (a(!0), d(B, null, W(o.effectiveOptions, (r) => (a(), d("div", {
+    e.shouldDisplayOptions ? (a(), d("div", Ot, [
+      e.isLoaded ? (a(), d(F, { key: 1 }, [
+        (a(!0), d(F, null, q(o.effectiveOptions, (r) => (a(), d("div", {
           key: String(r.key),
           class: T(["option", {
             highlighted: e.highlightedOptionKey === r.key
@@ -658,19 +658,19 @@ function Mt(e, t, n, i, s, o) {
           g("div", {
             class: "title",
             innerHTML: r.title
-          }, null, 8, wt),
+          }, null, 8, St),
           r.subtitle ? (a(), d("div", {
             key: 0,
             class: "subtitle",
             innerHTML: r.subtitle
-          }, null, 8, St)) : y("", !0)
-        ], 42, bt))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (a(), d("div", kt, S(o.effectiveNoResultsText), 1)) : y("", !0)
-      ], 64)) : (a(), d("div", Ot, "Loading..."))
+          }, null, 8, kt)) : y("", !0)
+        ], 42, wt))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (a(), d("div", Mt, k(o.effectiveNoResultsText), 1)) : y("", !0)
+      ], 64)) : (a(), d("div", bt, "Loading..."))
     ], 512)) : y("", !0)
   ], 2);
 }
-const xt = /* @__PURE__ */ Te(yt, [["render", Mt]]), Mn = /* @__PURE__ */ L({
+const Lt = /* @__PURE__ */ Oe(Et, [["render", xt]]), Mn = /* @__PURE__ */ I({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -681,22 +681,22 @@ const xt = /* @__PURE__ */ Te(yt, [["render", Mt]]), Mn = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = A(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
+    const n = e, i = V(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
       value: l,
       label: r
-    }))), s = A(() => n.formatter ? (l) => {
+    }))), s = V(() => n.formatter ? (l) => {
       var r;
       return (r = n.formatter) == null ? void 0 : r.call(n, l.label);
-    } : (l) => l.label), o = H(i.value.find((l) => l.value === n.modelValue) ?? null);
-    return te(
+    } : (l) => l.label), o = $(i.value.find((l) => l.value === n.modelValue) ?? null);
+    return ne(
       () => n.modelValue,
       (l) => {
         o.value = i.value.find((r) => r.value === l) ?? null;
       }
-    ), te(o, (l) => {
+    ), ne(o, (l) => {
       var r;
-      t("update:modelValue", l ? ((r = i.value.find((c) => Ee(c, l))) == null ? void 0 : r.value) ?? null : null);
-    }), (l, r) => (a(), X(xt, {
+      t("update:modelValue", l ? ((r = i.value.find((c) => Te(c, l))) == null ? void 0 : r.value) ?? null : null);
+    }), (l, r) => (a(), Y(Lt, {
       modelValue: o.value,
       "onUpdate:modelValue": r[0] || (r[0] = (c) => o.value = c),
       options: i.value,
@@ -705,51 +705,51 @@ const xt = /* @__PURE__ */ Te(yt, [["render", Mt]]), Mn = /* @__PURE__ */ L({
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 });
-function Lt(e) {
+function Ct(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 Ct(e) {
+function It(e) {
   return e != null && String(e).length ? e : "-";
 }
-function It(e) {
+function Ht(e) {
   return e || "-";
 }
 function Dt(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Rt(Number(e));
-}
-function Ht(e) {
-  return e && mt(e);
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Ut(Number(e));
 }
 function At(e) {
-  return e ? je(e) : null;
+  return e && vt(e);
 }
 function $t(e) {
   return e ? Pe(e) : null;
 }
+function Vt(e) {
+  return e ? We(e) : null;
+}
 function Bt(e) {
   return e ? e.toUpperCase() : null;
 }
-function Vt(e) {
-  return e ? pt(e) : null;
-}
 function Ft(e) {
-  return vt(e);
+  return e ? mt(e) : null;
 }
-const oe = {
-  bytes: Lt,
-  dash: Ct,
-  dashZeros: It,
+function _t(e) {
+  return gt(e);
+}
+const le = {
+  bytes: Ct,
+  dash: It,
+  dashZeros: Ht,
   number: Dt,
-  phone: Ht,
-  upperFirst: At,
-  startCase: $t,
+  phone: At,
+  upperFirst: $t,
+  startCase: Vt,
   upperCase: Bt,
-  desnake: Vt,
-  usCurrency: Ft
+  desnake: Ft,
+  usCurrency: _t
 }, xn = (e) => ({
-  ...oe,
-  ...e(oe)
+  ...le,
+  ...e(le)
 });
 function Ln(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
@@ -763,12 +763,12 @@ function Cn(e, t) {
   const s = e.currentTarget;
   s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((h) => {
     if (h == "-") {
-      const I = document.createElement("div");
-      I.classList.add("separator"), i.appendChild(I);
+      const D = document.createElement("div");
+      D.classList.add("separator"), i.appendChild(D);
       return;
     }
     const v = document.createElement("div");
-    v.classList.add("item"), v.style.userSelect = "none", v.innerText = h.title, i.appendChild(v), h.class && v.classList.add(h.class), h.shouldConfirm ? v.addEventListener("click", () => h.handler()) : v.addEventListener("click", () => Ie(v, h.handler));
+    v.classList.add("item"), v.style.userSelect = "none", v.innerText = h.title, i.appendChild(v), h.class && v.classList.add(h.class), h.shouldConfirm ? v.addEventListener("click", () => h.handler()) : v.addEventListener("click", () => He(v, h.handler));
   });
   const o = window.innerWidth - e.clientX, l = window.innerHeight - e.clientY, r = i.offsetHeight, c = i.offsetWidth, m = o < c ? e.clientX - c - 1 : e.clientX + 1, f = l < r ? e.clientY - r - 1 : e.clientY + 1;
   i.style.left = m + "px", i.style.top = f + "px", setTimeout(() => {
@@ -777,79 +777,79 @@ function Cn(e, t) {
   function O() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function Ie(h, v) {
+  function He(h, v) {
     if (h.classList.contains("pending-confirm"))
       return v();
-    const I = h.innerHTML;
+    const D = h.innerHTML;
     h.classList.add("pending-confirm"), h.innerText = "Confirm";
-    const J = () => {
-      h.classList.remove("pending-confirm"), h.innerHTML = I, h.removeEventListener("mouseleave", J);
+    const ee = () => {
+      h.classList.remove("pending-confirm"), h.innerHTML = D, h.removeEventListener("mouseleave", ee);
     };
-    h.addEventListener("mouseleave", J), e.stopPropagation();
+    h.addEventListener("mouseleave", ee), e.stopPropagation();
   }
 }
-const _t = (e) => new Promise((t) => setTimeout(t, e)), In = (e) => _t(e * 1e3), k = Symbol("MaskState");
-function Dn(e, t) {
+const Nt = (e) => new Promise((t) => setTimeout(t, e)), In = (e) => Nt(e * 1e3), M = Symbol("MaskState");
+function Hn(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
-  return Nt(i ?? n, t);
+  return Kt(i ?? n, t);
 }
-function Hn(e) {
+function Dn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
-  return Se(n ?? t);
+  return ke(n ?? t);
 }
-function Nt(e, t) {
-  if (!e[k]) {
+function Kt(e, t) {
+  if (!e[M]) {
     const n = document.createElement("div");
-    n.classList.add("vf-mask"), e.appendChild(n), e[k] = { maskEl: n };
+    n.classList.add("vf-mask"), e.appendChild(n), e[M] = { maskEl: n };
   }
-  return e[k].maskEl.innerText = t ?? "", () => Se(e);
+  return e[M].maskEl.innerText = t ?? "", () => ke(e);
 }
-function Se(e) {
-  e[k] && e.removeChild(e[k].maskEl);
+function ke(e) {
+  e[M] && e.removeChild(e[M].maskEl);
 }
-const P = Symbol("FormMaskState");
+const W = Symbol("FormMaskState");
 function An(e, t, n) {
-  const i = e instanceof Element ? e : ke(e);
+  const i = e instanceof Element ? e : Me(e);
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? "button:not([disabled])")[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
   s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
   const r = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[P] = {
+  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[W] = {
     disabledElements: r,
     waitButton: s,
     buttonHtml: o
-  }, () => Kt(i);
+  }, () => Rt(i);
 }
-function Kt(e) {
-  const t = e instanceof Element ? e : ke(e), n = t[P];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[P]);
+function Rt(e) {
+  const t = e instanceof Element ? e : Me(e), n = t[W];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[W]);
 }
-function ke(e) {
+function Me(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
-function Rt(e) {
+function Ut(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
 function $n(e, t) {
-  return e != null ? We(e) : t;
+  return e != null ? qe(e) : t;
 }
-function Bn(e, t) {
+function Vn(e, t) {
   const n = { ...e };
   for (const i of t)
     n[i] === "" && (n[i] = null);
   return n;
 }
-function Ut(e) {
+function jt(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Vn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
+function Bn({ 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((l, r, c) => {
     const m = s(o);
     c(m.cancel), m.then(l).catch((f) => {
-      if (Ut(f) && typeof f.body == "object" && "error" in f.body && f.status === 422)
-        return r(new F(f.body.error));
+      if (jt(f) && typeof f.body == "object" && "error" in f.body && f.status === 422)
+        return r(new N(f.body.error));
       if (n) {
         const O = n(f, o);
         if (O === null)
@@ -861,42 +861,42 @@ function Vn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
     });
   }));
 }
-const G = Symbol("HookState");
-function jt(e, t) {
-  const n = t ?? me();
-  q(() => Pt(n, e), n), ge(() => Wt(n), n), ye(() => le(n), n), z(() => le(n), n);
+const Q = Symbol("HookState");
+function Fn(e, t) {
+  const n = t ?? ve();
+  z(() => Pt(n, e), n), ye(() => Wt(n), n), Ee(() => re(n), n), X(() => re(n), n);
 }
 function Pt(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new U(e.vnode.el, t.elScrolledToBottom), n.el.install()), t.ancestorScrolledToBottom) {
-    const i = Me(e.vnode.el);
-    i ? (n.ancestor = new U(i, t.ancestorScrolledToBottom), n.ancestor.install()) : console.warn("no scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new x(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const i = xe(e.vnode.el);
+    i ? n.ancestor = new x(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new U(window, t.windowScrolledToBottom), n.window.install()), e[G] = n;
+  t.windowScrolledToBottom && (n.window = new x(window, t.windowScrolledToBottom)), e[Q] = n;
 }
 function Wt(e) {
   var n, i, s;
-  const t = e[G];
+  const t = e[Q];
   (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 le(e) {
+function re(e) {
   var n, i, s;
-  const t = e[G];
+  const t = e[Q];
   (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 R = ["auto", "scroll"];
-function Me(e) {
+const j = ["auto", "scroll"];
+function xe(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return R.includes(n.overflow) || R.includes(n.overflowX) || R.includes(n.overflowY) ? t : Me(t);
+  return j.includes(n.overflow) || j.includes(n.overflowX) || j.includes(n.overflowY) ? t : xe(t);
 }
-class U {
+class x {
   constructor(t, n) {
     p(this, "isTripped", !1);
     p(this, "onScrollWithContext", this.onScroll.bind(this));
-    this.el = t, this.handler = n;
+    this.el = t, this.handler = n, this.install();
   }
   install() {
     this.el.addEventListener("scroll", this.onScrollWithContext);
@@ -908,17 +908,17 @@ class U {
     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 Fn(e) {
-  q(() => window.addEventListener("resize", e)), ge(() => window.addEventListener("resize", e)), ye(() => window.removeEventListener("resize", e)), z(() => window.removeEventListener("resize", e));
+function _n(e) {
+  z(() => window.addEventListener("resize", e)), ye(() => window.addEventListener("resize", e)), Ee(() => window.removeEventListener("resize", e)), X(() => window.removeEventListener("resize", e));
 }
 const qt = {
-  mounted: ae,
-  updated: ae
-}, re = Symbol("HasAutoFocused");
-function ae(e, t) {
-  if (t.value === void 0 && e[re] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+  mounted: ce,
+  updated: ce
+}, ae = Symbol("HasAutoFocused");
+function ce(e, t) {
+  if (t.value === void 0 && e[ae] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
     return;
-  e[re] = !0;
+  e[ae] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
@@ -951,16 +951,16 @@ const Yt = {
 function Zt(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 Gt = {
-  beforeMount: ce,
-  updated: ce
+  beforeMount: de,
+  updated: de
 };
-function ce(e, t) {
+function de(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = Qt(e, t));
 }
 function Qt(e, t) {
@@ -975,48 +975,48 @@ function Qt(e, t) {
     const f = /* @__PURE__ */ new Date();
     f.getFullYear() == o.getFullYear() && f.getMonth() == o.getMonth() && f.getDate() == o.getDate() && (n = "at", l = "HH:mm");
   }
-  l || (l = C.defaultDateTimeFormat);
-  let r = j(o, l);
+  l || (l = H.defaultDateTimeFormat);
+  let r = P(o, l);
   return n && (r = n + " " + r), r;
 }
 const Jt = {
-  beforeMount: de,
-  updated: de,
+  beforeMount: ue,
+  updated: ue,
   unmounted: en
 };
-function de(e, t) {
+function ue(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 en(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
 const tn = {
-  beforeMount: ue,
-  updated: ue,
-  unmounted: Le
-}, x = Symbol("HasAutoFocused"), Q = [];
+  beforeMount: he,
+  updated: he,
+  unmounted: Ce
+}, C = Symbol("HasAutoFocused"), J = [];
 function nn() {
-  Q.forEach(xe);
+  J.forEach(Le);
 }
 setInterval(nn, 1e3);
-function ue(e, t) {
+function he(e, t) {
   var l;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return Le(e);
+    return Ce(e);
   const n = new Date(t.value), i = (l = e.attributes.getNamedItem("base-time")) == null ? void 0 : l.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[x] || Q.push(e), e[x] = {
+  e[C] || J.push(e), e[C] = {
     startTs: s,
     includeSeconds: o
-  }, xe(e);
+  }, Le(e);
 }
-function xe(e) {
-  const t = e[x], n = Math.round((Date.now() - t.startTs) / 1e3);
+function Le(e) {
+  const t = e[C], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = sn(n, t.includeSeconds);
 }
-function Le(e) {
-  e[x] && (qe(Q, e), delete e[x]), e.innerText = "-";
+function Ce(e) {
+  e[C] && (ze(J, e), delete e[C]), e.innerText = "-";
 }
 function sn(e, t) {
   const n = [], i = Math.floor(e / 86400);
@@ -1026,23 +1026,31 @@ function sn(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 on = {
-  created(e, t) {
-    jt(t.value, t.instance.$);
+const S = Symbol("InfiniteScrollHandler"), on = {
+  mounted(e, t) {
+    e[S] = new x(e, t.value);
+  },
+  updated(e, t) {
+    var n;
+    (n = e[S]) == null || n.uninstall(), e[S] = new x(e, t.value);
+  },
+  unmounted(e) {
+    var t;
+    (t = e[S]) == null || t.uninstall(), delete e[S];
   }
 }, ln = {
-  beforeMount: he,
-  updated: he
+  beforeMount: fe,
+  updated: fe
 };
-function he(e, t) {
+function fe(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
 const rn = {
-  mounted: fe,
-  updated: fe,
-  unmounted: Ce
-}, M = Symbol("TooltipState");
-function fe(e, t) {
+  mounted: pe,
+  updated: pe,
+  unmounted: Ie
+}, L = Symbol("TooltipState");
+function pe(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1050,13 +1058,13 @@ function fe(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[M] ? e[M].configure(s) : e[M] = new an(e, s);
+    e[L] ? e[L].configure(s) : e[L] = new an(e, s);
   } else
-    Ce(e);
+    Ie(e);
 }
-function Ce(e) {
+function Ie(e) {
   var t;
-  (t = e[M]) == null || t.destroy(), delete e[M];
+  (t = e[L]) == null || t.destroy(), delete e[L];
 }
 class an {
   constructor(t, n) {
@@ -1109,55 +1117,55 @@ class an {
 function cn(e) {
   e.directive("autofocus", qt), e.directive("confirm-button", zt), e.directive("date-input", Yt), e.directive("datetime", Gt), e.directive("disabled", Jt), e.directive("duration", tn), e.directive("infinite-scroll", on), e.directive("readonly", ln), e.directive("tooltip", rn);
 }
-function _n(e) {
+function Nn(e) {
   cn(e);
 }
 export {
   vn as ModalContainer,
-  F as UserError,
+  N as UserError,
   mn as VfAjaxSelect,
-  _ as VfAlertModal,
+  K as VfAlertModal,
   Mn as VfEzSmartSelect,
-  lt as VfModal,
-  xt as VfSmartSelect,
+  rt as VfModal,
+  Lt as VfSmartSelect,
   $n as cloneProp,
   On as configureVf,
   xn as createFilters,
-  Oe as createModalInjection,
-  pt as desnakeCase,
-  Rn as escapeHtml,
-  tt as formatError,
-  Rt as formatNumber,
-  mt as formatPhone,
-  vt as formatUSCurrency,
+  be as createModalInjection,
+  mt as desnakeCase,
+  Un as escapeHtml,
+  nt as formatError,
+  Ut as formatNumber,
+  vt as formatPhone,
+  gt as formatUSCurrency,
   wn as handleError,
   bn as handleErrorAndAlert,
-  Vn as installApiClientInterceptors,
-  _n as installVf,
-  Ut as isApiError,
-  Dn as maskComponent,
-  Nt as maskEl,
+  Bn as installApiClientInterceptors,
+  Nn as installVf,
+  jt as isApiError,
+  Hn as maskComponent,
+  Kt as maskEl,
   An as maskForm,
   Sn as nl2br,
-  Bn as nullifyEmptyInputs,
-  Y as presentModal,
-  be as removeModalInjection,
+  Vn as nullifyEmptyInputs,
+  Z as presentModal,
+  we as removeModalInjection,
   gn as removeModalInjectionByInstance,
-  we as removeModalInjectionByInternalInstance,
-  et as removeModalInjectionByVnode,
+  Se as removeModalInjectionByInternalInstance,
+  tt as removeModalInjectionByVnode,
   Ln as replaceElement,
-  ne as showAlert,
+  ie as showAlert,
   yn as showConfirm,
   En as showConfirmDestroy,
   Cn as showContextMenu,
   Tn as showWait,
-  _t as sleep,
+  Nt as sleep,
   In as sleepSecs,
-  Z as toError,
-  Hn as unmaskComponent,
-  Se as unmaskEl,
-  Kt as unmaskForm,
-  jt as useInfiniteScroll,
-  Fn as useResizeWatcher,
+  G as toError,
+  Dn as unmaskComponent,
+  ke as unmaskEl,
+  Rt as unmaskForm,
+  Fn as useInfiniteScroll,
+  _n as useResizeWatcher,
   kn as uuid
 };

package/package.json

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

package/src/components/alert-modal.vue

@@ -1,6 +1,6 @@
 <template>
     <Modal class="vf-alert" :class="classes">
-        <template v-if="!isBare" v-slot:header>
+        <template v-if="!isBare && title" v-slot:header>
             <h1>{{ title }}</h1>
         </template>
 

package/src/directives/infinite-scroll.ts

@@ -1,9 +1,23 @@
 import type { DirectiveBinding, ObjectDirective } from 'vue';
 
-import { type IInfiniteScrollOptions, useInfiniteScroll } from '../hooks/infinite-scroll';
+import { InfiniteScrollHandler } from '../hooks/infinite-scroll';
 
-export const vInfiniteScroll: ObjectDirective<Element, IInfiniteScrollOptions> = {
-    created(_el: Element, binding: DirectiveBinding<IInfiniteScrollOptions>) {
-        useInfiniteScroll(binding.value, binding.instance!.$);
+const HandlerSymbol = Symbol('InfiniteScrollHandler');
+type InfiniteScrollElement = Element & { [HandlerSymbol]?: InfiniteScrollHandler };
+type InfiniteScrollBindingValue = () => void;
+
+export const vInfiniteScroll: ObjectDirective<Element, InfiniteScrollBindingValue> = {
+    mounted(el: InfiniteScrollElement, binding: DirectiveBinding<InfiniteScrollBindingValue>) {
+        el[HandlerSymbol] = new InfiniteScrollHandler(el, binding.value);
+    },
+
+    updated(el: InfiniteScrollElement, binding: DirectiveBinding<InfiniteScrollBindingValue>) {
+        el[HandlerSymbol]?.uninstall();
+        el[HandlerSymbol] = new InfiniteScrollHandler(el, binding.value);
+    },
+
+    unmounted(el: InfiniteScrollElement) {
+        el[HandlerSymbol]?.uninstall();
+        delete el[HandlerSymbol];
     }
 };

package/src/hooks/infinite-scroll.ts

@@ -27,22 +27,19 @@ export function installScrollHook(cmp: InfiniteScrollComponent, options: IInfini
 
     if (options.elScrolledToBottom) {
         hookState.el = new InfiniteScrollHandler(cmp.vnode.el as Element, options.elScrolledToBottom);
-        hookState.el.install();
     }
 
     if (options.ancestorScrolledToBottom) {
         const scrollableAncestorEl = discoverScrollableAncestorEl(cmp.vnode.el as Element);
         if (scrollableAncestorEl) {
             hookState.ancestor = new InfiniteScrollHandler(scrollableAncestorEl, options.ancestorScrolledToBottom);
-            hookState.ancestor.install();
         } else {
-            console.warn('no scollable ancestor found for component:', cmp);
+            console.warn('[VueFoundation] No scollable ancestor found for component:', cmp);
         }
     }
 
     if (options.windowScrolledToBottom) {
         hookState.window = new InfiniteScrollHandler(window as unknown as Element, options.windowScrolledToBottom);
-        hookState.window.install();
     }
 
     cmp[HookState] = hookState;
@@ -83,7 +80,9 @@ function discoverScrollableAncestorEl(el: Element): Element | null {
 export class InfiniteScrollHandler {
     isTripped = false;
 
-    constructor(private el: Element, private handler: (e: Event) => void) {}
+    constructor(private el: Element, private handler: (e: Event) => void) {
+        this.install();
+    }
 
     install() {
         this.el.addEventListener('scroll', this.onScrollWithContext);

package/src/vite-plugins/vite-openapi-plugin.ts

@@ -1,5 +1,5 @@
 import { createHash } from 'node:crypto';
-import { existsSync, readFileSync, watch } from 'node:fs';
+import { copyFileSync, existsSync, readFileSync, watch } from 'node:fs';
 import { rm } from 'node:fs/promises';
 
 import * as OpenAPI from 'openapi-typescript-codegen';
@@ -8,17 +8,19 @@ const DEFAULT_OUT_PATH = './src/openapi-client-generated';
 
 let generatedHash: string | null = null;
 let overridesMap: Record<string, string> | null = null;
+let overridesInverseMap: Record<string, string> | null = null;
 
 export function loadOpenapiOverrides() {
-    if (!existsSync('./openapi-specs.overrides.json')) {
+    if (!existsSync('./openapi-specs.dev.json')) {
         return;
     }
 
     try {
-        const overridesContent = readFileSync('./openapi-specs.overrides.json', 'utf8');
+        const overridesContent = readFileSync('./openapi-specs.dev.json', 'utf8');
         overridesMap = JSON.parse(overridesContent);
+        overridesInverseMap = Object.fromEntries(Object.entries(overridesMap!).map(([k, v]) => [v, k]));
     } catch (e) {
-        console.error('Failed to load openapi-specs.overrides.json:', e);
+        console.error('Failed to load openapi-specs.dev.json:', e);
     }
 }
 
@@ -99,6 +101,10 @@ async function generateOpenapiClientInternal(openapiYamlPath: string, outPath: s
             useUnionTypes: true
         });
 
+        if (overridesInverseMap?.[openapiYamlPath]) {
+            copyFileSync(openapiYamlPath, overridesInverseMap[openapiYamlPath]);
+        }
+
         console.log(`[${new Date().toISOString()}] Generated client from ${openapiYamlPath} to ${outPath}/`);
     } catch (err) {
         console.error(`[${new Date().toISOString()}] Error generating client from ${openapiYamlPath}:`, err);