@signal24/vue-foundation 4.25.7 → 4.25.8

package/dist/vue-foundation.es.js

@@ -1,8 +1,8 @@
 var $t = Object.defineProperty;
 var Bt = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var O = (e, t, n) => Bt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as R, ref as S, computed as T, watch as D, onMounted as _, createElementBlock as k, withDirectives as oe, openBlock as b, createElementVNode as $, toDisplayString as W, createCommentVNode as V, Fragment as se, renderList as ie, vModelSelect as _t, getCurrentInstance as Ee, withModifiers as be, normalizeStyle as Nt, normalizeClass as A, renderSlot as U, reactive as Rt, h as le, Teleport as Wt, markRaw as Ut, onBeforeUnmount as ae, resolveDirective as jt, createBlock as et, createSlots as Pt, withCtx as he, createTextVNode as Z, vModelText as qt, onActivated as tt, onDeactivated as nt } from "vue";
-import { compact as ot, cloneDeep as zt, uniq as Kt, groupBy as Yt, debounce as Xt, isEqual as st, startCase as Zt, upperFirst as Gt, remove as Jt, last as Qt } from "lodash";
+import { defineComponent as R, ref as S, computed as T, watch as D, onMounted as _, createElementBlock as k, withDirectives as oe, openBlock as b, createElementVNode as $, toDisplayString as W, createCommentVNode as V, Fragment as se, renderList as ie, vModelSelect as _t, getCurrentInstance as Ee, withModifiers as be, normalizeStyle as Nt, normalizeClass as A, renderSlot as U, reactive as Rt, h as le, Teleport as Wt, markRaw as Ut, onBeforeUnmount as ae, resolveDirective as jt, createBlock as tt, createSlots as Pt, withCtx as he, createTextVNode as Z, vModelText as qt, onActivated as nt, onDeactivated as ot } from "vue";
+import { compact as st, cloneDeep as zt, uniq as Kt, groupBy as Yt, debounce as Xt, isEqual as it, startCase as Zt, upperFirst as Gt, remove as Jt, last as Qt } from "lodash";
 import { configureOpenApiClient as en, OpenApiError as tn } from "@signal24/openapi-client-codegen/browser";
 import { escapeHtml as nn } from "@vue/shared";
 import { escapeHtml as ys } from "@vue/shared";
@@ -133,9 +133,9 @@ function ke(e, t, n) {
   return N.push(u), u;
 }
 function qo(e) {
-  e.$ && it(e.$);
+  e.$ && lt(e.$);
 }
-function it(e) {
+function lt(e) {
   let t = e;
   for (; t && !dn(t.vnode); )
     t = t.parent;
@@ -249,21 +249,21 @@ function Jo(e, t) {
 function Qo(e) {
   var o;
   const t = (o = e.$) == null ? void 0 : o.vnode.el, n = t.closest(".vf-modal");
-  return lt(n ?? t);
+  return rt(n ?? t);
 }
 function hn(e, t) {
   if (!e[G]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[G] = { maskEl: n };
   }
-  return e[G].maskEl.innerText = t ?? "", () => lt(e);
+  return e[G].maskEl.innerText = t ?? "", () => rt(e);
 }
-function lt(e) {
+function rt(e) {
   e[G] && e.removeChild(e[G].maskEl);
 }
 const we = Symbol("FormMaskState");
 function yn(e, t, n) {
-  const o = e instanceof Element ? e : at(e);
+  const o = e instanceof Element ? e : ut(e);
   if (!o) return () => {
   };
   o.classList.add("vf-masked");
@@ -275,15 +275,15 @@ function yn(e, t, n) {
     disabledElements: r,
     waitButton: l,
     buttonHtml: s
-  }, () => rt(o);
+  }, () => at(o);
 }
-function rt(e) {
-  const t = e instanceof Element ? e : at(e);
+function at(e) {
+  const t = e instanceof Element ? e : ut(e);
   if (!t) return;
   const n = t[we];
   n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((o) => o.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[we]);
 }
-function at(e) {
+function ut(e) {
   var n;
   const t = (n = e == null ? void 0 : e.$) == null ? void 0 : n.vnode.el;
   return t ? t.tagName === "FORM" ? t : t.querySelector("form") : null;
@@ -307,7 +307,7 @@ const gn = ["id"], wn = {
   setup(e, { expose: t }) {
     const n = Ee(), o = e;
     t({ mask: p, unmask: y, hide: c, unhide: f });
-    const l = S(), s = S(), a = S(!1), r = T(() => ot([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
+    const l = S(), s = S(), a = S(!1), r = T(() => st([...Array.isArray(o.class) ? o.class : [o.class], a.value && "hidden"]));
     _(() => {
       var g;
       document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", m), (g = l.value) == null || g.addEventListener("click", u));
@@ -324,13 +324,13 @@ const gn = ["id"], wn = {
       }
     }
     function E() {
-      it(n);
+      lt(n);
     }
     function p() {
       return yn(s.value), () => y();
     }
     function y() {
-      rt(s.value);
+      at(s.value);
     }
     function c() {
       return a.value = !0, () => f();
@@ -384,7 +384,7 @@ const gn = ["id"], wn = {
     const t = e, n = T(() => t.message instanceof Error ? mn(t.message) : t.message);
     return (o, l) => {
       const s = jt("autofocus");
-      return b(), et(kn, {
+      return b(), tt(kn, {
         class: A(["vf-alert", ...o.classes ?? []])
       }, Pt({
         default: he(() => [
@@ -492,7 +492,7 @@ function ss(e, t) {
     n[o] === "" && (n[o] = null);
   return n;
 }
-function je(e) {
+function Pe(e) {
   return e != null;
 }
 function is(e, t) {
@@ -523,12 +523,12 @@ var Ln = {
   negativePattern: "-!#",
   format: On,
   fromCents: !1
-}, ut = function(t) {
+}, ct = function(t) {
   return Math.round(t);
 }, Se = function(t) {
   return Math.pow(10, t);
 }, xn = function(t, n) {
-  return ut(t / n) * n;
+  return ct(t / n) * n;
 }, Fn = /(\d)(?=(\d{3})+\b)/g, In = /(\d)(?=(\d\d)+\d\b)/g;
 function H(e, t) {
   var n = this;
@@ -551,7 +551,7 @@ function ne(e, t) {
       throw Error("Invalid Input");
     o = 0;
   }
-  return r || (o *= u, o = o.toFixed(4)), n ? ut(o) : o;
+  return r || (o *= u, o = o.toFixed(4)), n ? ct(o) : o;
 }
 function On(e, t) {
   var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, a = t.decimal, r = t.groups, u = ("" + e).replace(/^-/, "").split("."), m = u[0], E = u[1];
@@ -663,11 +663,11 @@ function Vn() {
   }
   return ye(Hn);
 }
-const An = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Pe = { randomUUID: An };
+const An = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), qe = { randomUUID: An };
 function $n(e, t, n) {
   var l;
-  if (Pe.randomUUID && !e)
-    return Pe.randomUUID();
+  if (qe.randomUUID && !e)
+    return qe.randomUUID();
   e = e || {};
   const o = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? Vn();
   if (o.length < 16)
@@ -682,7 +682,7 @@ function Bn(e) {
 }
 function _n(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);
+  return t.length !== 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
 function Nn(e, t) {
   return H(e).divide(t ?? I.defaultCurrencyDivisor).format();
@@ -740,13 +740,13 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
     t({
       addRemoteOption: At
     });
-    const r = S(), u = S(), m = S(), E = S(!1), p = S(), y = S(!1), c = S(""), f = S(null), g = S(null), M = S(!1), L = S(null), B = S(!1), gt = T(() => s.showCreateTextOnNewItem ?? !0), q = T(() => !!(s.options || p.value)), wt = T(() => s.options ?? p.value ?? []), Et = T(() => s.prependOptions ?? []), bt = T(() => s.appendOptions ?? []), xe = T(() => !!s.disabled || !q.value), kt = T(() => !q.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Tt = T(() => s.noResultsText || "No options match your search."), z = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), K = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : z.value ? (i) => String(z.value(i)) : null), fe = T(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), Fe = T(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Ie = T(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Oe = T(() => [...Et.value, ...wt.value, ...bt.value]), De = T(() => !!(s.groupField || s.groupFormatter)), ve = T(() => Oe.value.map((i, v) => {
-      var Ne, Re, We;
-      const h = (Ne = fe.value) == null ? void 0 : Ne.call(fe, i), d = Fe.value(i), w = (Re = s.subtitleFormatter) == null ? void 0 : Re.call(s, i), C = d ? d.trim().toLowerCase() : "", _e = w ? w.trim().toLowerCase() : "", te = [];
-      return s.searchFields ? s.searchFields.forEach((Ue) => {
-        i[Ue] && te.push(String(i[Ue]).toLowerCase());
-      }) : (te.push(C), _e && te.push(_e)), {
-        key: ((We = K.value) == null ? void 0 : We.call(K, i)) ?? String(v),
+    const r = S(), u = S(), m = S(), E = S(!1), p = S(), y = S(!1), c = S(""), f = S(null), g = S(null), M = S(!1), L = S(null), B = S(!1), wt = T(() => s.showCreateTextOnNewItem ?? !0), q = T(() => !!(s.options || p.value)), Et = T(() => s.options ?? p.value ?? []), bt = T(() => s.prependOptions ?? []), kt = T(() => s.appendOptions ?? []), xe = T(() => !!s.disabled || !q.value && !s.loadOptions), Tt = T(() => !q.value && s.preload ? "Loading..." : s.nullTitle ? s.nullTitle : s.placeholder || ""), Ct = T(() => s.noResultsText || "No options match your search."), z = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), K = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : z.value ? (i) => String(z.value(i)) : null), fe = T(() => s.groupFormatter ? s.groupFormatter : s.groupField ? (i) => String(i[s.groupField]) : null), Fe = T(() => s.formatter ? s.formatter : s.labelField ? (i) => String(i[s.labelField]) : (i) => String(i)), Ie = T(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Oe = T(() => [...bt.value, ...Et.value, ...kt.value]), De = T(() => !!(s.groupField || s.groupFormatter)), ve = T(() => Oe.value.map((i, v) => {
+      var Re, We, Ue;
+      const h = (Re = fe.value) == null ? void 0 : Re.call(fe, i), d = Fe.value(i), w = (We = s.subtitleFormatter) == null ? void 0 : We.call(s, i), C = d ? d.trim().toLowerCase() : "", Ne = w ? w.trim().toLowerCase() : "", te = [];
+      return s.searchFields ? s.searchFields.forEach((je) => {
+        i[je] && te.push(String(i[je]).toLowerCase());
+      }) : (te.push(C), Ne && te.push(Ne)), {
+        key: ((Ue = K.value) == null ? void 0 : Ue.call(K, i)) ?? String(v),
         group: h,
         title: d,
         subtitle: w,
@@ -769,7 +769,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
             };
           }), B.value && (i.find((C) => C.searchContent === v) !== void 0 || i.push({
             key: l,
-            title: gt.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
+            title: wt.value ? "Create <strong>" + c.value.trim() + "</strong>..." : c.value.trim()
           }));
         }
       } else s.nullTitle && i.unshift({
@@ -777,7 +777,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         title: s.nullTitle
       });
       return i;
-    }), Ct = T(() => {
+    }), St = T(() => {
       if (!De.value)
         return [
           {
@@ -792,7 +792,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
       }));
     });
     D(() => s.modelValue, pe), D(ve, () => {
-      M.value && setTimeout(Ae, 0);
+      M.value && setTimeout($e, 0);
     }), D(c, () => {
       y.value && !s.remoteSearch && !c.value.trim().length && (y.value = !1);
     }), D(M, () => {
@@ -801,12 +801,12 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
       var i;
       s.modelValue !== null && f.value === null && pe(), (L.value !== null || y.value) && !F.value.find((v) => v.key == L.value) && (L.value = ((i = F.value[0]) == null ? void 0 : i.key) ?? o);
     }), _(async () => {
-      B.value = s.onCreateItem !== void 0, s.loadOptions && s.preload && await He(), !s.options && (s.valueField || s.valueExtractor) ? c.value = s.loadingText ?? "..." : pe(), D(f, () => {
+      B.value = s.onCreateItem !== void 0, s.loadOptions && s.preload && await He(), !s.options && (s.valueField || s.valueExtractor) && (!s.loadOptions || s.preload) ? c.value = s.loadingText ?? "..." : pe(), D(f, () => {
         f.value !== s.modelValue && a(
           "update:modelValue",
-          je(f.value) && z.value !== null ? z.value(f.value) : f.value
+          Pe(f.value) && z.value !== null ? z.value(f.value) : f.value
         );
-      }), s.remoteSearch && D(c, Xt(St, 250));
+      }), s.remoteSearch && D(c, Xt(Mt, 250));
     }), ae(() => {
       var i;
       (i = m.value) == null || i.remove();
@@ -817,14 +817,14 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
     async function Ve() {
       var v;
       const i = s.remoteSearch && y.value && c.value.length ? c.value : null;
-      E.value = !0, p.value = await ((v = s.loadOptions) == null ? void 0 : v.call(s, i)) ?? [], E.value = !1;
+      E.value = !0, p.value = await ((v = s.loadOptions) == null ? void 0 : v.call(s, i)) ?? [], E.value = !1, Ae();
     }
-    function St() {
+    function Mt() {
       y.value && (Ve(), y.value = c.value.trim().length > 0);
     }
-    function Mt(i) {
+    function Lt(i) {
       if (i.key == "Escape") {
-        i.stopPropagation(), i.target.blur(), Be();
+        i.stopPropagation(), i.target.blur(), _e();
         return;
       }
       if (!(i.key == "ArrowLeft" || i.key == "ArrowRight") && i.key != "Tab") {
@@ -841,7 +841,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         if (i.key == "Enter") {
           i.preventDefault();
           const v = F.value.find((h) => h.key == L.value);
-          if (v) return $e(v);
+          if (v) return Be(v);
         }
         if (i.key === "Delete" || i.key === "Backspace") {
           c.value.length > 1 && (y.value = !0);
@@ -850,13 +850,13 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         !i.metaKey && Kn.includes(i.key) && (y.value = !0);
       }
     }
-    function Lt() {
-      xt(), M.value = !0, setTimeout(() => {
+    function xt() {
+      Ae(), M.value = !0, setTimeout(() => {
         var i;
         return (i = u.value) == null ? void 0 : i.select();
       }, 0);
     }
-    function xt(i) {
+    function Ae(i) {
       f.value ? L.value = Ft(f.value) : s.nullTitle && (L.value = o);
     }
     function Ft(i) {
@@ -867,7 +867,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
       const v = F.value.find((w) => w.ref === i);
       if (v)
         return v;
-      const h = s.keyExtractor ? (w, C) => s.keyExtractor(w) === s.keyExtractor(C) : st, d = F.value.find((w) => h(w.ref, i));
+      const h = s.keyExtractor ? (w, C) => s.keyExtractor(w) === s.keyExtractor(C) : it, d = F.value.find((w) => h(w.ref, i));
       return d || null;
     }
     function Ot() {
@@ -885,9 +885,9 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         const C = window.innerHeight - v - 12;
         d.style.maxHeight = C + "px";
       }
-      d.style.visibility = "visible", document.body.appendChild(d), setTimeout(Ae, 0);
+      d.style.visibility = "visible", document.body.appendChild(d), setTimeout($e, 0);
     }
-    function Ae() {
+    function $e() {
       if (!q.value || !L.value) return;
       const i = F.value.findIndex((d) => d.key == L.value), v = m.value, h = v == null ? void 0 : v.querySelectorAll(".option")[i];
       h && (v.scrollTop = h.offsetTop);
@@ -903,7 +903,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
       const d = m.value, w = d == null ? void 0 : d.querySelectorAll(".option")[h];
       w && (w.offsetTop < d.scrollTop ? d.scrollTop = w.offsetTop : w.offsetTop + w.offsetHeight > d.scrollTop + d.clientHeight && (d.scrollTop = w.offsetTop + w.offsetHeight - d.clientHeight));
     }
-    function $e(i) {
+    function Be(i) {
       var v, h;
       if (y.value = !1, i.key === o)
         c.value = "", f.value = null, g.value = null;
@@ -914,15 +914,15 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         const w = ve.value.find((C) => C.key == i.key).ref;
         f.value = w, g.value = Ie.value(w), c.value = g.value ?? "";
       }
-      (h = u.value) == null || h.blur(), Be();
+      (h = u.value) == null || h.blur(), _e();
     }
     function pe() {
-      s.modelValue !== null ? (f.value = z.value ? Oe.value.find((i) => s.modelValue === z.value(i)) : s.modelValue, g.value = je(f.value) ? Ie.value(f.value) : null, c.value = g.value ?? "") : (f.value = null, g.value = null, c.value = "");
+      s.modelValue !== null ? (f.value = z.value ? Oe.value.find((i) => s.modelValue === z.value(i)) : s.modelValue, g.value = Pe(f.value) ? Ie.value(f.value) : null, c.value = g.value ?? "") : (f.value = null, g.value = null, c.value = "");
     }
     function At(i) {
       p.value.unshift(i);
     }
-    function Be() {
+    function _e() {
       var w;
       if (!s.autoNext) return;
       let i = (w = r.value) == null ? void 0 : w.parentElement;
@@ -946,12 +946,12 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         type: "text",
         disabled: xe.value,
         class: A({ nullable: !!i.nullTitle }),
-        placeholder: kt.value,
+        placeholder: Tt.value,
         required: i.required,
         name: i.name,
         "data-1p-ignore": "",
-        onKeydown: Mt,
-        onFocus: Lt,
+        onKeydown: Lt,
+        onFocus: xt,
         onBlur: Ot
       }, null, 42, Rn), [
         [qt, c.value]
@@ -962,7 +962,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
         ref: m,
         class: A(["vf-smart-select-options", { grouped: De.value }])
       }, [
-        q.value ? (b(!0), k(se, { key: 1 }, ie(Ct.value, (h) => (b(), k("div", {
+        q.value ? (b(!0), k(se, { key: 1 }, ie(St.value, (h) => (b(), k("div", {
           key: h.groupTitle,
           class: "group"
         }, [
@@ -979,7 +979,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
               key: d.key,
               class: A(["option", [L.value === d.key && "highlighted", d.ref && ((w = i.classForOption) == null ? void 0 : w.call(i, d.ref))]]),
               onMousemove: (C) => Vt(d),
-              onMousedown: (C) => $e(d)
+              onMousedown: (C) => Be(d)
             }, [
               U(i.$slots, "option", { option: d }, () => [
                 $("div", {
@@ -996,7 +996,7 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
           }), 128)),
           !F.value.length && c.value ? (b(), k("div", zn, [
             U(i.$slots, "no-results", {}, () => [
-              Z(W(Tt.value), 1)
+              Z(W(Ct.value), 1)
             ])
           ])) : V("", !0)
         ]))), 128)) : (b(), k("div", Wn, "Loading..."))
@@ -1026,9 +1026,9 @@ const Rn = ["disabled", "placeholder", "required", "name"], Wn = {
       }
     ), D(a, (r) => {
       var m;
-      const u = r ? (m = o.value.find((E) => st(E, r))) == null ? void 0 : m.value : null;
+      const u = r ? (m = o.value.find((E) => it(E, r))) == null ? void 0 : m.value : null;
       s("update:modelValue", u ?? null);
-    }), (r, u) => (b(), et(Yn, {
+    }), (r, u) => (b(), tt(Yn, {
       modelValue: a.value,
       "onUpdate:modelValue": u[0] || (u[0] = (m) => a.value = m),
       options: o.value,
@@ -1115,14 +1115,14 @@ function so(e) {
 function io(e) {
   return e ? Gt(e) : null;
 }
-function ct(e) {
+function dt(e) {
   return e ? Zt(e) : null;
 }
 function lo(e) {
   return e ? e.toUpperCase() : null;
 }
 function ro(e) {
-  return e ? ct(e.toLowerCase()) : null;
+  return e ? dt(e.toLowerCase()) : null;
 }
 function ao(e) {
   return e ? Bn(e) : null;
@@ -1145,14 +1145,14 @@ function mo(e, t) {
 function po(e) {
   return e && P(on(sn(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), I.defaultDateFormat);
 }
-const qe = {
+const ze = {
   bytes: eo,
   dash: to,
   dashZeros: no,
   number: oo,
   phone: so,
   upperFirst: io,
-  startCase: ct,
+  startCase: dt,
   upperCase: lo,
   upperWords: ro,
   desnake: ao,
@@ -1163,17 +1163,17 @@ const qe = {
   dateTime: mo,
   oneDayForward: po
 }, ds = (e) => ({
-  ...qe,
-  ...e(qe)
+  ...ze,
+  ...e(ze)
 }), Me = Symbol("HookState");
 function fs(e, t) {
   const n = t ?? Ee();
-  _(() => ho(n, e), n), tt(() => yo(n), n), nt(() => ze(n), n), ae(() => ze(n), n);
+  _(() => ho(n, e), n), nt(() => yo(n), n), ot(() => Ke(n), n), ae(() => Ke(n), n);
 }
 function ho(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new J(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const o = dt(e.vnode.el);
+    const o = ft(e.vnode.el);
     o ? n.ancestor = new J(o, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
   t.windowScrolledToBottom && (n.window = new J(window, t.windowScrolledToBottom)), e[Me] = n;
@@ -1183,17 +1183,17 @@ function yo(e) {
   const t = e[Me];
   (n = t == null ? void 0 : t.el) == null || n.install(), (o = t == null ? void 0 : t.ancestor) == null || o.install(), (l = t == null ? void 0 : t.window) == null || l.install();
 }
-function ze(e) {
+function Ke(e) {
   var n, o, l;
   const t = e[Me];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (o = t == null ? void 0 : t.ancestor) == null || o.uninstall(), (l = t == null ? void 0 : t.window) == null || l.uninstall();
 }
 const ge = ["auto", "scroll"];
-function dt(e) {
+function ft(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return ge.includes(n.overflow) || ge.includes(n.overflowX) || ge.includes(n.overflowY) ? t : dt(t);
+  return ge.includes(n.overflow) || ge.includes(n.overflowX) || ge.includes(n.overflowY) ? t : ft(t);
 }
 class J {
   constructor(t, n) {
@@ -1212,15 +1212,15 @@ class J {
   }
 }
 function vs(e) {
-  _(() => window.addEventListener("resize", e)), tt(() => window.addEventListener("resize", e)), nt(() => window.removeEventListener("resize", e)), ae(() => window.removeEventListener("resize", e));
+  _(() => window.addEventListener("resize", e)), nt(() => window.addEventListener("resize", e)), ot(() => window.removeEventListener("resize", e)), ae(() => window.removeEventListener("resize", e));
 }
 const go = {
-  mounted: Ye,
-  updated: Ye
-}, Ke = Symbol("HasAutoFocused");
-function Ye(e, t) {
-  if (t.value === void 0 && e[Ke] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[Ke] = !0;
+  mounted: Xe,
+  updated: Xe
+}, Ye = Symbol("HasAutoFocused");
+function Xe(e, t) {
+  if (t.value === void 0 && e[Ye] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[Ye] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
@@ -1261,10 +1261,10 @@ function ko(e) {
   });
 }
 const To = {
-  beforeMount: Xe,
-  updated: Xe
+  beforeMount: Ze,
+  updated: Ze
 };
-function Xe(e, t) {
+function Ze(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = Co(e, t));
 }
 function Co(e, t) {
@@ -1285,47 +1285,47 @@ function Co(e, t) {
     const y = /* @__PURE__ */ new Date();
     y.getFullYear() === s.getFullYear() ? (y.getMonth() !== s.getMonth() || y.getDate() !== s.getDate()) && (p = "M/d") : p = "M/d/yy";
     const c = r ? null : I.defaultTimeFormat;
-    a = ot([p, c]).join(" ");
+    a = st([p, c]).join(" ");
   }
   a || (r ? a = I.defaultDateFormat : a = `${I.defaultDateFormat} ${I.defaultTimeFormat}`);
   let u = P(s, a);
   return n && (u = n + " " + u), u;
 }
 const So = {
-  beforeMount: Ze,
-  updated: Ze,
+  beforeMount: Ge,
+  updated: Ge,
   unmounted: Mo
 };
-function Ze(e, t) {
+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 Mo(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
 const Lo = {
-  beforeMount: Ge,
-  updated: Ge,
-  unmounted: vt
+  beforeMount: Je,
+  updated: Je,
+  unmounted: mt
 }, ee = Symbol("HasAutoFocused"), Le = [];
 function xo() {
-  Le.forEach(ft);
+  Le.forEach(vt);
 }
 setInterval(xo, 1e3);
-function Ge(e, t) {
+function Je(e, t) {
   var a;
   if (t.value == t.oldValue) return;
-  if (!t.value) return vt(e);
+  if (!t.value) return mt(e);
   const n = new Date(t.value), o = (a = e.attributes.getNamedItem("base-time")) == null ? void 0 : a.value, l = n.getTime() - (o ? new Date(o).getTime() - t.value * 1e3 : 0), s = e.getAttribute("no-seconds") === null;
   e[ee] || Le.push(e), e[ee] = {
     startTs: l,
     includeSeconds: s
-  }, ft(e);
+  }, vt(e);
 }
-function ft(e) {
+function vt(e) {
   const t = e[ee], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = Fo(n, t.includeSeconds);
 }
-function vt(e) {
+function mt(e) {
   e[ee] && (Jt(Le, e), delete e[ee]), e.innerText = "-";
 }
 function Fo(e, t) {
@@ -1337,25 +1337,25 @@ function Fo(e, t) {
   return (o || l || s) && n.push(s + "m"), t ? n.length || n.push("0m") : (e -= s * 60, n.push(e + "s")), n.join(" ");
 }
 const Io = {
-  mounted: mt,
+  mounted: pt,
   updated: Oo,
-  unmounted: pt
+  unmounted: ht
 }, j = /* @__PURE__ */ new Map();
-function mt(e, t) {
-  j.size === 0 && window.addEventListener("keydown", ht), j.set(t.value.toLowerCase(), [...j.get(t.value.toLowerCase()) ?? [], e]);
-}
 function pt(e, t) {
+  j.size === 0 && window.addEventListener("keydown", yt), j.set(t.value.toLowerCase(), [...j.get(t.value.toLowerCase()) ?? [], e]);
+}
+function ht(e, t) {
   const n = j.get(t.value.toLowerCase());
   if (n) {
     const o = n.indexOf(e);
     o !== -1 && n.splice(o, 1), n.length === 0 && j.delete(t.value.toLowerCase());
   }
-  j.size === 0 && window.removeEventListener("keydown", ht);
+  j.size === 0 && window.removeEventListener("keydown", yt);
 }
 function Oo(e, t) {
-  pt(e, t), mt(e, t);
+  ht(e, t), pt(e, t);
 }
-function ht(e) {
+function yt(e) {
   if (typeof e.key != "string") return;
   const t = e.key.toLowerCase(), n = j.get(t);
   if (n) {
@@ -1376,18 +1376,18 @@ const X = Symbol("InfiniteScrollHandler"), Do = {
     (t = e[X]) == null || t.uninstall(), delete e[X];
   }
 }, Ho = {
-  beforeMount: Je,
-  updated: Je
+  beforeMount: Qe,
+  updated: Qe
 };
-function Je(e, t) {
+function Qe(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
 const Vo = {
-  mounted: Qe,
-  updated: Qe,
-  unmounted: yt
+  mounted: et,
+  updated: et,
+  unmounted: gt
 }, Q = Symbol("TooltipState");
-function Qe(e, t) {
+function et(e, t) {
   var o;
   let n = ((o = e.attributes.getNamedItem("tip")) == null ? void 0 : o.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1397,9 +1397,9 @@ function Qe(e, t) {
     };
     e[Q] ? e[Q].configure(l) : e[Q] = new Ao(e, l);
   } else
-    yt(e);
+    gt(e);
 }
-function yt(e) {
+function gt(e) {
   var t;
   (t = e[Q]) == null || t.destroy(), delete e[Q];
 }
@@ -1473,7 +1473,7 @@ export {
   Bn as desnakeCase,
   fn as dismissOverlayInjectionById,
   qo as dismissOverlayInjectionByInstance,
-  it as dismissOverlayInjectionByInternalInstance,
+  lt as dismissOverlayInjectionByInternalInstance,
   dn as dismissOverlayInjectionByVnode,
   ys as escapeHtml,
   mn as formatError,
@@ -1484,7 +1484,7 @@ export {
   Zo as handleErrorAndAlert,
   ms as installVf,
   pn as isError,
-  je as isNotNullOrUndefined,
+  Pe as isNotNullOrUndefined,
   Jo as maskComponent,
   hn as maskEl,
   yn as maskForm,
@@ -1503,8 +1503,8 @@ export {
   ns as sleepSecs,
   Ce as toError,
   Qo as unmaskComponent,
-  lt as unmaskEl,
-  rt as unmaskForm,
+  rt as unmaskEl,
+  at as unmaskForm,
   fs as useInfiniteScroll,
   vs as useResizeWatcher,
   rs as uuid,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.25.7",
+    "version": "4.25.8",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {