@signal24/vue-foundation 4.28.2 → 4.29.1

package/dist/vue-foundation.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as N, ref as S, computed as T, watch as I, onMounted as _, createElementBlock as k, withDirectives as ie, openBlock as b, createElementVNode as $, toDisplayString as R, createCommentVNode as V, Fragment as le, renderList as re, vModelSelect as Vt, getCurrentInstance as be, withModifiers as ke, normalizeStyle as Ht, normalizeClass as H, renderSlot as W, reactive as At, h as ae, Teleport as $t, markRaw as Bt, onBeforeUnmount as ue, resolveDirective as _t, createBlock as Je, createSlots as Nt, withCtx as he, createTextVNode as X, vModelText as Rt, onActivated as Qe, onDeactivated as et } from "vue";
 import { compact as tt, cloneDeep as Wt, uniq as jt, groupBy as Ut, isEqual as we, debounce as Pt, startCase as qt, upperFirst as zt, remove as Kt, last as Yt } from "lodash";
-import { configureOpenApiClient as Xt, OpenApiError as Zt } from "@signal24/openapi-client-codegen/browser";
+import { configureOpenApiClient as Xt, OpenApiError as Zt } from "@signal24/openapi-client-codegen";
 import { escapeHtml as Gt } from "@vue/shared";
 import { escapeHtml as vs } from "@vue/shared";
 import { format as U, addDays as Jt, parse as Qt } from "date-fns";
@@ -23,8 +23,8 @@ const en = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, o = t, l = S(null), s = T(() => l.value ? l.value.map((d) => {
-      const E = d;
-      return n.preprocesor ? n.preprocesor(E) : n.displayKey ? E[n.displayKey] : "";
+      const g = d;
+      return n.preprocesor ? n.preprocesor(g) : n.displayKey ? g[n.displayKey] : "";
     }) : null), u = S(n.modelValue ?? null);
     I(() => n.loadFn, r), I(
       () => n.modelValue,
@@ -35,13 +35,13 @@ const en = {
     }
     return _(r), (c, d) => s.value ? ie((b(), k("select", {
       key: 1,
-      "onUpdate:modelValue": d[0] || (d[0] = (E) => u.value = E)
+      "onUpdate:modelValue": d[0] || (d[0] = (g) => u.value = g)
     }, [
       n.nullText ? (b(), k("option", tn, R(n.nullText), 1)) : V("", !0),
-      (b(!0), k(le, null, re(s.value, (E, h) => (b(), k("option", {
+      (b(!0), k(le, null, re(s.value, (g, h) => (b(), k("option", {
         key: h,
         value: l.value?.[h]
-      }, R(E), 9, nn))), 128))
+      }, R(g), 9, nn))), 128))
     ], 512)), [
       [Vt, u.value]
     ]) : (b(), k("select", en, [
@@ -69,25 +69,25 @@ const on = /* @__PURE__ */ N({
     _(u);
     function u() {
       if (!s) return;
-      const d = s.vnode.el, { styles: E, classes: h } = r(d, n);
-      o.value = E, l.value = h;
+      const d = s.vnode.el, { styles: g, classes: h } = r(d, n);
+      o.value = g, l.value = h;
     }
-    function r(d, E) {
-      const h = t.anchor instanceof HTMLElement ? {} : t.anchor, g = E.getBoundingClientRect(), a = d.getBoundingClientRect();
-      h.matchWidth && (a.width = g.width), h.matchHeight && (a.height = g.height);
+    function r(d, g) {
+      const h = t.anchor instanceof HTMLElement ? {} : t.anchor, w = g.getBoundingClientRect(), a = d.getBoundingClientRect();
+      h.matchWidth && (a.width = w.width), h.matchHeight && (a.height = w.height);
       const f = h.class ? Array.isArray(h.class) ? h.class : [h.class] : [];
       let m, C;
       if (h.y === "center")
-        m = g.top + g.height / 2 - a.height / 2, f.push("anchored-center-y");
+        m = w.top + w.height / 2 - a.height / 2, f.push("anchored-center-y");
       else {
-        const B = (g.bottom + a.height < window.innerHeight || h.y === "below") && h.y !== "above";
-        m = B ? g.bottom : g.top - a.height, f.push(B ? "anchored-top" : "anchored-bottom");
+        const B = (w.bottom + a.height < window.innerHeight || h.y === "below") && h.y !== "above";
+        m = B ? w.bottom : w.top - a.height, f.push(B ? "anchored-top" : "anchored-bottom");
       }
       if (h.x === "center")
-        C = g.left + g.width / 2 - a.width / 2, f.push("anchored-center-x");
+        C = w.left + w.width / 2 - a.width / 2, f.push("anchored-center-x");
       else {
-        const B = (g.left + a.width < window.innerWidth || h.x === "left") && h.x !== "right";
-        C = B ? g.left : g.right - a.width, f.push(B ? "anchored-left" : "anchored-right");
+        const B = (w.left + a.width < window.innerWidth || h.x === "left") && h.x !== "right";
+        C = B ? w.left : w.right - a.width, f.push(B ? "anchored-left" : "anchored-right");
       }
       return {
         styles: {
@@ -106,7 +106,7 @@ const on = /* @__PURE__ */ N({
       setTimeout(() => {
         window.addEventListener("click", c);
       }, 10);
-    }), (d, E) => (b(), k("div", {
+    }), (d, g) => (b(), k("div", {
       class: H(["vf-overlay-anchor", l.value]),
       style: Ht(o.value),
       onClick: ke(c, ["stop"])
@@ -321,7 +321,7 @@ const pn = ["id"], mn = {
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
     const n = be(), o = e;
-    t({ mask: h, unmask: g, hide: a, unhide: f });
+    t({ mask: h, unmask: w, hide: a, unhide: f });
     const l = S(), s = S(), u = S(!1), r = T(() => tt([...Array.isArray(o.class) ? o.class : [o.class], u.value && "hidden"]));
     _(() => {
       document.body.classList.add("vf-modal-open"), o.closeOnMaskClick && (window.addEventListener("keydown", d), l.value?.addEventListener("click", c));
@@ -329,21 +329,21 @@ const pn = ["id"], mn = {
       window.removeEventListener("keydown", d), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function c(m) {
-      m.target == l.value && E();
+      m.target == l.value && g();
     }
     function d(m) {
       if (m.key === "Esc" || m.key === "Escape") {
         const C = document.querySelectorAll(".vf-modal-wrap");
-        C[C.length - 1] === l.value && E();
+        C[C.length - 1] === l.value && g();
       }
     }
-    function E() {
+    function g() {
       nt(n);
     }
     function h() {
-      return vn(s.value), () => g();
+      return vn(s.value), () => w();
     }
-    function g() {
+    function w() {
       st(s.value);
     }
     function a() {
@@ -370,7 +370,7 @@ const pn = ["id"], mn = {
           o.closeX ? (b(), k("i", {
             key: 0,
             class: "close",
-            onClick: E
+            onClick: g
           })) : V("", !0)
         ])) : V("", !0),
         $("div", hn, [
@@ -473,16 +473,16 @@ function Go(e, t) {
       return;
     }
     const f = document.createElement("div");
-    f.classList.add("item"), f.style.userSelect = "none", f.innerText = a.title, o.appendChild(f), a.class && f.classList.add(a.class), a.shouldConfirm ? f.addEventListener("click", (m) => g(m, f, a.handler)) : f.addEventListener("click", () => a.handler());
+    f.classList.add("item"), f.style.userSelect = "none", f.innerText = a.title, o.appendChild(f), a.class && f.classList.add(a.class), a.shouldConfirm ? f.addEventListener("click", (m) => w(m, f, a.handler)) : f.addEventListener("click", () => a.handler());
   });
-  const s = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, r = o.offsetHeight, c = o.offsetWidth, d = s < c ? e.clientX - c - 1 : e.clientX + 1, E = u < r ? e.clientY - r - 1 : e.clientY + 1;
-  o.style.left = d + "px", o.style.top = E + "px", setTimeout(() => {
+  const s = window.innerWidth - e.clientX, u = window.innerHeight - e.clientY, r = o.offsetHeight, c = o.offsetWidth, d = s < c ? e.clientX - c - 1 : e.clientX + 1, g = u < r ? e.clientY - r - 1 : e.clientY + 1;
+  o.style.left = d + "px", o.style.top = g + "px", setTimeout(() => {
     o.style.width = o.offsetWidth + "px";
   }, 50);
   function h() {
     t.targetClass && l.classList.remove(t.targetClass), l.classList.remove("context-menu-active"), l.style.userSelect = "", n.remove();
   }
-  function g(a, f, m) {
+  function w(a, f, m) {
     if (f.classList.contains("pending-confirm"))
       return m();
     const C = f.innerHTML;
@@ -551,14 +551,14 @@ function D(e, t) {
   n.intValue = s, n.value = s / l, o.increment = o.increment || 1 / l, o.useVedic ? o.groups = xn : o.groups = Cn, this.s = o, this.p = l;
 }
 function se(e, t) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, u = t.precision, r = t.fromCents, c = Ce(u), d = typeof e == "number", E = e instanceof D;
-  if (E && r)
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, o = 0, l = t.decimal, s = t.errorOnInvalid, u = t.precision, r = t.fromCents, c = Ce(u), d = typeof e == "number", g = e instanceof D;
+  if (g && r)
     return e.intValue;
-  if (d || E)
-    o = E ? e.value : e;
+  if (d || g)
+    o = g ? e.value : e;
   else if (typeof e == "string") {
-    var h = new RegExp("[^-\\d" + l + "]", "g"), g = new RegExp("\\" + l, "g");
-    o = e.replace(/\((.*)\)/, "-$1").replace(h, "").replace(g, "."), o = o || 0;
+    var h = new RegExp("[^-\\d" + l + "]", "g"), w = new RegExp("\\" + l, "g");
+    o = e.replace(/\((.*)\)/, "-$1").replace(h, "").replace(w, "."), o = o || 0;
   } else {
     if (s)
       throw Error("Invalid Input");
@@ -567,8 +567,8 @@ function se(e, t) {
   return r || (o *= c, o = o.toFixed(4)), n ? lt(o) : o;
 }
 function Mn(e, t) {
-  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, u = t.decimal, r = t.groups, c = ("" + e).replace(/^-/, "").split("."), d = c[0], E = c[1];
-  return (e.value >= 0 ? n : o).replace("!", l).replace("#", d.replace(r, "$1" + s) + (E ? u + E : ""));
+  var n = t.pattern, o = t.negativePattern, l = t.symbol, s = t.separator, u = t.decimal, r = t.groups, c = ("" + e).replace(/^-/, "").split("."), d = c[0], g = c[1];
+  return (e.value >= 0 ? n : o).replace("!", l).replace("#", d.replace(r, "$1" + s) + (g ? u + g : ""));
 }
 D.prototype = {
   /**
@@ -752,12 +752,12 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
     t({
       addRemoteOption: Dt
     });
-    const r = S(), c = S(), d = S(), E = S(!1), h = S(), g = S(!1), a = S(""), f = S(null), m = S(null), C = S(!1), x = S(null), B = S(!1), mt = T(() => s.showCreateTextOnNewItem ?? !0), P = T(() => !!(s.options || h.value)), ht = T(() => s.options ?? h.value ?? []), yt = T(() => s.prependOptions ?? []), gt = T(() => s.appendOptions ?? []), Le = T(() => !!s.disabled || !P.value && !s.loadOptions), z = T(() => s.loadingText || "..."), wt = T(() => !P.value && (!s.loadOptions || s.preload || s.modelValue && (s.valueField || s.valueExtractor)) ? z.value : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = T(() => s.noResultsText || "No options match your search."), q = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), fe = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), bt = 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)), Oe = T(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Ie = T(() => [...yt.value, ...ht.value, ...gt.value]), De = T(() => !!(s.groupField || s.groupFormatter)), ve = T(() => Ie.value.map((i, w) => {
+    const r = S(), c = S(), d = S(), g = S(!1), h = S(), w = S(!1), a = S(""), f = S(null), m = S(null), C = S(!1), x = S(null), B = S(!1), mt = T(() => s.showCreateTextOnNewItem ?? !0), P = T(() => !!(s.options || h.value)), ht = T(() => s.options ?? h.value ?? []), yt = T(() => s.prependOptions ?? []), gt = T(() => s.appendOptions ?? []), Le = T(() => !!s.disabled || !P.value && (g.value || !s.loadOptions)), z = T(() => s.loadingText || "..."), wt = T(() => !P.value && (!s.loadOptions || s.preload || s.modelValue && (s.valueField || s.valueExtractor)) ? z.value : s.nullTitle ? s.nullTitle : s.placeholder || ""), Et = T(() => s.noResultsText || "No options match your search."), q = T(() => s.valueExtractor ? s.valueExtractor : s.valueField ? (i) => i[s.valueField] : null), fe = T(() => s.keyExtractor ? s.keyExtractor : s.keyField ? (i) => String(i[s.keyField]) : q.value ? (i) => String(q.value(i)) : null), bt = 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)), Oe = T(() => s.selectionFormatter ? s.selectionFormatter : Fe.value), Ie = T(() => [...yt.value, ...ht.value, ...gt.value]), De = T(() => !!(s.groupField || s.groupFormatter)), ve = T(() => Ie.value.map((i, E) => {
       const p = bt.value?.(i), v = Fe.value(i), y = s.subtitleFormatter?.(i), O = v ? v.trim().toLowerCase() : "", Ne = y ? y.trim().toLowerCase() : "", oe = [];
       return s.searchFields ? s.searchFields.forEach((Re) => {
         i[Re] && oe.push(String(i[Re]).toLowerCase());
       }) : (oe.push(O), Ne && oe.push(Ne)), {
-        key: fe.value?.(i) ?? String(w),
+        key: fe.value?.(i) ?? String(E),
         group: p,
         title: v,
         subtitle: y,
@@ -766,16 +766,16 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       };
     })), L = T(() => {
       let i = [...ve.value];
-      if (g.value) {
-        const w = a.value.trim().toLowerCase();
-        if (w.length) {
-          i = i.filter((y) => y.searchContent.includes(w));
+      if (w.value) {
+        const E = a.value.trim().toLowerCase();
+        if (E.length) {
+          i = i.filter((y) => y.searchContent.includes(E));
           const p = Gt(a.value).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), v = new RegExp(`(${p})`, "ig");
           i = i.map((y) => ({
             ...y,
             title: y.title.replace(v, "<mark>$1</mark>"),
             subtitle: y.subtitle?.replace(v, "<mark>$1</mark>")
-          })), B.value && (i.find((O) => O.searchContent === w) !== void 0 || i.push({
+          })), B.value && (i.find((O) => O.searchContent === E) !== void 0 || i.push({
             key: l,
             title: mt.value ? "Create <strong>" + a.value.trim() + "</strong>..." : a.value.trim()
           }));
@@ -793,20 +793,20 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
             options: L.value
           }
         ];
-      const i = jt(L.value.map((p) => p.group ?? "")), w = Ut(L.value, (p) => p.group ?? "");
+      const i = jt(L.value.map((p) => p.group ?? "")), E = Ut(L.value, (p) => p.group ?? "");
       return i.map((p) => ({
         groupTitle: p,
-        options: w[p]
+        options: E[p]
       }));
     });
     I(() => s.modelValue, me), I(ve, () => {
       C.value && setTimeout($e, 0);
     }), I(a, () => {
-      g.value && !s.remoteSearch && !a.value.trim().length && (g.value = !1);
+      w.value && !s.remoteSearch && !a.value.trim().length && (w.value = !1);
     }), I(C, () => {
-      C.value ? setTimeout(Ft, 0) : (g.value = !1, a.value = m.value ?? "", d.value && (d.value.style.visibility = "hidden"));
+      C.value ? setTimeout(Ft, 0) : (w.value = !1, a.value = m.value ?? "", d.value && (d.value.style.visibility = "hidden"));
     }), I(L, () => {
-      s.modelValue !== null && f.value === null && me(), (x.value !== null || g.value) && !L.value.find((i) => i.key == x.value) && (x.value = L.value[0]?.key ?? o);
+      s.modelValue !== null && f.value === null && me(), (x.value !== null || w.value) && !L.value.find((i) => i.key == x.value) && (x.value = L.value[0]?.key ?? o);
     }), _(async () => {
       B.value = s.onCreateItem !== void 0, s.loadOptions && s.preload && (a.value = z.value, await Ve(), a.value = ""), !s.options && !s.loadOptions && (s.valueField || s.valueExtractor) ? a.value = z.value : me(), I(f, () => {
         const i = We(f.value) && q.value !== null ? q.value(f.value) : f.value;
@@ -819,11 +819,11 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       await He(), h.value && u("optionsLoaded", h.value);
     }
     async function He() {
-      const i = s.remoteSearch && g.value && a.value.length ? a.value : null;
-      E.value = !0, h.value = await s.loadOptions?.(i) ?? [], E.value = !1, Ae();
+      const i = s.remoteSearch && w.value && a.value.length ? a.value : null;
+      g.value = !0, h.value = await s.loadOptions?.(i) ?? [], g.value = !1, Ae();
     }
     function Tt() {
-      g.value && (He(), g.value = a.value.trim().length > 0);
+      w.value && (He(), w.value = a.value.trim().length > 0);
     }
     function St(i) {
       if (i.key == "Escape") {
@@ -832,7 +832,7 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       }
       if (!(i.key == "ArrowLeft" || i.key == "ArrowRight") && i.key != "Tab") {
         if (!P.value) {
-          g.value || i.preventDefault();
+          w.value || i.preventDefault();
           return;
         }
         if (i.key == "ArrowUp" || i.key == "ArrowDown")
@@ -843,14 +843,14 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
           return i.preventDefault(), pe(i.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (i.key == "Enter") {
           i.preventDefault();
-          const w = L.value.find((p) => p.key == x.value);
-          if (w) return Be(w);
+          const E = L.value.find((p) => p.key == x.value);
+          if (E) return Be(E);
         }
         if (i.key === "Delete" || i.key === "Backspace") {
-          a.value.length > 1 && (g.value = !0);
+          a.value.length > 1 && (w.value = !0);
           return;
         }
-        !i.metaKey && Un.includes(i.key) && (g.value = !0);
+        !i.metaKey && Un.includes(i.key) && (w.value = !0);
       }
     }
     function Ct() {
@@ -863,9 +863,9 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       return fe.value ? fe.value(f.value) : Mt(i)?.key ?? "";
     }
     function Mt(i) {
-      const w = L.value.find((y) => y.ref === i);
-      if (w)
-        return w;
+      const E = L.value.find((y) => y.ref === i);
+      if (E)
+        return E;
       const p = s.keyExtractor ? (y, O) => s.keyExtractor(y) === s.keyExtractor(O) : we, v = L.value.find((y) => p(y.ref, i));
       return v || null;
     }
@@ -876,37 +876,37 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       P.value || Ve(), s.optionsListId && d.value?.setAttribute("id", s.optionsListId), Ot();
     }
     function Ot() {
-      const i = r.value.getBoundingClientRect(), w = i.y + i.height + 2, p = i.x, v = d.value, y = window.getComputedStyle(r.value);
+      const i = r.value.getBoundingClientRect(), E = i.y + i.height + 2, p = i.x, v = d.value, y = window.getComputedStyle(r.value);
       for (let O in y)
         /^(font|text)/.test(O) && (v.style[O] = y[O]);
-      if (v.style.top = w + "px", v.style.left = p + "px", v.style.minWidth = i.width + "px", !y.maxHeight || y.maxHeight == "none") {
-        const O = window.innerHeight - w - 12;
+      if (v.style.top = E + "px", v.style.left = p + "px", v.style.minWidth = i.width + "px", !y.maxHeight || y.maxHeight == "none") {
+        const O = window.innerHeight - E - 12;
         v.style.maxHeight = O + "px";
       }
       v.style.visibility = "visible", document.body.appendChild(v), setTimeout($e, 0);
     }
     function $e() {
       if (!P.value || !x.value) return;
-      const i = L.value.findIndex((v) => v.key == x.value), w = d.value, p = w?.querySelectorAll(".option")[i];
-      p && (w.scrollTop = p.offsetTop);
+      const i = L.value.findIndex((v) => v.key == x.value), E = d.value, p = E?.querySelectorAll(".option")[i];
+      p && (E.scrollTop = p.offsetTop);
     }
     function It(i) {
       x.value = i ? i.key : null;
     }
     function pe(i) {
-      const w = L.value.findIndex((O) => O.key == x.value);
-      let p = w + i;
-      if (p < 0 ? p = 0 : p >= L.value.length && (p = L.value.length - 1), w == p) return;
+      const E = L.value.findIndex((O) => O.key == x.value);
+      let p = E + i;
+      if (p < 0 ? p = 0 : p >= L.value.length && (p = L.value.length - 1), E == p) return;
       x.value = L.value[p].key;
       const v = d.value, y = v?.querySelectorAll(".option")[p];
       y && (y.offsetTop < v.scrollTop ? v.scrollTop = y.offsetTop : y.offsetTop + y.offsetHeight > v.scrollTop + v.clientHeight && (v.scrollTop = y.offsetTop + y.offsetHeight - v.clientHeight));
     }
     function Be(i) {
-      if (g.value = !1, i.key === o)
+      if (w.value = !1, i.key === o)
         a.value = "", f.value = null, m.value = null;
       else if (i.key === l) {
-        const w = a.value.trim();
-        a.value = "", f.value = null, m.value = null, s.onCreateItem?.(w);
+        const E = a.value.trim();
+        a.value = "", f.value = null, m.value = null, s.onCreateItem?.(E);
       } else {
         const p = ve.value.find((v) => v.key == i.key).ref;
         f.value = p, m.value = Oe.value(p), a.value = m.value ?? "";
@@ -925,12 +925,12 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       for (; i && i.tagName !== "FORM" && i.tagName !== "BODY"; )
         i = i.parentElement;
       if (!i) return;
-      const w = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
-      if (!w) return;
-      const p = Array.from(w).findIndex((y) => y === c.value), v = w[p + 1];
+      const E = i.querySelectorAll('input, button, textarea, select, [tabindex]:not([tabindex="-1"])');
+      if (!E) return;
+      const p = Array.from(E).findIndex((y) => y === c.value), v = E[p + 1];
       v && setTimeout(() => v.focus(), 0);
     }
-    return (i, w) => (b(), k("div", {
+    return (i, E) => (b(), k("div", {
       ref_key: "el",
       ref: r,
       class: H(["vf-smart-select", { disabled: Le.value, open: C.value }])
@@ -938,7 +938,7 @@ const $n = ["disabled", "placeholder", "required", "name"], Bn = {
       ie($("input", {
         ref_key: "searchField",
         ref: c,
-        "onUpdate:modelValue": w[0] || (w[0] = (p) => a.value = p),
+        "onUpdate:modelValue": E[0] || (E[0] = (p) => a.value = p),
         type: "text",
         disabled: Le.value,
         class: H({ nullable: !!i.nullTitle }),
@@ -1268,8 +1268,8 @@ function Eo(e, t) {
   }
   if (!u && e.attributes.getNamedItem("simplified-date") !== null) {
     let d = null;
-    const E = /* @__PURE__ */ new Date();
-    E.getFullYear() === s.getFullYear() ? (E.getMonth() !== s.getMonth() || E.getDate() !== s.getDate()) && (d = "M/d") : d = "M/d/yy";
+    const g = /* @__PURE__ */ new Date();
+    g.getFullYear() === s.getFullYear() ? (g.getMonth() !== s.getMonth() || g.getDate() !== s.getDate()) && (d = "M/d") : d = "M/d/yy";
     const h = r ? null : F.defaultTimeFormat;
     u = tt([d, h]).join(" ");
   }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.28.2",
+    "version": "4.29.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -44,7 +44,7 @@
     "devDependencies": {
         "@eslint/js": "9.30.1",
         "@nabla/vite-plugin-eslint": "^2.0.5",
-        "@signal24/openapi-client-codegen": "^2.5.2",
+        "@signal24/openapi-client-codegen": "^2.6.0",
         "@tsconfig/node22": "^22.0.2",
         "@types/jsdom": "^21.1.7",
         "@types/lodash": "^4.17.20",

package/src/components/overlay-container.ts

@@ -38,6 +38,7 @@ export interface OverlayInjection<C extends OverlayComponent, R extends Componen
 }
 
 let overlayCount = 0;
+
 const OverlayInjections: OverlayInjection<any, any>[] = reactive([]);
 watch(OverlayInjections, () => {
     VfOptions.onOverlaysChanged?.(OverlayInjections.length);

package/src/components/vf-smart-select.vue

@@ -126,7 +126,7 @@ const loadedOptions = computed(() => props.options ?? remoteOptions.value ?? [])
 
 const effectivePrependOptions = computed(() => props.prependOptions ?? []);
 const effectiveAppendOptions = computed(() => props.appendOptions ?? []);
-const effectiveDisabled = computed(() => !!props.disabled || (!isLoaded.value && !props.loadOptions));
+const effectiveDisabled = computed(() => !!props.disabled || (!isLoaded.value && (isLoading.value || !props.loadOptions))); // need to check this. what about with typeahead?
 const effectiveLoadingText = computed(() => props.loadingText || '...');
 const effectivePlaceholder = computed(() => {
     if (!isLoaded.value) {

package/src/helpers/openapi.ts

@@ -1,4 +1,4 @@
-import { configureOpenApiClient, type OpenApiClient, type OpenApiClientOptions, OpenApiError } from '@signal24/openapi-client-codegen/browser';
+import { configureOpenApiClient, type OpenApiClient, type OpenApiClientOptions, OpenApiError } from '@signal24/openapi-client-codegen';
 
 import { UserError } from '.';
 

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

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

package/vite.config.ts

@@ -30,7 +30,7 @@ export default defineConfig({
             input: {
                 main: path.resolve(__dirname, 'src/index.ts')
             },
-            external: ['date-fns', 'lodash', 'vue', '@vue/shared', '@signal24/openapi-client-codegen/browser'],
+            external: ['date-fns', 'lodash', 'vue', '@vue/shared', '@signal24/openapi-client-codegen'],
             output: {
                 assetFileNames: assetInfo => {
                     if (assetInfo.name === 'main.css') return 'vue-foundation.css';