@signal24/vue-foundation 4.6.1 → 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/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,7 +1,7 @@
 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 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 { 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";
@@ -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, J(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)
   ]));
 }
@@ -73,25 +73,25 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
     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: te(c, ["stop"])
     }, [
-      R(y.$slots, "default")
+      R(f.$slots, "default")
     ], 14, ot));
   }
 });
@@ -287,7 +287,7 @@ const ft = ["id"], pt = {
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
     const n = e, s = ee();
-    t({ mask: y, unmask: h });
+    t({ mask: f, unmask: g });
     const i = T(), o = T();
     C(() => {
       var 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",
@@ -326,9 +326,9 @@ const ft = ["id"], pt = {
         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,7 +337,7 @@ 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)
@@ -359,15 +359,15 @@ const gt = ["innerHtml"], bt = ["innerText"], X = /* @__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: Y(() => [
-          s.isHtml ? (d(), u("div", {
+          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))
@@ -384,8 +384,8 @@ const gt = ["innerHtml"], bt = ["innerText"], X = /* @__PURE__ */ S({
         s.isBare ? void 0 : {
           name: "footer",
           fn: Y(() => [
-            s.shouldConfirm ? (d(), u(j, { key: 0 }, [
-              U((d(), u("button", {
+            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"], X = /* @__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, J(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: 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,
@@ -929,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);
@@ -966,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 z(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) {
@@ -1114,16 +1114,16 @@ 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 = G(o, r);

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.6.1",
+    "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/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();
     }