@signal24/vue-foundation 4.1.1 → 4.2.1

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
-var Le = Object.defineProperty;
-var Ie = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var f = (e, t, n) => (Ie(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as M, defineProps as De, defineEmits as He, ref as I, computed as D, openBlock as a, createElementBlock as d, createElementVNode as v, toDisplayString as w, withDirectives as H, createCommentVNode as g, Fragment as $, renderList as W, vModelSelect as $e, reactive as Ae, h as he, markRaw as Be, onMounted as q, onBeforeUnmount as U, getCurrentInstance as fe, createBlock as z, Teleport as Ve, normalizeClass as E, withModifiers as Fe, renderSlot as F, resolveDirective as pe, createSlots as Ne, withCtx as N, unref as R, createTextVNode as J, vModelText as _e, watch as ee, onActivated as me, onDeactivated as ve } from "vue";
-import { debounce as Ke, isEqual as ge, upperFirst as Re, startCase as je, cloneDeep as Pe, remove as We } from "lodash";
-import { escapeHtml as qe } from "@vue/shared";
-import { escapeHtml as $n } from "@vue/shared";
-import { format as j } from "date-fns";
-const Ue = M({
+var Ce = Object.defineProperty;
+var xe = (e, t, n) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var f = (e, t, n) => (xe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as L, defineProps as Ie, defineEmits as He, ref as I, computed as H, openBlock as a, createElementBlock as d, createElementVNode as v, toDisplayString as w, withDirectives as D, createCommentVNode as g, Fragment as $, renderList as P, vModelSelect as De, reactive as $e, h as ue, markRaw as Ae, onMounted as W, onBeforeUnmount as q, getCurrentInstance as he, createBlock as U, Teleport as Be, normalizeClass as E, withModifiers as Ve, renderSlot as F, resolveDirective as fe, createSlots as Fe, withCtx as _, createTextVNode as Q, vModelText as _e, watch as J, onActivated as pe, onDeactivated as me } from "vue";
+import { debounce as Ne, isEqual as ve, upperFirst as Ke, startCase as Re, cloneDeep as je, remove as Pe } from "lodash";
+import { escapeHtml as We } from "@vue/shared";
+import { escapeHtml as Dn } from "@vue/shared";
+import { format as R } from "date-fns";
+const qe = L({
   setup() {
-    const e = De();
+    const e = Ie();
     He(["update:modelValue"]);
-    const t = I(null), n = D(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = I(e.modelValue ?? null);
+    const t = I(null), n = H(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = I(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -32,116 +32,116 @@ const Ue = M({
       this.options = await this.props.loadFn();
     }
   }
-}), ye = (e, t) => {
+}), ge = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
   return n;
-}, ze = {
+}, Ue = {
   key: 0,
   disabled: ""
-}, Xe = {
+}, ze = {
   key: 0,
   value: null
-}, Ye = ["value"];
-function Ze(e, t, n, i, s, o) {
-  return e.renderOptions ? H((a(), d("select", {
+}, Xe = ["value"];
+function Ye(e, t, n, i, s, o) {
+  return e.renderOptions ? D((a(), d("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (l) => e.selectedItem = l)
   }, [
-    e.props.nullText ? (a(), d("option", Xe, w(e.props.nullText), 1)) : g("", !0),
-    (a(!0), d($, null, W(e.renderOptions, (l, r) => {
+    e.props.nullText ? (a(), d("option", ze, w(e.props.nullText), 1)) : g("", !0),
+    (a(!0), d($, null, P(e.renderOptions, (l, r) => {
       var c;
       return a(), d("option", {
         key: r,
         value: (c = e.options) == null ? void 0 : c[r]
-      }, w(l), 9, Ye);
+      }, w(l), 9, Xe);
     }), 128))
   ], 512)), [
-    [$e, e.selectedItem]
-  ]) : (a(), d("select", ze, [
+    [De, e.selectedItem]
+  ]) : (a(), d("select", Ue, [
     v("option", null, w(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const an = /* @__PURE__ */ ye(Ue, [["render", Ze]]);
-let Ge = 0;
-const y = Ae([]), cn = M({
+const rn = /* @__PURE__ */ ge(qe, [["render", Ye]]);
+let Ze = 0;
+const y = $e([]), an = L({
   setup() {
-    return () => he("div", { id: "modal-container" }, [
-      W(y, (e) => e.vnode)
+    return () => ue("div", { id: "modal-container" }, [
+      P(y, (e) => e.vnode)
     ]);
   }
 });
-function Ee(e, t) {
+function ye(e, t) {
   const n = document.getElementById("vf-modal-target") ?? document.createElement("div");
   n.id = "vf-modal-target", n.removeAttribute("inert"), document.body.appendChild(n);
-  const i = Be(e), s = {
-    id: String(++Ge),
+  const i = Ae(e), s = {
+    id: String(++Ze),
     component: i,
     props: t,
-    vnode: he(i, t)
+    vnode: ue(i, t)
   };
   return y.push(s), s;
 }
-function Te(e) {
+function Ee(e) {
   const t = y.indexOf(e);
   t >= 0 && y.splice(t, 1);
 }
-function dn(e) {
-  Oe(e.$);
+function cn(e) {
+  Te(e.$);
 }
-function Oe(e) {
+function Te(e) {
   let t = e;
-  for (; t && !Qe(t.vnode); )
+  for (; t && !Ge(t.vnode); )
     t = t.parent;
 }
-function Qe(e) {
+function Ge(e) {
   var n, i;
   const t = y.findIndex((s) => s.vnode.component === e.component);
   return t >= 0 ? ((i = (n = y[t].props).callback) == null || i.call(n, void 0), y.splice(t, 1), !0) : !1;
 }
-async function X(e, t) {
+async function z(e, t) {
   return new Promise((n) => {
     let i = null;
     const o = { ...t, callback: (l) => {
-      Te(i), n(l);
+      Ee(i), n(l);
     } };
-    i = Ee(e, o);
+    i = ye(e, o);
   });
 }
 function A(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
-async function te(e, t) {
-  await X(V, A(e, t));
+async function ee(e, t) {
+  await z(V, A(e, t));
 }
-async function un(e, t) {
-  return await X(V, {
+async function dn(e, t) {
+  return await z(V, {
     ...A(e, t),
     shouldConfirm: !0
   }) === !0;
 }
-async function hn(e, t) {
-  return await X(V, {
+async function un(e, t) {
+  return await z(V, {
     ...A(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
-function fn(e, t) {
-  const n = Ee(V, {
+function hn(e, t) {
+  const n = ye(V, {
     ...A(e, t),
     callback: () => {
     }
   });
-  return () => Te(n);
+  return () => Ee(n);
 }
 const C = {
   unhandledErrorSupportText: "please contact support",
   errorHandler: (e) => console.error("Unhandled error:", e),
   defaultDateTimeFormat: "MM/dd/yy HH:mm"
 };
-function pn(e) {
+function fn(e) {
   Object.assign(C, e);
 }
 class B extends Error {
@@ -149,46 +149,46 @@ class B extends Error {
     super(t), this.name = "UserError";
   }
 }
-function Je(e) {
+function Qe(e) {
   return e instanceof B ? e.message : `An application error has occurred:
 
-${Y(e).message}
+${X(e).message}
 
 Please refresh the page and try again. If this error persists, ${C.unhandledErrorSupportText}.`;
 }
-function Y(e) {
+function X(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-async function mn(e, t) {
-  const n = Y(e);
-  return n instanceof B || C.errorHandler(n), t ? te(t, n) : te(n);
+async function pn(e, t) {
+  const n = X(e);
+  return n instanceof B || C.errorHandler(n), t ? ee(t, n) : ee(n);
 }
-async function vn(e) {
-  const t = Y(e);
+async function mn(e) {
+  const t = X(e);
   t instanceof B || C.errorHandler(t);
 }
-const et = ["id"], tt = {
+const Je = ["id"], et = {
   key: 0,
   class: "vf-modal-header"
-}, nt = { class: "vf-modal-content" }, it = {
+}, tt = { class: "vf-modal-content" }, nt = {
   key: 1,
   class: "vf-modal-footer"
-}, st = /* @__PURE__ */ M({
+}, it = /* @__PURE__ */ L({
   __name: "modal",
   props: {
-    id: null,
+    id: {},
     closeOnMaskClick: { type: Boolean },
     scrolls: { type: Boolean },
     closeX: { type: Boolean },
-    class: null
+    class: {}
   },
   emits: ["formSubmit"],
   setup(e) {
     const t = e, n = I();
-    q(() => {
+    W(() => {
       var l;
       window.addEventListener("keydown", s), document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && ((l = n.value) == null || l.addEventListener("click", i));
-    }), U(() => {
+    }), q(() => {
       document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function i(l) {
@@ -201,22 +201,22 @@ const et = ["id"], tt = {
       }
     }
     function o() {
-      const l = fe();
-      Oe(l);
+      const l = he();
+      Te(l);
     }
-    return (l, r) => (a(), z(Ve, { to: "#vf-modal-target" }, [
+    return (l, r) => (a(), U(Be, { to: "#vf-modal-target" }, [
       v("div", {
-        id: e.id,
+        id: l.id,
         class: E(["vf-overlay vf-modal-wrap", t.class]),
         ref_key: "overlay",
         ref: n
       }, [
         v("form", {
           action: ".",
-          class: E(["vf-modal", { scrolls: e.scrolls }]),
-          onSubmit: r[0] || (r[0] = Fe((c) => l.$emit("formSubmit"), ["prevent"]))
+          class: E(["vf-modal", { scrolls: l.scrolls }]),
+          onSubmit: r[0] || (r[0] = Ve((c) => l.$emit("formSubmit"), ["prevent"]))
         }, [
-          l.$slots.header ? (a(), d("div", tt, [
+          l.$slots.header ? (a(), d("div", et, [
             F(l.$slots, "header"),
             t.closeX ? (a(), d("i", {
               key: 0,
@@ -224,76 +224,76 @@ const et = ["id"], tt = {
               onClick: o
             })) : g("", !0)
           ])) : g("", !0),
-          v("div", nt, [
+          v("div", tt, [
             F(l.$slots, "default")
           ]),
-          l.$slots.footer ? (a(), d("div", it, [
+          l.$slots.footer ? (a(), d("div", nt, [
             F(l.$slots, "footer")
           ])) : g("", !0)
         ], 34)
-      ], 10, et)
+      ], 10, Je)
     ]));
   }
 });
-const ot = ["innerHtml"], lt = ["innerText"], V = /* @__PURE__ */ M({
+const st = ["innerHtml"], ot = ["innerText"], V = /* @__PURE__ */ L({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
     isHtml: { type: Boolean },
-    classes: null,
-    title: null,
-    message: null,
+    classes: {},
+    title: {},
+    message: {},
     shouldConfirm: { type: Boolean },
     callback: { type: Function }
   },
   setup(e) {
-    const t = e, n = D(() => t.message instanceof Error ? Je(t.message) : t.message);
+    const t = e, n = H(() => t.message instanceof Error ? Qe(t.message) : t.message);
     return (i, s) => {
-      const o = pe("autofocus");
-      return a(), z(st, {
-        class: E(["vf-alert", e.classes])
-      }, Ne({
-        default: N(() => [
-          e.isHtml ? (a(), d("div", {
+      const o = fe("autofocus");
+      return a(), U(it, {
+        class: E(["vf-alert", i.classes])
+      }, Fe({
+        default: _(() => [
+          i.isHtml ? (a(), d("div", {
             key: 0,
-            innerHtml: e.message,
+            innerHtml: i.message,
             class: "user-message"
-          }, null, 8, ot)) : (a(), d("div", {
+          }, null, 8, st)) : (a(), d("div", {
             key: 1,
-            innerText: R(n)
-          }, null, 8, lt))
+            innerText: n.value
+          }, null, 8, ot))
         ]),
         _: 2
       }, [
-        e.isBare ? void 0 : {
+        i.isBare ? void 0 : {
           name: "header",
-          fn: N(() => [
-            v("h1", null, w(e.title), 1)
+          fn: _(() => [
+            v("h1", null, w(i.title), 1)
           ]),
           key: "0"
         },
-        e.isBare ? void 0 : {
+        i.isBare ? void 0 : {
           name: "footer",
-          fn: N(() => [
-            e.shouldConfirm ? (a(), d($, { key: 0 }, [
-              H((a(), d("button", {
+          fn: _(() => [
+            i.shouldConfirm ? (a(), d($, { key: 0 }, [
+              D((a(), d("button", {
                 class: "primary",
-                onClick: s[0] || (s[0] = () => e.callback(!0))
+                onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
-                J("Confirm")
+                Q("Confirm")
               ])), [
                 [o]
               ]),
               v("button", {
                 class: "default",
-                onClick: s[1] || (s[1] = () => e.callback(!1))
+                onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : H((a(), d("button", {
+            ], 64)) : D((a(), d("button", {
               key: 1,
               class: "default",
-              onClick: s[2] || (s[2] = () => e.callback(!0))
+              onClick: s[2] || (s[2] = () => i.callback(!0))
             }, [
-              J("OK")
+              Q("OK")
             ])), [
               [o]
             ])
@@ -304,20 +304,20 @@ const ot = ["innerHtml"], lt = ["innerText"], V = /* @__PURE__ */ M({
     };
   }
 });
-function gn(e) {
+function vn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function rt(e) {
+function lt(e) {
   return e.replace(/_/g, " ");
 }
-function at(e) {
+function rt(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
-function ct(e) {
+function at(e) {
   return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", ut = {
+const O = Symbol("null"), te = Symbol("create"), ct = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", dt = {
   props: {
     modelValue: {
       type: null,
@@ -414,7 +414,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
           e = e.filter((s) => s.searchContent.includes(t));
-          const n = qe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
+          const n = We(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
           e = e.map((s) => {
             var o;
             return {
@@ -423,7 +423,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
               subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: ne,
+            key: te,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
@@ -464,7 +464,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
         "update:modelValue",
         this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
       );
-    }), this.remoteSearch && this.$watch("searchText", Ke(this.reloadOptionsIfSearching, 250));
+    }), this.remoteSearch && this.$watch("searchText", Ne(this.reloadOptionsIfSearching, 250));
   },
   methods: {
     async loadRemoteOptions() {
@@ -509,7 +509,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
           this.searchText.length > 1 && (this.isSearching = !0);
           return;
         }
-        !e.metaKey && dt.includes(e.key) && (this.isSearching = !0);
+        !e.metaKey && ct.includes(e.key) && (this.isSearching = !0);
       }
     },
     handleInputFocused() {
@@ -527,7 +527,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
       const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => ge(i.ref, e));
+      const n = this.effectiveOptions.find((i) => ve(i.ref, e));
       return n || null;
     },
     handleInputBlurred() {
@@ -567,7 +567,7 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
     selectOption(e) {
       if (this.isSearching = !1, e.key == O)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === ne) {
+      else if (e.key === te) {
         const t = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
       } else {
@@ -584,23 +584,23 @@ const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@
     }
   }
 };
-const ht = ["placeholder"], ft = {
+const ut = ["placeholder"], ht = {
   key: 0,
   ref: "optionsContainer",
   class: "vf-smart-select-options"
-}, pt = {
+}, ft = {
   key: 0,
   class: "no-results"
-}, mt = ["onMousemove", "onMousedown"], vt = ["innerHTML"], gt = ["innerHTML"], yt = {
+}, pt = ["onMousemove", "onMousedown"], mt = ["innerHTML"], vt = ["innerHTML"], gt = {
   key: 0,
   class: "no-results"
 };
-function Et(e, t, n, i, s, o) {
-  const l = pe("disabled");
+function yt(e, t, n, i, s, o) {
+  const l = fe("disabled");
   return a(), d("div", {
     class: E(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
-    H(v("input", {
+    D(v("input", {
       "onUpdate:modelValue": t[0] || (t[0] = (r) => e.searchText = r),
       ref: "searchField",
       type: "text",
@@ -609,13 +609,13 @@ function Et(e, t, n, i, s, o) {
       placeholder: o.effectivePlaceholder,
       onFocus: t[2] || (t[2] = (...r) => o.handleInputFocused && o.handleInputFocused(...r)),
       onBlur: t[3] || (t[3] = (...r) => o.handleInputBlurred && o.handleInputBlurred(...r))
-    }, null, 42, ht), [
+    }, null, 42, ut), [
       [_e, e.searchText],
       [l, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (a(), d("div", ft, [
+    e.shouldDisplayOptions ? (a(), d("div", ht, [
       e.isLoaded ? (a(), d($, { key: 1 }, [
-        (a(!0), d($, null, W(o.effectiveOptions, (r) => (a(), d("div", {
+        (a(!0), d($, null, P(o.effectiveOptions, (r) => (a(), d("div", {
           key: String(r.key),
           class: E(["option", {
             highlighted: e.highlightedOptionKey === r.key
@@ -626,104 +626,104 @@ function Et(e, t, n, i, s, o) {
           v("div", {
             class: "title",
             innerHTML: r.title
-          }, null, 8, vt),
+          }, null, 8, mt),
           r.subtitle ? (a(), d("div", {
             key: 0,
             class: "subtitle",
             innerHTML: r.subtitle
-          }, null, 8, gt)) : g("", !0)
-        ], 42, mt))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (a(), d("div", yt, w(o.effectiveNoResultsText), 1)) : g("", !0)
-      ], 64)) : (a(), d("div", pt, "Loading..."))
+          }, null, 8, vt)) : g("", !0)
+        ], 42, pt))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (a(), d("div", gt, w(o.effectiveNoResultsText), 1)) : g("", !0)
+      ], 64)) : (a(), d("div", ft, "Loading..."))
     ], 512)) : g("", !0)
   ], 2);
 }
-const Tt = /* @__PURE__ */ ye(ut, [["render", Et]]), yn = /* @__PURE__ */ M({
+const Et = /* @__PURE__ */ ge(dt, [["render", yt]]), gn = /* @__PURE__ */ L({
   __name: "ez-smart-select",
   props: {
-    modelValue: null,
-    nullTitle: null,
-    placeholder: null,
-    options: null,
+    modelValue: {},
+    nullTitle: {},
+    placeholder: {},
+    options: {},
     formatter: { type: Function }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = D(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
+    const n = e, i = H(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
       value: l,
       label: r
-    }))), s = D(() => n.formatter ? (l) => {
+    }))), s = H(() => n.formatter ? (l) => {
       var r;
       return (r = n.formatter) == null ? void 0 : r.call(n, l.label);
     } : (l) => l.label), o = I(i.value.find((l) => l.value === n.modelValue) ?? null);
-    return ee(
+    return J(
       () => n.modelValue,
       (l) => {
         o.value = i.value.find((r) => r.value === l) ?? null;
       }
-    ), ee(o, (l) => {
+    ), J(o, (l) => {
       var r;
-      t("update:modelValue", l ? ((r = i.value.find((c) => ge(c, l))) == null ? void 0 : r.value) ?? null : null);
-    }), (l, r) => (a(), z(Tt, {
+      t("update:modelValue", l ? ((r = i.value.find((c) => ve(c, l))) == null ? void 0 : r.value) ?? null : null);
+    }), (l, r) => (a(), U(Et, {
       modelValue: o.value,
       "onUpdate:modelValue": r[0] || (r[0] = (c) => o.value = c),
-      options: R(i),
-      formatter: R(s),
-      "null-title": e.nullTitle
+      options: i.value,
+      formatter: s.value,
+      "null-title": l.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 });
-function Ot(e) {
+function Tt(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
   return `${i} ${s}`;
 }
-function bt(e) {
+function Ot(e) {
   return e != null && String(e).length ? e : "-";
 }
-function wt(e) {
+function bt(e) {
   return e || "-";
 }
+function wt(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : $t(Number(e));
+}
 function St(e) {
-  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : At(Number(e));
+  return e && rt(e);
 }
 function kt(e) {
-  return e && at(e);
+  return e ? Ke(e) : null;
 }
-function xt(e) {
+function Mt(e) {
   return e ? Re(e) : null;
 }
-function Mt(e) {
-  return e ? je(e) : null;
+function Lt(e) {
+  return e ? e.toUpperCase() : null;
 }
 function Ct(e) {
-  return e ? e.toUpperCase() : null;
+  return e ? lt(e) : null;
 }
-function Lt(e) {
-  return e ? rt(e) : null;
-}
-function It(e) {
-  return ct(e);
-}
-const ie = {
-  bytes: Ot,
-  dash: bt,
-  dashZeros: wt,
-  number: St,
-  phone: kt,
-  upperFirst: xt,
+function xt(e) {
+  return at(e);
+}
+const ne = {
+  bytes: Tt,
+  dash: Ot,
+  dashZeros: bt,
+  number: wt,
+  phone: St,
+  upperFirst: kt,
   startCase: Mt,
-  upperCase: Ct,
-  desnake: Lt,
-  usCurrency: It
-}, En = (e) => ({
-  ...ie,
-  ...e(ie)
+  upperCase: Lt,
+  desnake: Ct,
+  usCurrency: xt
+}, yn = (e) => ({
+  ...ne,
+  ...e(ne)
 });
-function Tn(e, t, n) {
+function En(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return i === -1 ? !1 : (e.splice(i, 1, n), !0);
 }
-function On(e, t) {
+function Tn(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", T), document.body.appendChild(n);
   const i = document.createElement("div");
@@ -731,12 +731,12 @@ function On(e, t) {
   const s = e.currentTarget;
   s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((u) => {
     if (u == "-") {
-      const L = document.createElement("div");
-      L.classList.add("separator"), i.appendChild(L);
+      const x = document.createElement("div");
+      x.classList.add("separator"), i.appendChild(x);
       return;
     }
     const m = document.createElement("div");
-    m.classList.add("item"), m.style.userSelect = "none", m.innerText = u.title, i.appendChild(m), u.class && m.classList.add(u.class), u.shouldConfirm ? m.addEventListener("click", () => u.handler()) : m.addEventListener("click", () => Ce(m, u.handler));
+    m.classList.add("item"), m.style.userSelect = "none", m.innerText = u.title, i.appendChild(m), u.class && m.classList.add(u.class), u.shouldConfirm ? m.addEventListener("click", () => u.handler()) : m.addEventListener("click", () => Le(m, u.handler));
   });
   const o = window.innerWidth - e.clientX, l = window.innerHeight - e.clientY, r = i.offsetHeight, c = i.offsetWidth, p = o < c ? e.clientX - c - 1 : e.clientX + 1, h = l < r ? e.clientY - r - 1 : e.clientY + 1;
   i.style.left = p + "px", i.style.top = h + "px", setTimeout(() => {
@@ -745,62 +745,62 @@ function On(e, t) {
   function T() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function Ce(u, m) {
+  function Le(u, m) {
     if (u.classList.contains("pending-confirm"))
       return m();
-    const L = u.innerHTML;
+    const x = u.innerHTML;
     u.classList.add("pending-confirm"), u.innerText = "Confirm";
-    const Q = () => {
-      u.classList.remove("pending-confirm"), u.innerHTML = L, u.removeEventListener("mouseleave", Q);
+    const G = () => {
+      u.classList.remove("pending-confirm"), u.innerHTML = x, u.removeEventListener("mouseleave", G);
     };
-    u.addEventListener("mouseleave", Q), e.stopPropagation();
+    u.addEventListener("mouseleave", G), e.stopPropagation();
   }
 }
-const Dt = (e) => new Promise((t) => setTimeout(t, e)), bn = (e) => Dt(e * 1e3), S = Symbol("MaskState");
-function wn(e, t) {
+const It = (e) => new Promise((t) => setTimeout(t, e)), On = (e) => It(e * 1e3), S = Symbol("MaskState");
+function bn(e, t) {
   const n = e.$.vnode.el, i = n.closest(".vf-modal");
   return Ht(i ?? n, t);
 }
-function Sn(e) {
+function wn(e) {
   const t = e.$.vnode.el, n = t.closest(".vf-modal");
-  return be(n ?? t);
+  return Oe(n ?? t);
 }
 function Ht(e, t) {
   if (!e[S]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[S] = { maskEl: n };
   }
-  return e[S].maskEl.innerText = t ?? "", () => be(e);
+  return e[S].maskEl.innerText = t ?? "", () => Oe(e);
 }
-function be(e) {
+function Oe(e) {
   e[S] && e.removeChild(e[S].maskEl);
 }
-const P = Symbol("FormMaskState");
-function kn(e, t, n) {
-  const i = e instanceof Element ? e : we(e);
+const j = Symbol("FormMaskState");
+function Sn(e, t, n) {
+  const i = e instanceof Element ? e : be(e);
   i.classList.add("vf-masked");
-  const s = t instanceof Element ? t : i.querySelectorAll(t ?? "button:not([disabled])")[0], o = s.tagName === "INPUT" ? s.value : s.innerText;
+  const s = t instanceof Element ? t : i.querySelectorAll(t ?? "button:not([disabled])")[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
   s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
   const r = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[P] = {
+  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[j] = {
     disabledElements: r,
     waitButton: s,
-    buttonText: o
-  }, () => $t(i);
+    buttonHtml: o
+  }, () => Dt(i);
 }
-function $t(e) {
-  const t = e instanceof Element ? e : we(e), n = t[P];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerText = n.buttonText, n.waitButton.removeAttribute("disabled"), delete t[P]);
+function Dt(e) {
+  const t = e instanceof Element ? e : be(e), n = t[j];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[j]);
 }
-function we(e) {
+function be(e) {
   const t = e.$.vnode.el;
   return t.tagName === "FORM" ? t : t.querySelector("form");
 }
-function At(e) {
+function $t(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function xn(e, t) {
-  return e != null ? Pe(e) : t;
+function kn(e, t) {
+  return e != null ? je(e) : t;
 }
 function Mn(e, t) {
   const n = { ...e };
@@ -808,15 +808,15 @@ function Mn(e, t) {
     n[i] === "" && (n[i] = null);
   return n;
 }
-function Bt(e) {
+function At(e) {
   return e instanceof Error && "status" in e && "body" in e;
 }
-function Cn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
+function Ln({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
   const s = e.request.request.bind(e.request);
   e.request.request = (o) => (t && (o = t(o)), new i((l, r, c) => {
     const p = s(o);
     c(p.cancel), p.then(l).catch((h) => {
-      if (Bt(h) && typeof h.body == "object" && "error" in h.body && h.status === 422)
+      if (At(h) && typeof h.body == "object" && "error" in h.body && h.status === 422)
         return r(new B(h.body.error));
       if (n) {
         const T = n(h, o);
@@ -829,36 +829,36 @@ function Cn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
     });
   }));
 }
-const Z = Symbol("HookState");
-function Vt(e, t) {
-  const n = t ?? fe();
-  q(() => Ft(n, e), n), me(() => Nt(n), n), ve(() => se(n), n), U(() => se(n), n);
+const Y = Symbol("HookState");
+function Bt(e, t) {
+  const n = t ?? he();
+  W(() => Vt(n, e), n), pe(() => Ft(n), n), me(() => ie(n), n), q(() => ie(n), n);
 }
-function Ft(e, t) {
+function Vt(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new K(e.vnode.el, t.elScrolledToBottom), n.el.install()), t.ancestorScrolledToBottom) {
-    const i = Se(e.vnode.el);
+    const i = we(e.vnode.el);
     i ? (n.ancestor = new K(i, t.ancestorScrolledToBottom), n.ancestor.install()) : console.warn("no scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new K(window, t.windowScrolledToBottom), n.window.install()), e[Z] = n;
+  t.windowScrolledToBottom && (n.window = new K(window, t.windowScrolledToBottom), n.window.install()), e[Y] = n;
 }
-function Nt(e) {
+function Ft(e) {
   var n, i, s;
-  const t = e[Z];
+  const t = e[Y];
   (n = t == null ? void 0 : t.el) == null || n.install(), (i = t == null ? void 0 : t.ancestor) == null || i.install(), (s = t == null ? void 0 : t.window) == null || s.install();
 }
-function se(e) {
+function ie(e) {
   var n, i, s;
-  const t = e[Z];
+  const t = e[Y];
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (i = t == null ? void 0 : t.ancestor) == null || i.uninstall(), (s = t == null ? void 0 : t.window) == null || s.uninstall();
 }
-const _ = ["auto", "scroll"];
-function Se(e) {
+const N = ["auto", "scroll"];
+function we(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return _.includes(n.overflow) || _.includes(n.overflowX) || _.includes(n.overflowY) ? t : Se(t);
+  return N.includes(n.overflow) || N.includes(n.overflowX) || N.includes(n.overflowY) ? t : we(t);
 }
 class K {
   constructor(t, n) {
@@ -876,24 +876,24 @@ class K {
     Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
   }
 }
-function Ln(e) {
-  q(() => window.addEventListener("resize", e)), me(() => window.addEventListener("resize", e)), ve(() => window.removeEventListener("resize", e)), U(() => window.removeEventListener("resize", e));
+function Cn(e) {
+  W(() => window.addEventListener("resize", e)), pe(() => window.addEventListener("resize", e)), me(() => window.removeEventListener("resize", e)), q(() => window.removeEventListener("resize", e));
 }
 const _t = {
-  mounted: le,
-  updated: le
-}, oe = Symbol("HasAutoFocused");
-function le(e, t) {
-  if (t.value === void 0 && e[oe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+  mounted: oe,
+  updated: oe
+}, se = Symbol("HasAutoFocused");
+function oe(e, t) {
+  if (t.value === void 0 && e[se] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
     return;
-  e[oe] = !0;
+  e[se] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
-const Kt = {
-  mounted: Rt
+const Nt = {
+  mounted: Kt
 }, b = Symbol("ConfirmState");
-function Rt(e) {
+function Kt(e) {
   e.addEventListener("click", (t) => {
     const n = Date.now();
     if (e[b]) {
@@ -913,25 +913,25 @@ function Rt(e) {
     e[b] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
   });
 }
-const jt = {
-  beforeMount: Pt
+const Rt = {
+  beforeMount: jt
 };
-function Pt(e) {
+function jt(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + j(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + R(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = j(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = R(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
-const Wt = {
-  beforeMount: re,
-  updated: re
+const Pt = {
+  beforeMount: le,
+  updated: le
 };
-function re(e, t) {
-  t.value == t.oldValue && e.innerHTML.length || (e.innerText = qt(e, t));
+function le(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = Wt(e, t));
 }
-function qt(e, t) {
+function Wt(e, t) {
   var c, p;
   if (!t.value)
     return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
@@ -944,49 +944,49 @@ function qt(e, t) {
     h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", l = "HH:mm");
   }
   l || (l = C.defaultDateTimeFormat);
-  let r = j(o, l);
+  let r = R(o, l);
   return n && (r = n + " " + r), r;
 }
-const Ut = {
-  beforeMount: ae,
-  updated: ae,
-  unmounted: zt
+const qt = {
+  beforeMount: re,
+  updated: re,
+  unmounted: Ut
 };
-function ae(e, t) {
+function re(e, t) {
   e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
 }
-function zt(e) {
+function Ut(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
-const Xt = {
-  beforeMount: ce,
-  updated: ce,
-  unmounted: xe
-}, x = Symbol("HasAutoFocused"), G = [];
-function Yt() {
-  G.forEach(ke);
+const zt = {
+  beforeMount: ae,
+  updated: ae,
+  unmounted: ke
+}, M = Symbol("HasAutoFocused"), Z = [];
+function Xt() {
+  Z.forEach(Se);
 }
-setInterval(Yt, 1e3);
-function ce(e, t) {
+setInterval(Xt, 1e3);
+function ae(e, t) {
   var l;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
-    return xe(e);
+    return ke(e);
   const n = new Date(t.value), i = (l = e.attributes.getNamedItem("base-time")) == null ? void 0 : l.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
-  e[x] || G.push(e), e[x] = {
+  e[M] || Z.push(e), e[M] = {
     startTs: s,
     includeSeconds: o
-  }, ke(e);
+  }, Se(e);
 }
-function ke(e) {
-  const t = e[x], n = Math.round((Date.now() - t.startTs) / 1e3);
-  e.innerText = Zt(n, t.includeSeconds);
+function Se(e) {
+  const t = e[M], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = Yt(n, t.includeSeconds);
 }
-function xe(e) {
-  e[x] && (We(G, e), delete e[x]), e.innerText = "-";
+function ke(e) {
+  e[M] && (Pe(Z, e), delete e[M]), e.innerText = "-";
 }
-function Zt(e, t) {
+function Yt(e, t) {
   const n = [], i = Math.floor(e / 86400);
   i && n.push(i + "d"), e -= i * 86400;
   const s = Math.floor(e / 3600);
@@ -994,23 +994,23 @@ function Zt(e, t) {
   const o = Math.floor(e / 60);
   return (i || s || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
 }
-const Gt = {
+const Zt = {
   created(e, t) {
-    Vt(t.value, t.instance.$);
+    Bt(t.value, t.instance.$);
   }
-}, Qt = {
-  beforeMount: de,
-  updated: de
+}, Gt = {
+  beforeMount: ce,
+  updated: ce
 };
-function de(e, t) {
+function ce(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
-const Jt = {
-  mounted: ue,
-  updated: ue,
+const Qt = {
+  mounted: de,
+  updated: de,
   unmounted: Me
 }, k = Symbol("TooltipState");
-function ue(e, t) {
+function de(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
   if (t.value || (n = null), n) {
@@ -1018,7 +1018,7 @@ function ue(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[k] ? e[k].configure(s) : e[k] = new en(e, s);
+    e[k] ? e[k].configure(s) : e[k] = new Jt(e, s);
   } else
     Me(e);
 }
@@ -1026,7 +1026,7 @@ function Me(e) {
   var t;
   (t = e[k]) == null || t.destroy(), delete e[k];
 }
-class en {
+class Jt {
   constructor(t, n) {
     f(this, "lastMoveEvt");
     f(this, "checkInterval");
@@ -1074,56 +1074,56 @@ class en {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function tn(e) {
-  e.directive("autofocus", _t), e.directive("confirm-button", Kt), e.directive("date-input", jt), e.directive("datetime", Wt), e.directive("disabled", Ut), e.directive("duration", Xt), e.directive("infinite-scroll", Gt), e.directive("readonly", Qt), e.directive("tooltip", Jt);
+function en(e) {
+  e.directive("autofocus", _t), e.directive("confirm-button", Nt), e.directive("date-input", Rt), e.directive("datetime", Pt), e.directive("disabled", qt), e.directive("duration", zt), e.directive("infinite-scroll", Zt), e.directive("readonly", Gt), e.directive("tooltip", Qt);
 }
-function In(e) {
-  tn(e);
+function xn(e) {
+  en(e);
 }
 export {
-  cn as ModalContainer,
+  an as ModalContainer,
   B as UserError,
-  an as VfAjaxSelect,
+  rn as VfAjaxSelect,
   V as VfAlertModal,
-  yn as VfEzSmartSelect,
-  st as VfModal,
-  Tt as VfSmartSelect,
-  xn as cloneProp,
-  pn as configureVf,
-  En as createFilters,
-  Ee as createModalInjection,
-  rt as desnakeCase,
-  $n as escapeHtml,
-  Je as formatError,
-  At as formatNumber,
-  at as formatPhone,
-  ct as formatUSCurrency,
-  vn as handleError,
-  mn as handleErrorAndAlert,
-  Cn as installApiClientInterceptors,
-  In as installVf,
-  wn as maskComponent,
+  gn as VfEzSmartSelect,
+  it as VfModal,
+  Et as VfSmartSelect,
+  kn as cloneProp,
+  fn as configureVf,
+  yn as createFilters,
+  ye as createModalInjection,
+  lt as desnakeCase,
+  Dn as escapeHtml,
+  Qe as formatError,
+  $t as formatNumber,
+  rt as formatPhone,
+  at as formatUSCurrency,
+  mn as handleError,
+  pn as handleErrorAndAlert,
+  Ln as installApiClientInterceptors,
+  xn as installVf,
+  bn as maskComponent,
   Ht as maskEl,
-  kn as maskForm,
-  gn as nl2br,
+  Sn as maskForm,
+  vn as nl2br,
   Mn as nullifyEmptyInputs,
-  X as presentModal,
-  Te as removeModalInjection,
-  dn as removeModalInjectionByInstance,
-  Oe as removeModalInjectionByInternalInstance,
-  Qe as removeModalInjectionByVnode,
-  Tn as replaceElement,
-  te as showAlert,
-  un as showConfirm,
-  hn as showConfirmDestroy,
-  On as showContextMenu,
-  fn as showWait,
-  Dt as sleep,
-  bn as sleepSecs,
-  Y as toError,
-  Sn as unmaskComponent,
-  be as unmaskEl,
-  $t as unmaskForm,
-  Vt as useInfiniteScroll,
-  Ln as useResizeWatcher
+  z as presentModal,
+  Ee as removeModalInjection,
+  cn as removeModalInjectionByInstance,
+  Te as removeModalInjectionByInternalInstance,
+  Ge as removeModalInjectionByVnode,
+  En as replaceElement,
+  ee as showAlert,
+  dn as showConfirm,
+  un as showConfirmDestroy,
+  Tn as showContextMenu,
+  hn as showWait,
+  It as sleep,
+  On as sleepSecs,
+  X as toError,
+  wn as unmaskComponent,
+  Oe as unmaskEl,
+  Dt as unmaskForm,
+  Bt as useInfiniteScroll,
+  Cn as useResizeWatcher
 };