@signal24/vue-foundation 4.9.1 → 4.10.0

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

@@ -1,50 +1,27 @@
-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>;
+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]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

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

@@ -1,42 +1,27 @@
-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, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string | null | undefined;
+    nullTitle?: string | undefined;
+    placeholder?: string | undefined;
+    options: Record<string, string> | string[];
+    formatter?: ((value: any) => string) | undefined;
+}>, {}, 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<{
-    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>;
-    };
-}>> & {
+}, 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: Record<string, string> | string[];
+    formatter?: ((value: any) => string) | undefined;
+}>>> & {
     "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

@@ -2,46 +2,26 @@ declare function mask(): void;
 declare function unmask(): void;
 declare function hide(): void;
 declare function unhide(): void;
-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>;
-    };
-}, {
+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;
+}>, {
     mask: typeof mask;
     unmask: typeof unmask;
     hide: typeof hide;
     unhide: typeof unhide;
 }, 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>;
-    };
-    closeOnMaskClick: {
-        type: import("vue").PropType<boolean>;
-    };
-    scrolls: {
-        type: import("vue").PropType<boolean>;
-    };
-    closeX: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
+}, string, 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;
+}>>> & {
     onFormSubmit?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     header?(_: {}): any;
@@ -49,6 +29,15 @@ 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,26 +1,23 @@
 import type { OverlayAnchorOptions } from './overlay-types';
-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;
-    };
-}>>, {}, {}>, {
+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;
+}>>>, {}, {}>, {
     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,47 +5,18 @@ export interface IToastOptions {
     disableClose?: boolean;
     onClick?: () => void;
 }
-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>;
+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]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

package/dist/vue-foundation.es.js

@@ -1,7 +1,7 @@
 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 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 { defineComponent as x, defineProps as Re, defineEmits as Ue, ref as w, computed as F, openBlock as h, 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 ri } from "@vue/shared";
@@ -45,21 +45,21 @@ const nt = x({
   value: null
 }, ot = ["value"];
 function lt(e, t, n, i, s, o) {
-  return e.renderOptions ? K((u(), f("select", {
+  return e.renderOptions ? K((h(), f("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    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", {
+    e.props.nullText ? (h(), f("option", st, C(e.props.nullText), 1)) : O("", !0),
+    (h(!0), f(j, null, J(e.renderOptions, (r, l) => {
+      var a;
+      return h(), f("option", {
         key: l,
-        value: (c = e.options) == null ? void 0 : c[l]
+        value: (a = e.options) == null ? void 0 : a[l]
       }, C(r), 9, ot);
     }), 128))
   ], 512)), [
     [Ke, e.selectedItem]
-  ]) : (u(), f("select", it, [
+  ]) : (h(), f("select", it, [
     T("option", null, C(e.props.loadingText || "Loading..."), 1)
   ]));
 }
@@ -73,25 +73,25 @@ const $n = /* @__PURE__ */ Le(nt, [["render", lt]]), rt = ["onClick"], at = /* @
     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);
+      const u = o.vnode.el, { styles: b, classes: m } = l(u, n);
       i.value = b, s.value = m;
     }
-    function l(h, b) {
-      const m = t.anchor instanceof HTMLElement ? {} : t.anchor, y = b.getBoundingClientRect(), p = h.getBoundingClientRect();
+    function l(u, b) {
+      const m = t.anchor instanceof HTMLElement ? {} : t.anchor, y = b.getBoundingClientRect(), p = u.getBoundingClientRect();
       m.matchWidth && (p.width = y.width), m.matchHeight && (p.height = y.height);
-      const a = m.class ? Array.isArray(m.class) ? m.class : [m.class] : [];
+      const c = m.class ? Array.isArray(m.class) ? m.class : [m.class] : [];
       let d, E;
       if (m.y === "center")
-        d = y.top + y.height / 2 - p.height / 2, a.push("anchored-center-y");
+        d = y.top + y.height / 2 - p.height / 2, c.push("anchored-center-y");
       else {
         const I = (y.bottom + p.height < window.innerHeight || m.y === "below") && m.y !== "above";
-        d = I ? y.bottom : y.top - p.height, a.push(I ? "anchored-top" : "anchored-bottom");
+        d = I ? y.bottom : y.top - p.height, c.push(I ? "anchored-top" : "anchored-bottom");
       }
       if (m.x === "center")
-        E = y.left + y.width / 2 - p.width / 2, a.push("anchored-center-x");
+        E = y.left + y.width / 2 - p.width / 2, c.push("anchored-center-x");
       else {
         const I = (y.left + p.width < window.innerWidth || m.x === "left") && m.x !== "right";
-        E = I ? y.left : y.right - p.width, a.push(I ? "anchored-left" : "anchored-right");
+        E = I ? y.left : y.right - p.width, c.push(I ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
@@ -100,22 +100,22 @@ const $n = /* @__PURE__ */ Le(nt, [["render", lt]]), rt = ["onClick"], at = /* @
           ...m.matchWidth ? { width: `${p.width}px` } : {},
           ...m.matchHeight ? { height: `${p.height}px` } : {}
         },
-        classes: a
+        classes: c
       };
     }
-    function c() {
-      window.removeEventListener("click", c), ut(t.overlayId);
+    function a() {
+      window.removeEventListener("click", a), ut(t.overlayId);
     }
     return L(() => {
       setTimeout(() => {
-        window.addEventListener("click", c);
+        window.addEventListener("click", a);
       }, 10);
-    }), (h, b) => (u(), f("div", {
+    }), (u, b) => (h(), f("div", {
       class: k(["vf-overlay-anchor", s.value]),
       style: je(i.value),
-      onClick: te(c, ["stop"])
+      onClick: te(a, ["stop"])
     }, [
-      U(h.$slots, "default")
+      U(u.$slots, "default")
     ], 14, rt));
   }
 });
@@ -130,7 +130,7 @@ const S = We([]), An = x({
 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 = qe(e), r = W(o, t), l = n != null && n.anchor ? W(at, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, c = {
+  const s = String(++ct), o = qe(e), r = W(o, t), l = n != null && n.anchor ? W(at, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, a = {
     id: s,
     component: o,
     props: t,
@@ -138,7 +138,7 @@ function ie(e, t, n) {
     vnode: r,
     wrapperVnode: l
   };
-  return S.push(c), c;
+  return S.push(a), a;
 }
 function Bn(e) {
   Me(e.$);
@@ -256,7 +256,7 @@ function pt(e, t, n) {
   let o;
   s && (o = s.tagName === "INPUT" ? s.value : s.innerHTML, s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...");
   const l = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return l.forEach((c) => c.setAttribute("disabled", "disabled")), i[Q] = {
+  return l.forEach((a) => a.setAttribute("disabled", "disabled")), i[Q] = {
     disabledElements: l,
     waitButton: s,
     buttonHtml: o
@@ -287,26 +287,26 @@ const mt = ["id"], vt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, i = ee();
-    t({ mask: m, unmask: y, hide: p, unhide: a });
-    const s = w(), o = w(), r = w(!1), l = F(() => Ye([n.class, r.value && "hidden"]));
+    const n = ee(), i = e;
+    t({ mask: m, unmask: y, hide: p, unhide: c });
+    const s = w(), o = w(), r = w(!1), l = F(() => Ye([i.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));
+      document.body.classList.add("vf-modal-open"), i.closeOnMaskClick && (window.addEventListener("keydown", u), (d = s.value) == null || d.addEventListener("click", a));
     }), ne(() => {
-      window.removeEventListener("keydown", h), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
+      window.removeEventListener("keydown", u), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function c(d) {
+    function a(d) {
       d.target == s.value && b();
     }
-    function h(d) {
+    function u(d) {
       if (d.key === "Esc" || d.key === "Escape") {
         const E = document.querySelectorAll(".vf-modal-wrap");
         E[E.length - 1] === s.value && b();
       }
     }
     function b() {
-      Me(i);
+      Me(n);
     }
     function m() {
       pt(o.value);
@@ -317,10 +317,10 @@ const mt = ["id"], vt = {
     function p() {
       r.value = !0;
     }
-    function a() {
+    function c() {
       r.value = !1;
     }
-    return (d, E) => (u(), f("div", {
+    return (d, E) => (h(), f("div", {
       id: d.id,
       class: k(["vf-overlay vf-modal-wrap", l.value]),
       ref_key: "overlay",
@@ -333,9 +333,9 @@ const mt = ["id"], vt = {
         ref_key: "form",
         ref: o
       }, [
-        d.$slots.header ? (u(), f("div", vt, [
+        d.$slots.header ? (h(), f("div", vt, [
           U(d.$slots, "header"),
-          n.closeX ? (u(), f("i", {
+          i.closeX ? (h(), f("i", {
             key: 0,
             class: "close",
             onClick: b
@@ -344,7 +344,7 @@ const mt = ["id"], vt = {
         T("div", yt, [
           U(d.$slots, "default")
         ]),
-        d.$slots.footer ? (u(), f("div", gt, [
+        d.$slots.footer ? (h(), f("div", gt, [
           U(d.$slots, "footer")
         ])) : O("", !0)
       ], 34)
@@ -366,15 +366,15 @@ const Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ x({
     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, {
+      return h(), ke(bt, {
         class: k(["vf-alert", i.classes])
       }, ze({
         default: Y(() => [
-          i.isHtml ? (u(), f("div", {
+          i.isHtml ? (h(), f("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, Et)) : (u(), f("div", {
+          }, null, 8, Et)) : (h(), f("div", {
             key: 1,
             innerText: n.value
           }, null, 8, Tt))
@@ -391,8 +391,8 @@ const Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ x({
         i.isBare ? void 0 : {
           name: "footer",
           fn: Y(() => [
-            i.shouldConfirm ? (u(), f(j, { key: 0 }, [
-              K((u(), f("button", {
+            i.shouldConfirm ? (h(), f(j, { key: 0 }, [
+              K((h(), f("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
@@ -404,7 +404,7 @@ const Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ x({
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : K((u(), f("button", {
+            ], 64)) : K((h(), f("button", {
               key: 1,
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
@@ -542,13 +542,13 @@ const H = Symbol("null"), fe = Symbol("create"), It = "`1234567890-=[]\\;',./~!@
     },
     optionsDescriptors() {
       return this.allOptions.map((e, t) => {
-        var l, c;
+        var l, a;
         const n = this.formatter(e), i = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", r = [];
-        return this.searchFields ? this.searchFields.forEach((h) => {
-          e[h] && r.push(String(e[h]).toLowerCase());
+        return this.searchFields ? this.searchFields.forEach((u) => {
+          e[u] && r.push(String(e[u]).toLowerCase());
         }) : (r.push(s), 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),
+          key: ((a = this.effectiveKeyExtractor) == null ? void 0 : a.call(this, e)) ?? String(t),
           title: n,
           subtitle: i,
           searchContent: r.join(""),
@@ -741,7 +741,7 @@ const _t = ["placeholder", "required"], Dt = {
 };
 function Nt(e, t, n, i, s, o) {
   const r = Oe("disabled");
-  return u(), f("div", {
+  return h(), f("div", {
     class: k(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
     K(T("input", {
@@ -758,28 +758,28 @@ function Nt(e, t, n, i, s, o) {
       [Xe, e.searchText],
       [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (u(), f("div", Dt, [
-      e.isLoaded ? (u(), f(j, { key: 1 }, [
-        (u(!0), f(j, null, J(o.effectiveOptions, (l) => (u(), f("div", {
+    e.shouldDisplayOptions ? (h(), f("div", Dt, [
+      e.isLoaded ? (h(), f(j, { key: 1 }, [
+        (h(!0), f(j, null, J(o.effectiveOptions, (l) => (h(), f("div", {
           key: String(l.key),
           class: k(["option", {
             highlighted: e.highlightedOptionKey === l.key
           }]),
-          onMousemove: (c) => o.handleOptionHover(l),
-          onMousedown: (c) => o.selectOption(l)
+          onMousemove: (a) => o.handleOptionHover(l),
+          onMousedown: (a) => o.selectOption(l)
         }, [
           T("div", {
             class: "title",
             innerHTML: l.title
           }, null, 8, Bt),
-          l.subtitle ? (u(), f("div", {
+          l.subtitle ? (h(), f("div", {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
           }, null, 8, Ft)) : O("", !0)
         ], 42, At))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (u(), f("div", Vt, C(o.effectiveNoResultsText), 1)) : O("", !0)
-      ], 64)) : (u(), f("div", $t, "Loading..."))
+        !o.effectiveOptions.length && e.searchText ? (h(), f("div", Vt, C(o.effectiveNoResultsText), 1)) : O("", !0)
+      ], 64)) : (h(), f("div", $t, "Loading..."))
     ], 512)) : O("", !0)
   ], 2);
 }
@@ -794,27 +794,27 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), zn = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    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 = F(() => n.formatter ? (r) => {
-      var l;
-      return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
-    } : (r) => r.label), o = w(i.value.find((r) => r.value === n.modelValue) ?? null);
+    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 = F(() => n.formatter ? (l) => {
+      var a;
+      return (a = n.formatter) == null ? void 0 : a.call(n, l.label);
+    } : (l) => l.label), o = t, r = w(i.value.find((l) => l.value === n.modelValue) ?? null);
     return de(
       () => n.modelValue,
-      (r) => {
-        o.value = i.value.find((l) => l.value === r) ?? null;
+      (l) => {
+        r.value = i.value.find((a) => a.value === l) ?? null;
       }
-    ), de(o, (r) => {
-      var l;
-      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),
+    ), de(r, (l) => {
+      var a;
+      o("update:modelValue", l ? ((a = i.value.find((u) => Ce(u, l))) == null ? void 0 : a.value) ?? null : null);
+    }), (l, a) => (h(), ke(Rt, {
+      modelValue: r.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (u) => r.value = u),
       options: i.value,
       formatter: s.value,
-      "null-title": r.nullTitle
+      "null-title": l.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 }), Ut = ["onClick"], Kt = { class: "content" }, jt = { class: "message" }, Wt = {
@@ -846,15 +846,15 @@ const Rt = /* @__PURE__ */ Le(Ht, [["render", Nt]]), zn = /* @__PURE__ */ x({
         duration: s * 1e3,
         easing: "linear"
       }), setTimeout(() => t.callback(), s * 1e3);
-    }), (s, o) => (u(), f("div", {
+    }), (s, o) => (h(), f("div", {
       class: k(["vf-toast", s.className]),
       onClick: te(n, ["stop"])
     }, [
       T("div", Kt, [
         T("div", jt, C(s.message), 1),
-        s.disableClose ? O("", !0) : (u(), f("div", Wt, "x"))
+        s.disableClose ? O("", !0) : (h(), f("div", Wt, "x"))
       ]),
-      s.durationSecs !== null ? (u(), f("div", Pt, [
+      s.durationSecs !== null ? (h(), f("div", Pt, [
         T("div", {
           ref_key: "progressInnerEl",
           ref: i,
@@ -933,25 +933,25 @@ function Gn(e, t) {
       d.classList.add("separator"), i.appendChild(d);
       return;
     }
-    const a = document.createElement("div");
-    a.classList.add("item"), a.style.userSelect = "none", a.innerText = p.title, i.appendChild(a), p.class && a.classList.add(p.class), p.shouldConfirm ? a.addEventListener("click", (d) => y(d, a, p.handler)) : a.addEventListener("click", () => p.handler());
+    const c = document.createElement("div");
+    c.classList.add("item"), c.style.userSelect = "none", c.innerText = p.title, i.appendChild(c), p.class && c.classList.add(p.class), p.shouldConfirm ? c.addEventListener("click", (d) => y(d, c, p.handler)) : c.addEventListener("click", () => p.handler());
   });
-  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, c = i.offsetWidth, h = o < c ? e.clientX - c - 1 : e.clientX + 1, b = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  i.style.left = h + "px", i.style.top = b + "px", setTimeout(() => {
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, a = i.offsetWidth, u = o < a ? e.clientX - a - 1 : e.clientX + 1, b = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  i.style.left = u + "px", i.style.top = b + "px", setTimeout(() => {
     i.style.width = i.offsetWidth + "px";
   }, 50);
   function m() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function y(p, a, d) {
-    if (a.classList.contains("pending-confirm"))
+  function y(p, c, d) {
+    if (c.classList.contains("pending-confirm"))
       return d();
-    const E = a.innerHTML;
-    a.classList.add("pending-confirm"), a.innerText = "Confirm";
+    const E = c.innerHTML;
+    c.classList.add("pending-confirm"), c.innerText = "Confirm";
     const M = () => {
-      a.classList.remove("pending-confirm"), a.innerHTML = E, a.removeEventListener("mouseleave", M);
+      c.classList.remove("pending-confirm"), c.innerHTML = E, c.removeEventListener("mouseleave", M);
     };
-    a.addEventListener("mouseleave", M), p.stopPropagation();
+    c.addEventListener("mouseleave", M), p.stopPropagation();
   }
 }
 const sn = (e) => new Promise((t) => setTimeout(t, e)), Qn = (e) => sn(e * 1e3);
@@ -971,19 +971,19 @@ function De(e) {
   return e instanceof Error && "status" in e && "body" in 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 = 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) {
-        const d = i(a, h);
+  const r = e.request.request.bind(e.request), l = t ?? ((a, u) => u(a));
+  e.request.request = (a) => l(a, (u) => (u = cn(u), n && (u = n(u)), new o((b, m, y) => {
+    const p = r(u);
+    y(p.cancel), p.then(b).catch((c) => {
+      if (De(c) && typeof c.body == "object" && "error" in c.body && (c.message = `${c.body.error} (${c.status})`), i) {
+        const d = i(c, u);
         if (d === null)
           return;
         if (d instanceof Error)
           return m(d);
       }
-      m(a);
-    }).finally(() => s == null ? void 0 : s(h));
+      m(c);
+    }).finally(() => s == null ? void 0 : s(u));
   })));
 }
 class le {
@@ -1136,13 +1136,13 @@ function ge(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = gn(e, t));
 }
 function gn(e, t) {
-  var c, h;
+  var a, u;
   if (!t.value)
-    return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
+    return ((a = e.attributes.getNamedItem("placeholder")) == null ? void 0 : a.value) ?? "";
   let n = "";
   const i = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), s = e.attributes.getNamedItem("local") !== null ? i.replace(/Z$/, "") : i.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(s);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
-  let r = (h = e.attributes.getNamedItem("format")) == null ? void 0 : h.value;
+  let r = (u = e.attributes.getNamedItem("format")) == null ? void 0 : u.value;
   if (!r && e.attributes.getNamedItem("relative-date") !== null) {
     const b = /* @__PURE__ */ new Date();
     b.getFullYear() == o.getFullYear() && b.getMonth() == o.getMonth() && b.getDate() == o.getDate() && (n = "at", r = "HH:mm");

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.9.1",
+    "version": "4.10.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -37,36 +37,36 @@
         "@signal24/openapi-client-codegen": "^1.1.0",
         "date-fns": "^2.30.0",
         "lodash": "^4.17.21",
-        "type-fest": "^4.5.0",
+        "type-fest": "^4.6.0",
         "uuid": "^9.0.1",
-        "vue": "^3.3.4"
+        "vue": "^3.3.7"
     },
     "devDependencies": {
         "@nabla/vite-plugin-eslint": "^1.5.0",
         "@rushstack/eslint-patch": "^1.5.1",
-        "@tsconfig/node18": "^18.2.2",
+        "@tsconfig/node20": "^20.1.2",
         "@types/jsdom": "^21.1.4",
         "@types/lodash": "^4.14.200",
-        "@types/node": "^20.8.7",
+        "@types/node": "^20.8.9",
         "@types/uuid": "^9.0.6",
         "@vitejs/plugin-vue": "^4.4.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.1",
-        "eslint": "^8.51.0",
+        "cypress": "^13.3.3",
+        "eslint": "^8.52.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.17.0",
+        "eslint-plugin-vue": "^9.18.1",
         "jsdom": "^22.1.0",
         "prettier": "^3.0.3",
-        "sass": "^1.69.4",
+        "sass": "^1.69.5",
         "start-server-and-test": "^2.0.1",
         "typescript": "~5.2.2",
         "vite": "^4.5.0",
         "vitest": "^0.34.6",
-        "vue-tsc": "^1.8.19"
+        "vue-tsc": "^1.8.22"
     }
 }

package/tsconfig.node.json

@@ -1,5 +1,5 @@
 {
-    "extends": "@tsconfig/node18/tsconfig.json",
+    "extends": "@tsconfig/node20/tsconfig.json",
     "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
     "compilerOptions": {
         "composite": true,

package/tsconfig.vite-plugins.json

@@ -1,5 +1,5 @@
 {
-    "extends": "@tsconfig/node18/tsconfig.json",
+    "extends": "@tsconfig/node20/tsconfig.json",
     "include": ["src/vite-plugins/*"],
     "compilerOptions": {
         "composite": true,