@signal24/vue-foundation 4.30.0 → 4.30.1

package/dist/vue-foundation.es.js

@@ -1,4 +1,4 @@
-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 { 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 Oe, withModifiers as Ne, 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 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 { configureOpenApiClient as en, OpenApiError as tn } from "@signal24/openapi-client-codegen";
 import { escapeHtml as br } from "@vue/shared";
@@ -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",
@@ -105,9 +105,9 @@ 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),
+      style: Vt(a.value),
       onClick: Ne(E, ["stop"])
     }, [
       K(v.$slots, "default")
@@ -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() {
@@ -237,7 +237,7 @@ function pn(e) {
 
 ${Re(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));
@@ -247,7 +247,7 @@ function vn(e) {
 }
 async function nr(e, t) {
   const o = Re(e);
-  return o instanceof ye || H.errorHandler(o), hn({
+  return o instanceof ye || $.errorHandler(o), hn({
     title: t?.title,
     message: o,
     classes: t?.classes
@@ -255,7 +255,7 @@ async function nr(e, t) {
 }
 async function or(e) {
   const t = Re(e);
-  t instanceof ye || H.errorHandler(t);
+  t instanceof ye || $.errorHandler(t);
 }
 const ne = Symbol("MaskState");
 function rr(e, t) {
@@ -351,7 +351,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,
@@ -364,9 +364,9 @@ const yn = ["id"], En = {
         class: P(["vf-modal", { scrolls: e.scrolls }]),
         onSubmit: h[0] || (h[0] = Ne((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 +375,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,23 +397,23 @@ 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", {
+          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
       }, [
@@ -427,8 +427,8 @@ const yn = ["id"], En = {
         e.isBare ? void 0 : {
           name: "footer",
           fn: be(() => [
-            e.shouldConfirm ? (S(), I(he, { key: 0 }, [
-              fe((S(), I("button", {
+            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 +440,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 +456,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 +573,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 +638,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 +876,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 +894,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 +911,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 +932,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 +979,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) {
+              r.log('Searching with expression "' + R + '"'), r[u](R, 1, function(V, Ee) {
                 return r.opt.filter(Ee, L, s, F);
-              }, function($) {
-                F++, s++, r.opt.each($);
+              }, 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 +1077,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 +1149,7 @@ var Rn = {
   precision: 2,
   pattern: "!#",
   negativePattern: "-!#",
-  format: Hn,
+  format: $n,
   fromCents: !1
 }, pt = function(t) {
   return Math.round(t);
@@ -1181,7 +1181,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 +1278,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);
+let Se;
+const Vn = new Uint8Array(16);
 function Bn() {
-  if (!Te) {
+  if (!Se) {
     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);
+    Se = crypto.getRandomValues.bind(crypto);
   }
-  return Te($n);
+  return Se(Vn);
 }
 const _n = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Xe = { randomUUID: _n };
 function Wn(e, t, o) {
@@ -1297,7 +1297,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 +1313,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,10 +1366,10 @@ 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 || "..."), Ee = 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), ke = 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)), xe = 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, "")
@@ -1395,7 +1395,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         title: l.nullTitle
       });
       return d;
-    }), St = O(() => {
+    }), Tt = O(() => {
       if (!Be.value)
         return [
           {
@@ -1409,19 +1409,19 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         options: b[k]
       }));
     });
-    V(() => l.modelValue, G), V(xe, () => {
+    H(() => l.modelValue, G), H(xe, () => {
       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));
+      }), l.remoteSearch && H(r, Yt(It, 250));
     }), me(() => {
       v.value?.remove();
     });
@@ -1441,7 +1441,7 @@ 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;
         }
@@ -1486,7 +1486,7 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
       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,7 +1499,7 @@ 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);
     }
@@ -1522,14 +1522,14 @@ const qn = ["disabled", "placeholder", "required", "name"], Jn = {
         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 ?? "";
+        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 +1554,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 }])
@@ -1577,24 +1577,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 +1605,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 +1637,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) => {
+    ), H(y, (g) => {
       const E = g ? a.value.find((v) => Me(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 +1688,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"])
     }, [
       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 +1751,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,
@@ -1803,12 +1803,12 @@ function Ge(e) {
   const t = e[Ae];
   t?.el?.uninstall(), t?.ancestor?.uninstall(), t?.window?.uninstall();
 }
-const Se = ["auto", "scroll"];
+const Te = ["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 Te.includes(o.overflow) || Te.includes(o.overflowX) || Te.includes(o.overflowY) ? t : mt(t);
 }
 class oe {
   constructor(t, o) {
@@ -1829,7 +1829,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 +1839,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 +1896,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 +1947,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 +1963,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 +1971,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);
   },
@@ -1991,8 +1991,8 @@ function rt(e, t) {
 const Ie = /* @__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);
   },
@@ -2067,7 +2067,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);