@signal24/vue-foundation 4.10.3 → 4.11.0

package/dist/src/components/ajax-select.vue.d.ts

@@ -2,14 +2,14 @@ type GenericObject = {
     [key: string]: any;
 };
 declare const _default: import("vue").DefineComponent<{}, {
-    props: Readonly<{
+    props: Readonly<import("@vue/shared").LooseRequired<{
         modelValue: any;
         loadFn: () => Promise<GenericObject[]>;
         nullText?: string | undefined;
         loadingText?: string | undefined;
         displayKey?: string | undefined;
         preprocesor?: ((option: GenericObject) => string) | undefined;
-    }> & {
+    }>> & {
         readonly modelValue: boolean;
     };
     options: import("vue").Ref<GenericObject[] | null>;

package/dist/vue-foundation.css

@@ -1 +1 @@
-.vf-overlay-anchor{position:absolute;z-index:100}.vf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.vf-overlay.hidden{display:none}.vf-modal-wrap{background:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center}.vf-modal{background:white;box-shadow:0 3px 6px #00000026;min-width:200px;max-width:95%;max-height:95%;display:flex;flex-direction:column}.vf-modal-header,.vf-modal-footer{flex-shrink:0;position:relative}.vf-modal.scrolls>.vf-modal-content{overflow:auto;flex-grow:1;flex-shrink:1;flex-basis:0%}.vf-modal-wrap.vf-alert .vf-modal{max-width:800px}.vf-modal-wrap.vf-alert .vf-modal>.vf-modal-content{padding:12px}.vf-modal-wrap.vf-alert.wait .vf-modal-content{text-align:center}.vf-modal-wrap.vf-alert.destructive button.primary{color:red}.vf-smart-select{position:relative}.vf-smart-select input{width:100%;padding-right:24px!important}.vf-smart-select input.nullable::placeholder{color:#000}.vf-smart-select:after{content:" ";display:block;position:absolute;top:50%;right:8px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#333333 transparent transparent transparent;pointer-events:none}.vf-smart-select.open:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #333333 transparent}.vf-smart-select:not(.disabled) input{cursor:pointer}.vf-smart-select.disabled:after{opacity:.4}.vf-smart-select-options{visibility:hidden;position:absolute;min-height:20px;border:1px solid #e8e8e8;background:white;overflow:auto;z-index:101}.vf-smart-select-options .option,.vf-smart-select-options .no-results{padding:5px 8px}.vf-smart-select-options .option{cursor:pointer}.vf-smart-select-options .option.highlighted{background-color:#f5f5f5}.vf-toast{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.vf-toast .content{display:flex;align-items:center}
+.vf-overlay-anchor{position:absolute;z-index:100}.vf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.vf-overlay.hidden{display:none}.vf-modal-wrap{background:#00000040;display:flex;justify-content:center;align-items:center}.vf-modal{background:#fff;box-shadow:0 3px 6px #00000026;min-width:200px;max-width:95%;max-height:95%;display:flex;flex-direction:column}.vf-modal-header,.vf-modal-footer{flex-shrink:0;position:relative}.vf-modal.scrolls>.vf-modal-content{overflow:auto;flex-grow:1;flex-shrink:1;flex-basis:0%}.vf-modal-wrap.vf-alert .vf-modal{max-width:800px}.vf-modal-wrap.vf-alert .vf-modal>.vf-modal-content{padding:12px}.vf-modal-wrap.vf-alert.wait .vf-modal-content{text-align:center}.vf-modal-wrap.vf-alert.destructive button.primary{color:red}.vf-smart-select{position:relative}.vf-smart-select input{width:100%;padding-right:24px!important}.vf-smart-select input.nullable::placeholder{color:#000}.vf-smart-select:after{content:" ";display:block;position:absolute;top:50%;right:8px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#333333 transparent transparent transparent;pointer-events:none}.vf-smart-select.open:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #333333 transparent}.vf-smart-select:not(.disabled) input{cursor:pointer}.vf-smart-select.disabled:after{opacity:.4}.vf-smart-select-options{visibility:hidden;position:absolute;min-height:20px;border:1px solid #e8e8e8;background:#fff;overflow:auto;z-index:101}.vf-smart-select-options .option,.vf-smart-select-options .no-results{padding:5px 8px}.vf-smart-select-options .option{cursor:pointer}.vf-smart-select-options .option.highlighted{background-color:#f5f5f5}.vf-toast{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.vf-toast .content{display:flex;align-items:center}

package/dist/vue-foundation.es.js

@@ -1,17 +1,17 @@
-var Be = Object.defineProperty;
-var Ve = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var E = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as C, defineProps as Fe, defineEmits as Ne, ref as O, computed as V, openBlock as d, createElementBlock as u, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as b, Fragment as U, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as be, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
+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 E = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as C, defineProps as _e, defineEmits as Ne, ref as O, computed as F, openBlock as d, createElementBlock as u, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as b, Fragment as U, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as be, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
 import { compact as ze, 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 si } from "@vue/shared";
+import { escapeHtml as ni } from "@vue/shared";
 import { installOpenApiClientInterceptors as et, isOpenApiError as tt } from "@signal24/openapi-client-codegen/browser";
 import { format as G } from "date-fns";
 const nt = C({
   setup() {
-    const e = Fe();
+    const e = _e();
     Ne(["update:modelValue"]);
-    const t = O(null), n = V(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = O(e.modelValue ?? null);
+    const t = O(null), n = F(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = O(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -64,7 +64,7 @@ function lt(e, t, n, i, s, o) {
     w("option", null, x(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const Hn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = ["onClick"], at = /* @__PURE__ */ C({
+const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
@@ -105,7 +105,7 @@ const Hn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = ["onClick"], at = /* @
       };
     }
     function a() {
-      window.removeEventListener("click", a), ut(t.overlayId);
+      window.removeEventListener("click", a), dt(t.overlayId);
     }
     return L(() => {
       setTimeout(() => {
@@ -117,11 +117,11 @@ const Hn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = ["onClick"], at = /* @
       onClick: te(a, ["stop"])
     }, [
       K(p.$slots, "default")
-    ], 14, rt));
+    ], 6));
   }
 });
-let ct = 0;
-const S = je([]), _n = C({
+let at = 0;
+const S = je([]), In = C({
   setup() {
     return () => W("div", [
       J(S, (e) => W(Ue, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
@@ -131,7 +131,7 @@ const S = je([]), _n = C({
 function ie(e, t, n) {
   const i = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   i.id = "vf-overlay-target", i.removeAttribute("inert"), document.body.appendChild(i);
-  const s = String(++ct), o = We(e), r = W(o, t), l = n != null && n.anchor ? W(at, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, a = {
+  const s = String(++at), o = We(e), r = W(o, t), l = n != null && n.anchor ? W(rt, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, a = {
     id: s,
     component: o,
     props: t,
@@ -141,19 +141,19 @@ function ie(e, t, n) {
   };
   return S.push(a), a;
 }
-function Dn(e) {
+function Hn(e) {
   Le(e.$);
 }
 function Le(e) {
   let t = e;
-  for (; t && !dt(t.vnode); )
+  for (; t && !ct(t.vnode); )
     t = t.parent;
 }
-function dt(e) {
+function ct(e) {
   const t = S.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (S[t].props.callback(), !0) : !1;
 }
-function ut(e) {
+function dt(e) {
   const t = S.findIndex((n) => n.id === e);
   return t >= 0 ? (S[t].props.callback(), !0) : !1;
 }
@@ -176,20 +176,20 @@ function q(e, t) {
 async function de(e, t) {
   await se(X, q(e, t));
 }
-async function An(e, t) {
+async function Dn(e, t) {
   return await se(X, {
     ...q(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function $n(e, t) {
+async function An(e, t) {
   return await se(X, {
     ...q(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function Bn(e, t) {
+function $n(e, t) {
   const n = ie(X, {
     ...q(e, t),
     isBare: !0,
@@ -204,7 +204,7 @@ const N = {
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function Vn(e) {
+function Bn(e) {
   Object.assign(N, e);
 }
 class z extends Error {
@@ -212,7 +212,7 @@ class z extends Error {
     super(t), this.name = "UserError";
   }
 }
-function ht(e) {
+function ut(e) {
   return e instanceof z ? e.message : `An application error has occurred:
 
 ${oe(e).message}
@@ -222,35 +222,35 @@ 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 Fn(e, t) {
+async function Vn(e, t) {
   const n = oe(e);
   return n instanceof z || N.errorHandler(n), t ? de(t, n) : de(n);
 }
-async function Nn(e) {
+async function Fn(e) {
   const t = oe(e);
   t instanceof z || N.errorHandler(t);
 }
-const A = Symbol("MaskState");
-function Rn(e, t) {
+const $ = Symbol("MaskState");
+function _n(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
-  return ft(i ?? n, t);
+  return ht(i ?? n, t);
 }
-function Kn(e) {
+function Nn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
   return Me(n ?? t);
 }
-function ft(e, t) {
-  if (!e[A]) {
+function ht(e, t) {
+  if (!e[$]) {
     const n = document.createElement("div");
-    n.classList.add("vf-mask"), e.appendChild(n), e[A] = { maskEl: n };
+    n.classList.add("vf-mask"), e.appendChild(n), e[$] = { maskEl: n };
   }
-  return e[A].maskEl.innerText = t ?? "", () => Me(e);
+  return e[$].maskEl.innerText = t ?? "", () => Me(e);
 }
 function Me(e) {
-  e[A] && e.removeChild(e[A].maskEl);
+  e[$] && e.removeChild(e[$].maskEl);
 }
 const Q = Symbol("FormMaskState");
-function pt(e, t, n) {
+function ft(e, t, n) {
   const i = e instanceof Element ? e : He(e);
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
@@ -271,13 +271,13 @@ function He(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
-const mt = ["id"], vt = {
+const pt = ["id"], mt = {
   key: 0,
   class: "vf-modal-header"
-}, yt = { class: "vf-modal-content" }, gt = {
+}, vt = { class: "vf-modal-content" }, yt = {
   key: 1,
   class: "vf-modal-footer"
-}, Et = /* @__PURE__ */ C({
+}, gt = /* @__PURE__ */ C({
   __name: "modal",
   props: {
     id: {},
@@ -290,7 +290,7 @@ const mt = ["id"], vt = {
   setup(e, { expose: t }) {
     const n = ee(), i = e;
     t({ mask: m, unmask: y, hide: f, unhide: h });
-    const s = O(), o = O(), r = O(!1), l = V(() => ze([i.class, r.value && "hidden"]));
+    const s = O(), o = O(), r = O(!1), l = F(() => ze([i.class, r.value && "hidden"]));
     L(() => {
       var c;
       document.body.classList.add("vf-modal-open"), i.closeOnMaskClick && (window.addEventListener("keydown", p), (c = s.value) == null || c.addEventListener("click", a));
@@ -310,7 +310,7 @@ const mt = ["id"], vt = {
       Le(n);
     }
     function m() {
-      pt(o.value);
+      ft(o.value);
     }
     function y() {
       Ie(o.value);
@@ -334,7 +334,7 @@ const mt = ["id"], vt = {
         ref_key: "form",
         ref: o
       }, [
-        c.$slots.header ? (d(), u("div", vt, [
+        c.$slots.header ? (d(), u("div", mt, [
           K(c.$slots, "header"),
           i.closeX ? (d(), u("i", {
             key: 0,
@@ -342,17 +342,16 @@ const mt = ["id"], vt = {
             onClick: g
           })) : b("", !0)
         ])) : b("", !0),
-        w("div", yt, [
+        w("div", vt, [
           K(c.$slots, "default")
         ]),
-        c.$slots.footer ? (d(), u("div", gt, [
+        c.$slots.footer ? (d(), u("div", yt, [
           K(c.$slots, "footer")
         ])) : b("", !0)
       ], 34)
-    ], 10, mt));
+    ], 10, pt));
   }
-});
-const Tt = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
+}), Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ C({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -364,10 +363,10 @@ const Tt = ["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 ? ut(t.message) : t.message);
     return (i, s) => {
       const o = Oe("autofocus");
-      return d(), be(Et, {
+      return d(), be(gt, {
         class: k(["vf-alert", i.classes])
       }, Pe({
         default: Y(() => [
@@ -375,10 +374,10 @@ const Tt = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, Tt)) : (d(), u("div", {
+          }, null, 8, Et)) : (d(), u("div", {
             key: 1,
             innerText: n.value
-          }, null, 8, wt))
+          }, null, 8, Tt))
         ]),
         _: 2
       }, [
@@ -422,51 +421,51 @@ const Tt = ["innerHtml"], wt = ["innerText"], X = /* @__PURE__ */ C({
   }
 });
 let R;
-const Ot = new Uint8Array(16);
-function bt() {
+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(Ot);
+  return R(wt);
 }
 const v = [];
 for (let e = 0; e < 256; ++e)
   v.push((e + 256).toString(16).slice(1));
-function kt(e, t = 0) {
+function bt(e, t = 0) {
   return v[e[t + 0]] + v[e[t + 1]] + v[e[t + 2]] + v[e[t + 3]] + "-" + v[e[t + 4]] + v[e[t + 5]] + "-" + v[e[t + 6]] + v[e[t + 7]] + "-" + v[e[t + 8]] + v[e[t + 9]] + "-" + v[e[t + 10]] + v[e[t + 11]] + v[e[t + 12]] + v[e[t + 13]] + v[e[t + 14]] + v[e[t + 15]];
 }
-const St = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
-  randomUUID: St
+const kt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
+  randomUUID: kt
 };
-function Ct(e, t, n) {
+function St(e, t, n) {
   if (ue.randomUUID && !t && !e)
     return ue.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || bt)();
+  const i = e.random || (e.rng || Ot)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
     n = n || 0;
     for (let s = 0; s < 16; ++s)
       t[n + s] = i[s];
     return t;
   }
-  return kt(i);
+  return bt(i);
 }
-function jn(e) {
+function Rn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function xt(e) {
+function Ct(e) {
   return e.replace(/_/g, " ");
 }
-function Lt(e) {
+function xt(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
-function Mt(e) {
+function Lt(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Un() {
-  return Ct();
+function Kn() {
+  return St();
 }
-const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", Ht = {
+const H = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", It = {
   props: {
     modelValue: {
       type: null,
@@ -653,7 +652,7 @@ const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && It.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && Mt.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -728,8 +727,7 @@ const H = Symbol("null"), he = Symbol("create"), It = "`1234567890-=[]\\;',./~!@
       this.loadedOptions.unshift(e);
     }
   }
-};
-const _t = ["placeholder", "required"], Dt = {
+}, Ht = ["placeholder", "required"], Dt = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
@@ -740,7 +738,7 @@ const _t = ["placeholder", "required"], Dt = {
   key: 0,
   class: "no-results"
 };
-function Nt(e, t, n, i, s, o) {
+function _t(e, t, n, i, s, o) {
   const r = Oe("disabled");
   return d(), u("div", {
     class: k(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
@@ -755,7 +753,7 @@ function Nt(e, t, n, i, s, o) {
       onFocus: t[2] || (t[2] = (...l) => o.handleInputFocused && o.handleInputFocused(...l)),
       onBlur: t[3] || (t[3] = (...l) => o.handleInputBlurred && o.handleInputBlurred(...l)),
       required: n.required
-    }, null, 42, _t), [
+    }, null, 42, Ht), [
       [qe, e.searchText],
       [r, o.effectiveDisabled]
     ]),
@@ -784,7 +782,7 @@ function Nt(e, t, n, i, s, o) {
     ], 512)) : b("", !0)
   ], 2);
 }
-const Rt = /* @__PURE__ */ xe(Ht, [["render", Nt]]), Wn = /* @__PURE__ */ C({
+const Nt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -795,10 +793,10 @@ const Rt = /* @__PURE__ */ xe(Ht, [["render", Nt]]), Wn = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = V(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, a]) => ({
+    const n = e, i = F(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, a]) => ({
       value: l,
       label: a
-    }))), s = V(() => n.formatter ? (l) => {
+    }))), s = F(() => n.formatter ? (l) => {
       var a;
       return (a = n.formatter) == null ? void 0 : a.call(n, l.label);
     } : (l) => l.label), o = t, r = O(i.value.find((l) => l.value === n.modelValue) ?? null);
@@ -810,7 +808,7 @@ const Rt = /* @__PURE__ */ xe(Ht, [["render", Nt]]), Wn = /* @__PURE__ */ C({
     ), ce(r, (l) => {
       var a;
       o("update:modelValue", l ? ((a = i.value.find((p) => Ce(p, l))) == null ? void 0 : a.value) ?? null : null);
-    }), (l, a) => (d(), be(Rt, {
+    }), (l, a) => (d(), be(Nt, {
       modelValue: r.value,
       "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
       options: i.value,
@@ -818,13 +816,13 @@ const Rt = /* @__PURE__ */ xe(Ht, [["render", Nt]]), Wn = /* @__PURE__ */ C({
       "null-title": l.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
-}), Kt = ["onClick"], jt = { class: "content" }, Ut = { class: "message" }, Wt = {
+}), Rt = { class: "content" }, Kt = { class: "message" }, jt = {
   key: 0,
   class: "close"
-}, Pt = {
+}, Ut = {
   key: 0,
   class: "progress-bar"
-}, qt = /* @__PURE__ */ C({
+}, Wt = /* @__PURE__ */ C({
   __name: "toast",
   props: {
     message: {},
@@ -851,78 +849,78 @@ const Rt = /* @__PURE__ */ xe(Ht, [["render", Nt]]), Wn = /* @__PURE__ */ C({
       class: k(["vf-toast", s.className]),
       onClick: te(n, ["stop"])
     }, [
-      w("div", jt, [
-        w("div", Ut, x(s.message), 1),
-        s.disableClose ? b("", !0) : (d(), u("div", Wt, "x"))
+      w("div", Rt, [
+        w("div", Kt, x(s.message), 1),
+        s.disableClose ? b("", !0) : (d(), u("div", jt, "x"))
       ]),
-      s.durationSecs !== null ? (d(), u("div", Pt, [
+      s.durationSecs !== null ? (d(), u("div", Ut, [
         w("div", {
           ref_key: "progressInnerEl",
           ref: i,
           class: "inner"
         }, null, 512)
       ])) : b("", !0)
-    ], 10, Kt));
+    ], 2));
   }
 });
-function Pn(e) {
-  const t = ie(qt, {
+function Un(e) {
+  const t = ie(Wt, {
     ...e,
     callback: () => P(t)
   });
   return () => P(t);
 }
-function zt(e) {
+function Pt(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
   return `${i} ${s}`;
 }
-function Xt(e) {
+function qt(e) {
   return e != null && String(e).length ? e : "-";
 }
-function Yt(e) {
+function zt(e) {
   return e || "-";
 }
-function Zt(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : on(Number(e));
+function Xt(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : nn(Number(e));
 }
-function Gt(e) {
-  return e && Lt(e);
+function Yt(e) {
+  return e && xt(e);
 }
-function Qt(e) {
+function Zt(e) {
   return e ? Ye(e) : null;
 }
-function Jt(e) {
+function Gt(e) {
   return e ? Ze(e) : null;
 }
-function en(e) {
+function Qt(e) {
   return e ? e.toUpperCase() : null;
 }
-function tn(e) {
-  return e ? xt(e) : null;
+function Jt(e) {
+  return e ? Ct(e) : null;
 }
-function nn(e) {
-  return Mt(e);
+function en(e) {
+  return Lt(e);
 }
 const fe = {
-  bytes: zt,
-  dash: Xt,
-  dashZeros: Yt,
-  number: Zt,
-  phone: Gt,
-  upperFirst: Qt,
-  startCase: Jt,
-  upperCase: en,
-  desnake: tn,
-  usCurrency: nn
-}, qn = (e) => ({
+  bytes: Pt,
+  dash: qt,
+  dashZeros: zt,
+  number: Xt,
+  phone: Yt,
+  upperFirst: Zt,
+  startCase: Gt,
+  upperCase: Qt,
+  desnake: Jt,
+  usCurrency: en
+}, Wn = (e) => ({
   ...fe,
   ...e(fe)
 });
-function zn(e, t, n) {
+function Pn(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 Xn(e, t) {
+function qn(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");
@@ -955,20 +953,20 @@ function Xn(e, t) {
     h.addEventListener("mouseleave", M), f.stopPropagation();
   }
 }
-const sn = (e) => new Promise((t) => setTimeout(t, e)), Yn = (e) => sn(e * 1e3);
-function on(e) {
+const tn = (e) => new Promise((t) => setTimeout(t, e)), zn = (e) => tn(e * 1e3);
+function nn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Zn(e, t) {
+function Xn(e, t) {
   return e != null ? Ge(e) : t;
 }
-function Gn(e, t) {
+function Yn(e, t) {
   const n = { ...e };
   for (const i of t)
     n[i] === "" && (n[i] = null);
   return n;
 }
-function Qn(e) {
+function Zn(e) {
   et({
     ...e,
     onError(t, n) {
@@ -980,19 +978,19 @@ function Qn(e) {
   });
 }
 const le = Symbol("HookState");
-function Jn(e, t) {
+function Gn(e, t) {
   const n = t ?? ee();
-  L(() => ln(n, e), n), ke(() => rn(n), n), Se(() => pe(n), n), ne(() => pe(n), n);
+  L(() => sn(n, e), n), ke(() => on(n), n), Se(() => pe(n), n), ne(() => pe(n), n);
 }
-function ln(e, t) {
+function sn(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new $(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = _e(e.vnode.el);
-    i ? n.ancestor = new $(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new B(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const i = De(e.vnode.el);
+    i ? n.ancestor = new B(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new $(window, t.windowScrolledToBottom)), e[le] = n;
+  t.windowScrolledToBottom && (n.window = new B(window, t.windowScrolledToBottom)), e[le] = n;
 }
-function rn(e) {
+function on(e) {
   var n, i, s;
   const t = e[le];
   (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();
@@ -1003,14 +1001,14 @@ function pe(e) {
   (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"];
-function _e(e) {
+function De(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : _e(t);
+  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
 }
-class $ {
+class B {
   constructor(t, n) {
     E(this, "isTripped", !1);
     E(this, "onScrollWithContext", this.onScroll.bind(this));
@@ -1026,10 +1024,10 @@ class $ {
     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 ei(e) {
+function Qn(e) {
   L(() => window.addEventListener("resize", e)), ke(() => window.addEventListener("resize", e)), Se(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
-const an = {
+const ln = {
   mounted: ve,
   updated: ve
 }, me = Symbol("HasAutoFocused");
@@ -1040,16 +1038,16 @@ function ve(e, t) {
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const cn = {
-  mounted: dn
-}, _ = Symbol("ConfirmState");
-function dn(e) {
+const rn = {
+  mounted: an
+}, D = Symbol("ConfirmState");
+function an(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
-    if (e[_]) {
-      if (n - e[_].initTime < 300)
+    if (e[D]) {
+      if (n - e[D].initTime < 300)
         return;
-      e[_].resetHandler(), e.dispatchEvent(new Event("confirm"));
+      e[D].resetHandler(), e.dispatchEvent(new Event("confirm"));
       return;
     }
     t.preventDefault(), t.stopImmediatePropagation();
@@ -1057,16 +1055,16 @@ function dn(e) {
       initTime: n,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
-        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[_];
+        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[D];
       }
     };
-    e[_] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
+    e[D] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
   });
 }
-const un = {
-  beforeMount: hn
+const cn = {
+  beforeMount: dn
 };
-function hn(e) {
+function dn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
     /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + G(/* @__PURE__ */ new Date(), "yy"));
@@ -1074,14 +1072,14 @@ function hn(e) {
     isNaN(n) ? e.value = "" : e.value = G(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const fn = {
+const un = {
   beforeMount: ye,
   updated: ye
 };
 function ye(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = pn(e, t));
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = hn(e, t));
 }
-function pn(e, t) {
+function hn(e, t) {
   var a, p;
   if (!t.value)
     return ((a = e.attributes.getNamedItem("placeholder")) == null ? void 0 : a.value) ?? "";
@@ -1097,46 +1095,46 @@ function pn(e, t) {
   let l = G(o, r);
   return n && (l = n + " " + l), l;
 }
-const mn = {
+const fn = {
   beforeMount: ge,
   updated: ge,
-  unmounted: vn
+  unmounted: pn
 };
 function ge(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 vn(e) {
+function pn(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const yn = {
+const mn = {
   beforeMount: Ee,
   updated: Ee,
-  unmounted: Ae
-}, F = Symbol("HasAutoFocused"), re = [];
-function gn() {
-  re.forEach(De);
+  unmounted: $e
+}, _ = Symbol("HasAutoFocused"), re = [];
+function vn() {
+  re.forEach(Ae);
 }
-setInterval(gn, 1e3);
+setInterval(vn, 1e3);
 function Ee(e, t) {
   var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return Ae(e);
+    return $e(e);
   const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[F] || re.push(e), e[F] = {
+  e[_] || re.push(e), e[_] = {
     startTs: s,
     includeSeconds: o
-  }, De(e);
-}
-function De(e) {
-  const t = e[F], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = En(n, t.includeSeconds);
+  }, Ae(e);
 }
 function Ae(e) {
-  e[F] && (Qe(re, e), delete e[F]), e.innerText = "-";
+  const t = e[_], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = yn(n, t.includeSeconds);
 }
-function En(e, t) {
+function $e(e) {
+  e[_] && (Qe(re, e), delete e[_]), e.innerText = "-";
+}
+function yn(e, t) {
   const n = [], i = Math.floor(e / 86400);
   i && n.push(i + "d"), e -= i * 86400;
   const s = Math.floor(e / 3600);
@@ -1144,30 +1142,30 @@ function En(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 A = Symbol("InfiniteScrollHandler"), gn = {
   mounted(e, t) {
-    e[D] = new $(e, t.value);
+    e[A] = new B(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[D]) == null || n.uninstall(), e[D] = new $(e, t.value);
+    (n = e[A]) == null || n.uninstall(), e[A] = new B(e, t.value);
   },
   unmounted(e) {
     var t;
-    (t = e[D]) == null || t.uninstall(), delete e[D];
+    (t = e[A]) == null || t.uninstall(), delete e[A];
   }
-}, wn = {
+}, En = {
   beforeMount: Te,
   updated: Te
 };
 function Te(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const On = {
+const Tn = {
   mounted: we,
   updated: we,
-  unmounted: $e
-}, B = Symbol("TooltipState");
+  unmounted: Be
+}, V = Symbol("TooltipState");
 function we(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
@@ -1176,15 +1174,15 @@ function we(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[B] ? e[B].configure(s) : e[B] = new bn(e, s);
+    e[V] ? e[V].configure(s) : e[V] = new wn(e, s);
   } else
-    $e(e);
+    Be(e);
 }
-function $e(e) {
+function Be(e) {
   var t;
-  (t = e[B]) == null || t.destroy(), delete e[B];
+  (t = e[V]) == null || t.destroy(), delete e[V];
 }
-class bn {
+class wn {
   constructor(t, n) {
     E(this, "lastMoveEvt");
     E(this, "checkInterval");
@@ -1232,59 +1230,59 @@ class bn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function kn(e) {
-  e.directive("autofocus", an), e.directive("confirm-button", cn), e.directive("date-input", un), e.directive("datetime", fn), e.directive("disabled", mn), e.directive("duration", yn), e.directive("infinite-scroll", Tn), e.directive("readonly", wn), e.directive("tooltip", On);
+function On(e) {
+  e.directive("autofocus", ln), e.directive("confirm-button", rn), e.directive("date-input", cn), e.directive("datetime", un), e.directive("disabled", fn), e.directive("duration", mn), e.directive("infinite-scroll", gn), e.directive("readonly", En), e.directive("tooltip", Tn);
 }
-function ti(e) {
-  kn(e);
+function Jn(e) {
+  On(e);
 }
 export {
-  _n as OverlayContainer,
+  In as OverlayContainer,
   z as UserError,
-  Hn as VfAjaxSelect,
+  Mn as VfAjaxSelect,
   X as VfAlertModal,
-  Wn as VfEzSmartSelect,
-  Et as VfModal,
-  Rt as VfSmartSelect,
-  Zn as cloneProp,
-  Vn as configureVf,
-  qn as createFilters,
+  jn as VfEzSmartSelect,
+  gt as VfModal,
+  Nt as VfSmartSelect,
+  Xn as cloneProp,
+  Bn as configureVf,
+  Wn as createFilters,
   ie as createOverlayInjection,
-  xt as desnakeCase,
-  ut as dismissOverlayInjectionById,
-  Dn as dismissOverlayInjectionByInstance,
+  Ct as desnakeCase,
+  dt as dismissOverlayInjectionById,
+  Hn as dismissOverlayInjectionByInstance,
   Le as dismissOverlayInjectionByInternalInstance,
-  dt as dismissOverlayInjectionByVnode,
-  si as escapeHtml,
-  ht as formatError,
-  on as formatNumber,
-  Lt as formatPhone,
-  Mt as formatUSCurrency,
-  Nn as handleError,
-  Fn as handleErrorAndAlert,
-  Qn as installApiClientInterceptors,
-  ti as installVf,
-  Rn as maskComponent,
-  ft as maskEl,
-  pt as maskForm,
-  jn as nl2br,
-  Gn as nullifyEmptyInputs,
+  ct as dismissOverlayInjectionByVnode,
+  ni as escapeHtml,
+  ut as formatError,
+  nn as formatNumber,
+  xt as formatPhone,
+  Lt as formatUSCurrency,
+  Fn as handleError,
+  Vn as handleErrorAndAlert,
+  Zn as installApiClientInterceptors,
+  Jn as installVf,
+  _n as maskComponent,
+  ht as maskEl,
+  ft as maskForm,
+  Rn as nl2br,
+  Yn as nullifyEmptyInputs,
   se as presentOverlay,
   P as removeOverlayInjection,
-  zn as replaceElement,
+  Pn as replaceElement,
   de as showAlert,
-  An as showConfirm,
-  $n as showConfirmDestroy,
-  Xn as showContextMenu,
-  Pn as showToast,
-  Bn as showWait,
-  sn as sleep,
-  Yn as sleepSecs,
+  Dn as showConfirm,
+  An as showConfirmDestroy,
+  qn as showContextMenu,
+  Un as showToast,
+  $n as showWait,
+  tn as sleep,
+  zn as sleepSecs,
   oe as toError,
-  Kn as unmaskComponent,
+  Nn as unmaskComponent,
   Me as unmaskEl,
   Ie as unmaskForm,
-  Jn as useInfiniteScroll,
-  ei as useResizeWatcher,
-  Un as uuid
+  Gn as useInfiniteScroll,
+  Qn as useResizeWatcher,
+  Kn as uuid
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.10.3",
+    "version": "4.11.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -21,10 +21,10 @@
     "typings": "./dist/src/index.d.ts",
     "scripts": {
         "dev": "vite",
-        "build": "rm -rf dist && vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.app.json && tsc -p tsconfig.vite-plugins.json && find dist -name '*.tsbuildinfo' -delete",
+        "build": "rm -rf dist && vite build && vue-tsc -p tsconfig.app.json && tsc -p tsconfig.vite-plugins.json && find dist -name '*.tsbuildinfo' -delete",
         "build:watch": "fswatch -o src | xargs -n1 -I{} yarn build",
         "preview": "vite preview",
-        "test:types": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+        "test:types": "vue-tsc -p tsconfig.vitest.json",
         "test:unit": "vitest",
         "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
         "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
@@ -43,36 +43,39 @@
         "vue": "^3.3.7"
     },
     "devDependencies": {
-        "@nabla/vite-plugin-eslint": "^1.5.0",
-        "@rushstack/eslint-patch": "^1.5.1",
+        "@nabla/vite-plugin-eslint": "^2.0.2",
+        "@rushstack/eslint-patch": "^1.6.1",
+        "@signal24/openapi-client-codegen": "^1.1.0",
         "@tsconfig/node20": "^20.1.2",
-        "@types/jsdom": "^21.1.4",
-        "@types/lodash": "^4.14.200",
-        "@types/node": "^20.8.9",
-        "@types/uuid": "^9.0.6",
-        "@vitejs/plugin-vue": "^4.4.0",
+        "@types/jsdom": "^21.1.6",
+        "@types/lodash": "^4.14.202",
+        "@types/node": "^20.10.5",
+        "@types/uuid": "^9.0.7",
+        "@vitejs/plugin-vue": "^5.0.0",
         "@vue/eslint-config-prettier": "^8.0.0",
         "@vue/eslint-config-typescript": "^12.0.0",
-        "@vue/test-utils": "^2.4.1",
-        "@vue/tsconfig": "^0.4.0",
-        "cypress": "^13.3.3",
-        "eslint": "^8.52.0",
+        "@vue/test-utils": "^2.4.3",
+        "@vue/tsconfig": "^0.5.1",
+        "cypress": "^13.6.2",
+        "date-fns": "^3.0.6",
+        "eslint": "^8.56.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.18.1",
-        "jsdom": "^22.1.0",
-        "prettier": "^3.0.3",
-        "sass": "^1.69.5",
-        "start-server-and-test": "^2.0.1",
-        "typescript": "~5.2.2",
-        "type-fest": "^4.6.0",
-        "vite": "^4.5.0",
-        "vitest": "^0.34.6",
-        "vue-tsc": "^1.8.22",
-        "@signal24/openapi-client-codegen": "^1.1.0",
-        "date-fns": "^2.30.0",
+        "eslint-plugin-vue": "^9.19.2",
+        "jsdom": "^23.0.1",
         "lodash": "^4.17.21",
-        "vue": "^3.3.7"
+        "prettier": "^3.1.1",
+        "sass": "^1.69.6",
+        "start-server-and-test": "^2.0.3",
+        "type-fest": "^4.9.0",
+        "typescript": "~5.3.3",
+        "vite": "^5.0.10",
+        "vitest": "^1.1.0",
+        "vue": "^3.3.13",
+        "vue-tsc": "^1.8.27"
+    },
+    "resolutions": {
+        "jackspeak": "2.1.1"
     }
 }

package/src/components/overlay-container.ts

@@ -77,11 +77,11 @@ export type OverlayComponentConfig<T> = T extends Vue__ComponentPublicInstanceCo
           component: Raw<T>;
       }
     : T extends (props: infer P) => any
-    ? {
-          props: Omit<ObjectOrDefault<P>, keyof VNodeProps | keyof AllowedComponentProps>;
-          component: T;
-      }
-    : never;
+      ? {
+            props: Omit<ObjectOrDefault<P>, keyof VNodeProps | keyof AllowedComponentProps>;
+            component: T;
+        }
+      : never;
 export type OverlayComponentUnwrapped<T extends OverlayComponent> = OverlayComponentConfig<T>['component'];
 export type OverlayComponentProps<T extends OverlayComponent> = OverlayComponentConfig<T>['props'];
 

package/tsconfig.app.json

@@ -3,6 +3,8 @@
     "include": ["src/**/*.ts", "src/**/*.vue"],
     "exclude": ["src/**/__tests__/*", "src/vite-plugins/*"],
     "compilerOptions": {
+        "noEmit": false,
+        "emitDeclarationOnly": true,
         "composite": true,
         "baseUrl": ".",
         "paths": {

package/tsconfig.vitest.json

@@ -2,8 +2,10 @@
     "extends": "./tsconfig.app.json",
     "exclude": [],
     "compilerOptions": {
-        "composite": true,
+        "composite": false,
         "lib": [],
-        "types": ["node", "jsdom"]
+        "types": ["node", "jsdom"],
+        "emitDeclarationOnly": false,
+        "noEmit": true
     }
 }

package/vite.config.ts

@@ -26,7 +26,7 @@ export default defineConfig({
             external: ['date-fns', 'lodash', 'vue', '@vue/shared', '@signal24/openapi-client-codegen/browser'],
             output: {
                 assetFileNames: assetInfo => {
-                    if (assetInfo.name === 'index.css') return 'vue-foundation.css';
+                    if (assetInfo.name === 'main.css') return 'vue-foundation.css';
                     return assetInfo.name!;
                 },
                 exports: 'named',