@signal24/vue-foundation 4.30.0 → 4.30.2

package/dist/vue-foundation.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as q, ref as N, computed as O, watch as V, onMounted as z, createElementBlock as I, withDirectives as fe, openBlock as S, createElementVNode as U, toDisplayString as J, createCommentVNode as W, Fragment as he, renderList as pe, vModelSelect as Vt, getCurrentInstance as Oe, withModifiers as Ne, normalizeStyle as $t, normalizeClass as P, renderSlot as K, reactive as Bt, h as ve, Teleport as _t, markRaw as Wt, onBeforeUnmount as me, resolveDirective as Pt, createBlock as at, createSlots as jt, withCtx as be, createTextVNode as te, onUpdated as Ut, vModelText as zt, onActivated as st, onDeactivated as lt } from "vue";
-import { compact as ut, cloneDeep as qt, uniq as Jt, groupBy as Kt, isEqual as Me, debounce as Yt, startCase as Xt, upperFirst as Zt, remove as Gt, last as Qt } from "lodash";
+import { defineComponent as q, ref as N, computed as O, watch as H, onMounted as z, createElementBlock as I, withDirectives as fe, openBlock as T, createElementVNode as U, toDisplayString as J, createCommentVNode as W, Fragment as he, renderList as pe, vModelSelect as Ht, getCurrentInstance as Ne, withModifiers as Le, normalizeStyle as Vt, normalizeClass as P, renderSlot as K, reactive as Bt, h as ve, Teleport as _t, markRaw as Wt, onBeforeUnmount as me, resolveDirective as Pt, createBlock as at, createSlots as jt, withCtx as Se, createTextVNode as te, onUpdated as Ut, vModelText as zt, onActivated as st, onDeactivated as lt } from "vue";
+import { compact as ut, cloneDeep as qt, uniq as Jt, groupBy as Kt, isEqual as Ce, debounce as Yt, startCase as Xt, upperFirst as Zt, remove as Gt, last as Qt } from "lodash";
 import { configureOpenApiClient as en, OpenApiError as tn } from "@signal24/openapi-client-codegen";
 import { escapeHtml as br } from "@vue/shared";
 import { format as X, addDays as nn, parse as on } from "date-fns";
@@ -25,29 +25,29 @@ const rn = {
       const c = v;
       return o.preprocesor ? o.preprocesor(c) : o.displayKey ? c[o.displayKey] : "";
     }) : null), y = N(o.modelValue ?? null);
-    V(() => o.loadFn, g), V(
+    H(() => o.loadFn, g), H(
       () => o.modelValue,
       () => y.value = o.modelValue
-    ), V(y, () => a("update:modelValue", y.value));
+    ), H(y, () => a("update:modelValue", y.value));
     async function g() {
       p.value = await o.loadFn();
     }
-    return z(g), (E, v) => l.value ? fe((S(), I("select", {
+    return z(g), (E, v) => l.value ? fe((T(), I("select", {
       key: 1,
       "onUpdate:modelValue": v[0] || (v[0] = (c) => y.value = c)
     }, [
-      o.nullText ? (S(), I("option", an, J(o.nullText), 1)) : W("", !0),
-      (S(!0), I(he, null, pe(l.value, (c, n) => (S(), I("option", {
+      o.nullText ? (T(), I("option", an, J(o.nullText), 1)) : W("", !0),
+      (T(!0), I(he, null, pe(l.value, (c, n) => (T(), I("option", {
         key: n,
         value: p.value?.[n]
       }, J(c), 9, sn))), 128))
     ], 512)), [
-      [Vt, y.value]
-    ]) : (S(), I("select", rn, [
+      [Ht, y.value]
+    ]) : (T(), I("select", rn, [
       U("option", null, J(o.loadingText || "Loading..."), 1)
     ]));
   }
-}), H = {
+}), $ = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateFormat: "M/d/yy",
@@ -55,7 +55,7 @@ const rn = {
   defaultCurrencyDivisor: 1
 };
 function Yo(e) {
-  Object.assign(H, e);
+  Object.assign($, e);
 }
 const ln = /* @__PURE__ */ q({
   __name: "overlay-anchor",
@@ -64,7 +64,7 @@ const ln = /* @__PURE__ */ q({
     anchor: {}
   },
   setup(e) {
-    const t = e, o = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, a = N({ visibility: "hidden", top: "0", left: "0" }), p = N([]), l = Oe();
+    const t = e, o = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, a = N({ visibility: "hidden", top: "0", left: "0" }), p = N([]), l = Ne();
     z(y);
     function y() {
       if (!l) return;
@@ -105,10 +105,10 @@ const ln = /* @__PURE__ */ q({
       setTimeout(() => {
         window.addEventListener("click", E);
       }, 10);
-    }), (v, c) => (S(), I("div", {
+    }), (v, c) => (T(), I("div", {
       class: P(["vf-overlay-anchor", p.value]),
-      style: $t(a.value),
-      onClick: Ne(E, ["stop"])
+      style: Vt(a.value),
+      onClick: Le(E, ["stop"])
     }, [
       K(v.$slots, "default")
     ], 6));
@@ -116,8 +116,8 @@ const ln = /* @__PURE__ */ q({
 });
 let un = 0;
 const j = Bt([]);
-V(j, () => {
-  H.onOverlaysChanged?.(j.length);
+H(j, () => {
+  $.onOverlaysChanged?.(j.length);
 });
 const Xo = q({
   setup() {
@@ -159,7 +159,7 @@ function ie(e) {
   const t = j.indexOf(e);
   t >= 0 && j.splice(t, 1);
 }
-async function Le(e, t, o) {
+async function Re(e, t, o) {
   return new Promise((a) => {
     let p = null;
     const y = { ...t, callback: async (g) => {
@@ -185,18 +185,18 @@ function se(e, t) {
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
 async function hn(e, t) {
-  await Le(le, se(e, t));
+  await Re(le, se(e, t));
 }
 async function Go(e, t) {
   const o = se(e, t);
-  return await Le(le, {
+  return await Re(le, {
     ...o,
     shouldConfirm: !0
   }) === !0;
 }
 async function Qo(e, t) {
   const o = se(e, t);
-  return await Le(le, {
+  return await Re(le, {
     ...o,
     shouldConfirm: !0,
     classes: ["destructive", ...o.classes]
@@ -235,27 +235,28 @@ class ye extends Error {
 function pn(e) {
   return e instanceof ye ? e.message : `An application error has occurred:
 
-${Re(e).message}
+${Ee(e).message}
 
-Please refresh the page and try again. If this error persists, ${H.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${$.unhandledErrorSupportText}.`;
 }
-function Re(e) {
-  return vn(e) ? e : new Error(String(e));
+function Ee(e, t) {
+  const o = vn(e) ? e : new Error(String(e));
+  return t && (o.cause = Ee(t)), o;
 }
 function vn(e) {
   return e instanceof Error || typeof e == "object" && e !== null && "message" in e && "name" in e;
 }
 async function nr(e, t) {
-  const o = Re(e);
-  return o instanceof ye || H.errorHandler(o), hn({
+  const o = Ee(e, t?.cause);
+  return o instanceof ye || $.errorHandler(o), hn({
     title: t?.title,
     message: o,
     classes: t?.classes
   });
 }
-async function or(e) {
-  const t = Re(e);
-  t instanceof ye || H.errorHandler(t);
+async function or(e, t) {
+  const o = Ee(e, t);
+  o instanceof ye || $.errorHandler(o);
 }
 const ne = Symbol("MaskState");
 function rr(e, t) {
@@ -276,7 +277,7 @@ function mn(e, t) {
 function dt(e) {
   e[ne] && e.removeChild(e[ne].maskEl);
 }
-const Ce = Symbol("FormMaskState");
+const Oe = Symbol("FormMaskState");
 function gn(e, t, o) {
   const a = e instanceof Element ? e : ht(e);
   if (!a) return () => {
@@ -286,7 +287,7 @@ function gn(e, t, o) {
   let l;
   p && (l = p.tagName === "INPUT" ? p.value : p.innerHTML, p.setAttribute("disabled", "disabled"), p.innerText = o ?? "Please wait...");
   const g = [...a.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return g.forEach((E) => E.setAttribute("disabled", "disabled")), a[Ce] = {
+  return g.forEach((E) => E.setAttribute("disabled", "disabled")), a[Oe] = {
     disabledElements: g,
     waitButton: p,
     buttonHtml: l
@@ -295,8 +296,8 @@ function gn(e, t, o) {
 function ft(e) {
   const t = e instanceof Element ? e : ht(e);
   if (!t) return;
-  const o = t[Ce];
-  o && (t.classList.remove("vf-masked"), o.disabledElements.forEach((a) => a.removeAttribute("disabled")), o.waitButton && (o.waitButton.innerHTML = o.buttonHtml, o.waitButton.removeAttribute("disabled")), delete t[Ce]);
+  const o = t[Oe];
+  o && (t.classList.remove("vf-masked"), o.disabledElements.forEach((a) => a.removeAttribute("disabled")), o.waitButton && (o.waitButton.innerHTML = o.buttonHtml, o.waitButton.removeAttribute("disabled")), delete t[Oe]);
 }
 function ht(e) {
   const t = e?.$?.vnode.el;
@@ -319,7 +320,7 @@ const yn = ["id"], En = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const o = Oe(), a = e;
+    const o = Ne(), a = e;
     t({ mask: n, unmask: i, hide: r, unhide: s });
     const p = N(), l = N(), y = N(!1), g = O(() => ut([...Array.isArray(a.class) ? a.class : [a.class], y.value && "hidden"]));
     z(() => {
@@ -351,7 +352,7 @@ const yn = ["id"], En = {
     function s() {
       y.value = !1;
     }
-    return (u, h) => (S(), I("div", {
+    return (u, h) => (T(), I("div", {
       id: e.id,
       ref_key: "overlay",
       ref: p,
@@ -362,11 +363,11 @@ const yn = ["id"], En = {
         ref: l,
         action: ".",
         class: P(["vf-modal", { scrolls: e.scrolls }]),
-        onSubmit: h[0] || (h[0] = Ne((f) => u.$emit("formSubmit"), ["prevent"]))
+        onSubmit: h[0] || (h[0] = Le((f) => u.$emit("formSubmit"), ["prevent"]))
       }, [
-        u.$slots.header ? (S(), I("div", En, [
+        u.$slots.header ? (T(), I("div", En, [
           K(u.$slots, "header"),
-          a.closeX ? (S(), I("i", {
+          a.closeX ? (T(), I("i", {
             key: 0,
             class: "close",
             onClick: c
@@ -375,13 +376,13 @@ const yn = ["id"], En = {
         U("div", kn, [
           K(u.$slots, "default")
         ]),
-        u.$slots.footer ? (S(), I("div", xn, [
+        u.$slots.footer ? (T(), I("div", xn, [
           K(u.$slots, "footer")
         ])) : W("", !0)
       ], 34)
     ], 10, yn));
   }
-}), bn = ["innerHtml"], Tn = ["innerText"], le = /* @__PURE__ */ q({
+}), bn = ["innerHtml"], Sn = ["innerText"], le = /* @__PURE__ */ q({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -397,38 +398,38 @@ const yn = ["id"], En = {
     const t = e, o = O(() => t.message instanceof Error ? pn(t.message) : t.message);
     return (a, p) => {
       const l = Pt("autofocus");
-      return S(), at(wn, {
+      return T(), at(wn, {
         class: P(["vf-alert", ...e.classes ?? []]),
         scrolls: ""
       }, jt({
-        default: be(() => [
-          e.iconClass ? (S(), I("i", {
+        default: Se(() => [
+          e.iconClass ? (T(), I("i", {
             key: 0,
             class: P(["vf-alert-icon", e.iconClass])
           }, null, 2)) : W("", !0),
-          e.isHtml ? (S(), I("div", {
+          e.isHtml ? (T(), I("div", {
             key: 1,
             innerHtml: e.message,
             class: "user-message"
-          }, null, 8, bn)) : (S(), I("div", {
+          }, null, 8, bn)) : (T(), I("div", {
             key: 2,
             innerText: o.value
-          }, null, 8, Tn))
+          }, null, 8, Sn))
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
-          fn: be(() => [
+          fn: Se(() => [
             te(J(e.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.isBare ? void 0 : {
           name: "footer",
-          fn: be(() => [
-            e.shouldConfirm ? (S(), I(he, { key: 0 }, [
-              fe((S(), I("button", {
+          fn: Se(() => [
+            e.shouldConfirm ? (T(), I(he, { key: 0 }, [
+              fe((T(), I("button", {
                 class: "primary",
                 onClick: p[0] || (p[0] = () => e.callback(!0))
               }, [...p[3] || (p[3] = [
@@ -440,7 +441,7 @@ const yn = ["id"], En = {
                 class: "default",
                 onClick: p[1] || (p[1] = () => e.callback(!1))
               }, "Cancel")
-            ], 64)) : fe((S(), I("button", {
+            ], 64)) : fe((T(), I("button", {
               key: 1,
               class: "default",
               onClick: p[2] || (p[2] = () => e.callback(!0))
@@ -456,7 +457,7 @@ const yn = ["id"], En = {
     };
   }
 });
-function Sn(e) {
+function Tn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ce = { exports: {} };
@@ -573,9 +574,9 @@ function Mn() {
             var w = function() {
               --f <= 0 && u(m);
             };
-            f || w(), h.forEach(function(T) {
-              v.matches(T, s.exclude) ? w() : s.onIframeReady(T, function(C) {
-                i(T) && (m++, r(C)), w();
+            f || w(), h.forEach(function(S) {
+              v.matches(S, s.exclude) ? w() : s.onIframeReady(S, function(C) {
+                i(S) && (m++, r(C)), w();
               }, w);
             });
           }
@@ -638,17 +639,17 @@ function Mn() {
         }, {
           key: "iterateThroughNodes",
           value: function(n, i, r, s, u) {
-            for (var h = this, f = this.createIterator(i, n, s), m = [], w = [], T = void 0, C = void 0, L = function() {
+            for (var h = this, f = this.createIterator(i, n, s), m = [], w = [], S = void 0, C = void 0, L = function() {
               var F = h.getIteratorNode(f);
-              return C = F.prevNode, T = F.node, T;
+              return C = F.prevNode, S = F.node, S;
             }; L(); )
               this.iframes && this.forEachIframe(i, function(R) {
-                return h.checkIframeFilter(T, C, R, m);
+                return h.checkIframeFilter(S, C, R, m);
               }, function(R) {
                 h.createInstanceOnIframe(R).forEachNode(n, function(F) {
                   return w.push(F);
                 }, s);
-              }), w.push(T);
+              }), w.push(S);
             w.forEach(function(R) {
               r(R);
             }), this.iframes && this.handleOpenIframes(m, n, r, s), u();
@@ -876,9 +877,9 @@ function Mn() {
               if (typeof w > "u" || w.start > i) {
                 if (!s(f.node))
                   return !1;
-                var T = i - f.start, C = (r > f.end ? f.end : r) - f.start, L = n.value.substr(0, f.start), R = n.value.substr(C + f.start);
-                if (f.node = h.wrapRangeInTextNode(f.node, T, C), n.value = L + R, n.nodes.forEach(function(F, $) {
-                  $ >= m && (n.nodes[$].start > 0 && $ !== m && (n.nodes[$].start -= C), n.nodes[$].end -= C);
+                var S = i - f.start, C = (r > f.end ? f.end : r) - f.start, L = n.value.substr(0, f.start), R = n.value.substr(C + f.start);
+                if (f.node = h.wrapRangeInTextNode(f.node, S, C), n.value = L + R, n.nodes.forEach(function(F, V) {
+                  V >= m && (n.nodes[V].start > 0 && V !== m && (n.nodes[V].start -= C), n.nodes[V].end -= C);
                 }), r -= C, u(f.node.previousSibling, f.start), r > f.end)
                   i = f.end;
                 else
@@ -894,13 +895,13 @@ function Mn() {
             this.getTextNodes(function(m) {
               m.nodes.forEach(function(w) {
                 w = w.node;
-                for (var T = void 0; (T = n.exec(w.textContent)) !== null && T[f] !== ""; )
-                  if (r(T[f], w)) {
-                    var C = T.index;
+                for (var S = void 0; (S = n.exec(w.textContent)) !== null && S[f] !== ""; )
+                  if (r(S[f], w)) {
+                    var C = S.index;
                     if (f !== 0)
                       for (var L = 1; L < f; L++)
-                        C += T[L].length;
-                    w = h.wrapRangeInTextNode(w, C, C + T[f].length), s(w.previousSibling), n.lastIndex = 0;
+                        C += S[L].length;
+                    w = h.wrapRangeInTextNode(w, C, C + S[f].length), s(w.previousSibling), n.lastIndex = 0;
                   }
               }), u();
             });
@@ -911,12 +912,12 @@ function Mn() {
             var h = this, f = i === 0 ? 0 : i + 1;
             this.getTextNodes(function(m) {
               for (var w = void 0; (w = n.exec(m.value)) !== null && w[f] !== ""; ) {
-                var T = w.index;
+                var S = w.index;
                 if (f !== 0)
                   for (var C = 1; C < f; C++)
-                    T += w[C].length;
-                var L = T + w[f].length;
-                h.wrapRangeInMappedTextNode(m, T, L, function(R) {
+                    S += w[C].length;
+                var L = S + w[f].length;
+                h.wrapRangeInMappedTextNode(m, S, L, function(R) {
                   return r(w[f], R);
                 }, function(R, F) {
                   n.lastIndex = F, s(R);
@@ -932,7 +933,7 @@ function Mn() {
             this.getTextNodes(function(h) {
               var f = h.value.length;
               n.forEach(function(m, w) {
-                var T = u.checkWhitespaceRanges(m, f, h.value), C = T.start, L = T.end, R = T.valid;
+                var S = u.checkWhitespaceRanges(m, f, h.value), C = S.start, L = S.end, R = S.valid;
                 R && u.wrapRangeInMappedTextNode(h, C, L, function(F) {
                   return i(F, m, h.value.substring(C, L), w);
                 }, function(F) {
@@ -979,17 +980,17 @@ function Mn() {
           value: function(n, i) {
             var r = this;
             this.opt = i;
-            var s = 0, u = "wrapMatches", h = this.getSeparatedKeywords(typeof n == "string" ? [n] : n), f = h.keywords, m = h.length, w = this.opt.caseSensitive ? "" : "i", T = function C(L) {
+            var s = 0, u = "wrapMatches", h = this.getSeparatedKeywords(typeof n == "string" ? [n] : n), f = h.keywords, m = h.length, w = this.opt.caseSensitive ? "" : "i", S = function C(L) {
               var R = new RegExp(r.createRegExp(L), "gm" + w), F = 0;
-              r.log('Searching with expression "' + R + '"'), r[u](R, 1, function($, Ee) {
-                return r.opt.filter(Ee, L, s, F);
-              }, function($) {
-                F++, s++, r.opt.each($);
+              r.log('Searching with expression "' + R + '"'), r[u](R, 1, function(V, ke) {
+                return r.opt.filter(ke, L, s, F);
+              }, function(V) {
+                F++, s++, r.opt.each(V);
               }, function() {
                 F === 0 && r.opt.noMatch(L), f[m - 1] === L ? r.opt.done(s) : C(f[f.indexOf(L) + 1]);
               });
             };
-            this.opt.acrossElements && (u = "wrapMatchesAcrossElements"), m === 0 ? this.opt.done(s) : T(f[0]);
+            this.opt.acrossElements && (u = "wrapMatchesAcrossElements"), m === 0 ? this.opt.done(s) : S(f[0]);
           }
         }, {
           key: "markRanges",
@@ -1077,7 +1078,7 @@ function Mn() {
   })(ce)), ce.exports;
 }
 var Cn = Mn();
-const On = /* @__PURE__ */ Sn(Cn);
+const On = /* @__PURE__ */ Tn(Cn);
 function ar(e, t, o) {
   const a = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return a === -1 ? !1 : (e.splice(a, 1, o), !0);
@@ -1149,7 +1150,7 @@ var Rn = {
   precision: 2,
   pattern: "!#",
   negativePattern: "-!#",
-  format: Hn,
+  format: $n,
   fromCents: !1
 }, pt = function(t) {
   return Math.round(t);
@@ -1181,7 +1182,7 @@ function de(e, t) {
   }
   return g || (a *= E, a = a.toFixed(4)), o ? pt(a) : a;
 }
-function Hn(e, t) {
+function $n(e, t) {
   var o = t.pattern, a = t.negativePattern, p = t.symbol, l = t.separator, y = t.decimal, g = t.groups, E = ("" + e).replace(/^-/, "").split("."), v = E[0], c = E[1];
   return (e.value >= 0 ? o : a).replace("!", p).replace("#", v.replace(g, "$1" + l) + (c ? y + c : ""));
 }
@@ -1278,18 +1279,18 @@ _.prototype = {
 const A = [];
 for (let e = 0; e < 256; ++e)
   A.push((e + 256).toString(16).slice(1));
-function Vn(e, t = 0) {
+function Hn(e, t = 0) {
   return (A[e[t + 0]] + A[e[t + 1]] + A[e[t + 2]] + A[e[t + 3]] + "-" + A[e[t + 4]] + A[e[t + 5]] + "-" + A[e[t + 6]] + A[e[t + 7]] + "-" + A[e[t + 8]] + A[e[t + 9]] + "-" + A[e[t + 10]] + A[e[t + 11]] + A[e[t + 12]] + A[e[t + 13]] + A[e[t + 14]] + A[e[t + 15]]).toLowerCase();
 }
 let Te;
-const $n = new Uint8Array(16);
+const Vn = new Uint8Array(16);
 function Bn() {
   if (!Te) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Te = crypto.getRandomValues.bind(crypto);
   }
-  return Te($n);
+  return Te(Vn);
 }
 const _n = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Xe = { randomUUID: _n };
 function Wn(e, t, o) {
@@ -1297,7 +1298,7 @@ function Wn(e, t, o) {
   const a = e.random ?? e.rng?.() ?? Bn();
   if (a.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Vn(a);
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Hn(a);
 }
 function Pn(e, t, o) {
   return Xe.randomUUID && !e ? Xe.randomUUID() : Wn(e);
@@ -1313,7 +1314,7 @@ function Un(e) {
   return t.length !== 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
 function zn(e, t) {
-  return _(e).divide(t ?? H.defaultCurrencyDivisor).format();
+  return _(e).divide(t ?? $.defaultCurrencyDivisor).format();
 }
 function hr() {
   return Pn();
@@ -1366,16 +1367,16 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
   setup(e, { expose: t, emit: o }) {
     const a = Symbol("null"), p = Symbol("create"), l = e, y = o;
     t({
-      addRemoteOption: Ht
+      addRemoteOption: $t
     });
-    const g = N(), E = N(), v = N(), c = N(!1), n = N(), i = N(!1), r = N(""), s = N(null), u = N(null), h = N(!1), f = N(null), m = N(!1), w = O(() => l.showCreateTextOnNewItem ?? !0), T = O(() => !!(l.options || n.value)), C = O(() => l.options ?? n.value ?? []), L = O(() => l.prependOptions ?? []), R = O(() => l.appendOptions ?? []), F = O(() => !!l.disabled || !T.value && !l.loadOptions), $ = O(() => l.loadingText || "..."), Ee = O(() => !T.value && (!l.loadOptions || l.preload || l.modelValue && (l.valueField || l.valueExtractor)) ? $.value : l.nullTitle ? l.nullTitle : l.placeholder || ""), bt = O(() => l.noResultsText || "No options match your search."), Z = O(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (d) => d[l.valueField] : null), ke = O(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (d) => String(d[l.keyField]) : Z.value ? (d) => String(Z.value(d)) : null), Tt = O(() => l.groupFormatter ? l.groupFormatter : l.groupField ? (d) => String(d[l.groupField]) : null), He = O(() => l.formatter ? l.formatter : l.labelField ? (d) => String(d[l.labelField]) : (d) => String(d)), Ve = O(() => l.selectionFormatter ? l.selectionFormatter : He.value), $e = O(() => [...L.value, ...C.value, ...R.value]), Be = O(() => !!(l.groupField || l.groupFormatter)), xe = O(() => $e.value.map((d, b) => {
-      const k = Tt.value?.(d), x = He.value(d), M = l.subtitleFormatter?.(d), B = x ? x.trim().toLowerCase() : "", qe = M ? M.trim().toLowerCase() : "", ue = [];
+    const g = N(), E = N(), v = N(), c = N(!1), n = N(), i = N(!1), r = N(""), s = N(null), u = N(null), h = N(!1), f = N(null), m = N(!1), w = O(() => l.showCreateTextOnNewItem ?? !0), S = O(() => !!(l.options || n.value)), C = O(() => l.options ?? n.value ?? []), L = O(() => l.prependOptions ?? []), R = O(() => l.appendOptions ?? []), F = O(() => !!l.disabled || !S.value && !l.loadOptions), V = O(() => l.loadingText || "..."), ke = O(() => !S.value && (!l.loadOptions || l.preload || l.modelValue && (l.valueField || l.valueExtractor)) ? V.value : l.nullTitle ? l.nullTitle : l.placeholder || ""), bt = O(() => l.noResultsText || "No options match your search."), Z = O(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (d) => d[l.valueField] : null), xe = O(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (d) => String(d[l.keyField]) : Z.value ? (d) => String(Z.value(d)) : null), St = O(() => l.groupFormatter ? l.groupFormatter : l.groupField ? (d) => String(d[l.groupField]) : null), $e = O(() => l.formatter ? l.formatter : l.labelField ? (d) => String(d[l.labelField]) : (d) => String(d)), He = O(() => l.selectionFormatter ? l.selectionFormatter : $e.value), Ve = O(() => [...L.value, ...C.value, ...R.value]), Be = O(() => !!(l.groupField || l.groupFormatter)), we = O(() => Ve.value.map((d, b) => {
+      const k = St.value?.(d), x = $e.value(d), M = l.subtitleFormatter?.(d), B = x ? x.trim().toLowerCase() : "", qe = M ? M.trim().toLowerCase() : "", ue = [];
       return l.searchFields ? l.searchFields.forEach((Je) => {
         d[Je] && ue.push(
           String(d[Je]).toLowerCase().replace(/^[a-z0-9 ]+$/i, "")
         );
       }) : (ue.push(B), qe && ue.push(qe)), {
-        key: ke.value?.(d) ?? String(b),
+        key: xe.value?.(d) ?? String(b),
         group: k,
         title: x,
         subtitle: M,
@@ -1383,7 +1384,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         ref: d
       };
     })), D = O(() => {
-      let d = [...xe.value];
+      let d = [...we.value];
       if (i.value) {
         const b = r.value.trim().toLowerCase().replace(/[^a-z0-9 ]+$/i, "");
         b.length && (d = d.filter((k) => k.searchContent.includes(b)), m.value && (d.find((x) => x.searchContent === b) !== void 0 || d.push({
@@ -1395,7 +1396,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         title: l.nullTitle
       });
       return d;
-    }), St = O(() => {
+    }), Tt = O(() => {
       if (!Be.value)
         return [
           {
@@ -1409,19 +1410,19 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         options: b[k]
       }));
     });
-    V(() => l.modelValue, G), V(xe, () => {
+    H(() => l.modelValue, G), H(we, () => {
       h.value && setTimeout(je, 0);
-    }), V(r, () => {
+    }), H(r, () => {
       i.value && !l.remoteSearch && !r.value.trim().length && (i.value = !1);
-    }), V(h, () => {
+    }), H(h, () => {
       h.value ? setTimeout(Ft, 0) : (i.value = !1, r.value = u.value ?? "", v.value && (v.value.style.visibility = "hidden"));
-    }), V(D, () => {
+    }), H(D, () => {
       l.modelValue !== null && s.value === null && G(), (f.value !== null || i.value) && !D.value.find((d) => d.key == f.value) && (f.value = D.value[0]?.key ?? a);
     }), z(async () => {
-      m.value = l.onCreateItem !== void 0, l.loadOptions && l.preload ? await _e() : !l.options && !l.loadOptions && (l.valueField || l.valueExtractor) || G(), V(s, () => {
+      m.value = l.onCreateItem !== void 0, l.loadOptions && l.preload ? await _e() : !l.options && !l.loadOptions && (l.valueField || l.valueExtractor) || G(), H(s, () => {
         const d = Ye(s.value) && Z.value !== null ? Z.value(s.value) : s.value;
-        Me(l.modelValue, d) || y("update:modelValue", d);
-      }), l.remoteSearch && V(r, Yt(It, 250));
+        Ce(l.modelValue, d) || y("update:modelValue", d);
+      }), l.remoteSearch && H(r, Yt(It, 250));
     }), me(() => {
       v.value?.remove();
     });
@@ -1441,16 +1442,16 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         return;
       }
       if (!(d.key == "ArrowLeft" || d.key == "ArrowRight") && d.key != "Tab") {
-        if (!T.value) {
+        if (!S.value) {
           i.value || d.preventDefault();
           return;
         }
         if (d.key == "ArrowUp" || d.key == "ArrowDown")
-          return d.preventDefault(), we(d.key == "ArrowUp" ? -1 : 1);
+          return d.preventDefault(), be(d.key == "ArrowUp" ? -1 : 1);
         if (d.key == "PageUp" || d.key == "PageDown")
-          return d.preventDefault(), we(d.key == "PageUp" ? -10 : 10);
+          return d.preventDefault(), be(d.key == "PageUp" ? -10 : 10);
         if (d.key == "Home" || d.key == "End")
-          return d.preventDefault(), we(d.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
+          return d.preventDefault(), be(d.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
         if (d.key == "Enter") {
           d.preventDefault();
           const b = D.value.find((k) => k.key == f.value);
@@ -1473,20 +1474,20 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
       s.value ? f.value = Nt(s.value) : l.nullTitle && (f.value = a);
     }
     function Nt(d) {
-      return ke.value ? ke.value(s.value) : Lt(d)?.key ?? "";
+      return xe.value ? xe.value(s.value) : Lt(d)?.key ?? "";
     }
     function Lt(d) {
       const b = D.value.find((M) => M.ref === d);
       if (b)
         return b;
-      const k = l.keyExtractor ? (M, B) => l.keyExtractor(M) === l.keyExtractor(B) : Me, x = D.value.find((M) => k(M.ref, d));
+      const k = l.keyExtractor ? (M, B) => l.keyExtractor(M) === l.keyExtractor(B) : Ce, x = D.value.find((M) => k(M.ref, d));
       return x || null;
     }
     function Rt() {
       l.debug || (!r.value.length && l.nullTitle && (s.value = null, u.value = null), h.value = !1);
     }
     function Ft() {
-      T.value || _e(), l.optionsListId && v.value?.setAttribute("id", l.optionsListId), At();
+      S.value || _e(), l.optionsListId && v.value?.setAttribute("id", l.optionsListId), At();
     }
     function At() {
       const d = g.value.getBoundingClientRect(), b = d.y + d.height + 2, k = d.x, x = v.value, M = window.getComputedStyle(g.value);
@@ -1499,14 +1500,14 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
       x.style.visibility = "visible", document.body.appendChild(x), setTimeout(je, 0);
     }
     function je() {
-      if (!T.value || !f.value) return;
+      if (!S.value || !f.value) return;
       const d = D.value.findIndex((x) => x.key == f.value), b = v.value, k = b?.querySelectorAll(".option")[d];
       k && (b.scrollTop = k.offsetTop);
     }
     function Dt(d) {
       f.value = d ? d.key : null;
     }
-    function we(d) {
+    function be(d) {
       const b = D.value.findIndex((B) => B.key == f.value);
       let k = b + d;
       if (k < 0 ? k = 0 : k >= D.value.length && (k = D.value.length - 1), b == k) return;
@@ -1521,15 +1522,15 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         const b = r.value.trim();
         r.value = "", s.value = null, u.value = null, l.onCreateItem?.(b);
       } else {
-        const k = xe.value.find((x) => x.key == d.key).ref;
-        s.value = k, u.value = Ve.value(k), r.value = u.value ?? "";
+        const k = we.value.find((x) => x.key == d.key).ref;
+        s.value = k, u.value = He.value(k), r.value = u.value ?? "";
       }
       E.value?.blur(), ze();
     }
     function G() {
-      l.modelValue !== null ? (s.value = Z.value ? $e.value.find((d) => l.modelValue === Z.value(d)) : l.modelValue, u.value = Ye(s.value) ? Ve.value(s.value) : null, r.value = u.value ?? "") : (s.value = null, u.value = null, r.value = "");
+      l.modelValue !== null ? (s.value = Z.value ? Ve.value.find((d) => l.modelValue === Z.value(d)) : l.modelValue, u.value = Ye(s.value) ? He.value(s.value) : null, r.value = u.value ?? "") : (s.value = null, u.value = null, r.value = "");
     }
-    function Ht(d) {
+    function $t(d) {
       n.value.unshift(d);
     }
     function ze() {
@@ -1554,7 +1555,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
           }
         });
       });
-    }), (d, b) => (S(), I("div", {
+    }), (d, b) => (T(), I("div", {
       ref_key: "el",
       ref: g,
       class: P(["vf-smart-select", { disabled: F.value, open: h.value }])
@@ -1566,7 +1567,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         type: "text",
         disabled: F.value,
         class: P({ nullable: !!e.nullTitle }),
-        placeholder: Ee.value,
+        placeholder: ke.value,
         required: e.required,
         name: e.name,
         "data-1p-ignore": "",
@@ -1577,24 +1578,24 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
       }, null, 42, qn), [
         [zt, r.value]
       ]),
-      h.value ? (S(), I("div", {
+      h.value ? (T(), I("div", {
         key: 0,
         ref_key: "optionsContainer",
         ref: v,
         class: P(["vf-smart-select-options", { grouped: Be.value }])
       }, [
-        T.value ? (S(!0), I(he, { key: 1 }, pe(St.value, (k) => (S(), I("div", {
+        S.value ? (T(!0), I(he, { key: 1 }, pe(Tt.value, (k) => (T(), I("div", {
           key: k.groupTitle,
           class: "group"
         }, [
-          k.groupTitle ? (S(), I("div", Kn, [
+          k.groupTitle ? (T(), I("div", Kn, [
             K(d.$slots, "group", {
               group: k.groupTitle
             }, () => [
               te(J(k.groupTitle), 1)
             ])
           ])) : W("", !0),
-          (S(!0), I(he, null, pe(k.options, (x) => (S(), I("div", {
+          (T(!0), I(he, null, pe(k.options, (x) => (T(), I("div", {
             key: x.key,
             class: P(["option", [f.value === x.key && "highlighted", x.ref && e.classForOption?.(x.ref)]]),
             onMousemove: (M) => Dt(x),
@@ -1605,19 +1606,19 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
                 class: "title",
                 innerHTML: x.title
               }, null, 8, Xn),
-              x.subtitle ? (S(), I("div", {
+              x.subtitle ? (T(), I("div", {
                 key: 0,
                 class: "subtitle",
                 innerHTML: x.subtitle
               }, null, 8, Zn)) : W("", !0)
             ])
           ], 42, Yn))), 128)),
-          !D.value.length && r.value ? (S(), I("div", Gn, [
+          !D.value.length && r.value ? (T(), I("div", Gn, [
             K(d.$slots, "no-results", {}, () => [
               te(J(bt.value), 1)
             ])
           ])) : W("", !0)
-        ]))), 128)) : (S(), I("div", Jn, "Loading..."))
+        ]))), 128)) : (T(), I("div", Jn, "Loading..."))
       ], 2)) : W("", !0)
     ], 2));
   }
@@ -1637,15 +1638,15 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
       value: g,
       label: E
     }))), p = O(() => o.formatter ? (g) => o.formatter(g.label, g.value) : (g) => g.label), l = t, y = N(a.value.find((g) => g.value === o.modelValue) ?? null);
-    return V(
+    return H(
       () => o.modelValue,
       (g) => {
         y.value = a.value.find((E) => E.value === g) ?? null;
       }
-    ), V(y, (g) => {
-      const E = g ? a.value.find((v) => Me(v, g))?.value : null;
+    ), H(y, (g) => {
+      const E = g ? a.value.find((v) => Ce(v, g))?.value : null;
       l("update:modelValue", E ?? null);
-    }), (g, E) => (S(), at(eo, {
+    }), (g, E) => (T(), at(eo, {
       modelValue: y.value,
       "onUpdate:modelValue": E[0] || (E[0] = (v) => y.value = v),
       options: a.value,
@@ -1688,15 +1689,15 @@ const to = { class: "content" }, no = { class: "message" }, oo = {
         duration: p * 1e3,
         easing: "linear"
       }), setTimeout(() => t.callback(), p * 1e3);
-    }), (p, l) => (S(), I("div", {
+    }), (p, l) => (T(), I("div", {
       class: P(["vf-toast", [e.className, { top: e.position === "top", bottom: e.position !== "top" }]]),
-      onClick: Ne(o, ["stop"])
+      onClick: Le(o, ["stop"])
     }, [
       U("div", to, [
         U("div", no, J(e.message), 1),
-        e.disableClose ? W("", !0) : (S(), I("div", oo, "x"))
+        e.disableClose ? W("", !0) : (T(), I("div", oo, "x"))
       ]),
-      e.durationSecs !== null ? (S(), I("div", ro, [
+      e.durationSecs !== null ? (T(), I("div", ro, [
         U("div", {
           ref_key: "progressInnerEl",
           ref: a,
@@ -1751,16 +1752,16 @@ function go(e, t) {
   return _(e).divide(t).value;
 }
 function yo(e, t) {
-  return e && X(new Date(e), t ?? H.defaultDateFormat);
+  return e && X(new Date(e), t ?? $.defaultDateFormat);
 }
 function Eo(e, t) {
-  return e && X(new Date(e), t ?? H.defaultTimeFormat);
+  return e && X(new Date(e), t ?? $.defaultTimeFormat);
 }
 function ko(e, t) {
-  return e && X(new Date(e), t ?? `${H.defaultDateFormat} ${H.defaultTimeFormat}`);
+  return e && X(new Date(e), t ?? `${$.defaultDateFormat} ${$.defaultTimeFormat}`);
 }
 function xo(e) {
-  return e && X(nn(on(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), H.defaultDateFormat);
+  return e && X(nn(on(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()), 1), $.defaultDateFormat);
 }
 const Ze = {
   bytes: ao,
@@ -1784,7 +1785,7 @@ const Ze = {
   ...e(Ze)
 }), Ae = Symbol("HookState");
 function yr(e, t) {
-  const o = t ?? Oe();
+  const o = t ?? Ne();
   z(() => wo(o, e), o), st(() => bo(o), o), lt(() => Ge(o), o), me(() => Ge(o), o);
 }
 function wo(e, t) {
@@ -1803,12 +1804,12 @@ function Ge(e) {
   const t = e[Ae];
   t?.el?.uninstall(), t?.ancestor?.uninstall(), t?.window?.uninstall();
 }
-const Se = ["auto", "scroll"];
+const Ie = ["auto", "scroll"];
 function mt(e) {
   const t = e.parentElement;
   if (!t) return null;
   const o = window.getComputedStyle(t);
-  return Se.includes(o.overflow) || Se.includes(o.overflowX) || Se.includes(o.overflowY) ? t : mt(t);
+  return Ie.includes(o.overflow) || Ie.includes(o.overflowX) || Ie.includes(o.overflowY) ? t : mt(t);
 }
 class oe {
   constructor(t, o) {
@@ -1829,7 +1830,7 @@ class oe {
 function Er(e) {
   z(() => window.addEventListener("resize", e)), st(() => window.addEventListener("resize", e)), lt(() => window.removeEventListener("resize", e)), me(() => window.removeEventListener("resize", e));
 }
-const To = {
+const So = {
   mounted: et,
   updated: et
 }, Qe = Symbol("HasAutoFocused");
@@ -1839,7 +1840,7 @@ function et(e, t) {
   const o = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => o.focus(), 10);
 }
-const So = {
+const To = {
   mounted: Io
 }, Q = Symbol("ConfirmState");
 function Io(e, t) {
@@ -1896,10 +1897,10 @@ function No(e, t) {
     let v = null;
     const c = /* @__PURE__ */ new Date();
     c.getFullYear() === l.getFullYear() ? (c.getMonth() !== l.getMonth() || c.getDate() !== l.getDate()) && (v = "M/d") : v = "M/d/yy";
-    const n = g ? null : H.defaultTimeFormat;
+    const n = g ? null : $.defaultTimeFormat;
     y = ut([v, n]).join(" ");
   }
-  y || (g ? y = H.defaultDateFormat : y = `${H.defaultDateFormat} ${H.defaultTimeFormat}`);
+  y || (g ? y = $.defaultDateFormat : y = `${$.defaultDateFormat} ${$.defaultTimeFormat}`);
   let E = X(l, y);
   return o && (E = o + " " + E), E;
 }
@@ -1947,9 +1948,9 @@ function Do(e, t) {
   const l = Math.floor(e / 60);
   return (a || p || l) && o.push(l + "m"), t ? o.length || o.push("0m") : (e -= l * 60, o.push(e + "s")), o.join(" ");
 }
-const Ho = {
+const $o = {
   mounted: Et,
-  updated: Vo,
+  updated: Ho,
   unmounted: kt
 }, Y = /* @__PURE__ */ new Map();
 function Et(e, t) {
@@ -1963,7 +1964,7 @@ function kt(e, t) {
   }
   Y.size === 0 && window.removeEventListener("keydown", xt);
 }
-function Vo(e, t) {
+function Ho(e, t) {
   kt(e, t), Et(e, t);
 }
 function xt(e) {
@@ -1971,7 +1972,7 @@ function xt(e) {
   const t = e.key.toLowerCase(), o = Y.get(t);
   o && (Qt(o)?.click(), e.preventDefault());
 }
-const ee = Symbol("InfiniteScrollHandler"), $o = {
+const ee = Symbol("InfiniteScrollHandler"), Vo = {
   mounted(e, t) {
     e[ee] = new oe(e, t.value);
   },
@@ -1988,17 +1989,17 @@ const ee = Symbol("InfiniteScrollHandler"), $o = {
 function rt(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const Ie = /* @__PURE__ */ new WeakMap(), _o = {
+const Me = /* @__PURE__ */ new WeakMap(), _o = {
   beforeMount(e) {
     const t = new ResizeObserver(() => {
-      const o = e.clientWidth;
-      e.style.minWidth = `${o}px`;
+      const o = window.getComputedStyle(e).minWidth.match(/^(\d+)px$/)?.[1], a = o ? parseInt(o, 10) : 0;
+      e.clientWidth <= a || (e.style.minWidth = `${e.clientWidth}px`);
     });
-    Ie.set(e, t), t.observe(e);
+    Me.set(e, t), t.observe(e);
   },
   beforeUnmount(e) {
-    const t = Ie.get(e);
-    t && (t.unobserve(e), Ie.delete(e));
+    const t = Me.get(e);
+    t && (t.unobserve(e), Me.delete(e));
   }
 }, Wo = {
   mounted: it,
@@ -2067,7 +2068,7 @@ class Po {
   }
 }
 function jo(e) {
-  e.directive("autofocus", To), e.directive("confirm-button", So), e.directive("date-input", Mo), e.directive("datetime", Oo), e.directive("disabled", Lo), e.directive("duration", Fo), e.directive("hotkey", Ho), e.directive("infinite-scroll", $o), e.directive("readonly", Bo), e.directive("tooltip", Wo), e.directive("sticky-min-width", _o);
+  e.directive("autofocus", So), e.directive("confirm-button", To), e.directive("date-input", Mo), e.directive("datetime", Oo), e.directive("disabled", Lo), e.directive("duration", Fo), e.directive("hotkey", $o), e.directive("infinite-scroll", Vo), e.directive("readonly", Bo), e.directive("tooltip", Wo), e.directive("sticky-min-width", _o);
 }
 function kr(e) {
   jo(e);
@@ -2105,7 +2106,7 @@ export {
   gn as maskForm,
   fr as nl2br,
   cr as nullifyEmptyInputs,
-  Le as presentOverlay,
+  Re as presentOverlay,
   ie as removeOverlayInjection,
   ar as replaceElement,
   hn as showAlert,
@@ -2117,7 +2118,7 @@ export {
   er as showWait,
   Nn as sleep,
   lr as sleepSecs,
-  Re as toError,
+  Ee as toError,
   ir as unmaskComponent,
   dt as unmaskEl,
   ft as unmaskForm,