@signal24/vue-foundation 4.7.4 → 4.9.0

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

@@ -23,7 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     unmask: typeof unmask;
     hide: typeof hide;
     unhide: typeof unhide;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    formSubmit: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: import("vue").PropType<string>;
     };

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

@@ -1,2 +1,2 @@
-import { installOpenApiClientInterceptors } from '@signal24/openapi-client-codegen/helpers';
+import { installOpenApiClientInterceptors } from '@signal24/openapi-client-codegen/browser';
 export declare function installApiClientInterceptors(clientOptions: Parameters<typeof installOpenApiClientInterceptors>[0]): void;

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

@@ -1,4 +1,4 @@
-import { createWatchfulOpenapiClientGenerators } from '@signal24/openapi-client-codegen/generator';
+import { createWatchfulOpenapiClientGenerators } from '@signal24/openapi-client-codegen/node';
 export function openapiClientGeneratorPlugin() {
     let generators = null;
     return {

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
-var Fe = Object.defineProperty;
-var Ne = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Ve = Object.defineProperty;
+var Ne = (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) => (Ne(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as C, defineProps as Re, defineEmits as je, ref as T, computed as V, openBlock as u, createElementBlock as f, createElementVNode as w, toDisplayString as x, withDirectives as K, createCommentVNode as O, Fragment as U, renderList as J, vModelSelect as Ke, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ue, withModifiers as te, renderSlot as j, reactive as We, h as W, Teleport as Pe, markRaw as qe, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as ke, createSlots as ze, withCtx as Y, createTextVNode as ae, vModelText as Xe, watch as ce, onActivated as Se, onDeactivated as Ce } from "vue";
-import { compact as Ye, debounce as Ze, isEqual as xe, upperFirst as Ge, startCase as Qe, cloneDeep as Je, remove as et } from "lodash";
+import { defineComponent as x, defineProps as Re, defineEmits as Ue, ref as w, computed as F, openBlock as u, createElementBlock as f, createElementVNode as T, toDisplayString as C, withDirectives as K, createCommentVNode as O, Fragment as j, renderList as J, vModelSelect as Ke, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as je, withModifiers as te, renderSlot as U, reactive as We, h as W, Teleport as Pe, markRaw as qe, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as ke, createSlots as ze, withCtx as Y, createTextVNode as ce, vModelText as Xe, watch as de, onActivated as Se, onDeactivated as xe } from "vue";
+import { compact as Ye, debounce as Ze, isEqual as Ce, upperFirst as Ge, startCase as Qe, cloneDeep as Je, remove as et } from "lodash";
 import { escapeHtml as tt } from "@vue/shared";
-import { escapeHtml as oi } from "@vue/shared";
+import { escapeHtml as ri } from "@vue/shared";
 import { format as G } from "date-fns";
-const nt = C({
+const nt = x({
   setup() {
     const e = Re();
-    je(["update:modelValue"]);
-    const t = T(null), n = V(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = T(e.modelValue ?? null);
+    Ue(["update:modelValue"]);
+    const t = w(null), n = F(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = w(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -49,28 +49,28 @@ function lt(e, t, n, i, s, o) {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (u(), f("option", st, x(e.props.nullText), 1)) : O("", !0),
-    (u(!0), f(U, null, J(e.renderOptions, (r, l) => {
+    e.props.nullText ? (u(), f("option", st, C(e.props.nullText), 1)) : O("", !0),
+    (u(!0), f(j, null, J(e.renderOptions, (r, l) => {
       var c;
       return u(), f("option", {
         key: l,
         value: (c = e.options) == null ? void 0 : c[l]
-      }, x(r), 9, ot);
+      }, C(r), 9, ot);
     }), 128))
   ], 512)), [
     [Ke, e.selectedItem]
   ]) : (u(), f("select", it, [
-    w("option", null, x(e.props.loadingText || "Loading..."), 1)
+    T("option", null, C(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const _n = /* @__PURE__ */ Le(nt, [["render", lt]]), rt = ["onClick"], at = /* @__PURE__ */ C({
+const $n = /* @__PURE__ */ Le(nt, [["render", lt]]), rt = ["onClick"], at = /* @__PURE__ */ x({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = T({ visibility: "hidden", top: "0", left: "0" }), s = T([]), o = ee();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = w({ visibility: "hidden", top: "0", left: "0" }), s = w([]), o = ee();
     L(r);
     function r() {
       const h = o.vnode.el, { styles: b, classes: m } = l(h, n);
@@ -112,15 +112,15 @@ const _n = /* @__PURE__ */ Le(nt, [["render", lt]]), rt = ["onClick"], at = /* @
       }, 10);
     }), (h, b) => (u(), f("div", {
       class: k(["vf-overlay-anchor", s.value]),
-      style: Ue(i.value),
+      style: je(i.value),
       onClick: te(c, ["stop"])
     }, [
-      j(h.$slots, "default")
+      U(h.$slots, "default")
     ], 14, rt));
   }
 });
 let ct = 0;
-const S = We([]), Dn = C({
+const S = We([]), An = x({
   setup() {
     return () => W("div", [
       J(S, (e) => W(Pe, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
@@ -140,7 +140,7 @@ function ie(e, t, n) {
   };
   return S.push(c), c;
 }
-function $n(e) {
+function Bn(e) {
   Me(e.$);
 }
 function Me(e) {
@@ -172,23 +172,23 @@ async function se(e, t, n) {
 function q(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function de(e, t) {
+async function ue(e, t) {
   await se(X, q(e, t));
 }
-async function An(e, t) {
+async function Fn(e, t) {
   return await se(X, {
     ...q(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function Bn(e, t) {
+async function Vn(e, t) {
   return await se(X, {
     ...q(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function Vn(e, t) {
+function Nn(e, t) {
   const n = ie(X, {
     ...q(e, t),
     isBare: !0,
@@ -203,7 +203,7 @@ const N = {
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function Fn(e) {
+function Rn(e) {
   Object.assign(N, e);
 }
 class z extends Error {
@@ -221,11 +221,11 @@ Please refresh the page and try again. If this error persists, ${N.unhandledErro
 function oe(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function Nn(e, t) {
+async function Un(e, t) {
   const n = oe(e);
-  return n instanceof z || N.errorHandler(n), t ? de(t, n) : de(n);
+  return n instanceof z || N.errorHandler(n), t ? ue(t, n) : ue(n);
 }
-async function Rn(e) {
+async function Kn(e) {
   const t = oe(e);
   t instanceof z || N.errorHandler(t);
 }
@@ -234,7 +234,7 @@ function jn(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
   return ft(i ?? n, t);
 }
-function Kn(e) {
+function Wn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
   return Ie(n ?? t);
 }
@@ -276,7 +276,7 @@ const mt = ["id"], vt = {
 }, yt = { class: "vf-modal-content" }, gt = {
   key: 1,
   class: "vf-modal-footer"
-}, bt = /* @__PURE__ */ C({
+}, bt = /* @__PURE__ */ x({
   __name: "modal",
   props: {
     id: {},
@@ -289,7 +289,7 @@ const mt = ["id"], vt = {
   setup(e, { expose: t }) {
     const n = e, i = ee();
     t({ mask: m, unmask: y, hide: p, unhide: a });
-    const s = T(), o = T(), r = T(!1), l = V(() => Ye([n.class, r.value && "hidden"]));
+    const s = w(), o = w(), r = w(!1), l = F(() => Ye([n.class, r.value && "hidden"]));
     L(() => {
       var d;
       document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", h), (d = s.value) == null || d.addEventListener("click", c));
@@ -326,7 +326,7 @@ const mt = ["id"], vt = {
       ref_key: "overlay",
       ref: s
     }, [
-      w("form", {
+      T("form", {
         action: ".",
         class: k(["vf-modal", { scrolls: d.scrolls }]),
         onSubmit: E[0] || (E[0] = te((M) => d.$emit("formSubmit"), ["prevent"])),
@@ -334,24 +334,24 @@ const mt = ["id"], vt = {
         ref: o
       }, [
         d.$slots.header ? (u(), f("div", vt, [
-          j(d.$slots, "header"),
+          U(d.$slots, "header"),
           n.closeX ? (u(), f("i", {
             key: 0,
             class: "close",
             onClick: b
           })) : O("", !0)
         ])) : O("", !0),
-        w("div", yt, [
-          j(d.$slots, "default")
+        T("div", yt, [
+          U(d.$slots, "default")
         ]),
         d.$slots.footer ? (u(), f("div", gt, [
-          j(d.$slots, "footer")
+          U(d.$slots, "footer")
         ])) : O("", !0)
       ], 34)
     ], 10, mt));
   }
 });
-const Et = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
+const Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ x({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -363,7 +363,7 @@ const Et = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = V(() => t.message instanceof Error ? ht(t.message) : t.message);
+    const t = e, n = F(() => t.message instanceof Error ? ht(t.message) : t.message);
     return (i, s) => {
       const o = Oe("autofocus");
       return u(), ke(bt, {
@@ -377,30 +377,30 @@ const Et = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
           }, null, 8, Et)) : (u(), f("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, wt))
+          }, null, 8, Tt))
         ]),
         _: 2
       }, [
         i.title ? {
           name: "header",
           fn: Y(() => [
-            w("h1", null, x(i.title), 1)
+            T("h1", null, C(i.title), 1)
           ]),
           key: "0"
         } : void 0,
         i.isBare ? void 0 : {
           name: "footer",
           fn: Y(() => [
-            i.shouldConfirm ? (u(), f(U, { key: 0 }, [
+            i.shouldConfirm ? (u(), f(j, { key: 0 }, [
               K((u(), f("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
-                ae("Confirm")
+                ce("Confirm")
               ])), [
                 [o]
               ]),
-              w("button", {
+              T("button", {
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
@@ -409,7 +409,7 @@ const Et = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
             }, [
-              ae("OK")
+              ce("OK")
             ])), [
               [o]
             ])
@@ -421,24 +421,24 @@ const Et = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
   }
 });
 let R;
-const Tt = new Uint8Array(16);
+const wt = new Uint8Array(16);
 function Ot() {
   if (!R && (R = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !R))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return R(Tt);
+  return R(wt);
 }
 const g = [];
 for (let e = 0; e < 256; ++e)
   g.push((e + 256).toString(16).slice(1));
 function kt(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 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]];
 }
-const St = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
+const St = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), he = {
   randomUUID: St
 };
-function Ct(e, t, n) {
-  if (ue.randomUUID && !t && !e)
-    return ue.randomUUID();
+function xt(e, t, n) {
+  if (he.randomUUID && !t && !e)
+    return he.randomUUID();
   e = e || {};
   const i = e.random || (e.rng || Ot)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
@@ -449,10 +449,10 @@ function Ct(e, t, n) {
   }
   return kt(i);
 }
-function Un(e) {
+function Pn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function xt(e) {
+function Ct(e) {
   return e.replace(/_/g, " ");
 }
 function Lt(e) {
@@ -462,10 +462,10 @@ function Lt(e) {
 function Mt(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Wn() {
-  return Ct();
+function qn() {
+  return xt();
 }
-const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Ht = {
+const H = Symbol("null"), fe = Symbol("create"), It = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Ht = {
   props: {
     modelValue: {
       type: null,
@@ -571,7 +571,7 @@ const H = Symbol("null"), he = Symbol("create"), It = "`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: he,
+            key: fe,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
@@ -670,7 +670,7 @@ const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => xe(i.ref, e));
+      const n = this.effectiveOptions.find((i) => Ce(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -711,7 +711,7 @@ const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@
       var t;
       if (this.isSearching = !1, e.key == H)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === he) {
+      else if (e.key === fe) {
         const n = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, (t = this.onCreateItem) == null || t.call(this, n);
       } else {
@@ -735,7 +735,7 @@ const _t = ["placeholder", "required"], Dt = {
 }, $t = {
   key: 0,
   class: "no-results"
-}, At = ["onMousemove", "onMousedown"], Bt = ["innerHTML"], Vt = ["innerHTML"], Ft = {
+}, At = ["onMousemove", "onMousedown"], Bt = ["innerHTML"], Ft = ["innerHTML"], Vt = {
   key: 0,
   class: "no-results"
 };
@@ -744,7 +744,7 @@ function Nt(e, t, n, i, s, o) {
   return u(), f("div", {
     class: k(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    K(w("input", {
+    K(T("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
@@ -759,8 +759,8 @@ function Nt(e, t, n, i, s, o) {
       [r, o.effectiveDisabled]
     ]),
     e.shouldDisplayOptions ? (u(), f("div", Dt, [
-      e.isLoaded ? (u(), f(U, { key: 1 }, [
-        (u(!0), f(U, null, J(o.effectiveOptions, (l) => (u(), f("div", {
+      e.isLoaded ? (u(), f(j, { key: 1 }, [
+        (u(!0), f(j, null, J(o.effectiveOptions, (l) => (u(), f("div", {
           key: String(l.key),
           class: k(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -768,7 +768,7 @@ function Nt(e, t, n, i, s, o) {
           onMousemove: (c) => o.handleOptionHover(l),
           onMousedown: (c) => o.selectOption(l)
         }, [
-          w("div", {
+          T("div", {
             class: "title",
             innerHTML: l.title
           }, null, 8, Bt),
@@ -776,14 +776,14 @@ function Nt(e, t, n, i, s, o) {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
-          }, null, 8, Vt)) : O("", !0)
+          }, null, 8, Ft)) : O("", !0)
         ], 42, At))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (u(), f("div", Ft, x(o.effectiveNoResultsText), 1)) : O("", !0)
+        !o.effectiveOptions.length && e.searchText ? (u(), f("div", Vt, C(o.effectiveNoResultsText), 1)) : O("", !0)
       ], 64)) : (u(), f("div", $t, "Loading..."))
     ], 512)) : O("", !0)
   ], 2);
 }
-const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), Pn = /* @__PURE__ */ C({
+const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), zn = /* @__PURE__ */ x({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -794,21 +794,21 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), Pn = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = V(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
+    const n = e, i = F(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
       value: r,
       label: l
-    }))), s = V(() => n.formatter ? (r) => {
+    }))), s = F(() => n.formatter ? (r) => {
       var l;
       return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
-    } : (r) => r.label), o = T(i.value.find((r) => r.value === n.modelValue) ?? null);
-    return ce(
+    } : (r) => r.label), o = w(i.value.find((r) => r.value === n.modelValue) ?? null);
+    return de(
       () => n.modelValue,
       (r) => {
         o.value = i.value.find((l) => l.value === r) ?? null;
       }
-    ), ce(o, (r) => {
+    ), de(o, (r) => {
       var l;
-      t("update:modelValue", r ? ((l = i.value.find((c) => xe(c, r))) == null ? void 0 : l.value) ?? null : null);
+      t("update:modelValue", r ? ((l = i.value.find((c) => Ce(c, r))) == null ? void 0 : l.value) ?? null : null);
     }), (r, l) => (u(), ke(Rt, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
@@ -817,13 +817,13 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), Pn = /* @__PURE__ */ C({
       "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
-}), jt = ["onClick"], Kt = { class: "content" }, Ut = { class: "message" }, Wt = {
+}), Ut = ["onClick"], Kt = { class: "content" }, jt = { class: "message" }, Wt = {
   key: 0,
   class: "close"
 }, Pt = {
   key: 0,
   class: "progress-bar"
-}, qt = /* @__PURE__ */ C({
+}, qt = /* @__PURE__ */ x({
   __name: "toast",
   props: {
     message: {},
@@ -838,7 +838,7 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), Pn = /* @__PURE__ */ C({
     function n() {
       t.onClick ? t.onClick() : t.disableClose || t.callback();
     }
-    const i = T();
+    const i = w();
     return t.durationSecs !== null && L(() => {
       var o;
       const s = t.durationSecs ?? 5;
@@ -850,21 +850,21 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), Pn = /* @__PURE__ */ C({
       class: k(["vf-toast", s.className]),
       onClick: te(n, ["stop"])
     }, [
-      w("div", Kt, [
-        w("div", Ut, x(s.message), 1),
+      T("div", Kt, [
+        T("div", jt, C(s.message), 1),
         s.disableClose ? O("", !0) : (u(), f("div", Wt, "x"))
       ]),
       s.durationSecs !== null ? (u(), f("div", Pt, [
-        w("div", {
+        T("div", {
           ref_key: "progressInnerEl",
           ref: i,
           class: "inner"
         }, null, 512)
       ])) : O("", !0)
-    ], 10, jt));
+    ], 10, Ut));
   }
 });
-function qn(e) {
+function Xn(e) {
   const t = ie(qt, {
     ...e,
     callback: () => P(t)
@@ -897,12 +897,12 @@ function en(e) {
   return e ? e.toUpperCase() : null;
 }
 function tn(e) {
-  return e ? xt(e) : null;
+  return e ? Ct(e) : null;
 }
 function nn(e) {
   return Mt(e);
 }
-const fe = {
+const pe = {
   bytes: zt,
   dash: Xt,
   dashZeros: Yt,
@@ -913,15 +913,15 @@ const fe = {
   upperCase: en,
   desnake: tn,
   usCurrency: nn
-}, zn = (e) => ({
-  ...fe,
-  ...e(fe)
+}, Yn = (e) => ({
+  ...pe,
+  ...e(pe)
 });
-function Xn(e, t, n) {
+function Zn(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return i === -1 ? !1 : (e.splice(i, 1, n), !0);
 }
-function Yn(e, t) {
+function Gn(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", m), document.body.appendChild(n);
   const i = document.createElement("div");
@@ -954,14 +954,14 @@ function Yn(e, t) {
     a.addEventListener("mouseleave", M), p.stopPropagation();
   }
 }
-const sn = (e) => new Promise((t) => setTimeout(t, e)), Zn = (e) => sn(e * 1e3);
+const sn = (e) => new Promise((t) => setTimeout(t, e)), Qn = (e) => sn(e * 1e3);
 function on(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Gn(e, t) {
+function Jn(e, t) {
   return e != null ? Je(e) : t;
 }
-function Qn(e, t) {
+function ei(e, t) {
   const n = { ...e };
   for (const i of t)
     n[i] === "" && (n[i] = null);
@@ -972,7 +972,7 @@ function De(e) {
 }
 function ln({ apiClient: e, wrapper: t, onRequest: n, onError: i, afterRequest: s, CancelablePromise: o }) {
   const r = e.request.request.bind(e.request), l = t ?? ((c, h) => h(c));
-  e.request.request = (c) => l(c, (h) => (h = rn(h), n && (h = n(h)), new o((b, m, y) => {
+  e.request.request = (c) => l(c, (h) => (h = cn(h), n && (h = n(h)), new o((b, m, y) => {
     const p = r(h);
     y(p.cancel), p.then(b).catch((a) => {
       if (De(a) && typeof a.body == "object" && "error" in a.body && (a.message = `${a.body.error} (${a.status})`), i) {
@@ -986,31 +986,43 @@ function ln({ apiClient: e, wrapper: t, onRequest: n, onError: i, afterRequest:
     }).finally(() => s == null ? void 0 : s(h));
   })));
 }
-class pe {
-  constructor(t) {
+class le {
+  constructor() {
     v(this, "validator", null);
     v(this, "lastModifiedDate", null);
     v(this, "size", 0);
     v(this, "path", "");
     v(this, "name", "");
     v(this, "type", "");
+  }
+}
+class rn extends le {
+  constructor(n) {
+    super();
     v(this, "blob");
-    this.blob = t;
+    this.blob = n;
+  }
+}
+class an extends le {
+  constructor(n) {
+    super();
+    v(this, "uri");
+    this.uri = n.uri, this.name = n.name ?? void 0, this.type = n.type ?? void 0;
   }
 }
-function rn(e) {
-  if (!(typeof e.body == "object" && Object.values(e.body).some((s) => s instanceof pe)))
+function cn(e) {
+  if (typeof e.body != "object" || !Object.values(e.body).some((s) => s instanceof le))
     return e;
-  const n = {}, i = {};
+  const n = new FormData(), i = {};
   for (const [s, o] of Object.entries(e.body))
-    o instanceof pe ? n[s] = o.blob : i[s] = o;
-  return n._payload = new Blob([JSON.stringify(i)], { type: "application/json" }), {
+    o instanceof an ? n.append(s, o) : o instanceof rn ? n.append(s, o.blob) : i[s] = o;
+  return n.append("_payload", JSON.stringify(i)), {
     ...e,
-    body: void 0,
-    formData: n
+    mediaType: void 0,
+    body: n
   };
 }
-function Jn(e) {
+function ti(e) {
   ln({
     ...e,
     onError(t, n) {
@@ -1019,27 +1031,27 @@ function Jn(e) {
     }
   });
 }
-const le = Symbol("HookState");
-function ei(e, t) {
+const re = Symbol("HookState");
+function ni(e, t) {
   const n = t ?? ee();
-  L(() => an(n, e), n), Se(() => cn(n), n), Ce(() => me(n), n), ne(() => me(n), n);
+  L(() => dn(n, e), n), Se(() => un(n), n), xe(() => me(n), n), ne(() => me(n), n);
 }
-function an(e, t) {
+function dn(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new A(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
     const i = $e(e.vnode.el);
     i ? n.ancestor = new A(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[le] = n;
+  t.windowScrolledToBottom && (n.window = new A(window, t.windowScrolledToBottom)), e[re] = n;
 }
-function cn(e) {
+function un(e) {
   var n, i, s;
-  const t = e[le];
+  const t = e[re];
   (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 me(e) {
   var n, i, s;
-  const t = e[le];
+  const t = e[re];
   (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 Z = ["auto", "scroll"];
@@ -1066,10 +1078,10 @@ class A {
     Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
   }
 }
-function ti(e) {
-  L(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), Ce(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
+function ii(e) {
+  L(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
-const dn = {
+const hn = {
   mounted: ye,
   updated: ye
 }, ve = Symbol("HasAutoFocused");
@@ -1080,10 +1092,10 @@ function ye(e, t) {
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const un = {
-  mounted: hn
+const fn = {
+  mounted: pn
 }, _ = Symbol("ConfirmState");
-function hn(e) {
+function pn(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
     if (e[_]) {
@@ -1103,10 +1115,10 @@ function hn(e) {
     e[_] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
   });
 }
-const fn = {
-  beforeMount: pn
+const mn = {
+  beforeMount: vn
 };
-function pn(e) {
+function vn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
     /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + G(/* @__PURE__ */ new Date(), "yy"));
@@ -1114,14 +1126,14 @@ function pn(e) {
     isNaN(n) ? e.value = "" : e.value = G(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const mn = {
+const yn = {
   beforeMount: ge,
   updated: ge
 };
 function ge(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = vn(e, t));
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = gn(e, t));
 }
-function vn(e, t) {
+function gn(e, t) {
   var c, h;
   if (!t.value)
     return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
@@ -1137,26 +1149,26 @@ function vn(e, t) {
   let l = G(o, r);
   return n && (l = n + " " + l), l;
 }
-const yn = {
+const bn = {
   beforeMount: be,
   updated: be,
-  unmounted: gn
+  unmounted: En
 };
 function be(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 gn(e) {
+function En(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const bn = {
+const Tn = {
   beforeMount: Ee,
   updated: Ee,
   unmounted: Be
-}, F = Symbol("HasAutoFocused"), re = [];
-function En() {
-  re.forEach(Ae);
+}, V = Symbol("HasAutoFocused"), ae = [];
+function wn() {
+  ae.forEach(Ae);
 }
-setInterval(En, 1e3);
+setInterval(wn, 1e3);
 function Ee(e, t) {
   var r;
   if (t.value == t.oldValue)
@@ -1164,19 +1176,19 @@ function Ee(e, t) {
   if (!t.value)
     return Be(e);
   const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[F] || re.push(e), e[F] = {
+  e[V] || ae.push(e), e[V] = {
     startTs: s,
     includeSeconds: o
   }, Ae(e);
 }
 function Ae(e) {
-  const t = e[F], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = wn(n, t.includeSeconds);
+  const t = e[V], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = On(n, t.includeSeconds);
 }
 function Be(e) {
-  e[F] && (et(re, e), delete e[F]), e.innerText = "-";
+  e[V] && (et(ae, e), delete e[V]), e.innerText = "-";
 }
-function wn(e, t) {
+function On(e, t) {
   const n = [], i = Math.floor(e / 86400);
   i && n.push(i + "d"), e -= i * 86400;
   const s = Math.floor(e / 3600);
@@ -1184,7 +1196,7 @@ function wn(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 D = Symbol("InfiniteScrollHandler"), Tn = {
+const D = Symbol("InfiniteScrollHandler"), kn = {
   mounted(e, t) {
     e[D] = new A(e, t.value);
   },
@@ -1196,19 +1208,19 @@ const D = Symbol("InfiniteScrollHandler"), Tn = {
     var t;
     (t = e[D]) == null || t.uninstall(), delete e[D];
   }
-}, On = {
-  beforeMount: we,
-  updated: we
+}, Sn = {
+  beforeMount: Te,
+  updated: Te
 };
-function we(e, t) {
+function Te(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const kn = {
-  mounted: Te,
-  updated: Te,
-  unmounted: Ve
+const xn = {
+  mounted: we,
+  updated: we,
+  unmounted: Fe
 }, B = Symbol("TooltipState");
-function Te(e, t) {
+function we(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1216,15 +1228,15 @@ function Te(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[B] ? e[B].configure(s) : e[B] = new Sn(e, s);
+    e[B] ? e[B].configure(s) : e[B] = new Cn(e, s);
   } else
-    Ve(e);
+    Fe(e);
 }
-function Ve(e) {
+function Fe(e) {
   var t;
   (t = e[B]) == null || t.destroy(), delete e[B];
 }
-class Sn {
+class Cn {
   constructor(t, n) {
     v(this, "lastMoveEvt");
     v(this, "checkInterval");
@@ -1272,59 +1284,59 @@ class Sn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function Cn(e) {
-  e.directive("autofocus", dn), e.directive("confirm-button", un), e.directive("date-input", fn), e.directive("datetime", mn), e.directive("disabled", yn), e.directive("duration", bn), e.directive("infinite-scroll", Tn), e.directive("readonly", On), e.directive("tooltip", kn);
+function Ln(e) {
+  e.directive("autofocus", hn), e.directive("confirm-button", fn), e.directive("date-input", mn), e.directive("datetime", yn), e.directive("disabled", bn), e.directive("duration", Tn), e.directive("infinite-scroll", kn), e.directive("readonly", Sn), e.directive("tooltip", xn);
 }
-function ni(e) {
-  Cn(e);
+function si(e) {
+  Ln(e);
 }
 export {
-  Dn as OverlayContainer,
+  An as OverlayContainer,
   z as UserError,
-  _n as VfAjaxSelect,
+  $n as VfAjaxSelect,
   X as VfAlertModal,
-  Pn as VfEzSmartSelect,
+  zn as VfEzSmartSelect,
   bt as VfModal,
   Rt as VfSmartSelect,
-  Gn as cloneProp,
-  Fn as configureVf,
-  zn as createFilters,
+  Jn as cloneProp,
+  Rn as configureVf,
+  Yn as createFilters,
   ie as createOverlayInjection,
-  xt as desnakeCase,
+  Ct as desnakeCase,
   ut as dismissOverlayInjectionById,
-  $n as dismissOverlayInjectionByInstance,
+  Bn as dismissOverlayInjectionByInstance,
   Me as dismissOverlayInjectionByInternalInstance,
   dt as dismissOverlayInjectionByVnode,
-  oi as escapeHtml,
+  ri as escapeHtml,
   ht as formatError,
   on as formatNumber,
   Lt as formatPhone,
   Mt as formatUSCurrency,
-  Rn as handleError,
-  Nn as handleErrorAndAlert,
-  Jn as installApiClientInterceptors,
-  ni as installVf,
+  Kn as handleError,
+  Un as handleErrorAndAlert,
+  ti as installApiClientInterceptors,
+  si as installVf,
   jn as maskComponent,
   ft as maskEl,
   pt as maskForm,
-  Un as nl2br,
-  Qn as nullifyEmptyInputs,
+  Pn as nl2br,
+  ei as nullifyEmptyInputs,
   se as presentOverlay,
   P as removeOverlayInjection,
-  Xn as replaceElement,
-  de as showAlert,
-  An as showConfirm,
-  Bn as showConfirmDestroy,
-  Yn as showContextMenu,
-  qn as showToast,
-  Vn as showWait,
+  Zn as replaceElement,
+  ue as showAlert,
+  Fn as showConfirm,
+  Vn as showConfirmDestroy,
+  Gn as showContextMenu,
+  Xn as showToast,
+  Nn as showWait,
   sn as sleep,
-  Zn as sleepSecs,
+  Qn as sleepSecs,
   oe as toError,
-  Kn as unmaskComponent,
+  Wn as unmaskComponent,
   Ie as unmaskEl,
   He as unmaskForm,
-  ei as useInfiniteScroll,
-  ti as useResizeWatcher,
-  Wn as uuid
+  ni as useInfiniteScroll,
+  ii as useResizeWatcher,
+  qn as uuid
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.7.4",
+    "version": "4.9.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -34,39 +34,39 @@
     },
     "license": "MIT",
     "dependencies": {
+        "@signal24/openapi-client-codegen": "^1.1.0",
         "date-fns": "^2.30.0",
         "lodash": "^4.17.21",
-        "type-fest": "^4.1.0",
-        "uuid": "^9.0.0",
+        "type-fest": "^4.5.0",
+        "uuid": "^9.0.1",
         "vue": "^3.3.4"
     },
     "devDependencies": {
         "@nabla/vite-plugin-eslint": "^1.5.0",
-        "@rushstack/eslint-patch": "^1.3.2",
-        "@signal24/openapi-client-codegen": "^1.0.4",
-        "@tsconfig/node18": "^18.2.0",
-        "@types/jsdom": "^21.1.1",
-        "@types/lodash": "^4.14.196",
-        "@types/node": "^18.17.1",
-        "@types/uuid": "^9.0.2",
-        "@vitejs/plugin-vue": "^4.2.3",
+        "@rushstack/eslint-patch": "^1.5.1",
+        "@tsconfig/node18": "^18.2.2",
+        "@types/jsdom": "^21.1.4",
+        "@types/lodash": "^4.14.200",
+        "@types/node": "^20.8.7",
+        "@types/uuid": "^9.0.6",
+        "@vitejs/plugin-vue": "^4.4.0",
         "@vue/eslint-config-prettier": "^8.0.0",
-        "@vue/eslint-config-typescript": "^11.0.3",
+        "@vue/eslint-config-typescript": "^12.0.0",
         "@vue/test-utils": "^2.4.1",
         "@vue/tsconfig": "^0.4.0",
-        "cypress": "^12.17.2",
-        "eslint": "^8.46.0",
-        "eslint-plugin-cypress": "^2.13.3",
+        "cypress": "^13.3.1",
+        "eslint": "^8.51.0",
+        "eslint-plugin-cypress": "^2.15.1",
         "eslint-plugin-simple-import-sort": "^10.0.0",
         "eslint-plugin-unused-imports": "^3.0.0",
-        "eslint-plugin-vue": "^9.16.1",
+        "eslint-plugin-vue": "^9.17.0",
         "jsdom": "^22.1.0",
-        "prettier": "^3.0.0",
-        "sass": "^1.64.2",
-        "start-server-and-test": "^2.0.0",
-        "typescript": "~5.1.6",
-        "vite": "^4.4.7",
-        "vitest": "^0.33.0",
-        "vue-tsc": "^1.8.8"
+        "prettier": "^3.0.3",
+        "sass": "^1.69.4",
+        "start-server-and-test": "^2.0.1",
+        "typescript": "~5.2.2",
+        "vite": "^4.5.0",
+        "vitest": "^0.34.6",
+        "vue-tsc": "^1.8.19"
     }
 }

package/src/helpers/openapi.ts

@@ -1,4 +1,4 @@
-import { installOpenApiClientInterceptors, isOpenApiError } from '@signal24/openapi-client-codegen/helpers';
+import { installOpenApiClientInterceptors, isOpenApiError } from '@signal24/openapi-client-codegen/browser';
 
 import { UserError } from '.';
 

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

@@ -1,4 +1,4 @@
-import { createWatchfulOpenapiClientGenerators } from '@signal24/openapi-client-codegen/generator';
+import { createWatchfulOpenapiClientGenerators } from '@signal24/openapi-client-codegen/node';
 
 export function openapiClientGeneratorPlugin(): {
     name: string;

package/tsconfig.vite-plugins.json

@@ -4,6 +4,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
+        "moduleResolution": "Bundler",
         "types": ["node"],
         "noImplicitAny": true,
         "outDir": "dist"