@signal24/vue-foundation 4.6.0 → 4.7.0

package/dist/src/components/alert-modal.vue.d.ts

@@ -1,27 +1,50 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    isBare?: boolean | undefined;
-    isHtml?: boolean | undefined;
-    classes?: string[] | undefined;
-    title?: string | undefined;
-    message: string | Error;
-    shouldConfirm?: boolean | undefined;
-    callback: (ok: boolean) => void;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    isBare?: boolean | undefined;
-    isHtml?: boolean | undefined;
-    classes?: string[] | undefined;
-    title?: string | undefined;
-    message: string | Error;
-    shouldConfirm?: boolean | undefined;
-    callback: (ok: boolean) => void;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+declare const _default: import("vue").DefineComponent<{
+    isBare: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHtml: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<string[]>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    message: {
+        type: import("vue").PropType<string | Error>;
+        required: true;
+    };
+    shouldConfirm: {
+        type: import("vue").PropType<boolean>;
+    };
+    callback: {
+        type: import("vue").PropType<(ok: boolean) => void>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isBare: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHtml: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<string[]>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    message: {
+        type: import("vue").PropType<string | Error>;
         required: true;
     };
-};
+    shouldConfirm: {
+        type: import("vue").PropType<boolean>;
+    };
+    callback: {
+        type: import("vue").PropType<(ok: boolean) => void>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/src/components/ez-smart-select.vue.d.ts

@@ -1,27 +1,42 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | null | undefined;
-    nullTitle?: string | undefined;
-    placeholder?: string | undefined;
-    options: string[] | Record<string, string>;
-    formatter?: ((value: any) => string) | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | null | undefined>;
+        required: true;
+    };
+    nullTitle: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    options: {
+        type: import("vue").PropType<string[] | Record<string, string>>;
+        required: true;
+    };
+    formatter: {
+        type: import("vue").PropType<(value: any) => string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | null | undefined;
-    nullTitle?: string | undefined;
-    placeholder?: string | undefined;
-    options: string[] | Record<string, string>;
-    formatter?: ((value: any) => string) | undefined;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | null | undefined>;
+        required: true;
+    };
+    nullTitle: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    options: {
+        type: import("vue").PropType<string[] | Record<string, string>>;
+        required: true;
+    };
+    formatter: {
+        type: import("vue").PropType<(value: any) => string>;
+    };
+}>> & {
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/src/components/modal.vue.d.ts

@@ -1,21 +1,41 @@
 declare function mask(): void;
 declare function unmask(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    closeOnMaskClick?: boolean | undefined;
-    scrolls?: boolean | undefined;
-    closeX?: boolean | undefined;
-    class?: string | undefined;
-}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    closeOnMaskClick: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrolls: {
+        type: import("vue").PropType<boolean>;
+    };
+    closeX: {
+        type: import("vue").PropType<boolean>;
+    };
+    class: {
+        type: import("vue").PropType<string>;
+    };
+}, {
     mask: typeof mask;
     unmask: typeof unmask;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    closeOnMaskClick?: boolean | undefined;
-    scrolls?: boolean | undefined;
-    closeX?: boolean | undefined;
-    class?: string | undefined;
-}>>> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    closeOnMaskClick: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrolls: {
+        type: import("vue").PropType<boolean>;
+    };
+    closeX: {
+        type: import("vue").PropType<boolean>;
+    };
+    class: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
     onFormSubmit?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     header?(_: {}): any;
@@ -23,15 +43,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/components/overlay-anchor.vue.d.ts

@@ -1,23 +1,26 @@
 import type { OverlayAnchorOptions } from './overlay-types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    overlayId: string;
-    anchor: OverlayAnchorOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    overlayId: string;
-    anchor: OverlayAnchorOptions;
-}>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    overlayId: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    anchor: {
+        type: import("vue").PropType<OverlayAnchorOptions>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    overlayId: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    anchor: {
+        type: import("vue").PropType<OverlayAnchorOptions>;
+        required: true;
+    };
+}>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/components/overlay-container.d.ts

@@ -4,7 +4,7 @@ import type { OverlayAnchorOptions } from './overlay-types';
 interface OverlayOptions {
     anchor?: OverlayAnchorOptions;
 }
-interface OverlayInjection<C extends OverlayComponent> {
+export interface OverlayInjection<C extends OverlayComponent> {
     id: string;
     component: OverlayComponentUnwrapped<C>;
     props: OverlayComponentProps<C>;

package/dist/src/components/toast.vue.d.ts

@@ -5,18 +5,47 @@ export interface IToastOptions {
     disableClose?: boolean;
     onClick?: () => void;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IToastOptions & {
-    callback: () => void;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IToastOptions & {
-    callback: () => void;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+declare const _default: import("vue").DefineComponent<{
+    message: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+    };
+    durationSecs: {
+        type: import("vue").PropType<number | null>;
+    };
+    disableClose: {
+        type: import("vue").PropType<boolean>;
+    };
+    onClick: {
+        type: import("vue").PropType<() => void>;
+    };
+    callback: {
+        type: import("vue").PropType<() => void>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+    };
+    durationSecs: {
+        type: import("vue").PropType<number | null>;
+    };
+    disableClose: {
+        type: import("vue").PropType<boolean>;
+    };
+    onClick: {
+        type: import("vue").PropType<() => void>;
+    };
+    callback: {
+        type: import("vue").PropType<() => void>;
         required: true;
     };
-};
+}>>, {}, {}>;
+export default _default;

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

@@ -31,12 +31,14 @@ export declare class ICancelablePromise<T = any> {
 }
 interface IWrappedApiClientOptions<P extends ICancelablePromise = ICancelablePromise, Arguments extends unknown[] = any[]> {
     apiClient: IApiClient;
+    wrapper?: (options: IRequestOptions, fn: (options: IRequestOptions) => P) => P;
     onRequest?: (options: IRequestOptions) => IRequestOptions;
     onError?: (err: Error, options: IRequestOptions) => Error | null | void;
+    afterRequest?: (options: IRequestOptions) => void;
     CancelablePromise: new (...arguments_: Arguments) => P;
 }
 export declare function isApiError(err: any): err is IApiError;
-export declare function installApiClientInterceptors({ apiClient, onRequest, onError, CancelablePromise }: IWrappedApiClientOptions): void;
+export declare function installApiClientInterceptors({ apiClient, wrapper, onRequest, onError, afterRequest, CancelablePromise }: IWrappedApiClientOptions): void;
 export declare class FileUploadRequest {
     constructor(blob: Blob);
     validator: null;

package/dist/vue-foundation.es.js

@@ -1,11 +1,11 @@
 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 v = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as S, defineProps as Ne, defineEmits as Re, ref as T, computed as K, openBlock as d, createElementBlock as u, createElementVNode as E, toDisplayString as x, withDirectives as U, createCommentVNode as O, Fragment as j, renderList as Q, vModelSelect as Ke, getCurrentInstance as J, onMounted as C, normalizeClass as w, normalizeStyle as Ue, withModifiers as ee, renderSlot as R, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as te, resolveDirective as Te, createBlock as ke, createSlots as qe, withCtx as X, createTextVNode as ae, vModelText as ze, watch as ce, onActivated as Se, onDeactivated as xe } from "vue";
+import { defineComponent as S, defineProps as Ne, defineEmits as Re, ref as T, computed as K, openBlock as u, createElementBlock as h, createElementVNode as E, toDisplayString as x, withDirectives as U, createCommentVNode as O, Fragment as j, renderList as J, vModelSelect as Ke, getCurrentInstance as ee, onMounted as C, normalizeClass as w, normalizeStyle as Ue, withModifiers as te, renderSlot as R, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as ne, resolveDirective as Te, createBlock as ke, createSlots as qe, withCtx as Y, createTextVNode as ae, vModelText as ze, watch as ce, onActivated as Se, onDeactivated as xe } from "vue";
 import { debounce as Xe, isEqual as Ce, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
 import { escapeHtml as Je } from "@vue/shared";
 import { escapeHtml as ss } from "@vue/shared";
-import { format as Z } from "date-fns";
+import { format as G } from "date-fns";
 const et = S({
   setup() {
     const e = Ne();
@@ -45,21 +45,21 @@ const et = S({
   value: null
 }, st = ["value"];
 function it(e, t, n, s, i, o) {
-  return e.renderOptions ? U((d(), u("select", {
+  return e.renderOptions ? U((u(), h("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (d(), u("option", nt, x(e.props.nullText), 1)) : O("", !0),
-    (d(!0), u(j, null, Q(e.renderOptions, (r, l) => {
+    e.props.nullText ? (u(), h("option", nt, x(e.props.nullText), 1)) : O("", !0),
+    (u(!0), h(j, null, J(e.renderOptions, (r, l) => {
       var c;
-      return d(), u("option", {
+      return u(), h("option", {
         key: l,
         value: (c = e.options) == null ? void 0 : c[l]
       }, x(r), 9, st);
     }), 128))
   ], 512)), [
     [Ke, e.selectedItem]
-  ]) : (d(), u("select", tt, [
+  ]) : (u(), h("select", tt, [
     E("option", null, x(e.props.loadingText || "Loading..."), 1)
   ]));
 }
@@ -70,28 +70,28 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), o = J();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), o = ee();
     C(r);
     function r() {
-      const y = o.vnode.el, { styles: h, classes: a } = l(y, n);
-      s.value = h, i.value = a;
+      const f = o.vnode.el, { styles: g, classes: a } = l(f, n);
+      s.value = g, i.value = a;
     }
-    function l(y, h) {
-      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, m = h.getBoundingClientRect(), p = y.getBoundingClientRect();
+    function l(f, g) {
+      const a = t.anchor instanceof HTMLElement ? {} : t.anchor, m = g.getBoundingClientRect(), p = f.getBoundingClientRect();
       a.matchWidth && (p.width = m.width), a.matchHeight && (p.height = m.height);
-      const f = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
+      const d = a.class ? Array.isArray(a.class) ? a.class : [a.class] : [];
       let b, L;
       if (a.y === "center")
-        b = m.top + m.height / 2 - p.height / 2, f.push("anchored-center-y");
+        b = m.top + m.height / 2 - p.height / 2, d.push("anchored-center-y");
       else {
         const M = (m.bottom + p.height < window.innerHeight || a.y === "below") && a.y !== "above";
-        b = M ? m.bottom : m.top - p.height, f.push(M ? "anchored-top" : "anchored-bottom");
+        b = M ? m.bottom : m.top - p.height, d.push(M ? "anchored-top" : "anchored-bottom");
       }
       if (a.x === "center")
-        L = m.left + m.width / 2 - p.width / 2, f.push("anchored-center-x");
+        L = m.left + m.width / 2 - p.width / 2, d.push("anchored-center-x");
       else {
         const M = (m.left + p.width < window.innerWidth || a.x === "left") && a.x !== "right";
-        L = M ? m.left : m.right - p.width, f.push(M ? "anchored-left" : "anchored-right");
+        L = M ? m.left : m.right - p.width, d.push(M ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
@@ -100,7 +100,7 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
           ...a.matchWidth ? { width: `${p.width}px` } : {},
           ...a.matchHeight ? { height: `${p.height}px` } : {}
         },
-        classes: f
+        classes: d
       };
     }
     function c() {
@@ -110,12 +110,12 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
       setTimeout(() => {
         window.addEventListener("click", c);
       }, 10);
-    }), (y, h) => (d(), u("div", {
+    }), (f, g) => (u(), h("div", {
       class: w(["vf-overlay-anchor", i.value]),
       style: Ue(s.value),
-      onClick: ee(c, ["stop"])
+      onClick: te(c, ["stop"])
     }, [
-      R(y.$slots, "default")
+      R(f.$slots, "default")
     ], 14, ot));
   }
 });
@@ -123,11 +123,11 @@ let rt = 0;
 const k = je([]), _n = S({
   setup() {
     return () => W("div", [
-      Q(k, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      J(k, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function ne(e, t, n) {
+function se(e, t, n) {
   const s = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   s.id = "vf-overlay-target", s.removeAttribute("inert"), document.body.appendChild(s);
   const i = String(++rt), o = Pe(e), r = W(o, t), l = n != null && n.anchor ? W(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, c = {
@@ -156,7 +156,7 @@ function ct(e) {
   const t = k.findIndex((n) => n.id === e);
   return t >= 0 ? (k[t].props.callback(), !0) : !1;
 }
-function se(e) {
+function P(e) {
   const t = k.indexOf(e);
   t >= 0 && k.splice(t, 1);
 }
@@ -164,39 +164,39 @@ async function ie(e, t, n) {
   return new Promise((s) => {
     let i = null;
     const r = { ...t, callback: (l) => {
-      se(i), s(l);
+      P(i), s(l);
     } };
-    i = ne(e, r, n);
+    i = se(e, r, n);
   });
 }
-function P(e, t) {
+function q(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
 async function de(e, t) {
-  await ie(z, P(e, t));
+  await ie(X, q(e, t));
 }
 async function Dn(e, t) {
-  return await ie(z, {
-    ...P(e, t),
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0
   }) === !0;
 }
 async function $n(e, t) {
-  return await ie(z, {
-    ...P(e, t),
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
 function An(e, t) {
-  const n = ne(z, {
-    ...P(e, t),
+  const n = se(X, {
+    ...q(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => se(n);
+  return () => P(n);
 }
 const V = {
   unhandledErrorSupportText: "please contact support",
@@ -206,13 +206,13 @@ const V = {
 function Bn(e) {
   Object.assign(V, e);
 }
-class q extends Error {
+class z extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
 function dt(e) {
-  return e instanceof q ? e.message : `An application error has occurred:
+  return e instanceof z ? e.message : `An application error has occurred:
 
 ${oe(e).message}
 
@@ -223,11 +223,11 @@ function oe(e) {
 }
 async function Vn(e, t) {
   const n = oe(e);
-  return n instanceof q || V.errorHandler(n), t ? de(t, n) : de(n);
+  return n instanceof z || V.errorHandler(n), t ? de(t, n) : de(n);
 }
 async function Fn(e) {
   const t = oe(e);
-  t instanceof q || V.errorHandler(t);
+  t instanceof z || V.errorHandler(t);
 }
 const D = Symbol("MaskState");
 function Nn(e, t) {
@@ -248,22 +248,22 @@ function ut(e, t) {
 function Ie(e) {
   e[D] && e.removeChild(e[D].maskEl);
 }
-const G = Symbol("FormMaskState");
+const Q = Symbol("FormMaskState");
 function ht(e, t, n) {
   const s = e instanceof Element ? e : He(e);
   s.classList.add("vf-masked");
   const i = t instanceof Element ? t : s.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], o = i.tagName === "INPUT" ? i.value : i.innerHTML;
   i.setAttribute("disabled", "disabled"), i.innerText = n ?? "Please wait...";
   const l = [...s.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return l.forEach((c) => c.setAttribute("disabled", "disabled")), s[G] = {
+  return l.forEach((c) => c.setAttribute("disabled", "disabled")), s[Q] = {
     disabledElements: l,
     waitButton: i,
     buttonHtml: o
   }, () => _e(s);
 }
 function _e(e) {
-  const t = e instanceof Element ? e : He(e), n = t[G];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[G]);
+  const t = e instanceof Element ? e : He(e), n = t[Q];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[Q]);
 }
 function He(e) {
   const t = e.$.vnode.el;
@@ -286,13 +286,13 @@ const ft = ["id"], pt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, s = J();
-    t({ mask: y, unmask: h });
+    const n = e, s = ee();
+    t({ mask: f, unmask: g });
     const i = T(), o = T();
     C(() => {
       var a;
       document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = i.value) == null || a.addEventListener("click", r));
-    }), te(() => {
+    }), ne(() => {
       window.removeEventListener("keydown", l), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function r(a) {
@@ -307,13 +307,13 @@ const ft = ["id"], pt = {
     function c() {
       Me(s);
     }
-    function y() {
+    function f() {
       ht(o.value);
     }
-    function h() {
+    function g() {
       _e(o.value);
     }
-    return (a, m) => (d(), u("div", {
+    return (a, m) => (u(), h("div", {
       id: a.id,
       class: w(["vf-overlay vf-modal-wrap", n.class]),
       ref_key: "overlay",
@@ -322,13 +322,13 @@ const ft = ["id"], pt = {
       E("form", {
         action: ".",
         class: w(["vf-modal", { scrolls: a.scrolls }]),
-        onSubmit: m[0] || (m[0] = ee((p) => a.$emit("formSubmit"), ["prevent"])),
+        onSubmit: m[0] || (m[0] = te((p) => a.$emit("formSubmit"), ["prevent"])),
         ref_key: "form",
         ref: o
       }, [
-        a.$slots.header ? (d(), u("div", pt, [
+        a.$slots.header ? (u(), h("div", pt, [
           R(a.$slots, "header"),
-          n.closeX ? (d(), u("i", {
+          n.closeX ? (u(), h("i", {
             key: 0,
             class: "close",
             onClick: c
@@ -337,14 +337,14 @@ const ft = ["id"], pt = {
         E("div", mt, [
           R(a.$slots, "default")
         ]),
-        a.$slots.footer ? (d(), u("div", vt, [
+        a.$slots.footer ? (u(), h("div", vt, [
           R(a.$slots, "footer")
         ])) : O("", !0)
       ], 34)
     ], 10, ft));
   }
 });
-const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
+const gt = ["innerHtml"], bt = ["innerText"], X = /* @__PURE__ */ S({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -359,15 +359,15 @@ const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
     const t = e, n = K(() => t.message instanceof Error ? dt(t.message) : t.message);
     return (s, i) => {
       const o = Te("autofocus");
-      return d(), ke(yt, {
+      return u(), ke(yt, {
         class: w(["vf-alert", s.classes])
       }, qe({
-        default: X(() => [
-          s.isHtml ? (d(), u("div", {
+        default: Y(() => [
+          s.isHtml ? (u(), h("div", {
             key: 0,
             innerHtml: s.message,
             class: "user-message"
-          }, null, 8, gt)) : (d(), u("div", {
+          }, null, 8, gt)) : (u(), h("div", {
             key: 1,
             innerText: n.value
           }, null, 8, bt))
@@ -376,16 +376,16 @@ const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
       }, [
         s.title ? {
           name: "header",
-          fn: X(() => [
+          fn: Y(() => [
             E("h1", null, x(s.title), 1)
           ]),
           key: "0"
         } : void 0,
         s.isBare ? void 0 : {
           name: "footer",
-          fn: X(() => [
-            s.shouldConfirm ? (d(), u(j, { key: 0 }, [
-              U((d(), u("button", {
+          fn: Y(() => [
+            s.shouldConfirm ? (u(), h(j, { key: 0 }, [
+              U((u(), h("button", {
                 class: "primary",
                 onClick: i[0] || (i[0] = () => s.callback(!0))
               }, [
@@ -397,7 +397,7 @@ const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
                 class: "default",
                 onClick: i[1] || (i[1] = () => s.callback(!1))
               }, "Cancel")
-            ], 64)) : U((d(), u("button", {
+            ], 64)) : U((u(), h("button", {
               key: 1,
               class: "default",
               onClick: i[2] || (i[2] = () => s.callback(!0))
@@ -420,11 +420,11 @@ function Ot() {
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return N(Et);
 }
-const g = [];
+const y = [];
 for (let e = 0; e < 256; ++e)
-  g.push((e + 256).toString(16).slice(1));
+  y.push((e + 256).toString(16).slice(1));
 function wt(e, t = 0) {
-  return (g[e[t + 0]] + g[e[t + 1]] + g[e[t + 2]] + g[e[t + 3]] + "-" + g[e[t + 4]] + g[e[t + 5]] + "-" + g[e[t + 6]] + g[e[t + 7]] + "-" + g[e[t + 8]] + g[e[t + 9]] + "-" + g[e[t + 10]] + g[e[t + 11]] + g[e[t + 12]] + g[e[t + 13]] + g[e[t + 14]] + g[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 Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
   randomUUID: Tt
@@ -537,8 +537,8 @@ const I = Symbol("null"), he = Symbol("create"), Lt = "`1234567890-=[]\\;',./~!@
       return this.allOptions.map((e, t) => {
         var l, c;
         const n = this.formatter(e), s = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), i = n ? n.trim().toLowerCase() : "", o = s ? s.trim().toLowerCase() : "", r = [];
-        return this.searchFields ? this.searchFields.forEach((y) => {
-          e[y] && r.push(String(e[y]).toLowerCase());
+        return this.searchFields ? this.searchFields.forEach((f) => {
+          e[f] && r.push(String(e[f]).toLowerCase());
         }) : (r.push(i), 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),
@@ -738,7 +738,7 @@ const It = ["placeholder"], _t = {
 };
 function Vt(e, t, n, s, i, o) {
   const r = Te("disabled");
-  return d(), u("div", {
+  return u(), h("div", {
     class: w(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
     U(E("input", {
@@ -754,9 +754,9 @@ function Vt(e, t, n, s, i, o) {
       [ze, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (d(), u("div", _t, [
-      e.isLoaded ? (d(), u(j, { key: 1 }, [
-        (d(!0), u(j, null, Q(o.effectiveOptions, (l) => (d(), u("div", {
+    e.shouldDisplayOptions ? (u(), h("div", _t, [
+      e.isLoaded ? (u(), h(j, { key: 1 }, [
+        (u(!0), h(j, null, J(o.effectiveOptions, (l) => (u(), h("div", {
           key: String(l.key),
           class: w(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -768,14 +768,14 @@ function Vt(e, t, n, s, i, o) {
             class: "title",
             innerHTML: l.title
           }, null, 8, $t),
-          l.subtitle ? (d(), u("div", {
+          l.subtitle ? (u(), h("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
           }, null, 8, At)) : O("", !0)
         ], 42, Dt))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (d(), u("div", Bt, x(o.effectiveNoResultsText), 1)) : O("", !0)
-      ], 64)) : (d(), u("div", Ht, "Loading..."))
+        !o.effectiveOptions.length && e.searchText ? (u(), h("div", Bt, x(o.effectiveNoResultsText), 1)) : O("", !0)
+      ], 64)) : (u(), h("div", Ht, "Loading..."))
     ], 512)) : O("", !0)
   ], 2);
 }
@@ -805,7 +805,7 @@ const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
     ), ce(o, (r) => {
       var l;
       t("update:modelValue", r ? ((l = s.value.find((c) => Ce(c, r))) == null ? void 0 : l.value) ?? null : null);
-    }), (r, l) => (d(), ke(Ft, {
+    }), (r, l) => (u(), ke(Ft, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
       options: s.value,
@@ -842,15 +842,15 @@ const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
         duration: i * 1e3,
         easing: "linear"
       }), setTimeout(() => t.callback(), i * 1e3);
-    }), (i, o) => (d(), u("div", {
+    }), (i, o) => (u(), h("div", {
       class: w(["vf-toast", i.className]),
-      onClick: ee(n, ["stop"])
+      onClick: te(n, ["stop"])
     }, [
       E("div", Rt, [
         E("div", Kt, x(i.message), 1),
-        i.disableClose ? O("", !0) : (d(), u("div", Ut, "x"))
+        i.disableClose ? O("", !0) : (u(), h("div", Ut, "x"))
       ]),
-      i.durationSecs !== null ? (d(), u("div", jt, [
+      i.durationSecs !== null ? (u(), h("div", jt, [
         E("div", {
           ref_key: "progressInnerEl",
           ref: s,
@@ -861,12 +861,11 @@ const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
   }
 });
 function Wn(e) {
-  const t = ne(Wt, {
+  const t = se(Wt, {
     ...e,
-    callback: () => {
-    }
+    callback: () => P(t)
   });
-  return () => se(t);
+  return () => P(t);
 }
 function Pt(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), s = (e / Math.pow(1024, t)).toFixed(2), i = ["B", "KB", "MB", "GB", "TB"][t];
@@ -930,25 +929,25 @@ function zn(e, t) {
       b.classList.add("separator"), s.appendChild(b);
       return;
     }
-    const f = document.createElement("div");
-    f.classList.add("item"), f.style.userSelect = "none", f.innerText = p.title, s.appendChild(f), p.class && f.classList.add(p.class), p.shouldConfirm ? f.addEventListener("click", (b) => m(b, f, p.handler)) : f.addEventListener("click", () => p.handler());
+    const d = document.createElement("div");
+    d.classList.add("item"), d.style.userSelect = "none", d.innerText = p.title, s.appendChild(d), p.class && d.classList.add(p.class), p.shouldConfirm ? d.addEventListener("click", (b) => m(b, d, p.handler)) : d.addEventListener("click", () => p.handler());
   });
-  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = s.offsetHeight, c = s.offsetWidth, y = o < c ? e.clientX - c - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  s.style.left = y + "px", s.style.top = h + "px", setTimeout(() => {
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = s.offsetHeight, c = s.offsetWidth, f = o < c ? e.clientX - c - 1 : e.clientX + 1, g = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  s.style.left = f + "px", s.style.top = g + "px", setTimeout(() => {
     s.style.width = s.offsetWidth + "px";
   }, 50);
   function a() {
     t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
   }
-  function m(p, f, b) {
-    if (f.classList.contains("pending-confirm"))
+  function m(p, d, b) {
+    if (d.classList.contains("pending-confirm"))
       return b();
-    const L = f.innerHTML;
-    f.classList.add("pending-confirm"), f.innerText = "Confirm";
+    const L = d.innerHTML;
+    d.classList.add("pending-confirm"), d.innerText = "Confirm";
     const F = () => {
-      f.classList.remove("pending-confirm"), f.innerHTML = L, f.removeEventListener("mouseleave", F);
+      d.classList.remove("pending-confirm"), d.innerHTML = L, d.removeEventListener("mouseleave", F);
     };
-    f.addEventListener("mouseleave", F), p.stopPropagation();
+    d.addEventListener("mouseleave", F), p.stopPropagation();
   }
 }
 const tn = (e) => new Promise((t) => setTimeout(t, e)), Xn = (e) => tn(e * 1e3);
@@ -967,26 +966,26 @@ function Zn(e, t) {
 function sn(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Gn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: s }) {
-  const i = e.request.request.bind(e.request);
-  e.request.request = (o) => (o = on(o), t && (o = t(o)), new s((r, l, c) => {
-    const y = i(o);
-    c(y.cancel), y.then(r).catch((h) => {
-      if (sn(h) && typeof h.body == "object" && "error" in h.body) {
-        if (h.status === 422)
-          return l(new q(h.body.error));
-        h.message = `${h.body.error} (${h.status})`;
+function Gn({ apiClient: e, wrapper: t, onRequest: n, onError: s, afterRequest: i, CancelablePromise: o }) {
+  const r = e.request.request.bind(e.request), l = t ?? ((c, f) => f(c));
+  e.request.request = (c) => l(c, (f) => (f = on(f), n && (f = n(f)), new o((g, a, m) => {
+    const p = r(f);
+    m(p.cancel), p.then(g).catch((d) => {
+      if (sn(d) && typeof d.body == "object" && "error" in d.body) {
+        if (d.status === 422)
+          return a(new z(d.body.error));
+        d.message = `${d.body.error} (${d.status})`;
       }
-      if (n) {
-        const a = n(h, o);
-        if (a === null)
+      if (s) {
+        const b = s(d, f);
+        if (b === null)
           return;
-        if (a instanceof Error)
-          return l(a);
+        if (b instanceof Error)
+          return a(b);
       }
-      l(h);
-    });
-  }));
+      a(d);
+    }).finally(() => i == null ? void 0 : i(f));
+  })));
 }
 class pe {
   constructor(t) {
@@ -1014,8 +1013,8 @@ function on(e) {
 }
 const le = Symbol("HookState");
 function Qn(e, t) {
-  const n = t ?? J();
-  C(() => ln(n, e), n), Se(() => rn(n), n), xe(() => me(n), n), te(() => me(n), n);
+  const n = t ?? ee();
+  C(() => ln(n, e), n), Se(() => rn(n), n), xe(() => me(n), n), ne(() => me(n), n);
 }
 function ln(e, t) {
   const n = {};
@@ -1035,13 +1034,13 @@ function me(e) {
   const t = e[le];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (s = t == null ? void 0 : t.ancestor) == null || s.uninstall(), (i = t == null ? void 0 : t.window) == null || i.uninstall();
 }
-const Y = ["auto", "scroll"];
+const Z = ["auto", "scroll"];
 function De(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return Y.includes(n.overflow) || Y.includes(n.overflowX) || Y.includes(n.overflowY) ? t : De(t);
+  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
 }
 class $ {
   constructor(t, n) {
@@ -1060,7 +1059,7 @@ class $ {
   }
 }
 function Jn(e) {
-  C(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), te(() => window.removeEventListener("resize", e));
+  C(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
 const an = {
   mounted: ye,
@@ -1102,9 +1101,9 @@ const un = {
 function hn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Z(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + G(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = Z(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = G(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
 const fn = {
@@ -1115,19 +1114,19 @@ function ge(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = pn(e, t));
 }
 function pn(e, t) {
-  var c, y;
+  var c, f;
   if (!t.value)
     return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
   let n = "";
   const s = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? s.replace(/Z$/, "") : s.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(i);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
-  let r = (y = e.attributes.getNamedItem("format")) == null ? void 0 : y.value;
+  let r = (f = e.attributes.getNamedItem("format")) == null ? void 0 : f.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");
+    const g = /* @__PURE__ */ new Date();
+    g.getFullYear() == o.getFullYear() && g.getMonth() == o.getMonth() && g.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
   r || (r = V.defaultDateTimeFormat);
-  let l = Z(o, r);
+  let l = G(o, r);
   return n && (l = n + " " + l), l;
 }
 const mn = {
@@ -1274,16 +1273,16 @@ function es(e) {
 export {
   pe as FileUploadRequest,
   _n as OverlayContainer,
-  q as UserError,
+  z as UserError,
   In as VfAjaxSelect,
-  z as VfAlertModal,
+  X as VfAlertModal,
   jn as VfEzSmartSelect,
   yt as VfModal,
   Ft as VfSmartSelect,
   Yn as cloneProp,
   Bn as configureVf,
   Pn as createFilters,
-  ne as createOverlayInjection,
+  se as createOverlayInjection,
   St as desnakeCase,
   ct as dismissOverlayInjectionById,
   Hn as dismissOverlayInjectionByInstance,
@@ -1305,7 +1304,7 @@ export {
   Kn as nl2br,
   Zn as nullifyEmptyInputs,
   ie as presentOverlay,
-  se as removeOverlayInjection,
+  P as removeOverlayInjection,
   qn as replaceElement,
   de as showAlert,
   Dn as showConfirm,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.6.0",
+    "version": "4.7.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {
@@ -39,37 +39,37 @@
     "dependencies": {
         "date-fns": "^2.30.0",
         "lodash": "^4.17.21",
-        "type-fest": "^3.11.0",
+        "type-fest": "^4.1.0",
         "uuid": "^9.0.0",
         "vue": "^3.3.4"
     },
     "devDependencies": {
         "@nabla/vite-plugin-eslint": "^1.5.0",
-        "@rushstack/eslint-patch": "^1.3.0",
-        "@tsconfig/node18": "^2.0.1",
+        "@rushstack/eslint-patch": "^1.3.2",
+        "@tsconfig/node18": "^18.2.0",
         "@types/jsdom": "^21.1.1",
-        "@types/lodash": "^4.14.194",
-        "@types/node": "^18.15.11",
-        "@types/uuid": "^9.0.1",
+        "@types/lodash": "^4.14.196",
+        "@types/node": "^18.17.1",
+        "@types/uuid": "^9.0.2",
         "@vitejs/plugin-vue": "^4.2.3",
-        "@vue/eslint-config-prettier": "^7.1.0",
+        "@vue/eslint-config-prettier": "^8.0.0",
         "@vue/eslint-config-typescript": "^11.0.3",
-        "@vue/test-utils": "^2.3.2",
+        "@vue/test-utils": "^2.4.1",
         "@vue/tsconfig": "^0.4.0",
-        "cypress": "^12.12.0",
-        "eslint": "^8.41.0",
+        "cypress": "^12.17.2",
+        "eslint": "^8.46.0",
         "eslint-plugin-cypress": "^2.13.3",
         "eslint-plugin-simple-import-sort": "^10.0.0",
-        "eslint-plugin-unused-imports": "^2.0.0",
-        "eslint-plugin-vue": "^9.14.0",
-        "jsdom": "^22.0.0",
-        "openapi-typescript-codegen": "^0.24.0",
-        "prettier": "^2.8.8",
-        "sass": "^1.62.1",
+        "eslint-plugin-unused-imports": "^3.0.0",
+        "eslint-plugin-vue": "^9.16.1",
+        "jsdom": "^22.1.0",
+        "openapi-typescript-codegen": "^0.25.0",
+        "prettier": "^3.0.0",
+        "sass": "^1.64.2",
         "start-server-and-test": "^2.0.0",
-        "typescript": "~5.0.4",
-        "vite": "^4.3.8",
-        "vitest": "^0.31.1",
-        "vue-tsc": "^1.6.5"
+        "typescript": "~5.1.6",
+        "vite": "^4.4.7",
+        "vitest": "^0.33.0",
+        "vue-tsc": "^1.8.8"
     }
 }

package/src/components/overlay-container.ts

@@ -23,7 +23,7 @@ interface OverlayOptions {
     anchor?: OverlayAnchorOptions;
 }
 
-interface OverlayInjection<C extends OverlayComponent> {
+export interface OverlayInjection<C extends OverlayComponent> {
     id: string;
     component: OverlayComponentUnwrapped<C>;
     props: OverlayComponentProps<C>;

package/src/components/toast-helpers.ts

@@ -1,10 +1,10 @@
-import { createOverlayInjection, removeOverlayInjection } from './overlay-container';
+import { createOverlayInjection, type OverlayInjection, removeOverlayInjection } from './overlay-container';
 import Toast, { type IToastOptions } from './toast.vue';
 
 export function showToast(options: IToastOptions) {
-    const injection = createOverlayInjection(Toast, {
+    const injection: OverlayInjection<typeof Toast> = createOverlayInjection(Toast, {
         ...options,
-        callback: () => {}
+        callback: () => removeOverlayInjection(injection)
     });
     return () => removeOverlayInjection(injection);
 }

package/src/directives/tooltip.ts

@@ -60,7 +60,10 @@ class VfTooltip {
     private handleTargetMouseEnterWithContext = this.handleTargetMouseEnter.bind(this);
     private handleTargetMouseLeaveWithContext = this.handleTargetMouseLeave.bind(this);
 
-    constructor(private el: HTMLElement, private config: ITooltipOptions) {
+    constructor(
+        private el: HTMLElement,
+        private config: ITooltipOptions
+    ) {
         el.addEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         el.addEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
     }

package/src/helpers/openapi.ts

@@ -41,8 +41,10 @@ export declare class ICancelablePromise<T = any> {
 
 interface IWrappedApiClientOptions<P extends ICancelablePromise = ICancelablePromise, Arguments extends unknown[] = any[]> {
     apiClient: IApiClient;
+    wrapper?: (options: IRequestOptions, fn: (options: IRequestOptions) => P) => P;
     onRequest?: (options: IRequestOptions) => IRequestOptions;
     onError?: (err: Error, options: IRequestOptions) => Error | null | void;
+    afterRequest?: (options: IRequestOptions) => void;
     CancelablePromise: new (...arguments_: Arguments) => P;
 }
 
@@ -50,36 +52,42 @@ export function isApiError(err: any): err is IApiError {
     return err instanceof Error && 'status' in err && 'body' in err;
 }
 
-export function installApiClientInterceptors({ apiClient, onRequest, onError, CancelablePromise }: IWrappedApiClientOptions) {
+export function installApiClientInterceptors({ apiClient, wrapper, onRequest, onError, afterRequest, CancelablePromise }: IWrappedApiClientOptions) {
     const originalRequest = apiClient.request.request.bind(apiClient.request);
+    const resolvedWrapper = wrapper ?? ((options, fn) => fn(options));
     apiClient.request.request = (options: IRequestOptions) => {
-        options = rewriteOptionsForFileUpload(options);
-
-        if (onRequest) {
-            options = onRequest(options);
-        }
-
-        return new CancelablePromise((resolve: (value: any) => void, reject: (err: any) => void, onCancel: (handler: () => void) => void) => {
-            const promise = originalRequest(options);
-            onCancel(promise.cancel);
-            promise.then(resolve).catch(err => {
-                if (isApiError(err) && typeof err.body === 'object' && 'error' in err.body) {
-                    if (err.status === 422) {
-                        return reject(new UserError(err.body.error));
-                    }
-
-                    err.message = `${err.body.error} (${err.status})`;
-                }
-                if (onError) {
-                    const handlerResult = onError(err, options);
-                    if (handlerResult === null) {
-                        return;
-                    }
-                    if (handlerResult instanceof Error) {
-                        return reject(handlerResult);
-                    }
-                }
-                reject(err);
+        return resolvedWrapper(options, options => {
+            options = rewriteOptionsForFileUpload(options);
+
+            if (onRequest) {
+                options = onRequest(options);
+            }
+
+            return new CancelablePromise((resolve: (value: any) => void, reject: (err: any) => void, onCancel: (handler: () => void) => void) => {
+                const promise = originalRequest(options);
+                onCancel(promise.cancel);
+                promise
+                    .then(resolve)
+                    .catch(err => {
+                        if (isApiError(err) && typeof err.body === 'object' && 'error' in err.body) {
+                            if (err.status === 422) {
+                                return reject(new UserError(err.body.error));
+                            }
+
+                            err.message = `${err.body.error} (${err.status})`;
+                        }
+                        if (onError) {
+                            const handlerResult = onError(err, options);
+                            if (handlerResult === null) {
+                                return;
+                            }
+                            if (handlerResult instanceof Error) {
+                                return reject(handlerResult);
+                            }
+                        }
+                        reject(err);
+                    })
+                    .finally(() => afterRequest?.(options));
             });
         });
     };

package/src/hooks/infinite-scroll.ts

@@ -80,7 +80,10 @@ 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();
     }