@stonecrop/aform 0.9.2 → 0.10.0

package/dist/aform.js

@@ -1,17 +1,17 @@
-import { defineComponent as ne, useTemplateRef as fe, ref as L, computed as $, openBlock as w, createElementBlock as k, unref as V, normalizeClass as ae, normalizeStyle as xe, createBlock as pe, resolveDynamicComponent as Ue, mergeProps as vt, toDisplayString as K, createElementVNode as y, withModifiers as Ie, withDirectives as J, Fragment as ue, renderList as me, vShow as Ce, createCommentVNode as q, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as te, onBeforeUnmount as sn, nextTick as pt, toValue as E, shallowRef as ie, getCurrentScope as mt, onScopeDispose as ht, reactive as rn, vModelText as we, vModelCheckbox as un, vModelSelect as Cn, getCurrentInstance as gt, watchEffect as Qe, useCssVars as En, onUnmounted as An, useModel as ke, createVNode as dt, withCtx as Tt, mergeModels as Me, isRef as Tn, toRefs as $n, customRef as St, toRef as cn, readonly as Rt, resolveComponent as dn, withKeys as Ze } from "vue";
+import { defineComponent as oe, useTemplateRef as fe, ref as L, computed as T, openBlock as h, createElementBlock as b, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as pe, resolveDynamicComponent as Ue, mergeProps as ft, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as ve, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as sn, nextTick as vt, toValue as E, shallowRef as ue, getCurrentScope as mt, onScopeDispose as pt, reactive as rn, vModelText as we, vModelCheckbox as un, vModelSelect as Cn, getCurrentInstance as ht, watchEffect as gt, useCssVars as En, onUnmounted as An, useModel as Me, createVNode as ct, withCtx as $t, mergeModels as xe, isRef as $n, toRefs as Tn, customRef as St, toRef as cn, readonly as Rt, resolveComponent as dn, withKeys as Ze } from "vue";
 import { defineStore as Dn } from "pinia";
 import './assets/index.css';function fn(e, t) {
-  return mt() ? (ht(e, t), !0) : !1;
+  return mt() ? (pt(e, t), !0) : !1;
 }
 const Sn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Rn = (e) => e != null, Ln = Object.prototype.toString, Hn = (e) => Ln.call(e) === "[object Object]", Vn = () => {
 };
-function rt(e) {
+function st(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Pn(e, t, n) {
-  return te(e, t, {
+function _n(e, t, n) {
+  return ne(e, t, {
     ...n,
     immediate: !0
   });
@@ -22,58 +22,58 @@ function We(e) {
   const n = E(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
-function Ke(...e) {
-  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = $(() => {
-    const o = rt(E(e[0])).filter((a) => a != null);
+function Qe(...e) {
+  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = T(() => {
+    const o = st(E(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
   });
-  return Pn(() => {
+  return _n(() => {
     var o, a;
     return [
       (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => We(r))) !== null && o !== void 0 ? o : [ze].filter((r) => r != null),
-      rt(E(n.value ? e[1] : e[0])),
-      rt(V(n.value ? e[2] : e[1])),
+      st(E(n.value ? e[1] : e[0])),
+      st(V(n.value ? e[2] : e[1])),
       E(n.value ? e[3] : e[2])
     ];
   }, ([o, a, r, s], l, u) => {
     if (!o?.length || !a?.length || !r?.length) return;
-    const i = Hn(s) ? { ...s } : s, c = o.flatMap((p) => a.flatMap((m) => r.map((I) => t(p, m, I, i))));
+    const i = Hn(s) ? { ...s } : s, d = o.flatMap((m) => a.flatMap((p) => r.map((I) => t(m, p, I, i))));
     u(() => {
-      c.forEach((p) => p());
+      d.forEach((m) => m());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function _n() {
-  const e = ie(!1), t = gt();
+function Pn() {
+  const e = ue(!1), t = ht();
   return t && Ee(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
 function On(e) {
-  const t = /* @__PURE__ */ _n();
-  return $(() => (t.value, !!e()));
+  const t = /* @__PURE__ */ Pn();
+  return T(() => (t.value, !!e()));
 }
 function Bn(e, t, n = {}) {
   const { window: o = ze, ...a } = n;
   let r;
   const s = /* @__PURE__ */ On(() => o && "MutationObserver" in o), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = te($(() => {
-    const p = rt(E(e)).map(We).filter(Rn);
-    return new Set(p);
-  }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((m) => r.observe(m, a)));
+  }, u = ne(T(() => {
+    const m = st(E(e)).map(We).filter(Rn);
+    return new Set(m);
+  }), (m) => {
+    l(), s.value && m.size && (r = new MutationObserver(t), m.forEach((p) => r.observe(p, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), c = () => {
+  }), i = () => r?.takeRecords(), d = () => {
     u(), l();
   };
-  return fn(c), {
+  return fn(d), {
     isSupported: s,
-    stop: c,
+    stop: d,
     takeRecords: i
   };
 }
@@ -81,19 +81,19 @@ function Fn(e, t, n = {}) {
   const { window: o = ze, document: a = o?.document, flush: r = "sync" } = n;
   if (!o || !a) return Vn;
   let s;
-  const l = (c) => {
-    s?.(), s = c;
-  }, u = Qe(() => {
-    const c = We(e);
-    if (c) {
-      const { stop: p } = Bn(a, (m) => {
-        m.map((I) => [...I.removedNodes]).flat().some((I) => I === c || I.contains(c)) && t(m);
+  const l = (d) => {
+    s?.(), s = d;
+  }, u = gt(() => {
+    const d = We(e);
+    if (d) {
+      const { stop: m } = Bn(a, (p) => {
+        p.map((I) => [...I.removedNodes]).flat().some((I) => I === d || I.contains(d)) && t(p);
       }, {
         window: o,
         childList: !0,
         subtree: !0
       });
-      l(p);
+      l(m);
     }
   }, { flush: r }), i = () => {
     u(), l();
@@ -106,9 +106,9 @@ function Zn(e = {}) {
   const { window: n = ze, deep: o = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : n?.document, s = () => {
     let i = r?.activeElement;
     if (o)
-      for (var c; i?.shadowRoot; ) i = i == null || (c = i.shadowRoot) === null || c === void 0 ? void 0 : c.activeElement;
+      for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
     return i;
-  }, l = ie(), u = () => {
+  }, l = ue(), u = () => {
     l.value = s();
   };
   if (n) {
@@ -116,18 +116,18 @@ function Zn(e = {}) {
       capture: !0,
       passive: !0
     };
-    Ke(n, "blur", (c) => {
-      c.relatedTarget === null && u();
-    }, i), Ke(n, "focus", u, i);
+    Qe(n, "blur", (d) => {
+      d.relatedTarget === null && u();
+    }, i), Qe(n, "focus", u, i);
   }
   return a && Fn(l, u, { document: r }), u(), l;
 }
 const Nn = "focusin", Un = "focusout", Wn = ":focus-within";
 function Gn(e, t = {}) {
-  const { window: n = ze } = t, o = $(() => We(e)), a = ie(!1), r = $(() => a.value);
+  const { window: n = ze } = t, o = T(() => We(e)), a = ue(!1), r = T(() => a.value);
   if (!n || !(/* @__PURE__ */ Zn(t)).value) return { focused: r };
   const s = { passive: !0 };
-  return Ke(o, Nn, () => a.value = !0, s), Ke(o, Un, () => {
+  return Qe(o, Nn, () => a.value = !0, s), Qe(o, Un, () => {
     var l, u, i;
     return a.value = (l = (u = o.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Wn)) !== null && l !== void 0 ? l : !1;
   }, s), { focused: r };
@@ -143,11 +143,11 @@ function zn(e, { window: t = ze, scrollTarget: n } = {}) {
       o.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
     }
   };
-  return te(
+  return ne(
     () => We(e),
     () => a(),
     { immediate: !0, flush: "post" }
-  ), t && Ke(n || t, "scroll", a, {
+  ), t && Qe(n || t, "scroll", a, {
     capture: !1,
     passive: !0
   }), o;
@@ -155,7 +155,7 @@ function zn(e, { window: t = ze, scrollTarget: n } = {}) {
 const Ae = (e) => {
   let t = zn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, Te = (e) => e.tabIndex >= 0, Wt = (e) => {
+}, $e = (e) => e.tabIndex >= 0, Wt = (e) => {
   const t = e.target;
   return Lt(t);
 }, Lt = (e) => {
@@ -170,7 +170,7 @@ const Ae = (e) => {
     const n = e.previousElementSibling;
     n && (t = n);
   }
-  return t && (!Te(t) || !Ae(t)) ? Lt(t) : t;
+  return t && (!$e(t) || !Ae(t)) ? Lt(t) : t;
 }, qn = (e) => {
   const t = e.target;
   let n;
@@ -187,7 +187,7 @@ const Ae = (e) => {
       a && (n = a);
     }
   }
-  return n && (!Te(n) || !Ae(n)) ? Ht(n) : n;
+  return n && (!$e(n) || !Ae(n)) ? Ht(n) : n;
 }, Gt = (e) => {
   const t = e.target;
   return Ht(t);
@@ -203,7 +203,7 @@ const Ae = (e) => {
     const n = e.nextElementSibling;
     n && (t = n);
   }
-  return t && (!Te(t) || !Ae(t)) ? Ht(t) : t;
+  return t && (!$e(t) || !Ae(t)) ? Ht(t) : t;
 }, Yn = (e) => {
   const t = e.target;
   let n;
@@ -220,26 +220,26 @@ const Ae = (e) => {
       a && (n = a);
     }
   }
-  return n && (!Te(n) || !Ae(n)) ? Lt(n) : n;
+  return n && (!$e(n) || !Ae(n)) ? Lt(n) : n;
 }, zt = (e) => {
   const t = e.target;
   return Vt(t);
 }, Vt = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!Te(t) || !Ae(t)) ? Vt(t) : t;
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
 }, qt = (e) => {
   const t = e.target;
-  return Pt(t);
-}, Pt = (e) => {
+  return _t(t);
+}, _t = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!Te(t) || !Ae(t)) ? Pt(t) : t;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!$e(t) || !Ae(t)) ? _t(t) : t;
 }, Yt = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!Te(t) || !Ae(t)) ? Pt(t) : t;
+  return t && (!$e(t) || !Ae(t)) ? _t(t) : t;
 }, Xt = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!Te(t) || !Ae(t)) ? Vt(t) : t;
-}, ot = ["alt", "control", "shift", "meta"], Xn = {
+  return t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
+}, nt = ["alt", "control", "shift", "meta"], Xn = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -308,7 +308,7 @@ const Ae = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function _t(e) {
+function Pt(e) {
   const t = (s) => {
     let l = null;
     return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
@@ -332,37 +332,37 @@ function _t(e) {
   }, o = (s) => {
     const l = t(s);
     let u = [];
-    return s.selectors ? u = n(s) : l && (u = Array.from(l.children).filter((i) => Te(i) && Ae(i))), u;
+    return s.selectors ? u = n(s) : l && (u = Array.from(l.children).filter((i) => $e(i) && Ae(i))), u;
   }, a = (s) => (l) => {
     const u = Xn[l.key] || l.key.toLowerCase();
-    if (ot.includes(u)) return;
+    if (nt.includes(u)) return;
     const i = s.handlers || wt;
-    for (const c of Object.keys(i)) {
-      const [p, ...m] = c.split(".");
-      if (p === "keydown" && m.includes(u)) {
-        const I = i[c], b = m.filter((f) => ot.includes(f)), x = ot.some((f) => {
-          const h = f.charAt(0).toUpperCase() + f.slice(1);
-          return l.getModifierState(h);
+    for (const d of Object.keys(i)) {
+      const [m, ...p] = d.split(".");
+      if (m === "keydown" && p.includes(u)) {
+        const I = i[d], y = p.filter((f) => nt.includes(f)), k = nt.some((f) => {
+          const g = f.charAt(0).toUpperCase() + f.slice(1);
+          return l.getModifierState(g);
         });
-        if (b.length > 0) {
-          if (x) {
-            for (const f of ot)
-              if (m.includes(f)) {
-                const h = f.charAt(0).toUpperCase() + f.slice(1);
-                l.getModifierState(h) && I(l);
+        if (y.length > 0) {
+          if (k) {
+            for (const f of nt)
+              if (p.includes(f)) {
+                const g = f.charAt(0).toUpperCase() + f.slice(1);
+                l.getModifierState(g) && I(l);
               }
           }
         } else
-          x || I(l);
+          k || I(l);
       }
     }
   }, r = [];
   Ee(() => {
     for (const s of e) {
-      const l = t(s), u = o(s), i = a(s), c = l ? [l] : u;
-      for (const p of c) {
-        const { focused: m } = Gn(L(p)), I = te(m, (b) => {
-          b ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+      const l = t(s), u = o(s), i = a(s), d = l ? [l] : u;
+      for (const m of d) {
+        const { focused: p } = Gn(L(m)), I = ne(p, (y) => {
+          y ? m.addEventListener("keydown", i) : m.removeEventListener("keydown", i);
         });
         r.push(I);
       }
@@ -373,18 +373,18 @@ function _t(e) {
   });
 }
 function Ot(e, t) {
-  return mt() ? (ht(e, t), !0) : !1;
+  return mt() ? (pt(e, t), !0) : !1;
 }
 const vn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const jn = (e) => e != null, Jn = Object.prototype.toString, Qn = (e) => Jn.call(e) === "[object Object]", _e = () => {
+const jn = (e) => e != null, Jn = Object.prototype.toString, Qn = (e) => Jn.call(e) === "[object Object]", Pe = () => {
 };
 function Kn(...e) {
   if (e.length !== 1) return cn(...e);
   const t = e[0];
   return typeof t == "function" ? Rt(St(() => ({
     get: t,
-    set: _e
+    set: Pe
   }))) : L(t);
 }
 function eo(e, t) {
@@ -400,34 +400,34 @@ function eo(e, t) {
   return n;
 }
 function to(e, t = {}) {
-  let n, o, a = _e;
+  let n, o, a = Pe;
   const r = (l) => {
-    clearTimeout(l), a(), a = _e;
+    clearTimeout(l), a(), a = Pe;
   };
   let s;
   return (l) => {
     const u = E(e), i = E(t.maxWait);
-    return n && r(n), u <= 0 || i !== void 0 && i <= 0 ? (o && (r(o), o = void 0), Promise.resolve(l())) : new Promise((c, p) => {
-      a = t.rejectOnCancel ? p : c, s = l, i && !o && (o = setTimeout(() => {
-        n && r(n), o = void 0, c(s());
+    return n && r(n), u <= 0 || i !== void 0 && i <= 0 ? (o && (r(o), o = void 0), Promise.resolve(l())) : new Promise((d, m) => {
+      a = t.rejectOnCancel ? m : d, s = l, i && !o && (o = setTimeout(() => {
+        n && r(n), o = void 0, d(s());
       }, i)), n = setTimeout(() => {
-        o && r(o), o = void 0, c(l());
+        o && r(o), o = void 0, d(l());
       }, u);
     });
   };
 }
-function it(e) {
+function rt(e) {
   return Array.isArray(e) ? e : [e];
 }
 function no(e) {
-  return gt();
+  return ht();
 }
 // @__NO_SIDE_EFFECTS__
 function oo(e, t = 200, n = {}) {
   return eo(to(t, n), e);
 }
 function lo(e, t = {}) {
-  if (!Tn(e)) return $n(e);
+  if (!$n(e)) return Tn(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
   for (const o in e.value) n[o] = St(() => ({
     get() {
@@ -451,67 +451,67 @@ function lo(e, t = {}) {
   return n;
 }
 function ao(e, t = !0, n) {
-  no() ? Ee(e, n) : t ? e() : pt(e);
+  no() ? Ee(e, n) : t ? e() : vt(e);
 }
 function so(e, t, n) {
-  return te(e, t, {
+  return ne(e, t, {
     ...n,
     immediate: !0
   });
 }
-const tt = vn ? window : void 0;
+const et = vn ? window : void 0;
 function ye(e) {
   var t;
   const n = E(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function He(...e) {
-  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = $(() => {
-    const o = it(E(e[0])).filter((a) => a != null);
+  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = T(() => {
+    const o = rt(E(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
   });
   return so(() => {
     var o, a;
     return [
-      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => ye(r))) !== null && o !== void 0 ? o : [tt].filter((r) => r != null),
-      it(E(n.value ? e[1] : e[0])),
-      it(V(n.value ? e[2] : e[1])),
+      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => ye(r))) !== null && o !== void 0 ? o : [et].filter((r) => r != null),
+      rt(E(n.value ? e[1] : e[0])),
+      rt(V(n.value ? e[2] : e[1])),
       E(n.value ? e[3] : e[2])
     ];
   }, ([o, a, r, s], l, u) => {
     if (!o?.length || !a?.length || !r?.length) return;
-    const i = Qn(s) ? { ...s } : s, c = o.flatMap((p) => a.flatMap((m) => r.map((I) => t(p, m, I, i))));
+    const i = Qn(s) ? { ...s } : s, d = o.flatMap((m) => a.flatMap((p) => r.map((I) => t(m, p, I, i))));
     u(() => {
-      c.forEach((p) => p());
+      d.forEach((m) => m());
     });
   }, { flush: "post" });
 }
-function $t(e, t, n = {}) {
-  const { window: o = tt, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = n;
+function Tt(e, t, n = {}) {
+  const { window: o = et, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = n;
   if (!o) return l ? {
-    stop: _e,
-    cancel: _e,
-    trigger: _e
-  } : _e;
+    stop: Pe,
+    cancel: Pe,
+    trigger: Pe
+  } : Pe;
   let u = !0;
-  const i = (f) => E(a).some((h) => {
-    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((g) => g === f.target || f.composedPath().includes(g));
+  const i = (f) => E(a).some((g) => {
+    if (typeof g == "string") return Array.from(o.document.querySelectorAll(g)).some((x) => x === f.target || f.composedPath().includes(x));
     {
-      const g = ye(h);
-      return g && (f.target === g || f.composedPath().includes(g));
+      const x = ye(g);
+      return x && (f.target === x || f.composedPath().includes(x));
     }
   });
-  function c(f) {
-    const h = E(f);
-    return h && h.$.subTree.shapeFlag === 16;
+  function d(f) {
+    const g = E(f);
+    return g && g.$.subTree.shapeFlag === 16;
   }
-  function p(f, h) {
-    const g = E(f), C = g.$.subTree && g.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some((T) => T.el === h.target || h.composedPath().includes(T.el));
+  function m(f, g) {
+    const x = E(f), C = x.$.subTree && x.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
   }
-  const m = (f) => {
-    const h = ye(e);
-    if (f.target != null && !(!(h instanceof Element) && c(e) && p(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
+  const p = (f) => {
+    const g = ye(e);
+    if (f.target != null && !(!(g instanceof Element) && d(e) && m(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
       if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
         u = !0;
         return;
@@ -520,72 +520,72 @@ function $t(e, t, n = {}) {
     }
   };
   let I = !1;
-  const b = [
+  const y = [
     He(o, "click", (f) => {
       I || (I = !0, setTimeout(() => {
         I = !1;
-      }, 0), m(f));
+      }, 0), p(f));
     }, {
       passive: !0,
       capture: r
     }),
     He(o, "pointerdown", (f) => {
-      const h = ye(e);
-      u = !i(f) && !!(h && !f.composedPath().includes(h));
+      const g = ye(e);
+      u = !i(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
     s && He(o, "blur", (f) => {
       setTimeout(() => {
-        var h;
-        const g = ye(e);
-        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !g?.contains(o.document.activeElement) && t(f);
+        var g;
+        const x = ye(e);
+        ((g = o.document.activeElement) === null || g === void 0 ? void 0 : g.tagName) === "IFRAME" && !x?.contains(o.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => b.forEach((f) => f());
+  ].filter(Boolean), k = () => y.forEach((f) => f());
   return l ? {
-    stop: x,
+    stop: k,
     cancel: () => {
       u = !1;
     },
     trigger: (f) => {
-      u = !0, m(f), u = !1;
+      u = !0, p(f), u = !1;
     }
-  } : x;
+  } : k;
 }
 // @__NO_SIDE_EFFECTS__
 function ro() {
-  const e = ie(!1), t = gt();
+  const e = ue(!1), t = ht();
   return t && Ee(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function pn(e) {
+function mn(e) {
   const t = /* @__PURE__ */ ro();
-  return $(() => (t.value, !!e()));
+  return T(() => (t.value, !!e()));
 }
-function mn(e, t, n = {}) {
-  const { window: o = tt, ...a } = n;
+function pn(e, t, n = {}) {
+  const { window: o = et, ...a } = n;
   let r;
-  const s = /* @__PURE__ */ pn(() => o && "MutationObserver" in o), l = () => {
+  const s = /* @__PURE__ */ mn(() => o && "MutationObserver" in o), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = te($(() => {
-    const p = it(E(e)).map(ye).filter(jn);
-    return new Set(p);
-  }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((m) => r.observe(m, a)));
+  }, u = ne(T(() => {
+    const m = rt(E(e)).map(ye).filter(jn);
+    return new Set(m);
+  }), (m) => {
+    l(), s.value && m.size && (r = new MutationObserver(t), m.forEach((p) => r.observe(p, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), c = () => {
+  }), i = () => r?.takeRecords(), d = () => {
     u(), l();
   };
-  return Ot(c), {
+  return Ot(d), {
     isSupported: s,
-    stop: c,
+    stop: d,
     takeRecords: i
   };
 }
-const lt = {
+const ot = {
   speed: 2,
   margin: 30,
   direction: "both"
@@ -595,21 +595,21 @@ function io(e) {
 }
 function yt(e, t = {}) {
   var n, o, a, r;
-  const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: c, onEnd: p, onStart: m, initialValue: I, axis: b = "both", draggingElement: x = tt, containerElement: f, handle: h = e, buttons: g = [0], restrictInView: C, autoScroll: T = !1 } = t, R = L((n = E(I)) !== null && n !== void 0 ? n : {
+  const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd: m, onStart: p, initialValue: I, axis: y = "both", draggingElement: k = et, containerElement: f, handle: g = e, buttons: x = [0], restrictInView: C, autoScroll: $ = !1 } = t, R = L((n = E(I)) !== null && n !== void 0 ? n : {
     x: 0,
     y: 0
-  }), S = L(), O = (D) => s ? s.includes(D.pointerType) : !0, U = (D) => {
+  }), S = L(), O = (D) => s ? s.includes(D.pointerType) : !0, W = (D) => {
     E(l) && D.preventDefault(), E(u) && D.stopPropagation();
-  }, ve = E(T), Y = typeof ve == "object" ? {
-    speed: (o = E(ve.speed)) !== null && o !== void 0 ? o : lt.speed,
-    margin: (a = E(ve.margin)) !== null && a !== void 0 ? a : lt.margin,
-    direction: (r = ve.direction) !== null && r !== void 0 ? r : lt.direction
-  } : lt, X = (D) => typeof D == "number" ? [D, D] : [D.x, D.y], ge = (D, F, W) => {
-    const { clientWidth: j, clientHeight: z, scrollLeft: se, scrollTop: be, scrollWidth: Le, scrollHeight: _ } = D, [B, G] = X(Y.margin), [Q, oe] = X(Y.speed);
-    let ee = 0, re = 0;
-    (Y.direction === "x" || Y.direction === "both") && (W.x < B && se > 0 ? ee = -Q : W.x + F.width > j - B && se < Le - j && (ee = Q)), (Y.direction === "y" || Y.direction === "both") && (W.y < G && be > 0 ? re = -oe : W.y + F.height > z - G && be < _ - z && (re = oe)), (ee || re) && D.scrollBy({
-      left: ee,
-      top: re,
+  }, me = E($), j = typeof me == "object" ? {
+    speed: (o = E(me.speed)) !== null && o !== void 0 ? o : ot.speed,
+    margin: (a = E(me.margin)) !== null && a !== void 0 ? a : ot.margin,
+    direction: (r = me.direction) !== null && r !== void 0 ? r : ot.direction
+  } : ot, J = (D) => typeof D == "number" ? [D, D] : [D.x, D.y], ge = (D, F, G) => {
+    const { clientWidth: Q, clientHeight: q, scrollLeft: re, scrollTop: ke, scrollWidth: Le, scrollHeight: P } = D, [B, z] = J(j.margin), [ee, le] = J(j.speed);
+    let te = 0, ie = 0;
+    (j.direction === "x" || j.direction === "both") && (G.x < B && re > 0 ? te = -ee : G.x + F.width > Q - B && re < Le - Q && (te = ee)), (j.direction === "y" || j.direction === "both") && (G.y < z && ke > 0 ? ie = -le : G.y + F.height > q - z && ke < P - q && (ie = le)), (te || ie) && D.scrollBy({
+      left: te,
+      top: ie,
       behavior: "auto"
     });
   };
@@ -617,61 +617,61 @@ function yt(e, t = {}) {
   const Oe = () => {
     const D = E(f);
     D && !de && (de = setInterval(() => {
-      const F = E(e).getBoundingClientRect(), { x: W, y: j } = R.value, z = {
-        x: W - D.scrollLeft,
-        y: j - D.scrollTop
+      const F = E(e).getBoundingClientRect(), { x: G, y: Q } = R.value, q = {
+        x: G - D.scrollLeft,
+        y: Q - D.scrollTop
       };
-      z.x >= 0 && z.y >= 0 && (ge(D, F, z), z.x += D.scrollLeft, z.y += D.scrollTop, R.value = z);
+      q.x >= 0 && q.y >= 0 && (ge(D, F, q), q.x += D.scrollLeft, q.y += D.scrollTop, R.value = q);
     }, 1e3 / 60));
   }, Re = () => {
     de && (clearInterval(de), de = null);
-  }, Ye = (D, F, W, j) => {
-    const [z, se] = typeof W == "number" ? [W, W] : [W.x, W.y], { clientWidth: be, clientHeight: Le } = F;
-    return D.x < z || D.x + j.width > be - z || D.y < se || D.y + j.height > Le - se;
+  }, Ye = (D, F, G, Q) => {
+    const [q, re] = typeof G == "number" ? [G, G] : [G.x, G.y], { clientWidth: ke, clientHeight: Le } = F;
+    return D.x < q || D.x + Q.width > ke - q || D.y < re || D.y + Q.height > Le - re;
   }, Xe = () => {
     if (E(t.disabled) || !S.value) return;
     const D = E(f);
     if (!D) return;
-    const F = E(e).getBoundingClientRect(), { x: W, y: j } = R.value;
+    const F = E(e).getBoundingClientRect(), { x: G, y: Q } = R.value;
     Ye({
-      x: W - D.scrollLeft,
-      y: j - D.scrollTop
-    }, D, Y.margin, F) ? Oe() : Re();
+      x: G - D.scrollLeft,
+      y: Q - D.scrollTop
+    }, D, j.margin, F) ? Oe() : Re();
   };
-  E(T) && te(R, Xe);
+  E($) && ne(R, Xe);
   const Be = (D) => {
     var F;
-    if (!E(g).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
-    const W = E(f), j = W == null || (F = W.getBoundingClientRect) === null || F === void 0 ? void 0 : F.call(W), z = E(e).getBoundingClientRect(), se = {
-      x: D.clientX - (W ? z.left - j.left + (T ? 0 : W.scrollLeft) : z.left),
-      y: D.clientY - (W ? z.top - j.top + (T ? 0 : W.scrollTop) : z.top)
+    if (!E(x).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
+    const G = E(f), Q = G == null || (F = G.getBoundingClientRect) === null || F === void 0 ? void 0 : F.call(G), q = E(e).getBoundingClientRect(), re = {
+      x: D.clientX - (G ? q.left - Q.left + ($ ? 0 : G.scrollLeft) : q.left),
+      y: D.clientY - (G ? q.top - Q.top + ($ ? 0 : G.scrollTop) : q.top)
     };
-    m?.(se, D) !== !1 && (S.value = se, U(D));
+    p?.(re, D) !== !1 && (S.value = re, W(D));
   }, je = (D) => {
     if (E(t.disabled) || !O(D) || !S.value) return;
     const F = E(f);
     F instanceof HTMLElement && io(F);
-    const W = E(e).getBoundingClientRect();
-    let { x: j, y: z } = R.value;
-    if ((b === "x" || b === "both") && (j = D.clientX - S.value.x, F && (j = Math.min(Math.max(0, j), F.scrollWidth - W.width))), (b === "y" || b === "both") && (z = D.clientY - S.value.y, F && (z = Math.min(Math.max(0, z), F.scrollHeight - W.height))), E(T) && F && (de === null && ge(F, W, {
-      x: j,
-      y: z
-    }), j += F.scrollLeft, z += F.scrollTop), F && (C || T)) {
-      if (b !== "y") {
-        const se = j - F.scrollLeft;
-        se < 0 ? j = F.scrollLeft : se > F.clientWidth - W.width && (j = F.clientWidth - W.width + F.scrollLeft);
+    const G = E(e).getBoundingClientRect();
+    let { x: Q, y: q } = R.value;
+    if ((y === "x" || y === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (y === "y" || y === "both") && (q = D.clientY - S.value.y, F && (q = Math.min(Math.max(0, q), F.scrollHeight - G.height))), E($) && F && (de === null && ge(F, G, {
+      x: Q,
+      y: q
+    }), Q += F.scrollLeft, q += F.scrollTop), F && (C || $)) {
+      if (y !== "y") {
+        const re = Q - F.scrollLeft;
+        re < 0 ? Q = F.scrollLeft : re > F.clientWidth - G.width && (Q = F.clientWidth - G.width + F.scrollLeft);
       }
-      if (b !== "x") {
-        const se = z - F.scrollTop;
-        se < 0 ? z = F.scrollTop : se > F.clientHeight - W.height && (z = F.clientHeight - W.height + F.scrollTop);
+      if (y !== "x") {
+        const re = q - F.scrollTop;
+        re < 0 ? q = F.scrollTop : re > F.clientHeight - G.height && (q = F.clientHeight - G.height + F.scrollTop);
       }
     }
     R.value = {
-      x: j,
-      y: z
-    }, c?.(R.value, D), U(D);
+      x: Q,
+      y: q
+    }, d?.(R.value, D), W(D);
   }, Fe = (D) => {
-    E(t.disabled) || !O(D) || S.value && (S.value = void 0, T && Re(), p?.(R.value, D), U(D));
+    E(t.disabled) || !O(D) || S.value && (S.value = void 0, $ && Re(), m?.(R.value, D), W(D));
   };
   if (vn) {
     const D = () => {
@@ -681,31 +681,31 @@ function yt(e, t = {}) {
         passive: !E(l)
       };
     };
-    He(h, "pointerdown", Be, D), He(x, "pointermove", je, D), He(x, "pointerup", Fe, D);
+    He(g, "pointerdown", Be, D), He(k, "pointermove", je, D), He(k, "pointerup", Fe, D);
   }
   return {
     ...lo(R),
     position: R,
-    isDragging: $(() => !!S.value),
-    style: $(() => `
+    isDragging: T(() => !!S.value),
+    style: T(() => `
       left: ${R.value.x}px;
       top: ${R.value.y}px;
-      ${T ? "text-wrap: nowrap;" : ""}
+      ${$ ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
-function ft(e, t, n = {}) {
-  const { window: o = tt, ...a } = n;
+function dt(e, t, n = {}) {
+  const { window: o = et, ...a } = n;
   let r;
-  const s = /* @__PURE__ */ pn(() => o && "ResizeObserver" in o), l = () => {
+  const s = /* @__PURE__ */ mn(() => o && "ResizeObserver" in o), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = te($(() => {
-    const c = E(e);
-    return Array.isArray(c) ? c.map((p) => ye(p)) : [ye(c)];
-  }), (c) => {
+  }, u = ne(T(() => {
+    const d = E(e);
+    return Array.isArray(d) ? d.map((m) => ye(m)) : [ye(d)];
+  }), (d) => {
     if (l(), s.value && o) {
       r = new ResizeObserver(t);
-      for (const p of c) p && r.observe(p, a);
+      for (const m of d) m && r.observe(m, a);
     }
   }, {
     immediate: !0,
@@ -718,21 +718,21 @@ function ft(e, t, n = {}) {
     stop: i
   };
 }
-function Pe(e, t = {}) {
-  const { reset: n = !0, windowResize: o = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ie(0), u = ie(0), i = ie(0), c = ie(0), p = ie(0), m = ie(0), I = ie(0), b = ie(0);
-  function x() {
-    const h = ye(e);
-    if (!h) {
-      n && (l.value = 0, u.value = 0, i.value = 0, c.value = 0, p.value = 0, m.value = 0, I.value = 0, b.value = 0);
+function _e(e, t = {}) {
+  const { reset: n = !0, windowResize: o = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ue(0), u = ue(0), i = ue(0), d = ue(0), m = ue(0), p = ue(0), I = ue(0), y = ue(0);
+  function k() {
+    const g = ye(e);
+    if (!g) {
+      n && (l.value = 0, u.value = 0, i.value = 0, d.value = 0, m.value = 0, p.value = 0, I.value = 0, y.value = 0);
       return;
     }
-    const g = h.getBoundingClientRect();
-    l.value = g.height, u.value = g.bottom, i.value = g.left, c.value = g.right, p.value = g.top, m.value = g.width, I.value = g.x, b.value = g.y;
+    const x = g.getBoundingClientRect();
+    l.value = x.height, u.value = x.bottom, i.value = x.left, d.value = x.right, m.value = x.top, p.value = x.width, I.value = x.x, y.value = x.y;
   }
   function f() {
-    s === "sync" ? x() : s === "next-frame" && requestAnimationFrame(() => x());
+    s === "sync" ? k() : s === "next-frame" && requestAnimationFrame(() => k());
   }
-  return ft(e, f), te(() => ye(e), (h) => !h && f()), mn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
+  return dt(e, f), ne(() => ye(e), (g) => !g && f()), pn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
     capture: !0,
     passive: !0
   }), o && He("resize", f, { passive: !0 }), ao(() => {
@@ -741,37 +741,37 @@ function Pe(e, t = {}) {
     height: l,
     bottom: u,
     left: i,
-    right: c,
-    top: p,
-    width: m,
+    right: d,
+    top: m,
+    width: p,
     x: I,
-    y: b,
+    y,
     update: f
   };
 }
-function xt(e) {
+function bt(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-const bt = /* @__PURE__ */ new WeakMap();
+const xt = /* @__PURE__ */ new WeakMap();
 function uo(e, t = !1) {
-  const n = ie(t);
+  const n = ue(t);
   let o = "";
-  te(Kn(e), (s) => {
-    const l = xt(E(s));
+  ne(Kn(e), (s) => {
+    const l = bt(E(s));
     if (l) {
       const u = l;
-      if (bt.get(u) || bt.set(u, u.style.overflow), u.style.overflow !== "hidden" && (o = u.style.overflow), u.style.overflow === "hidden") return n.value = !0;
+      if (xt.get(u) || xt.set(u, u.style.overflow), u.style.overflow !== "hidden" && (o = u.style.overflow), u.style.overflow === "hidden") return n.value = !0;
       if (n.value) return u.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const a = () => {
-    const s = xt(E(e));
+    const s = bt(E(e));
     !s || n.value || (s.style.overflow = "hidden", n.value = !0);
   }, r = () => {
-    const s = xt(E(e));
-    !s || !n.value || (s.style.overflow = o, bt.delete(s), n.value = !1);
+    const s = bt(E(e));
+    !s || !n.value || (s.style.overflow = o, xt.delete(s), n.value = !1);
   };
-  return Ot(r), $({
+  return Ot(r), T({
     get() {
       return n.value;
     },
@@ -783,7 +783,7 @@ function uo(e, t = !1) {
 const co = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, fo = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), vo = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], po = ["innerHTML"], mo = { key: 2 }, ho = /* @__PURE__ */ ne({
+}, fo = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), vo = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], mo = ["innerHTML"], po = { key: 2 }, ho = /* @__PURE__ */ oe({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -795,35 +795,35 @@ const co = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const n = fe("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), a = L(""), r = L(!1), s = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], u = s.align || "center", i = s.width || "40ch", c = $(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = $(() => typeof c.value == "string" ? co(c.value) : !1), m = $(() => ({
+    const n = fe("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), a = L(""), r = L(!1), s = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], u = s.align || "center", i = s.width || "40ch", d = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), m = T(() => typeof d.value == "string" ? co(d.value) : !1), p = T(() => ({
       textAlign: u,
       width: i,
       fontWeight: r.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), I = $(() => ({
+    })), I = T(() => ({
       "sticky-column": e.pinned,
       "cell-modified": r.value
-    })), b = () => {
-      f(), x();
-    }, x = () => {
-      const { left: S, bottom: O, width: U, height: ve } = Pe(n);
-      s.mask, s.modalComponent && e.store.$patch((Y) => {
-        Y.modal.visible = !0, Y.modal.colIndex = e.colIndex, Y.modal.rowIndex = e.rowIndex, Y.modal.left = S, Y.modal.bottom = O, Y.modal.width = U, Y.modal.height = ve, Y.modal.cell = n.value, typeof s.modalComponent == "function" ? Y.modal.component = s.modalComponent({ table: Y.table, row: l, column: s }) : Y.modal.component = s.modalComponent, Y.modal.componentProps = s.modalComponentExtraProps;
+    })), y = () => {
+      f(), k();
+    }, k = () => {
+      const { left: S, bottom: O, width: W, height: me } = _e(n);
+      s.mask, s.modalComponent && e.store.$patch((j) => {
+        j.modal.visible = !0, j.modal.colIndex = e.colIndex, j.modal.rowIndex = e.rowIndex, j.modal.left = S, j.modal.bottom = O, j.modal.width = W, j.modal.height = me, j.modal.cell = n.value, typeof s.modalComponent == "function" ? j.modal.component = s.modalComponent({ table: j.table, row: l, column: s }) : j.modal.component = s.modalComponent, j.modal.componentProps = s.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
       let S = {
         ...wt,
-        "keydown.f2": x,
-        "keydown.alt.up": x,
-        "keydown.alt.down": x,
-        "keydown.alt.left": x,
-        "keydown.alt.right": x
+        "keydown.f2": k,
+        "keydown.alt.up": k,
+        "keydown.alt.down": k,
+        "keydown.alt.left": k,
+        "keydown.alt.right": k
       };
       typeof e.addNavigation == "object" && (S = {
         ...S,
         ...e.addNavigation
-      }), _t([
+      }), Pt([
         {
           selectors: n,
           handlers: S
@@ -840,15 +840,15 @@ const co = (e) => {
           } catch {
           }
       }
-    }, h = () => {
-      n.value && (a.value = n.value.textContent, f());
     }, g = () => {
+      n.value && (a.value = n.value.textContent, f());
+    }, x = () => {
       try {
         const S = window.getSelection();
         if (S && S.rangeCount > 0 && n.value) {
-          const O = S.getRangeAt(0), U = O.cloneRange();
-          if (U.selectNodeContents && U.setEnd)
-            return U.selectNodeContents(n.value), U.setEnd(O.endContainer, O.endOffset), U.toString().length;
+          const O = S.getRangeAt(0), W = O.cloneRange();
+          if (W.selectNodeContents && W.setEnd)
+            return W.selectNodeContents(n.value), W.setEnd(O.endContainer, O.endOffset), W.toString().length;
         }
       } catch {
       }
@@ -858,34 +858,34 @@ const co = (e) => {
         try {
           const O = window.getSelection();
           if (!O) return;
-          let U = 0;
-          const ve = document.createTreeWalker ? document.createTreeWalker(n.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!ve) return;
-          let Y, X = null;
-          for (; Y = ve.nextNode(); ) {
-            const ge = Y, de = U + ge.textContent.length;
-            if (S <= de && (X = document.createRange(), X.setStart && X.setEnd)) {
-              X.setStart(ge, S - U), X.setEnd(ge, S - U);
+          let W = 0;
+          const me = document.createTreeWalker ? document.createTreeWalker(n.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!me) return;
+          let j, J = null;
+          for (; j = me.nextNode(); ) {
+            const ge = j, de = W + ge.textContent.length;
+            if (S <= de && (J = document.createRange(), J.setStart && J.setEnd)) {
+              J.setStart(ge, S - W), J.setEnd(ge, S - W);
               break;
             }
-            U = de;
+            W = de;
           }
-          X && O.removeAllRanges && O.addRange && (O.removeAllRanges(), O.addRange(X));
+          J && O.removeAllRanges && O.addRange && (O.removeAllRanges(), O.addRange(J));
         } catch {
         }
-    }, T = (S) => {
+    }, $ = (S) => {
       if (!s.edit) return;
       const O = S.target;
       if (O.textContent === a.value)
         return;
-      const U = g();
-      a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), pt().then(() => {
-        C(U);
+      const W = x();
+      a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), vt().then(() => {
+        C(W);
       });
-    }, R = /* @__PURE__ */ oo(T, e.debounce);
+    }, R = /* @__PURE__ */ oo($, e.debounce);
     return t({
       currentData: a
-    }), (S, O) => (w(), k("td", {
+    }), (S, O) => (h(), b("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
@@ -893,24 +893,24 @@ const co = (e) => {
       contenteditable: V(s).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: xe(m.value),
-      class: ae(["atable-cell", I.value]),
-      onFocus: h,
-      onPaste: T,
+      style: be(p.value),
+      class: se(["atable-cell", I.value]),
+      onFocus: g,
+      onPaste: $,
       onInput: O[0] || (O[0] = //@ts-ignore
-      (...U) => V(R) && V(R)(...U)),
-      onClick: b
+      (...W) => V(R) && V(R)(...W)),
+      onClick: y
     }, [
-      V(s).cellComponent ? (w(), pe(Ue(V(s).cellComponent), vt({
+      V(s).cellComponent ? (h(), pe(Ue(V(s).cellComponent), ft({
         key: 0,
-        value: c.value
-      }, V(s).cellComponentProps), null, 16, ["value"])) : p.value ? (w(), k("span", {
+        value: d.value
+      }, V(s).cellComponentProps), null, 16, ["value"])) : m.value ? (h(), b("span", {
         key: 1,
-        innerHTML: c.value
-      }, null, 8, po)) : (w(), k("span", mo, K(c.value), 1))
+        innerHTML: d.value
+      }, null, 8, mo)) : (h(), b("span", po, N(d.value), 1))
     ], 46, vo));
   }
-}), go = ["tabindex"], wo = ["tabindex"], yo = ["colspan"], xo = /* @__PURE__ */ ne({
+}), go = ["tabindex"], wo = ["tabindex"], yo = ["colspan"], bo = /* @__PURE__ */ oe({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -919,47 +919,47 @@ const co = (e) => {
     addNavigation: { type: [Boolean, Object], default: () => wt }
   },
   setup(e) {
-    const t = fe("rowEl"), n = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = fe("rowEl"), n = T(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const o = {
         "keydown.control.g": (a) => {
           a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), _t([
+      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), Pt([
         {
           selectors: t,
           handlers: o
         }
       ]);
     }
-    return (o, a) => (w(), k(ue, null, [
-      y("tr", vt(o.$attrs, {
+    return (o, a) => (h(), b(X, null, [
+      w("tr", ft(o.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: "expandable-row"
       }), [
-        y("td", {
+        w("td", {
           tabIndex: -1,
           class: "row-index",
           onClick: a[0] || (a[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
-        }, K(n.value), 1),
+        }, N(n.value), 1),
         he(o.$slots, "row", {}, void 0, !0)
       ], 16, go),
-      e.store.display[e.rowIndex].expanded ? (w(), k("tr", {
+      e.store.display[e.rowIndex].expanded ? (h(), b("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: e.tabIndex,
         class: "expanded-row"
       }, [
-        y("td", {
+        w("td", {
           tabIndex: -1,
           colspan: e.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
           he(o.$slots, "content", {}, void 0, !0)
         ], 8, yo)
-      ], 8, wo)) : q("", !0)
+      ], 8, wo)) : Y("", !0)
     ], 64));
   }
 }), Ve = (e, t) => {
@@ -967,13 +967,13 @@ const co = (e) => {
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, bo = /* @__PURE__ */ Ve(xo, [["__scopeId", "data-v-a42297c7"]]), Io = ["colspan"], ko = {
+}, xo = /* @__PURE__ */ Ve(bo, [["__scopeId", "data-v-a42297c7"]]), ko = ["colspan"], Io = {
   ref: "container",
   class: "gantt-container"
 }, Mo = ["data-rowindex", "data-colindex"], Co = {
   key: 2,
   class: "gantt-label"
-}, Eo = ["x1", "y1", "x2", "y2"], Ao = /* @__PURE__ */ ne({
+}, Eo = ["x1", "y1", "x2", "y2"], Ao = /* @__PURE__ */ oe({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -988,18 +988,18 @@ const co = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: n }) {
-    En((_) => ({
+    En((P) => ({
       v6d722296: a.value,
-      v260b36f8: _.colspan
+      v260b36f8: P.colspan
     }));
-    const o = n, a = L(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = fe("container"), l = fe("bar"), u = fe("leftResizeHandle"), i = fe("rightResizeHandle"), c = fe("leftConnectionHandle"), p = fe("rightConnectionHandle"), { width: m } = Pe(s), { left: I, right: b } = Pe(l), x = L(e.start), f = L(e.end || x.value + e.colspan), h = L(!1), g = L(!1), C = L(!1), T = L(!1), R = L(!1), S = L({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = $(() => Oe.value || ge.value || de.value), U = $(() => e.colspan > 0 ? m.value / e.colspan : 0), ve = $(() => {
-      const _ = x.value / e.colspan * 100, B = f.value / e.colspan * 100;
+    const o = n, a = L(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = fe("container"), l = fe("bar"), u = fe("leftResizeHandle"), i = fe("rightResizeHandle"), d = fe("leftConnectionHandle"), m = fe("rightConnectionHandle"), { width: p } = _e(s), { left: I, right: y } = _e(l), k = L(e.start), f = L(e.end || k.value + e.colspan), g = L(!1), x = L(!1), C = L(!1), $ = L(!1), R = L(!1), S = L({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = T(() => Oe.value || ge.value || de.value), W = T(() => e.colspan > 0 ? p.value / e.colspan : 0), me = T(() => {
+      const P = k.value / e.colspan * 100, B = f.value / e.colspan * 100;
       return {
-        left: `${_}%`,
-        width: `${B - _}%`,
+        left: `${P}%`,
+        width: `${B - P}%`,
         backgroundColor: a.value
       };
-    }), Y = $(
+    }), j = T(
       () => ({
         position: "fixed",
         top: 0,
@@ -1009,224 +1009,224 @@ const co = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), X = L({ startX: 0, startPos: 0 }), { isDragging: ge } = yt(u, {
+    ), J = L({ startX: 0, startPos: 0 }), { isDragging: ge } = yt(u, {
       axis: "x",
-      onStart: () => Re(I.value, x.value),
-      onMove: ({ x: _ }) => Ye(_),
-      onEnd: ({ x: _ }) => Xe(_)
+      onStart: () => Re(I.value, k.value),
+      onMove: ({ x: P }) => Ye(P),
+      onEnd: ({ x: P }) => Xe(P)
     }), { isDragging: de } = yt(i, {
       axis: "x",
-      onStart: () => Re(b.value, f.value),
-      onMove: ({ x: _ }) => Be(_),
-      onEnd: ({ x: _ }) => je(_)
+      onStart: () => Re(y.value, f.value),
+      onMove: ({ x: P }) => Be(P),
+      onEnd: ({ x: P }) => je(P)
     }), { isDragging: Oe } = yt(l, {
       exact: !0,
       axis: "x",
-      onStart: () => Re(I.value, x.value),
-      onMove: ({ x: _ }) => Fe(_),
-      onEnd: ({ x: _ }) => D(_)
+      onStart: () => Re(I.value, k.value),
+      onMove: ({ x: P }) => Fe(P),
+      onEnd: ({ x: P }) => D(P)
     });
     Ee(() => {
       F();
     }), An(() => {
-      W();
+      G();
     });
-    function Re(_, B) {
-      l.value && (l.value.style.transition = "none"), X.value = { startX: _, startPos: B };
+    function Re(P, B) {
+      l.value && (l.value.style.transition = "none"), J.value = { startX: P, startPos: B };
     }
-    function Ye(_) {
+    function Ye(P) {
       if (!ge.value || !l.value) return;
-      const B = (_ - X.value.startX) / U.value, G = Math.max(0, Math.min(f.value - 1, X.value.startPos + B));
-      l.value.style.left = `${G / e.colspan * 100}%`, l.value.style.width = `${(f.value - G) / e.colspan * 100}%`;
+      const B = (P - J.value.startX) / W.value, z = Math.max(0, Math.min(f.value - 1, J.value.startPos + B));
+      l.value.style.left = `${z / e.colspan * 100}%`, l.value.style.width = `${(f.value - z) / e.colspan * 100}%`;
     }
-    function Xe(_) {
+    function Xe(P) {
       if (!l.value) return;
-      const B = _ - X.value.startX, G = Math.round(B / U.value), Q = x.value, oe = Math.max(0, Math.min(f.value - 1, X.value.startPos + G));
-      x.value = oe, e.store.updateGanttBar({
+      const B = P - J.value.startX, z = Math.round(B / W.value), ee = k.value, le = Math.max(0, Math.min(f.value - 1, J.value.startPos + z));
+      k.value = le, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: Q,
-        newStart: oe,
+        oldStart: ee,
+        newStart: le,
         end: f.value,
-        delta: G,
-        oldColspan: f.value - Q,
-        newColspan: f.value - oe
+        delta: z,
+        oldColspan: f.value - ee,
+        newColspan: f.value - le
       });
     }
-    function Be(_) {
+    function Be(P) {
       if (!de.value || !l.value) return;
-      const B = (_ - X.value.startX) / U.value, G = Math.max(x.value + 1, Math.min(e.columnsCount, X.value.startPos + B));
-      l.value.style.width = `${(G - x.value) / e.colspan * 100}%`;
+      const B = (P - J.value.startX) / W.value, z = Math.max(k.value + 1, Math.min(e.columnsCount, J.value.startPos + B));
+      l.value.style.width = `${(z - k.value) / e.colspan * 100}%`;
     }
-    function je(_) {
+    function je(P) {
       if (!l.value) return;
-      const B = _ - X.value.startX, G = Math.round(B / U.value), Q = f.value, oe = Math.max(x.value + 1, Math.min(e.columnsCount, X.value.startPos + G));
-      f.value = oe, e.store.updateGanttBar({
+      const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value, le = Math.max(k.value + 1, Math.min(e.columnsCount, J.value.startPos + z));
+      f.value = le, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: Q,
-        newEnd: oe,
-        start: x.value,
-        delta: G,
-        oldColspan: Q - x.value,
-        newColspan: oe - x.value
+        oldEnd: ee,
+        newEnd: le,
+        start: k.value,
+        delta: z,
+        oldColspan: ee - k.value,
+        newColspan: le - k.value
       });
     }
-    function Fe(_) {
+    function Fe(P) {
       if (!Oe.value || !l.value) return;
-      const B = (_ - X.value.startX) / U.value, G = f.value - x.value, Q = Math.max(0, Math.min(X.value.startPos + B, e.columnsCount - G));
-      l.value.style.left = `${Q / e.colspan * 100}%`;
+      const B = (P - J.value.startX) / W.value, z = f.value - k.value, ee = Math.max(0, Math.min(J.value.startPos + B, e.columnsCount - z));
+      l.value.style.left = `${ee / e.colspan * 100}%`;
     }
-    function D(_) {
+    function D(P) {
       if (!l.value) return;
-      const B = _ - X.value.startX, G = Math.round(B / U.value), Q = f.value - x.value, oe = x.value, ee = f.value;
-      let re = X.value.startPos + G, ce = re + Q;
-      re < 0 ? (re = 0, ce = Q) : ce > e.columnsCount && (ce = e.columnsCount, re = ce - Q), x.value = re, f.value = ce, e.store.updateGanttBar({
+      const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value - k.value, le = k.value, te = f.value;
+      let ie = J.value.startPos + z, ce = ie + ee;
+      ie < 0 ? (ie = 0, ce = ee) : ce > e.columnsCount && (ce = e.columnsCount, ie = ce - ee), k.value = ie, f.value = ce, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: oe,
-        oldEnd: ee,
-        newStart: re,
+        oldStart: le,
+        oldEnd: te,
+        newStart: ie,
         newEnd: ce,
-        delta: G,
-        colspan: ce - re
+        delta: z,
+        colspan: ce - ie
       });
     }
     function F() {
-      const { x: _, y: B } = Pe(l), { x: G, y: Q } = Pe(c), { x: oe, y: ee } = Pe(p);
+      const { x: P, y: B } = _e(l), { x: z, y: ee } = _e(d), { x: le, y: te } = _e(m);
       e.store.registerGanttBar({
         id: r,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
-        startIndex: x,
+        startIndex: k,
         endIndex: f,
         color: a,
         label: e.label,
-        position: { x: _, y: B }
+        position: { x: P, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
         id: `${r}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: G, y: Q },
-        visible: h,
+        position: { x: z, y: ee },
+        visible: g,
         barId: r
       }), e.store.registerConnectionHandle({
         id: `${r}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: oe, y: ee },
-        visible: g,
+        position: { x: le, y: te },
+        visible: x,
         barId: r
       }));
     }
-    function W() {
+    function G() {
       e.store.unregisterGanttBar(r), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${r}-connection-left`), e.store.unregisterConnectionHandle(`${r}-connection-right`));
     }
-    function j() {
-      e.store.isDependencyGraphEnabled && (h.value = !0, g.value = !0);
+    function Q() {
+      e.store.isDependencyGraphEnabled && (g.value = !0, x.value = !0);
     }
-    function z() {
-      !C.value && !T.value && (h.value = !1, g.value = !1);
+    function q() {
+      !C.value && !$.value && (g.value = !1, x.value = !1);
     }
-    function se(_, B) {
-      B.preventDefault(), B.stopPropagation(), R.value = !0, _ === "left" ? C.value = !0 : T.value = !0;
-      const G = _ === "left" ? c.value : p.value;
-      if (G) {
-        const ee = G.getBoundingClientRect(), re = ee.left + ee.width / 2, ce = ee.top + ee.height / 2;
-        S.value = { startX: re, startY: ce, endX: re, endY: ce };
+    function re(P, B) {
+      B.preventDefault(), B.stopPropagation(), R.value = !0, P === "left" ? C.value = !0 : $.value = !0;
+      const z = P === "left" ? d.value : m.value;
+      if (z) {
+        const te = z.getBoundingClientRect(), ie = te.left + te.width / 2, ce = te.top + te.height / 2;
+        S.value = { startX: ie, startY: ce, endX: ie, endY: ce };
       }
-      const Q = (ee) => {
-        S.value.endX = ee.clientX, S.value.endY = ee.clientY;
-      }, oe = (ee) => {
-        be(ee, _), Le(Q, oe);
+      const ee = (te) => {
+        S.value.endX = te.clientX, S.value.endY = te.clientY;
+      }, le = (te) => {
+        ke(te, P), Le(ee, le);
       };
-      document.addEventListener("mousemove", Q), document.addEventListener("mouseup", oe);
+      document.addEventListener("mousemove", ee), document.addEventListener("mouseup", le);
     }
-    function be(_, B) {
-      const G = document.elementFromPoint(_.clientX, _.clientY)?.closest(".connection-handle");
-      if (G && G !== (B === "left" ? c.value : p.value)) {
-        const Q = G.closest(".gantt-bar");
-        if (Q) {
-          const oe = parseInt(Q.getAttribute("data-rowindex") || "0"), ee = parseInt(Q.getAttribute("data-colindex") || "0"), re = G.classList.contains("left-connection-handle") ? "left" : "right", ce = `gantt-bar-row-${oe}-col-${ee}`, d = e.store.createConnection(
+    function ke(P, B) {
+      const z = document.elementFromPoint(P.clientX, P.clientY)?.closest(".connection-handle");
+      if (z && z !== (B === "left" ? d.value : m.value)) {
+        const ee = z.closest(".gantt-bar");
+        if (ee) {
+          const le = parseInt(ee.getAttribute("data-rowindex") || "0"), te = parseInt(ee.getAttribute("data-colindex") || "0"), ie = z.classList.contains("left-connection-handle") ? "left" : "right", ce = `gantt-bar-row-${le}-col-${te}`, c = e.store.createConnection(
             `${r}-connection-${B}`,
-            `${ce}-connection-${re}`
+            `${ce}-connection-${ie}`
           );
-          d && o("connection:create", d);
+          c && o("connection:create", c);
         }
       }
     }
-    function Le(_, B) {
-      R.value = !1, C.value = !1, T.value = !1, document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || z();
+    function Le(P, B) {
+      R.value = !1, C.value = !1, $.value = !1, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
     }
     return t({
-      barStyle: ve,
+      barStyle: me,
       cleanupConnectionDrag: Le,
       currentEnd: f,
-      handleConnectionDrop: be,
+      handleConnectionDrop: ke,
       isLeftConnectionDragging: C,
-      isLeftConnectionVisible: h,
-      isRightConnectionDragging: T,
-      isRightConnectionVisible: g,
+      isLeftConnectionVisible: g,
+      isRightConnectionDragging: $,
+      isRightConnectionVisible: x,
       showDragPreview: R
-    }), (_, B) => (w(), k("td", {
+    }), (P, B) => (h(), b("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      y("div", ko, [
-        y("div", {
+      w("div", Io, [
+        w("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: ae(["gantt-bar", { "is-dragging": O.value }]),
-          style: xe(ve.value),
-          onMouseenter: j,
-          onMouseleave: z
+          class: se(["gantt-bar", { "is-dragging": O.value }]),
+          style: be(me.value),
+          onMouseenter: Q,
+          onMouseleave: q
         }, [
-          e.store.isDependencyGraphEnabled ? (w(), k("div", {
+          e.store.isDependencyGraphEnabled ? (h(), b("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: ae(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": C.value }]),
-            onMousedown: B[0] || (B[0] = Ie((G) => se("left", G), ["stop"]))
+            class: se(["connection-handle left-connection-handle", { visible: g.value, "is-dragging": C.value }]),
+            onMousedown: B[0] || (B[0] = Ie((z) => re("left", z), ["stop"]))
           }, [...B[2] || (B[2] = [
-            y("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : q("", !0),
-          e.store.isDependencyGraphEnabled ? (w(), k("div", {
+            w("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : Y("", !0),
+          e.store.isDependencyGraphEnabled ? (h(), b("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: ae(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": T.value }]),
-            onMousedown: B[1] || (B[1] = Ie((G) => se("right", G), ["stop"]))
+            class: se(["connection-handle right-connection-handle", { visible: x.value, "is-dragging": $.value }]),
+            onMousedown: B[1] || (B[1] = Ie((z) => re("right", z), ["stop"]))
           }, [...B[3] || (B[3] = [
-            y("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : q("", !0),
-          y("div", {
+            w("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : Y("", !0),
+          w("div", {
             ref: "leftResizeHandle",
-            class: ae(["resize-handle left-resize-handle", { "is-dragging": V(ge) }])
+            class: se(["resize-handle left-resize-handle", { "is-dragging": V(ge) }])
           }, [...B[4] || (B[4] = [
-            y("div", { class: "handle-grip" }, null, -1),
-            y("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            w("div", { class: "handle-grip" }, null, -1),
+            w("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (w(), k("label", Co, K(e.label), 1)) : q("", !0),
-          y("div", {
+          e.label ? (h(), b("label", Co, N(e.label), 1)) : Y("", !0),
+          w("div", {
             ref: "rightResizeHandle",
-            class: ae(["resize-handle right-resize-handle", { "is-dragging": V(de) }])
+            class: se(["resize-handle right-resize-handle", { "is-dragging": V(de) }])
           }, [...B[5] || (B[5] = [
-            y("div", { class: "handle-grip" }, null, -1),
-            y("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            w("div", { class: "handle-grip" }, null, -1),
+            w("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
         ], 46, Mo)
       ], 512),
-      e.store.isDependencyGraphEnabled && R.value ? (w(), k("svg", {
+      e.store.isDependencyGraphEnabled && R.value ? (h(), b("svg", {
         key: 0,
-        style: xe(Y.value)
+        style: be(j.value)
       }, [
-        y("line", {
+        w("line", {
           x1: S.value.startX,
           y1: S.value.startY,
           x2: S.value.endX,
@@ -1235,10 +1235,10 @@ const co = (e) => {
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
         }, null, 8, Eo)
-      ], 4)) : q("", !0)
-    ], 8, Io));
+      ], 4)) : Y("", !0)
+    ], 8, ko));
   }
-}), To = /* @__PURE__ */ Ve(Ao, [["__scopeId", "data-v-8917a8a3"]]), $o = `<?xml version="1.0" encoding="UTF-8"?>
+}), $o = /* @__PURE__ */ Ve(Ao, [["__scopeId", "data-v-8917a8a3"]]), To = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="34 18 30 18 30 30 18 30 18 34 30 34 30 46 34 46 34 34 46 34 46 30 34 30 34 18" style="fill: #000; stroke-width: 0px;"/>
@@ -1283,19 +1283,19 @@ const co = (e) => {
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.64">
   <path d="M70.08,33.9l-9.75-9.75-2.83,2.83,6.33,6.33h-26.51V6.81l6.33,6.33,2.83-2.83L36.75.56c-.75-.75-2.08-.75-2.83,0l-9.75,9.75,2.83,2.83,6.33-6.33v26.5H6.83l6.33-6.33-2.83-2.83L.59,33.9c-.38.38-.59.88-.59,1.41s.21,1.04.59,1.41l9.75,9.75,2.83-2.83-6.33-6.33h26.5v26.51l-6.33-6.33-2.83,2.83,9.75,9.75c.38.38.88.59,1.41.59s1.04-.21,1.41-.59l9.75-9.75-2.83-2.83-6.33,6.33v-26.51h26.51l-6.33,6.33,2.83,2.83,9.75-9.75c.38-.38.59-.88.59-1.41s-.21-1.04-.59-1.41Z" style="fill: #000; stroke-width: 0px;"/>
 </svg>`, Vo = {
-  add: $o,
+  add: To,
   delete: Do,
   duplicate: So,
   insertAbove: Ro,
   insertBelow: Lo,
   move: Ho
-}, Po = {
+}, _o = {
   key: 0,
   class: "row-actions-dropdown"
-}, _o = ["aria-expanded"], Oo = ["onClick"], Bo = ["innerHTML"], Fo = { class: "action-label" }, Zo = {
+}, Po = ["aria-expanded"], Oo = ["onClick"], Bo = ["innerHTML"], Fo = { class: "action-label" }, Zo = {
   key: 1,
   class: "row-actions-icons"
-}, No = ["title", "aria-label", "onClick"], Uo = ["innerHTML"], ut = /* @__PURE__ */ ne({
+}, No = ["title", "aria-label", "onClick"], Uo = ["innerHTML"], it = /* @__PURE__ */ oe({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1305,27 +1305,27 @@ const co = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = fe("actionsCell"), r = fe("toggleButton"), s = L(0), l = L(!1), u = L(!1), i = L({ top: 0, left: 0 }), c = {
+    const n = e, o = t, a = fe("actionsCell"), r = fe("toggleButton"), s = L(0), l = L(!1), u = L(!1), i = L({ top: 0, left: 0 }), d = {
       add: "Add Row",
       delete: "Delete Row",
       duplicate: "Duplicate Row",
       insertAbove: "Insert Above",
       insertBelow: "Insert Below",
       move: "Move Row"
-    }, p = $(() => {
-      const h = [], g = n.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const T of C) {
-        const R = g[T];
+    }, m = T(() => {
+      const g = [], x = n.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
+      for (const $ of C) {
+        const R = x[$];
         if (R === !1 || R === void 0) continue;
-        let S = !0, O = c[T], U = Vo[T];
-        typeof R == "object" && (S = R.enabled !== !1, O = R.label || O, U = R.icon || U), S && h.push({ type: T, label: O, icon: U });
+        let S = !0, O = d[$], W = Vo[$];
+        typeof R == "object" && (S = R.enabled !== !1, O = R.label || O, W = R.icon || W), S && g.push({ type: $, label: O, icon: W });
       }
-      return h;
-    }), m = $(() => {
+      return g;
+    }), p = T(() => {
       if (n.config.forceDropdown) return !0;
-      const h = n.config.dropdownThreshold ?? 150;
-      return h === 0 ? !1 : s.value > 0 && s.value < h;
-    }), I = $(() => l.value ? u.value ? {
+      const g = n.config.dropdownThreshold ?? 150;
+      return g === 0 ? !1 : s.value > 0 && s.value < g;
+    }), I = T(() => l.value ? u.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - i.value.top}px`,
       left: `${i.value.left}px`,
@@ -1335,77 +1335,77 @@ const co = (e) => {
       top: `${i.value.top}px`,
       left: `${i.value.left}px`
     } : {});
-    ft(a, (h) => {
-      const g = h[0];
-      g && (s.value = g.contentRect.width);
+    dt(a, (g) => {
+      const x = g[0];
+      x && (s.value = x.contentRect.width);
     });
-    const b = () => {
-      l.value || x(), l.value = !l.value;
-    }, x = () => {
+    const y = () => {
+      l.value || k(), l.value = !l.value;
+    }, k = () => {
       if (!r.value) return;
-      const h = r.value.getBoundingClientRect(), g = window.innerHeight, C = p.value.length * 40 + 16, T = g - h.bottom, R = h.top;
-      u.value = T < C && R > C, u.value ? i.value = {
-        top: h.top,
-        left: h.left
+      const g = r.value.getBoundingClientRect(), x = window.innerHeight, C = m.value.length * 40 + 16, $ = x - g.bottom, R = g.top;
+      u.value = $ < C && R > C, u.value ? i.value = {
+        top: g.top,
+        left: g.left
       } : i.value = {
-        top: h.bottom,
-        left: h.left
+        top: g.bottom,
+        left: g.left
       };
     };
-    $t(a, () => {
+    Tt(a, () => {
       l.value = !1;
     });
-    const f = (h) => {
+    const f = (g) => {
       l.value = !1;
-      const g = n.config.actions?.[h];
-      typeof g == "object" && g.handler && g.handler(n.rowIndex, n.store) === !1 || o("action", h, n.rowIndex);
+      const x = n.config.actions?.[g];
+      typeof x == "object" && x.handler && x.handler(n.rowIndex, n.store) === !1 || o("action", g, n.rowIndex);
     };
-    return (h, g) => (w(), k("td", {
+    return (g, x) => (h(), b("td", {
       ref: "actionsCell",
-      class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": l.value }])
+      class: se(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": l.value }])
     }, [
-      m.value ? (w(), k("div", Po, [
-        y("button", {
+      p.value ? (h(), b("div", _o, [
+        w("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
           "aria-expanded": l.value,
           "aria-haspopup": "true",
-          onClick: Ie(b, ["stop"])
-        }, [...g[0] || (g[0] = [
-          y("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, _o),
-        J(y("div", {
-          class: ae(["row-actions-menu", { "menu-flipped": u.value }]),
-          style: xe(I.value),
+          onClick: Ie(y, ["stop"])
+        }, [...x[0] || (x[0] = [
+          w("span", { class: "dropdown-icon" }, "⋮", -1)
+        ])], 8, Po),
+        K(w("div", {
+          class: se(["row-actions-menu", { "menu-flipped": u.value }]),
+          style: be(I.value),
           role: "menu"
         }, [
-          (w(!0), k(ue, null, me(p.value, (C) => (w(), k("button", {
+          (h(!0), b(X, null, ve(m.value, (C) => (h(), b("button", {
             key: C.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: Ie((T) => f(C.type), ["stop"])
+            onClick: Ie(($) => f(C.type), ["stop"])
           }, [
-            y("span", {
+            w("span", {
               class: "action-icon",
               innerHTML: C.icon
             }, null, 8, Bo),
-            y("span", Fo, K(C.label), 1)
+            w("span", Fo, N(C.label), 1)
           ], 8, Oo))), 128))
         ], 6), [
           [Ce, l.value]
         ])
-      ])) : (w(), k("div", Zo, [
-        (w(!0), k(ue, null, me(p.value, (C) => (w(), k("button", {
+      ])) : (h(), b("div", Zo, [
+        (h(!0), b(X, null, ve(m.value, (C) => (h(), b("button", {
           key: C.type,
           type: "button",
           class: "row-action-btn",
           title: C.label,
           "aria-label": C.label,
-          onClick: Ie((T) => f(C.type), ["stop"])
+          onClick: Ie(($) => f(C.type), ["stop"])
         }, [
-          y("span", {
+          w("span", {
             class: "action-icon",
             innerHTML: C.icon
           }, null, 8, Uo)
@@ -1413,7 +1413,7 @@ const co = (e) => {
       ]))
     ], 2));
   }
-}), Wo = ["tabindex"], Go = /* @__PURE__ */ ne({
+}), Wo = ["tabindex"], Go = /* @__PURE__ */ oe({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1423,93 +1423,93 @@ const co = (e) => {
   },
   emits: ["row:action"],
   setup(e, { emit: t }) {
-    const n = t, o = fe("rowEl"), a = $(() => e.store.isRowVisible(e.rowIndex)), r = $(() => e.store.getRowExpandSymbol(e.rowIndex)), s = $(() => e.store.config.rowActions || { enabled: !1 }), l = $(() => s.value.enabled), u = $(() => s.value.position || "before-index"), i = (c, p) => {
-      n("row:action", c, p);
+    const n = t, o = fe("rowEl"), a = T(() => e.store.isRowVisible(e.rowIndex)), r = T(() => e.store.getRowExpandSymbol(e.rowIndex)), s = T(() => e.store.config.rowActions || { enabled: !1 }), l = T(() => s.value.enabled), u = T(() => s.value.position || "before-index"), i = (d, m) => {
+      n("row:action", d, m);
     };
     if (e.addNavigation) {
-      let c = wt;
-      typeof e.addNavigation == "object" && (c = {
-        ...c,
+      let d = wt;
+      typeof e.addNavigation == "object" && (d = {
+        ...d,
         ...e.addNavigation
-      }), _t([
+      }), Pt([
         {
           selectors: o,
-          handlers: c
+          handlers: d
         }
       ]);
     }
-    return (c, p) => J((w(), k("tr", {
+    return (d, m) => K((h(), b("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      l.value && u.value === "before-index" ? (w(), pe(ut, {
+      l.value && u.value === "before-index" ? (h(), pe(it, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
         config: s.value,
         position: u.value,
         onAction: i
-      }, null, 8, ["row-index", "store", "config", "position"])) : q("", !0),
-      e.store.config.view !== "uncounted" ? he(c.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (w(), k("td", {
+      }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
+      e.store.config.view !== "uncounted" ? he(d.$slots, "index", { key: 1 }, () => [
+        e.store.config.view === "list" ? (h(), b("td", {
           key: 0,
           tabIndex: -1,
-          class: ae(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, K(e.rowIndex + 1), 3)) : e.store.isTreeView ? (w(), k("td", {
+          class: se(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, N(e.rowIndex + 1), 3)) : e.store.isTreeView ? (h(), b("td", {
           key: 1,
           tabIndex: -1,
-          class: ae(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: p[0] || (p[0] = (m) => e.store.toggleRowExpand(e.rowIndex))
-        }, K(r.value), 3)) : q("", !0)
-      ], !0) : q("", !0),
-      l.value && u.value === "after-index" ? (w(), pe(ut, {
+          class: se(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: m[0] || (m[0] = (p) => e.store.toggleRowExpand(e.rowIndex))
+        }, N(r.value), 3)) : Y("", !0)
+      ], !0) : Y("", !0),
+      l.value && u.value === "after-index" ? (h(), pe(it, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
         config: s.value,
         position: u.value,
         onAction: i
-      }, null, 8, ["row-index", "store", "config", "position"])) : q("", !0),
-      he(c.$slots, "default", {}, void 0, !0),
-      l.value && u.value === "end" ? (w(), pe(ut, {
+      }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
+      he(d.$slots, "default", {}, void 0, !0),
+      l.value && u.value === "end" ? (h(), pe(it, {
         key: 3,
         "row-index": e.rowIndex,
         store: e.store,
         config: s.value,
         position: u.value,
         onAction: i
-      }, null, 8, ["row-index", "store", "config", "position"])) : q("", !0)
+      }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0)
     ], 8, Wo)), [
       [Ce, a.value]
     ]);
   }
-}), hn = /* @__PURE__ */ Ve(Go, [["__scopeId", "data-v-2e038a9c"]]), It = /* @__PURE__ */ new WeakMap(), zo = {
+}), hn = /* @__PURE__ */ Ve(Go, [["__scopeId", "data-v-2e038a9c"]]), kt = /* @__PURE__ */ new WeakMap(), zo = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let o;
-    if (typeof t.value == "function") o = $t(e, t.value, { capture: n });
+    if (typeof t.value == "function") o = Tt(e, t.value, { capture: n });
     else {
       const [a, r] = t.value;
-      o = $t(e, a, Object.assign({ capture: n }, r));
+      o = Tt(e, a, Object.assign({ capture: n }, r));
     }
-    It.set(e, o);
+    kt.set(e, o);
   },
   unmounted(e) {
-    const t = It.get(e);
-    t && typeof t == "function" ? t() : t?.stop(), It.delete(e);
+    const t = kt.get(e);
+    t && typeof t == "function" ? t() : t?.stop(), kt.delete(e);
   }
 }, qo = { mounted(e, t) {
-  typeof t.value == "function" ? ft(e, t.value) : ft(e, ...t.value);
+  typeof t.value == "function" ? dt(e, t.value) : dt(e, ...t.value);
 } };
 function Yo() {
   let e = !1;
-  const t = ie(!1);
+  const t = ue(!1);
   return (n, o) => {
     if (t.value = o.value, e) return;
     e = !0;
     const a = uo(n, o.value);
-    te(t, (r) => a.value = r);
+    ne(t, (r) => a.value = r);
   };
 }
 Yo();
@@ -1524,14 +1524,14 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, Jo = ["d", "stroke-width", "onDblclick"], Qo = ["id", "d", "stroke", "stroke-width", "onDblclick"], Ko = 0.25, at = 16, el = /* @__PURE__ */ ne({
+}, Jo = ["d", "stroke-width", "onDblclick"], Qo = ["id", "d", "stroke", "stroke-width", "onDblclick"], Ko = 0.25, lt = 16, el = /* @__PURE__ */ oe({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const n = t, o = $(() => e.store.connectionPaths.filter((s) => {
+    const n = t, o = T(() => e.store.connectionPaths.filter((s) => {
       const l = e.store.ganttBars.find((i) => i.id === s.from.barId), u = e.store.ganttBars.find((i) => i.id === s.to.barId);
       return l && u;
     })), a = (s) => {
@@ -1541,22 +1541,22 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
         (O) => O.barId === s.to.barId && O.side === s.to.side
       );
       if (!l || !u) return "";
-      const i = l.position.x + at / 2, c = l.position.y + at / 2, p = u.position.x + at / 2, m = u.position.y + at / 2, I = Math.abs(p - i), b = Math.max(I * Ko, 50), x = i + (s.from.side === "left" ? -b : b), f = p + (s.to.side === "left" ? -b : b), h = { x: 0.5 * i + 0.5 * x, y: 0.5 * c + 0.5 * c }, g = { x: 0.5 * x + 0.5 * f, y: 0.5 * c + 0.5 * m }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * m + 0.5 * m }, T = { x: 0.5 * h.x + 0.5 * g.x, y: 0.5 * h.y + 0.5 * g.y }, R = { x: 0.5 * g.x + 0.5 * C.x, y: 0.5 * g.y + 0.5 * C.y }, S = { x: 0.5 * T.x + 0.5 * R.x, y: 0.5 * T.y + 0.5 * R.y };
-      return `M ${i} ${c} Q ${x} ${c}, ${S.x} ${S.y} Q ${f} ${m}, ${p} ${m}`;
+      const i = l.position.x + lt / 2, d = l.position.y + lt / 2, m = u.position.x + lt / 2, p = u.position.y + lt / 2, I = Math.abs(m - i), y = Math.max(I * Ko, 50), k = i + (s.from.side === "left" ? -y : y), f = m + (s.to.side === "left" ? -y : y), g = { x: 0.5 * i + 0.5 * k, y: 0.5 * d + 0.5 * d }, x = { x: 0.5 * k + 0.5 * f, y: 0.5 * d + 0.5 * p }, C = { x: 0.5 * f + 0.5 * m, y: 0.5 * p + 0.5 * p }, $ = { x: 0.5 * g.x + 0.5 * x.x, y: 0.5 * g.y + 0.5 * x.y }, R = { x: 0.5 * x.x + 0.5 * C.x, y: 0.5 * x.y + 0.5 * C.y }, S = { x: 0.5 * $.x + 0.5 * R.x, y: 0.5 * $.y + 0.5 * R.y };
+      return `M ${i} ${d} Q ${k} ${d}, ${S.x} ${S.y} Q ${f} ${p}, ${m} ${p}`;
     }, r = (s) => {
       e.store.deleteConnection(s.id) && n("connection:delete", s);
     };
-    return (s, l) => (w(), k("div", Xo, [
-      (w(), k("svg", jo, [
-        l[0] || (l[0] = y("defs", null, [
-          y("path", {
+    return (s, l) => (h(), b("div", Xo, [
+      (h(), b("svg", jo, [
+        l[0] || (l[0] = w("defs", null, [
+          w("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          y("marker", {
+          w("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1565,13 +1565,13 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            y("polygon", {
+            w("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (w(!0), k(ue, null, me(o.value, (u) => (w(), k("path", {
+        (h(!0), b(X, null, ve(o.value, (u) => (h(), b("path", {
           key: `${u.id}-hitbox`,
           d: a(u),
           stroke: "transparent",
@@ -1580,7 +1580,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
           class: "connection-hitbox",
           onDblclick: (i) => r(u)
         }, null, 40, Jo))), 128)),
-        (w(!0), k(ue, null, me(o.value, (u) => (w(), k("path", {
+        (h(!0), b(X, null, ve(o.value, (u) => (h(), b("path", {
           id: u.id,
           key: u.id,
           d: a(u),
@@ -1600,7 +1600,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
 }, ll = ["value"], al = {
   key: 5,
   class: "date-range-filter"
-}, sl = /* @__PURE__ */ ne({
+}, sl = /* @__PURE__ */ oe({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1614,14 +1614,14 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
     }), o = (u) => {
       if (u.filterOptions) return u.filterOptions;
       const i = /* @__PURE__ */ new Set();
-      return e.store.rows.forEach((c) => {
-        const p = c[u.name];
-        p != null && p !== "" && i.add(p);
-      }), Array.from(i).map((c) => ({
-        value: c,
-        label: String(c)
+      return e.store.rows.forEach((d) => {
+        const m = d[u.name];
+        m != null && m !== "" && i.add(m);
+      }), Array.from(i).map((d) => ({
+        value: d,
+        label: String(d)
       }));
-    }, a = $(() => !!(t.value || n.startValue || n.endValue)), r = (u) => {
+    }, a = T(() => !!(t.value || n.startValue || n.endValue)), r = (u) => {
       !u && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = u, e.store.setFilter(e.colIndex, { value: u }));
     }, s = (u, i) => {
       u === "start" ? n.startValue = i : n.endValue = i, !n.startValue && !n.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
@@ -1632,86 +1632,86 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
     }, l = () => {
       t.value = "", n.startValue = "", n.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (u, i) => (w(), k("div", nl, [
-      (e.column.filterType || "text") === "text" ? J((w(), k("input", {
+    return (u, i) => (h(), b("div", nl, [
+      (e.column.filterType || "text") === "text" ? K((h(), b("input", {
         key: 0,
-        "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
         type: "text",
         class: "filter-input",
-        onInput: i[1] || (i[1] = (c) => r(t.value))
+        onInput: i[1] || (i[1] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "number" ? J((w(), k("input", {
+      ]) : e.column.filterType === "number" ? K((h(), b("input", {
         key: 1,
-        "onUpdate:modelValue": i[2] || (i[2] = (c) => t.value = c),
+        "onUpdate:modelValue": i[2] || (i[2] = (d) => t.value = d),
         type: "number",
         class: "filter-input",
-        onInput: i[3] || (i[3] = (c) => r(t.value))
+        onInput: i[3] || (i[3] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "checkbox" ? (w(), k("label", ol, [
-        J(y("input", {
-          "onUpdate:modelValue": i[4] || (i[4] = (c) => t.value = c),
+      ]) : e.column.filterType === "checkbox" ? (h(), b("label", ol, [
+        K(w("input", {
+          "onUpdate:modelValue": i[4] || (i[4] = (d) => t.value = d),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: i[5] || (i[5] = (c) => r(t.value))
+          onChange: i[5] || (i[5] = (d) => r(t.value))
         }, null, 544), [
           [un, t.value]
         ]),
-        y("span", null, K(e.column.label), 1)
-      ])) : e.column.filterType === "select" ? J((w(), k("select", {
+        w("span", null, N(e.column.label), 1)
+      ])) : e.column.filterType === "select" ? K((h(), b("select", {
         key: 3,
-        "onUpdate:modelValue": i[6] || (i[6] = (c) => t.value = c),
+        "onUpdate:modelValue": i[6] || (i[6] = (d) => t.value = d),
         class: "filter-select",
-        onChange: i[7] || (i[7] = (c) => r(t.value))
+        onChange: i[7] || (i[7] = (d) => r(t.value))
       }, [
-        i[15] || (i[15] = y("option", { value: "" }, "All", -1)),
-        (w(!0), k(ue, null, me(o(e.column), (c) => (w(), k("option", {
-          key: c.value || c,
-          value: c.value || c
-        }, K(c.label || c), 9, ll))), 128))
+        i[15] || (i[15] = w("option", { value: "" }, "All", -1)),
+        (h(!0), b(X, null, ve(o(e.column), (d) => (h(), b("option", {
+          key: d.value || d,
+          value: d.value || d
+        }, N(d.label || d), 9, ll))), 128))
       ], 544)), [
         [Cn, t.value]
-      ]) : e.column.filterType === "date" ? J((w(), k("input", {
+      ]) : e.column.filterType === "date" ? K((h(), b("input", {
         key: 4,
-        "onUpdate:modelValue": i[8] || (i[8] = (c) => t.value = c),
+        "onUpdate:modelValue": i[8] || (i[8] = (d) => t.value = d),
         type: "date",
         class: "filter-input",
-        onChange: i[9] || (i[9] = (c) => r(t.value))
+        onChange: i[9] || (i[9] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "dateRange" ? (w(), k("div", al, [
-        J(y("input", {
-          "onUpdate:modelValue": i[10] || (i[10] = (c) => n.startValue = c),
+      ]) : e.column.filterType === "dateRange" ? (h(), b("div", al, [
+        K(w("input", {
+          "onUpdate:modelValue": i[10] || (i[10] = (d) => n.startValue = d),
           type: "date",
           class: "filter-input",
-          onChange: i[11] || (i[11] = (c) => s("start", n.startValue))
+          onChange: i[11] || (i[11] = (d) => s("start", n.startValue))
         }, null, 544), [
           [we, n.startValue]
         ]),
-        i[16] || (i[16] = y("span", { class: "date-separator" }, "-", -1)),
-        J(y("input", {
-          "onUpdate:modelValue": i[12] || (i[12] = (c) => n.endValue = c),
+        i[16] || (i[16] = w("span", { class: "date-separator" }, "-", -1)),
+        K(w("input", {
+          "onUpdate:modelValue": i[12] || (i[12] = (d) => n.endValue = d),
           type: "date",
           class: "filter-input",
-          onChange: i[13] || (i[13] = (c) => s("end", n.endValue))
+          onChange: i[13] || (i[13] = (d) => s("end", n.endValue))
         }, null, 544), [
           [we, n.endValue]
         ])
-      ])) : e.column.filterType === "component" && e.column.filterComponent ? (w(), pe(Ue(e.column.filterComponent), {
+      ])) : e.column.filterType === "component" && e.column.filterComponent ? (h(), pe(Ue(e.column.filterComponent), {
         key: 6,
         value: t.value,
         column: e.column,
         colIndex: e.colIndex,
         store: e.store,
-        "onUpdate:value": i[14] || (i[14] = (c) => r(c))
-      }, null, 40, ["value", "column", "colIndex", "store"])) : q("", !0),
-      a.value ? (w(), k("button", {
+        "onUpdate:value": i[14] || (i[14] = (d) => r(d))
+      }, null, 40, ["value", "column", "colIndex", "store"])) : Y("", !0),
+      a.value ? (h(), b("button", {
         key: 7,
         onClick: l,
         class: "clear-btn",
         title: "Clear"
-      }, "×")) : q("", !0)
+      }, "×")) : Y("", !0)
     ]));
   }
 }), rl = /* @__PURE__ */ Ve(sl, [["__scopeId", "data-v-8487462d"]]), il = { key: 0 }, ul = {
@@ -1726,95 +1726,95 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
 }, vl = {
   key: 0,
   class: "atable-filters-row"
-}, pl = {
+}, ml = {
   key: 2,
   class: "row-actions-header"
-}, ml = {
+}, pl = {
   key: 3,
   class: "row-actions-header"
-}, gn = /* @__PURE__ */ ne({
+}, gn = /* @__PURE__ */ oe({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = e, n = $(() => t.columns.filter((l) => l.filterable)), o = $(() => t.store.config.value?.rowActions?.enabled ?? !1), a = $(() => t.store.config.value?.rowActions?.position ?? "before-index"), r = (l) => t.store.sortByColumn(l), s = (l) => {
+    const t = e, n = T(() => t.columns.filter((l) => l.filterable)), o = T(() => t.store.config.value?.rowActions?.enabled ?? !1), a = T(() => t.store.config.value?.rowActions?.position ?? "before-index"), r = (l) => t.store.sortByColumn(l), s = (l) => {
       for (const u of l) {
         if (u.borderBoxSize.length === 0) continue;
-        const i = u.borderBoxSize[0].inlineSize, c = Number(u.target.dataset.colindex), p = t.store.columns[c]?.width;
-        typeof p == "number" && p !== i && t.store.resizeColumn(c, i);
+        const i = u.borderBoxSize[0].inlineSize, d = Number(u.target.dataset.colindex), m = t.store.columns[d]?.width;
+        typeof m == "number" && m !== i && t.store.resizeColumn(d, i);
       }
     };
-    return (l, u) => t.columns.length ? (w(), k("thead", il, [
-      y("tr", ul, [
-        o.value && a.value === "before-index" ? (w(), k("th", {
+    return (l, u) => t.columns.length ? (h(), b("thead", il, [
+      w("tr", ul, [
+        o.value && a.value === "before-index" ? (h(), b("th", {
           key: 0,
-          class: ae(["row-actions-header", { "sticky-column": a.value === "before-index" }])
-        }, null, 2)) : q("", !0),
-        t.store.zeroColumn ? (w(), k("th", {
+          class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
+        }, null, 2)) : Y("", !0),
+        t.store.zeroColumn ? (h(), b("th", {
           key: 1,
           id: "header-index",
-          class: ae([[
+          class: se([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.isTreeView ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : q("", !0),
-        o.value && a.value === "after-index" ? (w(), k("th", cl)) : q("", !0),
-        (w(!0), k(ue, null, me(t.columns, (i, c) => J((w(), k("th", {
+        }, null, 2)) : Y("", !0),
+        o.value && a.value === "after-index" ? (h(), b("th", cl)) : Y("", !0),
+        (h(!0), b(X, null, ve(t.columns, (i, d) => K((h(), b("th", {
           key: i.name,
-          "data-colindex": c,
+          "data-colindex": d,
           tabindex: "-1",
-          style: xe(t.store.getHeaderCellStyle(i)),
-          class: ae(`${i.pinned ? "sticky-column" : ""} ${i.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (p) => i.sortable !== !1 ? r(c) : void 0
+          style: be(t.store.getHeaderCellStyle(i)),
+          class: se(`${i.pinned ? "sticky-column" : ""} ${i.sortable === !1 ? "" : "cursor-pointer"}`),
+          onClick: (m) => i.sortable !== !1 ? r(d) : void 0
         }, [
           he(l.$slots, "default", {}, () => [
-            Dt(K(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
+            Dt(N(i.label || String.fromCharCode(d + 97).toUpperCase()), 1)
           ])
         ], 14, dl)), [
           [V(qo), s]
         ])), 128)),
-        o.value && a.value === "end" ? (w(), k("th", fl)) : q("", !0)
+        o.value && a.value === "end" ? (h(), b("th", fl)) : Y("", !0)
       ]),
-      n.value.length > 0 ? (w(), k("tr", vl, [
-        o.value && a.value === "before-index" ? (w(), k("th", {
+      n.value.length > 0 ? (h(), b("tr", vl, [
+        o.value && a.value === "before-index" ? (h(), b("th", {
           key: 0,
-          class: ae(["row-actions-header", { "sticky-column": a.value === "before-index" }])
-        }, null, 2)) : q("", !0),
-        t.store.zeroColumn ? (w(), k("th", {
+          class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
+        }, null, 2)) : Y("", !0),
+        t.store.zeroColumn ? (h(), b("th", {
           key: 1,
-          class: ae([[
+          class: se([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.isTreeView ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : q("", !0),
-        o.value && a.value === "after-index" ? (w(), k("th", pl)) : q("", !0),
-        (w(!0), k(ue, null, me(t.columns, (i, c) => (w(), k("th", {
+        }, null, 2)) : Y("", !0),
+        o.value && a.value === "after-index" ? (h(), b("th", ml)) : Y("", !0),
+        (h(!0), b(X, null, ve(t.columns, (i, d) => (h(), b("th", {
           key: `filter-${i.name}`,
-          class: ae(`${i.pinned ? "sticky-column" : ""}`),
-          style: xe(t.store.getHeaderCellStyle(i))
+          class: se(`${i.pinned ? "sticky-column" : ""}`),
+          style: be(t.store.getHeaderCellStyle(i))
         }, [
-          i.filterable ? (w(), pe(rl, {
+          i.filterable ? (h(), pe(rl, {
             key: 0,
             column: i,
-            "col-index": c,
+            "col-index": d,
             store: t.store
-          }, null, 8, ["column", "col-index", "store"])) : q("", !0)
+          }, null, 8, ["column", "col-index", "store"])) : Y("", !0)
         ], 6))), 128)),
-        o.value && a.value === "end" ? (w(), k("th", ml)) : q("", !0)
-      ])) : q("", !0)
-    ])) : q("", !0);
+        o.value && a.value === "end" ? (h(), b("th", pl)) : Y("", !0)
+      ])) : Y("", !0)
+    ])) : Y("", !0);
   }
-}), wn = /* @__PURE__ */ ne({
+}), wn = /* @__PURE__ */ oe({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = fe("amodal"), { width: n, height: o } = Pe(t), a = $(() => {
+    const t = fe("amodal"), { width: n, height: o } = _e(t), a = T(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
       const r = e.store.modal.cell?.closest("table");
       if (!r) return {};
@@ -1822,17 +1822,17 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
       let u = e.store.modal.cell?.offsetTop || 0;
       const i = r.querySelector("thead")?.offsetHeight || 0;
       u += i, u = u + o.value < s ? u : u - (o.value + e.store.modal.height);
-      let c = e.store.modal.cell?.offsetLeft || 0;
-      return c = c + n.value <= l ? c : c - (n.value - e.store.modal.width), {
-        left: `${c}px`,
+      let d = e.store.modal.cell?.offsetLeft || 0;
+      return d = d + n.value <= l ? d : d - (n.value - e.store.modal.width), {
+        left: `${d}px`,
         top: `${u}px`
       };
     });
-    return (r, s) => (w(), k("div", {
+    return (r, s) => (h(), b("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: xe(a.value),
+      style: be(a.value),
       onClick: s[0] || (s[0] = Ie(() => {
       }, ["stop"])),
       onInput: s[1] || (s[1] = Ie(() => {
@@ -1845,25 +1845,25 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
   const t = e.id || fo();
   return Dn(`table-${t}`, () => {
     const n = () => {
-      const d = [Object.assign({}, { rowModified: !1 })], v = /* @__PURE__ */ new Set();
+      const c = [Object.assign({}, { rowModified: !1 })], v = /* @__PURE__ */ new Set();
       for (let A = 0; A < a.value.length; A++) {
         const H = a.value[A];
         H.parent !== null && H.parent !== void 0 && v.add(H.parent);
       }
-      const M = (A) => a.value[A]?.gantt !== void 0, P = (A) => {
+      const M = (A) => a.value[A]?.gantt !== void 0, _ = (A) => {
         for (let H = 0; H < a.value.length; H++)
-          if (a.value[H].parent === A && (M(H) || P(H)))
+          if (a.value[H].parent === A && (M(H) || _(H)))
             return !0;
         return !1;
       }, Z = (A) => {
-        const H = r.value, N = H.view === "tree" || H.view === "tree-gantt" ? H.defaultTreeExpansion : void 0;
-        if (!N) return !0;
-        switch (N) {
+        const H = r.value, U = H.view === "tree" || H.view === "tree-gantt" ? H.defaultTreeExpansion : void 0;
+        if (!U) return !0;
+        switch (U) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return P(A);
+            return _(A);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1872,168 +1872,168 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
         }
       };
       for (let A = 0; A < a.value.length; A++) {
-        const H = a.value[A], N = H.parent === null || H.parent === void 0, le = v.has(A);
-        d[A] = {
+        const H = a.value[A], U = H.parent === null || H.parent === void 0, ae = v.has(A);
+        c[A] = {
           childrenOpen: Z(A),
           expanded: !1,
           indent: H.indent || 0,
-          isParent: le,
-          isRoot: N,
+          isParent: ae,
+          isRoot: U,
           rowModified: !1,
-          open: N,
+          open: U,
           // This will be recalculated later for non-root nodes
           parent: H.parent
         };
       }
-      return d;
-    }, o = L(e.columns), a = L(e.rows), r = L(e.config || {}), s = L({}), l = L({}), u = $(() => {
-      const d = {};
+      return c;
+    }, o = L(e.columns), a = L(e.rows), r = L(e.config || {}), s = L({}), l = L({}), u = T(() => {
+      const c = {};
       for (const [v, M] of o.value.entries())
-        for (const [P, Z] of a.value.entries())
-          d[`${v}:${P}`] = Z[M.name];
-      return d;
-    }), i = $({
+        for (const [_, Z] of a.value.entries())
+          c[`${v}:${_}`] = Z[M.name];
+      return c;
+    }), i = T({
       get: () => {
-        const d = n();
-        for (let v = 0; v < d.length; v++)
-          s.value[v] && (d[v].rowModified = s.value[v]), l.value[v] && (l.value[v].childrenOpen !== void 0 && (d[v].childrenOpen = l.value[v].childrenOpen), l.value[v].expanded !== void 0 && (d[v].expanded = l.value[v].expanded));
+        const c = n();
+        for (let v = 0; v < c.length; v++)
+          s.value[v] && (c[v].rowModified = s.value[v]), l.value[v] && (l.value[v].childrenOpen !== void 0 && (c[v].childrenOpen = l.value[v].childrenOpen), l.value[v].expanded !== void 0 && (c[v].expanded = l.value[v].expanded));
         if (C.value) {
-          const v = (M, P) => {
-            const Z = P[M];
+          const v = (M, _) => {
+            const Z = _[M];
             if (Z.isRoot || Z.parent === null || Z.parent === void 0)
               return !0;
             const A = Z.parent;
-            return A < 0 || A >= P.length ? !1 : (P[A].childrenOpen || !1) && v(A, P);
+            return A < 0 || A >= _.length ? !1 : (_[A].childrenOpen || !1) && v(A, _);
           };
-          for (let M = 0; M < d.length; M++)
-            d[M].isRoot || (d[M].open = v(M, d));
+          for (let M = 0; M < c.length; M++)
+            c[M].isRoot || (c[M].open = v(M, c));
         }
-        return d;
+        return c;
       },
-      set: (d) => {
-        JSON.stringify(d) !== JSON.stringify(i.value) && (i.value = d);
+      set: (c) => {
+        JSON.stringify(c) !== JSON.stringify(i.value) && (i.value = c);
       }
-    }), c = L(e.modal || { visible: !1 }), p = L({}), m = L([]), I = L([]), b = L([]), x = L({
+    }), d = L(e.modal || { visible: !1 }), m = L({}), p = L([]), I = L([]), y = L([]), k = L({
       column: null,
       direction: null
-    }), f = L({}), h = $(() => o.value.some((d) => d.pinned)), g = $(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = $(() => r.value.view === "tree" || r.value.view === "tree-gantt"), T = $(() => {
-      const d = r.value;
-      return d.view === "gantt" || d.view === "tree-gantt" ? d.dependencyGraph !== !1 : !0;
-    }), R = $(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), S = $(
+    }), f = L({}), g = T(() => o.value.some((c) => c.pinned)), x = T(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = T(() => r.value.view === "tree" || r.value.view === "tree-gantt"), $ = T(() => {
+      const c = r.value;
+      return c.view === "gantt" || c.view === "tree-gantt" ? c.dependencyGraph !== !1 : !0;
+    }), R = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), S = T(
       () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
-    ), O = $(() => {
-      let d = a.value.map((v, M) => ({
+    ), O = T(() => {
+      let c = a.value.map((v, M) => ({
         ...v,
         originalIndex: M
       }));
       if (Object.entries(f.value).forEach(([v, M]) => {
-        const P = parseInt(v), Z = o.value[P];
-        !Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (d = d.filter((A) => {
+        const _ = parseInt(v), Z = o.value[_];
+        !Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (c = c.filter((A) => {
           const H = A[Z.name];
-          return oe(H, M, Z);
+          return le(H, M, Z);
         }));
-      }), x.value.column !== null && x.value.direction) {
-        const v = o.value[x.value.column], M = x.value.direction;
-        d.sort((P, Z) => {
-          let A = P[v.name], H = Z[v.name];
+      }), k.value.column !== null && k.value.direction) {
+        const v = o.value[k.value.column], M = k.value.direction;
+        c.sort((_, Z) => {
+          let A = _[v.name], H = Z[v.name];
           A == null && (A = ""), H == null && (H = "");
-          const N = Number(A), le = Number(H);
-          if (!isNaN(N) && !isNaN(le) && A !== "" && H !== "")
-            return M === "asc" ? N - le : le - N;
+          const U = Number(A), ae = Number(H);
+          if (!isNaN(U) && !isNaN(ae) && A !== "" && H !== "")
+            return M === "asc" ? U - ae : ae - U;
           {
-            const nt = String(A).toLowerCase(), Ut = String(H).toLowerCase();
-            return M === "asc" ? nt.localeCompare(Ut) : Ut.localeCompare(nt);
+            const tt = String(A).toLowerCase(), Ut = String(H).toLowerCase();
+            return M === "asc" ? tt.localeCompare(Ut) : Ut.localeCompare(tt);
           }
         });
       }
-      return d;
-    }), U = (d, v) => u.value[`${d}:${v}`], ve = (d, v, M) => {
-      const P = `${d}:${v}`, Z = o.value[d];
-      u.value[P] !== M && (s.value[v] = !0), u.value[P] = M, a.value[v] = {
+      return c;
+    }), W = (c, v) => u.value[`${c}:${v}`], me = (c, v, M) => {
+      const _ = `${c}:${v}`, Z = o.value[c];
+      u.value[_] !== M && (s.value[v] = !0), u.value[_] = M, a.value[v] = {
         ...a.value[v],
         [Z.name]: M
       };
-    }, Y = (d) => {
-      a.value = d;
-    }, X = (d, v, M) => {
-      const P = `${d}:${v}`;
-      u.value[P] !== M && (s.value[v] = !0, p.value[P] = M);
-    }, ge = (d) => {
-      const v = o.value.indexOf(d) === o.value.length - 1, M = r.value.fullWidth ? d.resizable && !v : d.resizable;
+    }, j = (c) => {
+      a.value = c;
+    }, J = (c, v, M) => {
+      const _ = `${c}:${v}`;
+      u.value[_] !== M && (s.value[v] = !0, m.value[_] = M);
+    }, ge = (c) => {
+      const v = o.value.indexOf(c) === o.value.length - 1, M = r.value.fullWidth ? c.resizable && !v : c.resizable;
       return {
-        width: d.width || "40ch",
-        textAlign: d.align || "center",
+        width: c.width || "40ch",
+        textAlign: c.align || "center",
         ...M && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, de = (d, v) => {
-      if (d < 0 || d >= o.value.length) return;
+    }, de = (c, v) => {
+      if (c < 0 || c >= o.value.length) return;
       const M = Math.max(v, 40);
-      o.value[d] = {
-        ...o.value[d],
+      o.value[c] = {
+        ...o.value[c],
         width: `${M}px`
       };
-    }, Oe = (d) => {
-      const v = a.value[d];
-      return g.value && v.gantt !== void 0;
-    }, Re = (d) => !C.value || i.value[d].isRoot || i.value[d].open, Ye = (d) => !C.value && r.value.view !== "list-expansion" ? "" : C.value && (i.value[d].isRoot || i.value[d].isParent) ? i.value[d].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? i.value[d].expanded ? "▼" : "►" : "", Xe = (d) => {
+    }, Oe = (c) => {
+      const v = a.value[c];
+      return x.value && v.gantt !== void 0;
+    }, Re = (c) => !C.value || i.value[c].isRoot || i.value[c].open, Ye = (c) => !C.value && r.value.view !== "list-expansion" ? "" : C.value && (i.value[c].isRoot || i.value[c].isParent) ? i.value[c].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? i.value[c].expanded ? "▼" : "►" : "", Xe = (c) => {
       if (C.value) {
-        const v = l.value[d] || {}, M = !(v.childrenOpen ?? i.value[d].childrenOpen);
-        l.value[d] = {
+        const v = l.value[c] || {}, M = !(v.childrenOpen ?? i.value[c].childrenOpen);
+        l.value[c] = {
           ...v,
           childrenOpen: M
-        }, M || Be(d);
+        }, M || Be(c);
       } else if (r.value.view === "list-expansion") {
-        const v = l.value[d] || {}, M = v.expanded ?? i.value[d].expanded;
-        l.value[d] = {
+        const v = l.value[c] || {}, M = v.expanded ?? i.value[c].expanded;
+        l.value[c] = {
           ...v,
           expanded: !M
         };
       }
-    }, Be = (d) => {
+    }, Be = (c) => {
       for (let v = 0; v < a.value.length; v++)
-        if (i.value[v].parent === d) {
+        if (i.value[v].parent === c) {
           const M = l.value[v] || {};
           l.value[v] = {
             ...M,
             childrenOpen: !1
           }, Be(v);
         }
-    }, je = (d, v) => {
-      const M = U(d, v);
-      return Fe(d, v, M);
-    }, Fe = (d, v, M) => {
-      const P = o.value[d], Z = a.value[v], A = P.format;
-      return A ? typeof A == "function" ? A(M, { table: u.value, row: Z, column: P }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(M, { table: u.value, row: Z, column: P }) : M : M;
-    }, D = (d) => {
-      d.target instanceof Node && c.value.parent?.contains(d.target) || c.value.visible && (c.value.visible = !1);
-    }, F = (d, v) => v && d === 0 && v > 0 ? `${v}ch` : "inherit", W = (d) => {
-      const v = a.value[d.rowIndex]?.gantt;
-      v && (d.type === "resize" ? d.edge === "start" ? (v.startIndex = d.newStart, v.endIndex = d.end, v.colspan = v.endIndex - v.startIndex) : d.edge === "end" && (v.startIndex = d.start, v.endIndex = d.newEnd, v.colspan = v.endIndex - v.startIndex) : d.type === "bar" && (v.startIndex = d.newStart, v.endIndex = d.newEnd, v.colspan = v.endIndex - v.startIndex));
-    }, j = (d) => {
-      const v = m.value.findIndex((M) => M.id === d.id);
-      v >= 0 ? m.value[v] = d : m.value.push(d);
-    }, z = (d) => {
-      const v = m.value.findIndex((M) => M.id === d);
-      v >= 0 && m.value.splice(v, 1);
-    }, se = (d) => {
-      const v = I.value.findIndex((M) => M.id === d.id);
-      v >= 0 ? I.value[v] = d : I.value.push(d);
-    }, be = (d) => {
-      const v = I.value.findIndex((M) => M.id === d);
+    }, je = (c, v) => {
+      const M = W(c, v);
+      return Fe(c, v, M);
+    }, Fe = (c, v, M) => {
+      const _ = o.value[c], Z = a.value[v], A = _.format;
+      return A ? typeof A == "function" ? A(M, { table: u.value, row: Z, column: _ }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(M, { table: u.value, row: Z, column: _ }) : M : M;
+    }, D = (c) => {
+      c.target instanceof Node && d.value.parent?.contains(c.target) || d.value.visible && (d.value.visible = !1);
+    }, F = (c, v) => v && c === 0 && v > 0 ? `${v}ch` : "inherit", G = (c) => {
+      const v = a.value[c.rowIndex]?.gantt;
+      v && (c.type === "resize" ? c.edge === "start" ? (v.startIndex = c.newStart, v.endIndex = c.end, v.colspan = v.endIndex - v.startIndex) : c.edge === "end" && (v.startIndex = c.start, v.endIndex = c.newEnd, v.colspan = v.endIndex - v.startIndex) : c.type === "bar" && (v.startIndex = c.newStart, v.endIndex = c.newEnd, v.colspan = v.endIndex - v.startIndex));
+    }, Q = (c) => {
+      const v = p.value.findIndex((M) => M.id === c.id);
+      v >= 0 ? p.value[v] = c : p.value.push(c);
+    }, q = (c) => {
+      const v = p.value.findIndex((M) => M.id === c);
+      v >= 0 && p.value.splice(v, 1);
+    }, re = (c) => {
+      const v = I.value.findIndex((M) => M.id === c.id);
+      v >= 0 ? I.value[v] = c : I.value.push(c);
+    }, ke = (c) => {
+      const v = I.value.findIndex((M) => M.id === c);
       v >= 0 && I.value.splice(v, 1);
-    }, Le = (d, v, M) => {
-      const P = I.value.find((H) => H.id === d), Z = I.value.find((H) => H.id === v);
-      if (!P || !Z)
+    }, Le = (c, v, M) => {
+      const _ = I.value.find((H) => H.id === c), Z = I.value.find((H) => H.id === v);
+      if (!_ || !Z)
         return console.warn("Cannot create connection: handle not found"), null;
       const A = {
-        id: `connection-${d}-${v}`,
+        id: `connection-${c}-${v}`,
         from: {
-          barId: P.barId,
-          side: P.side
+          barId: _.barId,
+          side: _.side
         },
         to: {
           barId: Z.barId,
@@ -2042,172 +2042,172 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
         style: M?.style,
         label: M?.label
       };
-      return b.value.push(A), A;
-    }, _ = (d) => {
-      const v = b.value.findIndex((M) => M.id === d);
-      return v >= 0 ? (b.value.splice(v, 1), !0) : !1;
-    }, B = (d) => b.value.filter((v) => v.from.barId === d || v.to.barId === d), G = (d) => I.value.filter((v) => v.barId === d), Q = (d) => {
-      if (o.value[d].sortable === !1) return;
+      return y.value.push(A), A;
+    }, P = (c) => {
+      const v = y.value.findIndex((M) => M.id === c);
+      return v >= 0 ? (y.value.splice(v, 1), !0) : !1;
+    }, B = (c) => y.value.filter((v) => v.from.barId === c || v.to.barId === c), z = (c) => I.value.filter((v) => v.barId === c), ee = (c) => {
+      if (o.value[c].sortable === !1) return;
       let v;
-      x.value.column === d && x.value.direction === "asc" ? v = "desc" : v = "asc", x.value.column = d, x.value.direction = v;
-    }, oe = (d, v, M) => {
-      const P = M.filterType || "text", Z = v.value;
-      if (!Z && P !== "dateRange" && P !== "checkbox") return !0;
-      switch (P) {
+      k.value.column === c && k.value.direction === "asc" ? v = "desc" : v = "asc", k.value.column = c, k.value.direction = v;
+    }, le = (c, v, M) => {
+      const _ = M.filterType || "text", Z = v.value;
+      if (!Z && _ !== "dateRange" && _ !== "checkbox") return !0;
+      switch (_) {
         case "text": {
           let A = "";
-          return typeof d == "object" && d !== null ? A = Object.values(d).join(" ") : A = String(d || ""), A.toLowerCase().includes(String(Z).toLowerCase());
+          return typeof c == "object" && c !== null ? A = Object.values(c).join(" ") : A = String(c || ""), A.toLowerCase().includes(String(Z).toLowerCase());
         }
         case "number": {
-          const A = Number(d), H = Number(Z);
+          const A = Number(c), H = Number(Z);
           return !isNaN(A) && !isNaN(H) && A === H;
         }
         case "select":
-          return d === Z;
+          return c === Z;
         case "checkbox":
-          return Z === !0 ? !!d : !0;
+          return Z === !0 ? !!c : !0;
         case "date": {
           let A;
-          if (typeof d == "number") {
-            const N = new Date(d), le = (/* @__PURE__ */ new Date()).getFullYear();
-            A = new Date(le, N.getMonth(), N.getDate());
+          if (typeof c == "number") {
+            const U = new Date(c), ae = (/* @__PURE__ */ new Date()).getFullYear();
+            A = new Date(ae, U.getMonth(), U.getDate());
           } else
-            A = new Date(String(d));
+            A = new Date(String(c));
           const H = new Date(String(Z));
           return A.toDateString() === H.toDateString();
         }
         case "dateRange": {
           const A = v.startValue, H = v.endValue;
           if (!A && !H) return !0;
-          let N;
-          if (typeof d == "number") {
-            const le = new Date(d), nt = (/* @__PURE__ */ new Date()).getFullYear();
-            N = new Date(nt, le.getMonth(), le.getDate());
+          let U;
+          if (typeof c == "number") {
+            const ae = new Date(c), tt = (/* @__PURE__ */ new Date()).getFullYear();
+            U = new Date(tt, ae.getMonth(), ae.getDate());
           } else
-            N = new Date(String(d));
-          return !(A && N < new Date(String(A)) || H && N > new Date(String(H)));
+            U = new Date(String(c));
+          return !(A && U < new Date(String(A)) || H && U > new Date(String(H)));
         }
         default:
           return !0;
       }
-    }, ee = (d, v) => {
-      !v.value && !v.startValue && !v.endValue ? delete f.value[d] : f.value[d] = v;
-    }, re = (d) => {
-      delete f.value[d];
-    }, ce = (d, v = "end") => {
+    }, te = (c, v) => {
+      !v.value && !v.startValue && !v.endValue ? delete f.value[c] : f.value[c] = v;
+    }, ie = (c) => {
+      delete f.value[c];
+    }, ce = (c, v = "end") => {
       const M = {};
       for (const Z of o.value)
         M[Z.name] = "";
-      d && Object.assign(M, d);
-      let P;
-      return v === "start" ? (P = 0, a.value.unshift(M)) : v === "end" ? (P = a.value.length, a.value.push(M)) : (P = Math.max(0, Math.min(v, a.value.length)), a.value.splice(P, 0, M)), P;
+      c && Object.assign(M, c);
+      let _;
+      return v === "start" ? (_ = 0, a.value.unshift(M)) : v === "end" ? (_ = a.value.length, a.value.push(M)) : (_ = Math.max(0, Math.min(v, a.value.length)), a.value.splice(_, 0, M)), _;
     };
     return {
       // state
       columns: o,
       config: r,
       connectionHandles: I,
-      connectionPaths: b,
+      connectionPaths: y,
       display: i,
       filterState: f,
-      ganttBars: m,
-      modal: c,
+      ganttBars: p,
+      modal: d,
       rows: a,
-      sortState: x,
+      sortState: k,
       table: u,
-      updates: p,
+      updates: m,
       // getters
       filteredRows: O,
-      hasPinnedColumns: h,
-      isGanttView: g,
+      hasPinnedColumns: g,
+      isGanttView: x,
       isTreeView: C,
-      isDependencyGraphEnabled: T,
+      isDependencyGraphEnabled: $,
       numberedRowWidth: R,
       zeroColumn: S,
       // actions
       addRow: ce,
-      clearFilter: re,
+      clearFilter: ie,
       closeModal: D,
       createConnection: Le,
-      deleteConnection: _,
-      deleteRow: (d) => {
-        if (d < 0 || d >= a.value.length)
+      deleteConnection: P,
+      deleteRow: (c) => {
+        if (c < 0 || c >= a.value.length)
           return null;
-        const [v] = a.value.splice(d, 1);
-        delete s.value[d], delete l.value[d];
-        const M = {}, P = {};
+        const [v] = a.value.splice(c, 1);
+        delete s.value[c], delete l.value[c];
+        const M = {}, _ = {};
         for (const [Z, A] of Object.entries(s.value)) {
           const H = parseInt(Z);
-          H > d ? M[H - 1] = A : M[H] = A;
+          H > c ? M[H - 1] = A : M[H] = A;
         }
         for (const [Z, A] of Object.entries(l.value)) {
           const H = parseInt(Z);
-          H > d ? P[H - 1] = A : P[H] = A;
+          H > c ? _[H - 1] = A : _[H] = A;
         }
-        return s.value = M, l.value = P, v;
+        return s.value = M, l.value = _, v;
       },
-      duplicateRow: (d) => {
-        if (d < 0 || d >= a.value.length)
+      duplicateRow: (c) => {
+        if (c < 0 || c >= a.value.length)
           return -1;
-        const v = a.value[d], M = JSON.parse(JSON.stringify(v)), P = d + 1;
-        return a.value.splice(P, 0, M), P;
+        const v = a.value[c], M = JSON.parse(JSON.stringify(v)), _ = c + 1;
+        return a.value.splice(_, 0, M), _;
       },
-      getCellData: U,
+      getCellData: W,
       getCellDisplayValue: je,
       getConnectionsForBar: B,
       getFormattedValue: Fe,
-      getHandlesForBar: G,
+      getHandlesForBar: z,
       getHeaderCellStyle: ge,
       getIndent: F,
       getRowExpandSymbol: Ye,
-      insertRowAbove: (d, v) => {
-        const M = Math.max(0, d);
+      insertRowAbove: (c, v) => {
+        const M = Math.max(0, c);
         return ce(v, M);
       },
-      insertRowBelow: (d, v) => {
-        const M = Math.min(d + 1, a.value.length);
+      insertRowBelow: (c, v) => {
+        const M = Math.min(c + 1, a.value.length);
         return ce(v, M);
       },
       isRowGantt: Oe,
       isRowVisible: Re,
-      moveRow: (d, v) => {
-        if (d < 0 || d >= a.value.length || v < 0 || v >= a.value.length || d === v)
+      moveRow: (c, v) => {
+        if (c < 0 || c >= a.value.length || v < 0 || v >= a.value.length || c === v)
           return !1;
-        const [M] = a.value.splice(d, 1);
+        const [M] = a.value.splice(c, 1);
         a.value.splice(v, 0, M);
-        const P = {}, Z = {};
+        const _ = {}, Z = {};
         for (const [A, H] of Object.entries(s.value)) {
-          const N = parseInt(A);
-          let le = N;
-          N === d ? le = v : d < v ? N > d && N <= v && (le = N - 1) : N >= v && N < d && (le = N + 1), P[le] = H;
+          const U = parseInt(A);
+          let ae = U;
+          U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), _[ae] = H;
         }
         for (const [A, H] of Object.entries(l.value)) {
-          const N = parseInt(A);
-          let le = N;
-          N === d ? le = v : d < v ? N > d && N <= v && (le = N - 1) : N >= v && N < d && (le = N + 1), Z[le] = H;
+          const U = parseInt(A);
+          let ae = U;
+          U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), Z[ae] = H;
         }
-        return s.value = P, l.value = Z, !0;
+        return s.value = _, l.value = Z, !0;
       },
-      registerConnectionHandle: se,
-      registerGanttBar: j,
+      registerConnectionHandle: re,
+      registerGanttBar: Q,
       resizeColumn: de,
-      setCellData: ve,
-      setCellText: X,
-      setFilter: ee,
-      sortByColumn: Q,
+      setCellData: me,
+      setCellText: J,
+      setFilter: te,
+      sortByColumn: ee,
       toggleRowExpand: Xe,
-      unregisterConnectionHandle: be,
-      unregisterGanttBar: z,
-      updateGanttBar: W,
-      updateRows: Y
+      unregisterConnectionHandle: ke,
+      unregisterGanttBar: q,
+      updateGanttBar: G,
+      updateRows: j
     };
   })();
 }, gl = {
   class: "atable-container",
   style: { position: "relative" }
-}, wl = /* @__PURE__ */ ne({
+}, wl = /* @__PURE__ */ oe({
   __name: "ATable",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     id: { default: "" },
     config: { default: () => new Object() }
   }, {
@@ -2216,114 +2216,114 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
     columns: { required: !0 },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Me(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ xe(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: n }) {
-    const o = ke(e, "rows"), a = ke(e, "columns"), r = n, s = fe("table"), l = hl({ columns: a.value, rows: o.value, id: e.id, config: e.config });
-    l.$onAction(({ name: b, store: x, args: f, after: h }) => {
-      if (b === "setCellData" || b === "setCellText") {
-        const [g, C, T] = f, R = x.getCellData(g, C);
-        h(() => {
-          o.value = [...x.rows], r("cellUpdate", { colIndex: g, rowIndex: C, newValue: T, oldValue: R });
+    const o = Me(e, "rows"), a = Me(e, "columns"), r = n, s = fe("table"), l = hl({ columns: a.value, rows: o.value, id: e.id, config: e.config });
+    l.$onAction(({ name: y, store: k, args: f, after: g }) => {
+      if (y === "setCellData" || y === "setCellText") {
+        const [x, C, $] = f, R = k.getCellData(x, C);
+        g(() => {
+          o.value = [...k.rows], r("cellUpdate", { colIndex: x, rowIndex: C, newValue: $, oldValue: R });
         });
-      } else if (b === "updateGanttBar") {
-        const [g] = f;
+      } else if (y === "updateGanttBar") {
+        const [x] = f;
         let C = !1;
-        g.type === "resize" ? C = g.oldColspan !== g.newColspan : g.type === "bar" && (C = g.oldStart !== g.newStart || g.oldEnd !== g.newEnd), C && h(() => {
-          r("gantt:drag", g);
+        x.type === "resize" ? C = x.oldColspan !== x.newColspan : x.type === "bar" && (C = x.oldStart !== x.newStart || x.oldEnd !== x.newEnd), C && g(() => {
+          r("gantt:drag", x);
         });
-      } else b === "resizeColumn" && h(() => {
-        a.value = [...x.columns], r("columns:update", [...x.columns]);
+      } else y === "resizeColumn" && g(() => {
+        a.value = [...k.columns], r("columns:update", [...k.columns]);
       });
-    }), te(
+    }), ne(
       () => o.value,
-      (b) => {
-        JSON.stringify(b) !== JSON.stringify(l.rows) && (l.rows = [...b]);
+      (y) => {
+        JSON.stringify(y) !== JSON.stringify(l.rows) && (l.rows = [...y]);
       },
       { deep: !0 }
-    ), te(
+    ), ne(
       a,
-      (b) => {
-        JSON.stringify(b) !== JSON.stringify(l.columns) && (l.columns = [...b], r("columns:update", [...b]));
+      (y) => {
+        JSON.stringify(y) !== JSON.stringify(l.columns) && (l.columns = [...y], r("columns:update", [...y]));
       },
       { deep: !0 }
     ), Ee(() => {
-      a.value.some((b) => b.pinned) && (i(), l.isTreeView && mn(s, i, { childList: !0, subtree: !0 }));
+      a.value.some((y) => y.pinned) && (i(), l.isTreeView && pn(s, i, { childList: !0, subtree: !0 }));
     });
-    const u = $(() => l.columns.filter((b) => b.pinned).length), i = () => {
-      const b = s.value, x = b?.rows[0], f = b?.rows[1], h = x ? Array.from(x.cells) : [];
-      for (const [g, C] of h.entries()) {
-        const T = f?.cells[g];
-        T && (C.style.width = `${T.offsetWidth}px`);
+    const u = T(() => l.columns.filter((y) => y.pinned).length), i = () => {
+      const y = s.value, k = y?.rows[0], f = y?.rows[1], g = k ? Array.from(k.cells) : [];
+      for (const [x, C] of g.entries()) {
+        const $ = f?.cells[x];
+        $ && (C.style.width = `${$.offsetWidth}px`);
       }
-      for (const g of b?.rows || []) {
+      for (const x of y?.rows || []) {
         let C = 0;
-        const T = [];
-        for (const R of g.cells)
-          (R.classList.contains("sticky-column") || R.classList.contains("sticky-index")) && (R.style.left = `${C}px`, C += R.offsetWidth, T.push(R));
-        T.length > 0 && T[T.length - 1].classList.add("sticky-column-edge");
+        const $ = [];
+        for (const R of x.cells)
+          (R.classList.contains("sticky-column") || R.classList.contains("sticky-index")) && (R.style.left = `${C}px`, C += R.offsetWidth, $.push(R));
+        $.length > 0 && $[$.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (b) => {
-      if (b.key === "Escape" && l.modal.visible) {
+    window.addEventListener("keydown", (y) => {
+      if (y.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
-        const x = l.modal.parent;
-        x && pt().then(() => {
-          x.focus();
+        const k = l.modal.parent;
+        k && vt().then(() => {
+          k.focus();
         });
       }
     });
-    const c = (b) => {
-      if (!b.gantt || u.value === 0)
+    const d = (y) => {
+      if (!y.gantt || u.value === 0)
         return l.columns;
-      const x = [];
+      const k = [];
       for (let f = 0; f < u.value; f++) {
-        const h = { ...l.columns[f] };
-        h.originalIndex = f, x.push(h);
+        const g = { ...l.columns[f] };
+        g.originalIndex = f, k.push(g);
       }
-      return x.push({
+      return k.push({
         ...l.columns[u.value],
         isGantt: !0,
-        colspan: b.gantt?.colspan || l.columns.length - u.value,
+        colspan: y.gantt?.colspan || l.columns.length - u.value,
         originalIndex: u.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), x;
-    }, p = (b) => {
-      r("connection:event", { type: "create", connection: b });
-    }, m = (b) => {
-      r("connection:event", { type: "delete", connection: b });
-    }, I = (b, x) => {
-      switch (b) {
+      }), k;
+    }, m = (y) => {
+      r("connection:event", { type: "create", connection: y });
+    }, p = (y) => {
+      r("connection:event", { type: "delete", connection: y });
+    }, I = (y, k) => {
+      switch (y) {
         case "add": {
-          const f = l.addRow({}, x + 1), h = l.rows[f];
-          o.value = [...l.rows], r("row:add", { rowIndex: f, row: h });
+          const f = l.addRow({}, k + 1), g = l.rows[f];
+          o.value = [...l.rows], r("row:add", { rowIndex: f, row: g });
           break;
         }
         case "delete": {
-          const f = l.deleteRow(x);
-          f && (o.value = [...l.rows], r("row:delete", { rowIndex: x, row: f }));
+          const f = l.deleteRow(k);
+          f && (o.value = [...l.rows], r("row:delete", { rowIndex: k, row: f }));
           break;
         }
         case "duplicate": {
-          const f = l.duplicateRow(x);
+          const f = l.duplicateRow(k);
           if (f >= 0) {
-            const h = l.rows[f];
-            o.value = [...l.rows], r("row:duplicate", { sourceIndex: x, newIndex: f, row: h });
+            const g = l.rows[f];
+            o.value = [...l.rows], r("row:duplicate", { sourceIndex: k, newIndex: f, row: g });
           }
           break;
         }
         case "insertAbove": {
-          const f = l.insertRowAbove(x), h = l.rows[f];
-          o.value = [...l.rows], r("row:insert-above", { targetIndex: x, newIndex: f, row: h });
+          const f = l.insertRowAbove(k), g = l.rows[f];
+          o.value = [...l.rows], r("row:insert-above", { targetIndex: k, newIndex: f, row: g });
           break;
         }
         case "insertBelow": {
-          const f = l.insertRowBelow(x), h = l.rows[f];
-          o.value = [...l.rows], r("row:insert-below", { targetIndex: x, newIndex: f, row: h });
+          const f = l.insertRowBelow(k), g = l.rows[f];
+          o.value = [...l.rows], r("row:insert-below", { targetIndex: k, newIndex: f, row: g });
           break;
         }
         case "move": {
-          r("row:move", { fromIndex: x, toIndex: -1 });
+          r("row:move", { fromIndex: k, toIndex: -1 });
           break;
         }
       }
@@ -2341,58 +2341,58 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
       insertRowAbove: l.insertRowAbove,
       insertRowBelow: l.insertRowBelow,
       moveRow: l.moveRow
-    }), (b, x) => (w(), k("div", gl, [
-      J((w(), k("table", {
+    }), (y, k) => (h(), b("div", gl, [
+      K((h(), b("table", {
         ref: "table",
         class: "atable",
-        style: xe({
+        style: be({
           width: V(l).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        he(b.$slots, "header", { data: V(l) }, () => [
-          dt(gn, {
+        he(y.$slots, "header", { data: V(l) }, () => [
+          ct(gn, {
             columns: V(l).columns,
             store: V(l)
           }, null, 8, ["columns", "store"])
         ], !0),
-        y("tbody", null, [
-          he(b.$slots, "body", { data: V(l) }, () => [
-            (w(!0), k(ue, null, me(V(l).filteredRows, (f, h) => (w(), pe(hn, {
-              key: `${f.originalIndex}-${h}`,
+        w("tbody", null, [
+          he(y.$slots, "body", { data: V(l) }, () => [
+            (h(!0), b(X, null, ve(V(l).filteredRows, (f, g) => (h(), pe(hn, {
+              key: `${f.originalIndex}-${g}`,
               row: f,
               rowIndex: f.originalIndex,
               store: V(l),
               "onRow:action": I
             }, {
-              default: Tt(() => [
-                (w(!0), k(ue, null, me(c(f), (g, C) => (w(), k(ue, {
-                  key: g.name
+              default: $t(() => [
+                (h(!0), b(X, null, ve(d(f), (x, C) => (h(), b(X, {
+                  key: x.name
                 }, [
-                  g.isGantt ? (w(), pe(Ue(g.ganttComponent || "AGanttCell"), {
+                  x.isGantt ? (h(), pe(Ue(x.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: V(l),
                     "columns-count": V(l).columns.length - u.value,
                     color: f.gantt?.color,
                     start: f.gantt?.startIndex,
                     end: f.gantt?.endIndex,
-                    colspan: g.colspan,
-                    pinned: g.pinned,
+                    colspan: x.colspan,
+                    pinned: x.pinned,
                     rowIndex: f.originalIndex,
-                    colIndex: g.originalIndex ?? C,
-                    style: xe({
-                      textAlign: g?.align || "center",
-                      minWidth: g?.width || "40ch",
+                    colIndex: x.originalIndex ?? C,
+                    style: be({
+                      textAlign: x?.align || "center",
+                      minWidth: x?.width || "40ch",
                       width: V(l).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": p
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (w(), pe(Ue(g.cellComponent || "ACell"), {
+                    "onConnection:create": m
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (h(), pe(Ue(x.cellComponent || "ACell"), {
                     key: 1,
                     store: V(l),
-                    pinned: g.pinned,
+                    pinned: x.pinned,
                     rowIndex: f.originalIndex,
                     colIndex: C,
-                    style: xe({
-                      textAlign: g?.align || "center",
+                    style: be({
+                      textAlign: x?.align || "center",
                       width: V(l).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
@@ -2403,11 +2403,11 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
             }, 1032, ["row", "rowIndex", "store"]))), 128))
           ], !0)
         ]),
-        he(b.$slots, "footer", { data: V(l) }, void 0, !0),
-        he(b.$slots, "modal", { data: V(l) }, () => [
-          J(dt(wn, { store: V(l) }, {
-            default: Tt(() => [
-              (w(), pe(Ue(V(l).modal.component), vt({
+        he(y.$slots, "footer", { data: V(l) }, void 0, !0),
+        he(y.$slots, "modal", { data: V(l) }, () => [
+          K(ct(wn, { store: V(l) }, {
+            default: $t(() => [
+              (h(), pe(Ue(V(l).modal.component), ft({
                 key: `${V(l).modal.rowIndex}:${V(l).modal.colIndex}`,
                 "col-index": V(l).modal.colIndex,
                 "row-index": V(l).modal.rowIndex,
@@ -2422,43 +2422,43 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
       ], 4)), [
         [V(zo), V(l).closeModal]
       ]),
-      V(l).isGanttView && V(l).isDependencyGraphEnabled ? (w(), pe(tl, {
+      V(l).isGanttView && V(l).isDependencyGraphEnabled ? (h(), pe(tl, {
         key: 0,
         store: V(l),
-        "onConnection:delete": m
-      }, null, 8, ["store"])) : q("", !0)
+        "onConnection:delete": p
+      }, null, 8, ["store"])) : Y("", !0)
     ]));
   }
-}), yl = /* @__PURE__ */ Ve(wl, [["__scopeId", "data-v-3d00d51b"]]), xl = {}, bl = { class: "aloading" }, Il = { class: "aloading-header" };
-function kl(e, t) {
-  return w(), k("div", bl, [
-    y("h2", Il, [
+}), yl = /* @__PURE__ */ Ve(wl, [["__scopeId", "data-v-3d00d51b"]]), bl = {}, xl = { class: "aloading" }, kl = { class: "aloading-header" };
+function Il(e, t) {
+  return h(), b("div", xl, [
+    w("h2", kl, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = y("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = w("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Ml = /* @__PURE__ */ Ve(xl, [["render", kl], ["__scopeId", "data-v-a930a25b"]]), Cl = {}, El = { class: "aloading" }, Al = { class: "aloading-header" };
-function Tl(e, t) {
-  return w(), k("div", El, [
-    y("h2", Al, [
+const Ml = /* @__PURE__ */ Ve(bl, [["render", Il], ["__scopeId", "data-v-a930a25b"]]), Cl = {}, El = { class: "aloading" }, Al = { class: "aloading-header" };
+function $l(e, t) {
+  return h(), b("div", El, [
+    w("h2", Al, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = y("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = w("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const $l = /* @__PURE__ */ Ve(Cl, [["render", Tl], ["__scopeId", "data-v-e1165876"]]);
+const Tl = /* @__PURE__ */ Ve(Cl, [["render", $l], ["__scopeId", "data-v-e1165876"]]);
 function Dl(e) {
-  e.component("ACell", ho), e.component("AExpansionRow", bo), e.component("AGanttCell", To), e.component("ARow", hn), e.component("ARowActions", ut), e.component("ATable", yl), e.component("ATableHeader", gn), e.component("ATableLoading", Ml), e.component("ATableLoadingBar", $l), e.component("ATableModal", wn);
+  e.component("ACell", ho), e.component("AExpansionRow", xo), e.component("AGanttCell", $o), e.component("ARow", hn), e.component("ARowActions", it), e.component("ATable", yl), e.component("ATableHeader", gn), e.component("ATableLoading", Ml), e.component("ATableLoadingBar", Tl), e.component("ATableModal", wn);
 }
-const Sl = { class: "aform_form-element" }, Rl = ["for"], Ll = { class: "aform_checkbox-container aform_input-field" }, Hl = ["id", "readonly", "required"], Vl = ["innerHTML"], Pl = /* @__PURE__ */ ne({
+const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" }, Ll = { class: "aform_display-value" }, Hl = ["for"], Vl = { class: "aform_checkbox-container aform_input-field" }, _l = ["id", "disabled", "required"], Pl = ["innerHTML"], Ol = /* @__PURE__ */ oe({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     mask: {},
     required: { type: Boolean },
-    readOnly: { type: Boolean },
+    mode: {},
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -2467,67 +2467,83 @@ const Sl = { class: "aform_form-element" }, Rl = ["for"], Ll = { class: "aform_c
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ke(e, "modelValue");
-    return (n, o) => (w(), k("div", Sl, [
-      y("label", {
-        class: "aform_field-label",
-        for: e.uuid
-      }, K(e.label), 9, Rl),
-      y("span", Ll, [
-        J(y("input", {
-          id: e.uuid,
-          "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
-          type: "checkbox",
-          class: "aform_checkbox",
-          readonly: e.readOnly,
-          required: e.required
-        }, null, 8, Hl), [
-          [un, t.value]
+    const t = Me(e, "modelValue");
+    return (n, o) => (h(), b("div", Sl, [
+      e.mode === "display" ? (h(), b(X, { key: 0 }, [
+        w("label", Rl, N(e.label), 1),
+        w("span", Ll, N(t.value ? "✓" : "✗"), 1)
+      ], 64)) : (h(), b(X, { key: 1 }, [
+        w("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, N(e.label), 9, Hl),
+        w("span", Vl, [
+          K(w("input", {
+            id: e.uuid,
+            "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+            type: "checkbox",
+            class: "aform_checkbox",
+            disabled: e.mode === "read",
+            required: e.required
+          }, null, 8, _l), [
+            [un, t.value]
+          ])
+        ]),
+        K(w("p", {
+          class: "aform_error",
+          innerHTML: e.validation.errorMessage
+        }, null, 8, Pl), [
+          [Ce, e.validation.errorMessage]
         ])
-      ]),
-      J(y("p", {
-        class: "aform_error",
-        innerHTML: e.validation.errorMessage
-      }, null, 8, Vl), [
-        [Ce, e.validation.errorMessage]
-      ])
+      ], 64))
     ]));
   }
-}), $e = (e, t) => {
+}), Te = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, _l = /* @__PURE__ */ $e(Pl, [["__scopeId", "data-v-f13fd4d6"]]), Ol = /* @__PURE__ */ ne({
+}, Bl = /* @__PURE__ */ Te(Ol, [["__scopeId", "data-v-cc185b72"]]), Fl = /* @__PURE__ */ oe({
   __name: "AComboBox",
-  props: ["event", "cellData", "tableID"],
+  props: {
+    schema: {},
+    label: {},
+    mask: {},
+    required: { type: Boolean },
+    mode: {},
+    uuid: {},
+    validation: {},
+    event: {},
+    cellData: {},
+    tableID: {}
+  },
   setup(e) {
     return (t, n) => {
       const o = dn("ATableModal");
-      return w(), pe(o, {
+      return h(), pe(o, {
         event: e.event,
         "cell-data": e.cellData,
         class: "amodal"
       }, {
-        default: Tt(() => [...n[0] || (n[0] = [
-          y("div", null, [
-            y("input", { type: "text" }),
-            y("input", { type: "text" }),
-            y("input", { type: "text" })
+        default: $t(() => [...n[0] || (n[0] = [
+          w("div", null, [
+            w("input", { type: "text" }),
+            w("input", { type: "text" }),
+            w("input", { type: "text" })
           ], -1)
         ])]),
         _: 1
       }, 8, ["event", "cell-data"]);
     };
   }
-}), Bl = ["id", "disabled", "required"], Fl = ["for"], Zl = ["innerHTML"], Nl = /* @__PURE__ */ ne({
+}), Zl = { class: "aform_display-value" }, Nl = ["id", "disabled", "required"], Ul = ["for"], Wl = ["innerHTML"], Gl = /* @__PURE__ */ oe({
   __name: "ADate",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: { default: "Date" },
     mask: {},
     required: { type: Boolean },
-    readOnly: { type: Boolean },
+    mode: {},
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -2538,35 +2554,40 @@ const Sl = { class: "aform_form-element" }, Rl = ["for"], Ll = { class: "aform_c
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ke(e, "modelValue", {
+    const t = Me(e, "modelValue", {
       // format the date to be compatible with the native input datepicker
       set: (a) => new Date(a).toISOString().split("T")[0]
     }), n = fe("date"), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (a, r) => (w(), k("div", null, [
-      J(y("input", {
-        id: e.uuid,
-        ref: "date",
-        "onUpdate:modelValue": r[0] || (r[0] = (s) => t.value = s),
-        type: "date",
-        disabled: e.readOnly,
-        required: e.required,
-        onClick: o
-      }, null, 8, Bl), [
-        [we, t.value]
-      ]),
-      y("label", { for: e.uuid }, K(e.label), 9, Fl),
-      J(y("p", {
-        innerHTML: e.validation.errorMessage
-      }, null, 8, Zl), [
-        [Ce, e.validation.errorMessage]
-      ])
+    return (a, r) => (h(), b("div", null, [
+      e.mode === "display" ? (h(), b(X, { key: 0 }, [
+        w("span", Zl, N(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
+        w("label", null, N(e.label), 1)
+      ], 64)) : (h(), b(X, { key: 1 }, [
+        K(w("input", {
+          id: e.uuid,
+          ref: "date",
+          "onUpdate:modelValue": r[0] || (r[0] = (s) => t.value = s),
+          type: "date",
+          disabled: e.mode === "read",
+          required: e.required,
+          onClick: o
+        }, null, 8, Nl), [
+          [we, t.value]
+        ]),
+        w("label", { for: e.uuid }, N(e.label), 9, Ul),
+        K(w("p", {
+          innerHTML: e.validation.errorMessage
+        }, null, 8, Wl), [
+          [Ce, e.validation.errorMessage]
+        ])
+      ], 64))
     ]));
   }
-}), Ul = /* @__PURE__ */ $e(Nl, [["__scopeId", "data-v-a15ed922"]]);
+}), zl = /* @__PURE__ */ Te(Gl, [["__scopeId", "data-v-425aef3c"]]);
 function yn(e, t) {
-  return mt() ? (ht(e, t), !0) : !1;
+  return mt() ? (pt(e, t), !0) : !1;
 }
 // @__NO_SIDE_EFFECTS__
 function jt() {
@@ -2586,11 +2607,11 @@ function jt() {
     }
   };
 }
-const xn = typeof window < "u" && typeof document < "u";
+const bn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Wl = Object.prototype.toString, Gl = (e) => Wl.call(e) === "[object Object]", Je = () => {
-}, zl = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function ql(...e) {
+const ql = Object.prototype.toString, Yl = (e) => ql.call(e) === "[object Object]", Je = () => {
+}, Xl = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function jl(...e) {
   if (e.length !== 1) return cn(...e);
   const t = e[0];
   return typeof t == "function" ? Rt(St(() => ({
@@ -2598,68 +2619,68 @@ function ql(...e) {
     set: Je
   }))) : L(t);
 }
-function kt(e) {
+function It(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Yl(e, t, n) {
-  return te(e, t, {
+function Jl(e, t, n) {
+  return ne(e, t, {
     ...n,
     immediate: !0
   });
 }
-const bn = xn ? window : void 0, Xl = xn ? window.document : void 0;
+const xn = bn ? window : void 0, Ql = bn ? window.document : void 0;
 function Ne(e) {
   var t;
   const n = E(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Mt(...e) {
-  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = $(() => {
-    const o = kt(E(e[0])).filter((a) => a != null);
+  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = T(() => {
+    const o = It(E(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
   });
-  return Yl(() => {
+  return Jl(() => {
     var o, a;
     return [
-      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => Ne(r))) !== null && o !== void 0 ? o : [bn].filter((r) => r != null),
-      kt(E(n.value ? e[1] : e[0])),
-      kt(V(n.value ? e[2] : e[1])),
+      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => Ne(r))) !== null && o !== void 0 ? o : [xn].filter((r) => r != null),
+      It(E(n.value ? e[1] : e[0])),
+      It(V(n.value ? e[2] : e[1])),
       E(n.value ? e[3] : e[2])
     ];
   }, ([o, a, r, s], l, u) => {
     if (!o?.length || !a?.length || !r?.length) return;
-    const i = Gl(s) ? { ...s } : s, c = o.flatMap((p) => a.flatMap((m) => r.map((I) => t(p, m, I, i))));
+    const i = Yl(s) ? { ...s } : s, d = o.flatMap((m) => a.flatMap((p) => r.map((I) => t(m, p, I, i))));
     u(() => {
-      c.forEach((p) => p());
+      d.forEach((m) => m());
     });
   }, { flush: "post" });
 }
 function Jt(e, t, n = {}) {
-  const { window: o = bn, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = n;
+  const { window: o = xn, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = n;
   if (!o) return l ? {
     stop: Je,
     cancel: Je,
     trigger: Je
   } : Je;
   let u = !0;
-  const i = (f) => E(a).some((h) => {
-    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((g) => g === f.target || f.composedPath().includes(g));
+  const i = (f) => E(a).some((g) => {
+    if (typeof g == "string") return Array.from(o.document.querySelectorAll(g)).some((x) => x === f.target || f.composedPath().includes(x));
     {
-      const g = Ne(h);
-      return g && (f.target === g || f.composedPath().includes(g));
+      const x = Ne(g);
+      return x && (f.target === x || f.composedPath().includes(x));
     }
   });
-  function c(f) {
-    const h = E(f);
-    return h && h.$.subTree.shapeFlag === 16;
+  function d(f) {
+    const g = E(f);
+    return g && g.$.subTree.shapeFlag === 16;
   }
-  function p(f, h) {
-    const g = E(f), C = g.$.subTree && g.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some((T) => T.el === h.target || h.composedPath().includes(T.el));
+  function m(f, g) {
+    const x = E(f), C = x.$.subTree && x.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
   }
-  const m = (f) => {
-    const h = Ne(e);
-    if (f.target != null && !(!(h instanceof Element) && c(e) && p(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
+  const p = (f) => {
+    const g = Ne(e);
+    if (f.target != null && !(!(g instanceof Element) && d(e) && m(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
       if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
         u = !0;
         return;
@@ -2668,79 +2689,79 @@ function Jt(e, t, n = {}) {
     }
   };
   let I = !1;
-  const b = [
+  const y = [
     Mt(o, "click", (f) => {
       I || (I = !0, setTimeout(() => {
         I = !1;
-      }, 0), m(f));
+      }, 0), p(f));
     }, {
       passive: !0,
       capture: r
     }),
     Mt(o, "pointerdown", (f) => {
-      const h = Ne(e);
-      u = !i(f) && !!(h && !f.composedPath().includes(h));
+      const g = Ne(e);
+      u = !i(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
     s && Mt(o, "blur", (f) => {
       setTimeout(() => {
-        var h;
-        const g = Ne(e);
-        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !g?.contains(o.document.activeElement) && t(f);
+        var g;
+        const x = Ne(e);
+        ((g = o.document.activeElement) === null || g === void 0 ? void 0 : g.tagName) === "IFRAME" && !x?.contains(o.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => b.forEach((f) => f());
+  ].filter(Boolean), k = () => y.forEach((f) => f());
   return l ? {
-    stop: x,
+    stop: k,
     cancel: () => {
       u = !1;
     },
     trigger: (f) => {
-      u = !0, m(f), u = !1;
+      u = !0, p(f), u = !1;
     }
-  } : x;
+  } : k;
 }
-const jl = {
+const Kl = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function Jl(e) {
+function ea(e) {
   if (!e) return null;
   if (e instanceof FileList) return e;
   const t = new DataTransfer();
   for (const n of e) t.items.add(n);
   return t.files;
 }
-function Ql(e = {}) {
-  const { document: t = Xl } = e, n = L(Jl(e.initialFiles)), { on: o, trigger: a } = /* @__PURE__ */ jt(), { on: r, trigger: s } = /* @__PURE__ */ jt(), l = $(() => {
-    var p;
-    const m = (p = Ne(e.input)) !== null && p !== void 0 ? p : t ? t.createElement("input") : void 0;
-    return m && (m.type = "file", m.onchange = (I) => {
+function ta(e = {}) {
+  const { document: t = Ql } = e, n = L(ea(e.initialFiles)), { on: o, trigger: a } = /* @__PURE__ */ jt(), { on: r, trigger: s } = /* @__PURE__ */ jt(), l = T(() => {
+    var m;
+    const p = (m = Ne(e.input)) !== null && m !== void 0 ? m : t ? t.createElement("input") : void 0;
+    return p && (p.type = "file", p.onchange = (I) => {
       n.value = I.target.files, a(n.value);
-    }, m.oncancel = () => {
+    }, p.oncancel = () => {
       s();
-    }), m;
+    }), p;
   }), u = () => {
     n.value = null, l.value && l.value.value && (l.value.value = "", a(null));
-  }, i = (p) => {
-    const m = l.value;
-    m && (m.multiple = E(p.multiple), m.accept = E(p.accept), m.webkitdirectory = E(p.directory), zl(p, "capture") && (m.capture = E(p.capture)));
-  }, c = (p) => {
-    const m = l.value;
-    if (!m) return;
+  }, i = (m) => {
+    const p = l.value;
+    p && (p.multiple = E(m.multiple), p.accept = E(m.accept), p.webkitdirectory = E(m.directory), Xl(m, "capture") && (p.capture = E(m.capture)));
+  }, d = (m) => {
+    const p = l.value;
+    if (!p) return;
     const I = {
-      ...jl,
+      ...Kl,
       ...e,
-      ...p
+      ...m
     };
-    i(I), E(I.reset) && u(), m.click();
+    i(I), E(I.reset) && u(), p.click();
   };
-  return Qe(() => {
+  return gt(() => {
     i(e);
   }), {
     files: Rt(n),
-    open: c,
+    open: d,
     reset: u,
     onCancel: r,
     onChange: o
@@ -2750,10 +2771,10 @@ function Ct(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 const Et = /* @__PURE__ */ new WeakMap();
-function Kl(e, t = !1) {
-  const n = ie(t);
+function na(e, t = !1) {
+  const n = ue(t);
   let o = "";
-  te(ql(e), (s) => {
+  ne(jl(e), (s) => {
     const l = Ct(E(s));
     if (l) {
       const u = l;
@@ -2768,7 +2789,7 @@ function Kl(e, t = !1) {
     const s = Ct(E(e));
     !s || !n.value || (s.style.overflow = o, Et.delete(s), n.value = !1);
   };
-  return yn(r), $({
+  return yn(r), T({
     get() {
       return n.value;
     },
@@ -2777,7 +2798,7 @@ function Kl(e, t = !1) {
     }
   });
 }
-const At = /* @__PURE__ */ new WeakMap(), ea = {
+const At = /* @__PURE__ */ new WeakMap(), oa = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let o;
@@ -2793,27 +2814,36 @@ const At = /* @__PURE__ */ new WeakMap(), ea = {
     t && typeof t == "function" ? t() : t?.stop(), At.delete(e);
   }
 };
-function ta() {
+function la() {
   let e = !1;
-  const t = ie(!1);
+  const t = ue(!1);
   return (n, o) => {
     if (t.value = o.value, e) return;
     e = !0;
-    const a = Kl(n, o.value);
-    te(t, (r) => a.value = r);
+    const a = na(n, o.value);
+    ne(t, (r) => a.value = r);
   };
 }
-ta();
-const na = { class: "input-wrapper" }, oa = {
+la();
+const aa = {
+  key: 0,
+  class: "input-wrapper"
+}, sa = { class: "aform_display-value" }, ra = { class: "input-wrapper" }, ia = ["disabled"], ua = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, la = {
+}, ca = {
   key: 0,
   class: "loading autocomplete-result"
-}, aa = ["onClick"], sa = /* @__PURE__ */ ne({
+}, da = ["onClick"], fa = /* @__PURE__ */ oe({
   __name: "ADropdown",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
+    schema: {},
     label: {},
+    mask: {},
+    required: { type: Boolean },
+    mode: {},
+    uuid: {},
+    validation: {},
     items: { default: () => [] },
     isAsync: { type: Boolean, default: !1 },
     filterFunction: { type: Function, default: void 0 }
@@ -2823,7 +2853,7 @@ const na = { class: "input-wrapper" }, oa = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ke(e, "modelValue"), n = rn({
+    const t = Me(e, "modelValue"), n = rn({
       activeItemIndex: null,
       open: !1,
       loading: !1,
@@ -2832,8 +2862,8 @@ const na = { class: "input-wrapper" }, oa = {
       if (n.open = !0, n.activeItemIndex = null, e.filterFunction) {
         e.isAsync && (n.loading = !0);
         try {
-          const m = await e.filterFunction(t.value || "");
-          n.results = m || [];
+          const p = await e.filterFunction(t.value || "");
+          n.results = p || [];
         } catch {
           n.results = [];
         } finally {
@@ -2841,179 +2871,184 @@ const na = { class: "input-wrapper" }, oa = {
         }
       } else
         u();
-    }, r = (m) => {
-      t.value = m, l(m);
+    }, r = (p) => {
+      t.value = p, l(p);
     }, s = () => {
       n.activeItemIndex = e.isAsync ? null : t.value && e.items?.indexOf(t.value) || null, n.open = !0, n.results = e.isAsync ? [] : e.items;
-    }, l = (m) => {
-      n.activeItemIndex = null, n.open = !1, e.items?.includes(m || t.value || "") || (t.value = "");
+    }, l = (p) => {
+      n.activeItemIndex = null, n.open = !1, e.items?.includes(p || t.value || "") || (t.value = "");
     }, u = () => {
-      t.value ? n.results = e.items?.filter((m) => m.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
+      t.value ? n.results = e.items?.filter((p) => p.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
     }, i = () => {
-      const m = n.results?.length || 0;
+      const p = n.results?.length || 0;
       if (n.activeItemIndex != null) {
         const I = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
-        n.activeItemIndex = (I + 1) % m;
+        n.activeItemIndex = (I + 1) % p;
       } else
         n.activeItemIndex = 0;
-    }, c = () => {
-      const m = n.results?.length || 0;
+    }, d = () => {
+      const p = n.results?.length || 0;
       if (n.activeItemIndex != null) {
         const I = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
         I === 0 ? n.activeItemIndex = null : n.activeItemIndex = I - 1;
       } else
-        n.activeItemIndex = m - 1;
-    }, p = () => {
+        n.activeItemIndex = p - 1;
+    }, m = () => {
       if (n.results) {
-        const m = n.activeItemIndex || 0, I = n.results[m];
+        const p = n.activeItemIndex || 0, I = n.results[p];
         r(I);
       }
       n.activeItemIndex = 0;
     };
-    return (m, I) => J((w(), k("div", {
-      class: ae(["autocomplete", { isOpen: n.open }])
+    return (p, I) => e.mode === "display" ? (h(), b("div", aa, [
+      w("span", sa, N(t.value ?? ""), 1),
+      w("label", null, N(e.label), 1)
+    ])) : K((h(), b("div", {
+      key: 1,
+      class: se(["autocomplete", { isOpen: n.open }])
     }, [
-      y("div", na, [
-        J(y("input", {
-          "onUpdate:modelValue": I[0] || (I[0] = (b) => t.value = b),
+      w("div", ra, [
+        K(w("input", {
+          "onUpdate:modelValue": I[0] || (I[0] = (y) => t.value = y),
           type: "text",
+          disabled: e.mode === "read",
           onInput: a,
           onFocus: s,
           onKeydown: [
             Ze(i, ["down"]),
-            Ze(c, ["up"]),
-            Ze(p, ["enter"]),
+            Ze(d, ["up"]),
+            Ze(m, ["enter"]),
             Ze(o, ["esc"]),
             Ze(o, ["tab"])
           ]
-        }, null, 544), [
+        }, null, 40, ia), [
           [we, t.value]
         ]),
-        J(y("ul", oa, [
-          n.loading ? (w(), k("li", la, "Loading results...")) : (w(!0), k(ue, { key: 1 }, me(n.results, (b, x) => (w(), k("li", {
-            key: b,
-            class: ae(["autocomplete-result", { "is-active": x === n.activeItemIndex }]),
-            onClick: Ie((f) => r(b), ["stop"])
-          }, K(b), 11, aa))), 128))
+        K(w("ul", ua, [
+          n.loading ? (h(), b("li", ca, "Loading results...")) : (h(!0), b(X, { key: 1 }, ve(n.results, (y, k) => (h(), b("li", {
+            key: y,
+            class: se(["autocomplete-result", { "is-active": k === n.activeItemIndex }]),
+            onClick: Ie((f) => r(y), ["stop"])
+          }, N(y), 11, da))), 128))
         ], 512), [
           [Ce, n.open]
         ]),
-        y("label", null, K(e.label), 1)
+        w("label", null, N(e.label), 1)
       ])
     ], 2)), [
-      [V(ea), o]
+      [V(oa), o]
     ]);
   }
-}), ra = /* @__PURE__ */ $e(sa, [["__scopeId", "data-v-31a6db8c"]]);
-function In(e, t) {
-  return mt() ? (ht(e, t), !0) : !1;
+}), va = /* @__PURE__ */ Te(fa, [["__scopeId", "data-v-8728dc72"]]);
+function kn(e, t) {
+  return mt() ? (pt(e, t), !0) : !1;
 }
-const ia = typeof window < "u" && typeof document < "u";
+const ma = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ua = (e) => e != null, ca = Object.prototype.toString, da = (e) => ca.call(e) === "[object Object]", fa = () => {
+const pa = (e) => e != null, ha = Object.prototype.toString, ga = (e) => ha.call(e) === "[object Object]", wa = () => {
 };
-function ct(e) {
+function ut(e) {
   return Array.isArray(e) ? e : [e];
 }
-function va(e, t, n) {
-  return te(e, t, {
+function ya(e, t, n) {
+  return ne(e, t, {
     ...n,
     immediate: !0
   });
 }
-const qe = ia ? window : void 0;
+const qe = ma ? window : void 0;
 function Ge(e) {
   var t;
   const n = E(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
-function et(...e) {
-  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = $(() => {
-    const o = ct(E(e[0])).filter((a) => a != null);
+function Ke(...e) {
+  const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = T(() => {
+    const o = ut(E(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
   });
-  return va(() => {
+  return ya(() => {
     var o, a;
     return [
       (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((r) => Ge(r))) !== null && o !== void 0 ? o : [qe].filter((r) => r != null),
-      ct(E(n.value ? e[1] : e[0])),
-      ct(V(n.value ? e[2] : e[1])),
+      ut(E(n.value ? e[1] : e[0])),
+      ut(V(n.value ? e[2] : e[1])),
       E(n.value ? e[3] : e[2])
     ];
   }, ([o, a, r, s], l, u) => {
     if (!o?.length || !a?.length || !r?.length) return;
-    const i = da(s) ? { ...s } : s, c = o.flatMap((p) => a.flatMap((m) => r.map((I) => t(p, m, I, i))));
+    const i = ga(s) ? { ...s } : s, d = o.flatMap((m) => a.flatMap((p) => r.map((I) => t(m, p, I, i))));
     u(() => {
-      c.forEach((p) => p());
+      d.forEach((m) => m());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function pa() {
-  const e = ie(!1), t = gt();
+function ba() {
+  const e = ue(!1), t = ht();
   return t && Ee(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function ma(e) {
-  const t = /* @__PURE__ */ pa();
-  return $(() => (t.value, !!e()));
+function xa(e) {
+  const t = /* @__PURE__ */ ba();
+  return T(() => (t.value, !!e()));
 }
-function ha(e, t, n = {}) {
+function ka(e, t, n = {}) {
   const { window: o = qe, ...a } = n;
   let r;
-  const s = /* @__PURE__ */ ma(() => o && "MutationObserver" in o), l = () => {
+  const s = /* @__PURE__ */ xa(() => o && "MutationObserver" in o), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = te($(() => {
-    const p = ct(E(e)).map(Ge).filter(ua);
-    return new Set(p);
-  }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((m) => r.observe(m, a)));
+  }, u = ne(T(() => {
+    const m = ut(E(e)).map(Ge).filter(pa);
+    return new Set(m);
+  }), (m) => {
+    l(), s.value && m.size && (r = new MutationObserver(t), m.forEach((p) => r.observe(p, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), c = () => {
+  }), i = () => r?.takeRecords(), d = () => {
     u(), l();
   };
-  return In(c), {
+  return kn(d), {
     isSupported: s,
-    stop: c,
+    stop: d,
     takeRecords: i
   };
 }
-function ga(e, t, n = {}) {
+function Ia(e, t, n = {}) {
   const { window: o = qe, document: a = o?.document, flush: r = "sync" } = n;
-  if (!o || !a) return fa;
+  if (!o || !a) return wa;
   let s;
-  const l = (c) => {
-    s?.(), s = c;
-  }, u = Qe(() => {
-    const c = Ge(e);
-    if (c) {
-      const { stop: p } = ha(a, (m) => {
-        m.map((I) => [...I.removedNodes]).flat().some((I) => I === c || I.contains(c)) && t(m);
+  const l = (d) => {
+    s?.(), s = d;
+  }, u = gt(() => {
+    const d = Ge(e);
+    if (d) {
+      const { stop: m } = ka(a, (p) => {
+        p.map((I) => [...I.removedNodes]).flat().some((I) => I === d || I.contains(d)) && t(p);
       }, {
         window: o,
         childList: !0,
         subtree: !0
       });
-      l(p);
+      l(m);
     }
   }, { flush: r }), i = () => {
     u(), l();
   };
-  return In(i), i;
+  return kn(i), i;
 }
 // @__NO_SIDE_EFFECTS__
-function wa(e = {}) {
+function Ma(e = {}) {
   var t;
   const { window: n = qe, deep: o = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : n?.document, s = () => {
     let i = r?.activeElement;
     if (o)
-      for (var c; i?.shadowRoot; ) i = i == null || (c = i.shadowRoot) === null || c === void 0 ? void 0 : c.activeElement;
+      for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
     return i;
-  }, l = ie(), u = () => {
+  }, l = ue(), u = () => {
     l.value = s();
   };
   if (n) {
@@ -3021,23 +3056,23 @@ function wa(e = {}) {
       capture: !0,
       passive: !0
     };
-    et(n, "blur", (c) => {
-      c.relatedTarget === null && u();
-    }, i), et(n, "focus", u, i);
+    Ke(n, "blur", (d) => {
+      d.relatedTarget === null && u();
+    }, i), Ke(n, "focus", u, i);
   }
-  return a && ga(l, u, { document: r }), u(), l;
+  return a && Ia(l, u, { document: r }), u(), l;
 }
-const ya = "focusin", xa = "focusout", ba = ":focus-within";
-function Ia(e, t = {}) {
-  const { window: n = qe } = t, o = $(() => Ge(e)), a = ie(!1), r = $(() => a.value);
-  if (!n || !(/* @__PURE__ */ wa(t)).value) return { focused: r };
+const Ca = "focusin", Ea = "focusout", Aa = ":focus-within";
+function $a(e, t = {}) {
+  const { window: n = qe } = t, o = T(() => Ge(e)), a = ue(!1), r = T(() => a.value);
+  if (!n || !(/* @__PURE__ */ Ma(t)).value) return { focused: r };
   const s = { passive: !0 };
-  return et(o, ya, () => a.value = !0, s), et(o, xa, () => {
+  return Ke(o, Ca, () => a.value = !0, s), Ke(o, Ea, () => {
     var l, u, i;
-    return a.value = (l = (u = o.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, ba)) !== null && l !== void 0 ? l : !1;
+    return a.value = (l = (u = o.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Aa)) !== null && l !== void 0 ? l : !1;
   }, s), { focused: r };
 }
-function ka(e, { window: t = qe, scrollTarget: n } = {}) {
+function Ta(e, { window: t = qe, scrollTarget: n } = {}) {
   const o = L(!1), a = () => {
     if (!t) return;
     const r = t.document, s = Ge(e);
@@ -3048,17 +3083,17 @@ function ka(e, { window: t = qe, scrollTarget: n } = {}) {
       o.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
     }
   };
-  return te(
+  return ne(
     () => Ge(e),
     () => a(),
     { immediate: !0, flush: "post" }
-  ), t && et(n || t, "scroll", a, {
+  ), t && Ke(n || t, "scroll", a, {
     capture: !1,
     passive: !0
   }), o;
 }
 const De = (e) => {
-  let t = ka(e).value;
+  let t = Ta(e).value;
   return t = t && e.offsetHeight > 0, t;
 }, Se = (e) => e.tabIndex >= 0, Qt = (e) => {
   const t = e.target;
@@ -3076,7 +3111,7 @@ const De = (e) => {
     n && (t = n);
   }
   return t && (!Se(t) || !De(t)) ? Bt(t) : t;
-}, Ma = (e) => {
+}, Da = (e) => {
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
@@ -3109,7 +3144,7 @@ const De = (e) => {
     n && (t = n);
   }
   return t && (!Se(t) || !De(t)) ? Ft(t) : t;
-}, Ca = (e) => {
+}, Sa = (e) => {
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
@@ -3144,12 +3179,12 @@ const De = (e) => {
 }, on = (e) => {
   const t = e.target.parentElement?.lastElementChild;
   return t && (!Se(t) || !De(t)) ? Zt(t) : t;
-}, st = ["alt", "control", "shift", "meta"], Ea = {
+}, at = ["alt", "control", "shift", "meta"], Ra = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, kn = {
+}, In = {
   "keydown.up": (e) => {
     const t = Qt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
@@ -3167,11 +3202,11 @@ const De = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Ma(e);
+    const t = Da(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Ca(e);
+    const t = Sa(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -3213,7 +3248,7 @@ const De = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function Aa(e) {
+function La(e) {
   const t = (s) => {
     let l = null;
     return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
@@ -3239,35 +3274,35 @@ function Aa(e) {
     let u = [];
     return s.selectors ? u = n(s) : l && (u = Array.from(l.children).filter((i) => Se(i) && De(i))), u;
   }, a = (s) => (l) => {
-    const u = Ea[l.key] || l.key.toLowerCase();
-    if (st.includes(u)) return;
-    const i = s.handlers || kn;
-    for (const c of Object.keys(i)) {
-      const [p, ...m] = c.split(".");
-      if (p === "keydown" && m.includes(u)) {
-        const I = i[c], b = m.filter((f) => st.includes(f)), x = st.some((f) => {
-          const h = f.charAt(0).toUpperCase() + f.slice(1);
-          return l.getModifierState(h);
+    const u = Ra[l.key] || l.key.toLowerCase();
+    if (at.includes(u)) return;
+    const i = s.handlers || In;
+    for (const d of Object.keys(i)) {
+      const [m, ...p] = d.split(".");
+      if (m === "keydown" && p.includes(u)) {
+        const I = i[d], y = p.filter((f) => at.includes(f)), k = at.some((f) => {
+          const g = f.charAt(0).toUpperCase() + f.slice(1);
+          return l.getModifierState(g);
         });
-        if (b.length > 0) {
-          if (x) {
-            for (const f of st)
-              if (m.includes(f)) {
-                const h = f.charAt(0).toUpperCase() + f.slice(1);
-                l.getModifierState(h) && I(l);
+        if (y.length > 0) {
+          if (k) {
+            for (const f of at)
+              if (p.includes(f)) {
+                const g = f.charAt(0).toUpperCase() + f.slice(1);
+                l.getModifierState(g) && I(l);
               }
           }
         } else
-          x || I(l);
+          k || I(l);
       }
     }
   }, r = [];
   Ee(() => {
     for (const s of e) {
-      const l = t(s), u = o(s), i = a(s), c = l ? [l] : u;
-      for (const p of c) {
-        const { focused: m } = Ia(L(p)), I = te(m, (b) => {
-          b ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+      const l = t(s), u = o(s), i = a(s), d = l ? [l] : u;
+      for (const m of d) {
+        const { focused: p } = $a(L(m)), I = ne(p, (y) => {
+          y ? m.addEventListener("keydown", i) : m.removeEventListener("keydown", i);
         });
         r.push(I);
       }
@@ -3277,276 +3312,316 @@ function Aa(e) {
       s();
   });
 }
-const Ta = {
+const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
+  key: 1,
   ref: "datepicker",
   class: "adatepicker",
   tabindex: "0"
-}, $a = {
+}, Pa = {
   colspan: "5",
   tabindex: -1
-}, Da = ["onClick", "onKeydown"], Sa = 6, ln = 7, Ra = /* @__PURE__ */ ne({
+}, Oa = ["onClick", "onKeydown"], Ba = 6, ln = 7, Fa = /* @__PURE__ */ oe({
   __name: "ADatePicker",
-  props: {
+  props: /* @__PURE__ */ xe({
+    schema: {},
+    label: {},
+    mask: {},
+    required: { type: Boolean },
+    mode: {},
+    uuid: {},
+    validation: {}
+  }, {
     modelValue: { default: /* @__PURE__ */ new Date() },
     modelModifiers: {}
-  },
+  }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = ke(e, "modelValue"), o = L(new Date(n.value)), a = L(o.value.getMonth()), r = L(o.value.getFullYear()), s = L([]), l = fe("datepicker");
+    const n = Me(e, "modelValue"), o = L(new Date(n.value)), a = L(o.value.getMonth()), r = L(o.value.getFullYear()), s = L([]), l = fe("datepicker");
     Ee(async () => {
-      u(), await pt();
+      u(), await vt();
       const C = document.getElementsByClassName("selectedDate");
       if (C.length > 0)
         C[0].focus();
       else {
-        const T = document.getElementsByClassName("todaysDate");
-        T.length > 0 && T[0].focus();
+        const $ = document.getElementsByClassName("todaysDate");
+        $.length > 0 && $[0].focus();
       }
     });
     const u = () => {
       s.value = [];
-      const C = new Date(r.value, a.value, 1), T = C.getDay(), R = C.setDate(C.getDate() - T);
+      const C = new Date(r.value, a.value, 1), $ = C.getDay(), R = C.setDate(C.getDate() - $);
       for (const S of Array(43).keys())
         s.value.push(R + S * 864e5);
     };
-    te([a, r], u);
-    const i = () => r.value -= 1, c = () => r.value += 1, p = () => {
+    ne([a, r], u);
+    const i = () => r.value -= 1, d = () => r.value += 1, m = () => {
       a.value == 0 ? (a.value = 11, i()) : a.value -= 1;
-    }, m = () => {
-      a.value == 11 ? (a.value = 0, c()) : a.value += 1;
+    }, p = () => {
+      a.value == 11 ? (a.value = 0, d()) : a.value += 1;
     }, I = (C) => {
-      const T = /* @__PURE__ */ new Date();
-      if (a.value === T.getMonth())
-        return T.toDateString() === new Date(C).toDateString();
-    }, b = (C) => new Date(C).toDateString() === new Date(o.value).toDateString(), x = (C, T) => (C - 1) * ln + T, f = (C, T) => s.value[x(C, T)], h = (C) => {
+      const $ = /* @__PURE__ */ new Date();
+      if (a.value === $.getMonth())
+        return $.toDateString() === new Date(C).toDateString();
+    }, y = (C) => new Date(C).toDateString() === new Date(o.value).toDateString(), k = (C, $) => (C - 1) * ln + $, f = (C, $) => s.value[k(C, $)], g = (C) => {
       n.value = o.value = new Date(s.value[C]);
-    }, g = $(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
+    }, x = T(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
-    return Aa([
+    return La([
       {
         parent: l,
         selectors: "td",
         handlers: {
-          ...kn,
-          "keydown.pageup": p,
+          ...In,
+          "keydown.pageup": m,
           "keydown.shift.pageup": i,
-          "keydown.pagedown": m,
-          "keydown.shift.pagedown": c,
+          "keydown.pagedown": p,
+          "keydown.shift.pagedown": d,
           // TODO: this is a hack to override the stonecrop enter handler;
           // store context inside the component so that handlers can be setup consistently
           "keydown.enter": () => {
           }
         }
       }
-    ]), t({ currentMonth: a, currentYear: r, selectedDate: o }), (C, T) => (w(), k("div", Ta, [
-      y("table", null, [
-        y("tbody", null, [
-          y("tr", null, [
-            y("td", {
+    ]), t({ currentMonth: a, currentYear: r, selectedDate: o }), (C, $) => e.mode === "display" || e.mode === "read" ? (h(), b(X, { key: 0 }, [
+      w("span", Ha, N(n.value ? new Date(n.value).toLocaleDateString() : ""), 1),
+      e.label ? (h(), b("label", Va, N(e.label), 1)) : Y("", !0)
+    ], 64)) : (h(), b("div", _a, [
+      w("table", null, [
+        w("tbody", null, [
+          w("tr", null, [
+            w("td", {
               id: "previous-month-btn",
               tabindex: -1,
-              onClick: p
+              onClick: m
             }, "<"),
-            y("th", $a, K(g.value), 1),
-            y("td", {
+            w("th", Pa, N(x.value), 1),
+            w("td", {
               id: "next-month-btn",
               tabindex: -1,
-              onClick: m
+              onClick: p
             }, ">")
           ]),
-          T[0] || (T[0] = y("tr", { class: "days-header" }, [
-            y("td", null, "M"),
-            y("td", null, "T"),
-            y("td", null, "W"),
-            y("td", null, "T"),
-            y("td", null, "F"),
-            y("td", null, "S"),
-            y("td", null, "S")
+          $[0] || ($[0] = w("tr", { class: "days-header" }, [
+            w("td", null, "M"),
+            w("td", null, "T"),
+            w("td", null, "W"),
+            w("td", null, "T"),
+            w("td", null, "F"),
+            w("td", null, "S"),
+            w("td", null, "S")
           ], -1)),
-          (w(), k(ue, null, me(Sa, (R) => y("tr", { key: R }, [
-            (w(), k(ue, null, me(ln, (S) => y("td", {
+          (h(), b(X, null, ve(Ba, (R) => w("tr", { key: R }, [
+            (h(), b(X, null, ve(ln, (S) => w("td", {
               ref_for: !0,
               ref: "celldate",
-              key: x(R, S),
+              key: k(R, S),
               contenteditable: !1,
               spellcheck: !1,
               tabindex: 0,
-              class: ae({
+              class: se({
                 todaysDate: I(f(R, S)),
-                selectedDate: b(f(R, S))
+                selectedDate: y(f(R, S))
               }),
-              onClick: Ie((O) => h(x(R, S)), ["prevent", "stop"]),
-              onKeydown: Ze((O) => h(x(R, S)), ["enter"])
-            }, K(new Date(f(R, S)).getDate()), 43, Da)), 64))
+              onClick: Ie((O) => g(k(R, S)), ["prevent", "stop"]),
+              onKeydown: Ze((O) => g(k(R, S)), ["enter"])
+            }, N(new Date(f(R, S)).getDate()), 43, Oa)), 64))
           ])), 64))
         ])
       ])
     ], 512));
   }
-}), La = /* @__PURE__ */ $e(Ra, [["__scopeId", "data-v-056d2b5e"]]), Ha = /* @__PURE__ */ ne({
+}), Za = /* @__PURE__ */ Te(Fa, [["__scopeId", "data-v-9da05d06"]]), Na = /* @__PURE__ */ oe({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (w(), k("button", {
-      class: ae(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
+    return (t, n) => (h(), b("button", {
+      class: se(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Va = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-6f1c1b45"]]), Pa = { class: "aform" }, _a = {
+}), Ua = /* @__PURE__ */ Te(Na, [["__scopeId", "data-v-6f1c1b45"]]), Wa = { class: "aform" }, Ga = {
   key: 0,
   class: "aform-nested-section"
-}, Oa = {
+}, za = {
   key: 0,
   class: "aform-nested-label"
-}, Ba = /* @__PURE__ */ ne({
+}, qa = /* @__PURE__ */ oe({
   __name: "AForm",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     schema: {},
-    readOnly: { type: Boolean }
+    mode: { default: "edit" }
   }, {
     data: { required: !0 },
     dataModifiers: {}
   }),
-  emits: /* @__PURE__ */ Me(["update:schema", "update:data"], ["update:data"]),
+  emits: /* @__PURE__ */ xe(["update:schema", "update:data"], ["update:data"]),
   setup(e, { emit: t }) {
-    const n = t, o = ke(e, "data"), a = L({});
-    te(
+    const n = t, o = Me(e, "data"), a = L({});
+    ne(
       () => o.value,
-      (i) => {
-        !e.schema || !i || e.schema.forEach((c) => {
-          "schema" in c && Array.isArray(c.schema) && c.schema.length > 0 && (a.value[c.fieldname] = i[c.fieldname] ?? {});
+      (m) => {
+        !e.schema || !m || e.schema.forEach((p) => {
+          "schema" in p && Array.isArray(p.schema) && p.schema.length > 0 && (a.value[p.fieldname] = m[p.fieldname] ?? {});
         });
       },
       { immediate: !0 }
     );
-    const r = (i, c) => {
-      a.value[i] = c, o.value && (o.value[i] = c, n("update:data", o.value));
-    };
-    Qe(() => {
-      o.value && e.schema && e.schema.forEach((i) => {
-        i.fieldname && o.value[i.fieldname] !== void 0 && (i.value = o.value[i.fieldname]);
-      });
-    });
-    const s = (i) => {
-      const c = {};
-      for (const [p, m] of Object.entries(i))
-        ["component", "fieldtype"].includes(p) || (c[p] = m), p === "rows" && (!m || Array.isArray(m) && m.length === 0) && (c.rows = o.value[i.fieldname] || []);
-      return c;
-    }, l = L([]);
-    Qe(() => {
-      e.schema && l.value.length !== e.schema.length && (l.value = e.schema.map((i, c) => $({
+    const r = (m, p) => {
+      a.value[m] = p, o.value && (o.value[m] = p, n("update:data", { ...o.value }));
+    }, s = (m) => {
+      const p = {};
+      for (const [I, y] of Object.entries(m))
+        ["component", "fieldtype", "mode"].includes(I) || (p[I] = y), I === "rows" && (!y || Array.isArray(y) && y.length === 0) && (p.rows = o.value[m.fieldname] || []);
+      return p;
+    }, l = T(() => e.mode ?? "edit");
+    function u(m) {
+      const p = m.mode;
+      return p || l.value;
+    }
+    const i = L([]);
+    gt(() => {
+      e.schema && i.value.length !== e.schema.length && (i.value = e.schema.map((m, p) => T({
         get() {
-          return i.value;
+          return o.value?.[e.schema[p].fieldname];
         },
-        set: (p) => {
-          const m = e.schema[c].fieldname;
-          e.schema[c].value = p, m && o.value && (o.value[m] = p, n("update:data", o.value)), n("update:schema", e.schema);
+        set: (I) => {
+          const y = e.schema[p].fieldname;
+          y && o.value && (o.value[y] = I, n("update:data", { ...o.value })), n("update:schema", e.schema);
         }
       })));
     });
-    const u = $(() => l.value);
-    return (i, c) => {
-      const p = dn("AForm", !0);
-      return w(), k("form", Pa, [
-        (w(!0), k(ue, null, me(e.schema, (m, I) => (w(), k(ue, { key: I }, [
-          "schema" in m && Array.isArray(m.schema) && m.schema.length > 0 ? (w(), k("div", _a, [
-            m.label ? (w(), k("h4", Oa, K(m.label), 1)) : q("", !0),
-            dt(p, {
-              data: a.value[m.fieldname],
-              "onUpdate:data": (b) => r(m.fieldname, b),
-              schema: m.schema,
-              "read-only": e.readOnly || m.readOnly
-            }, null, 8, ["data", "onUpdate:data", "schema", "read-only"])
-          ])) : (w(), pe(Ue(m.component), vt({
+    const d = T(() => i.value);
+    return (m, p) => {
+      const I = dn("AForm", !0);
+      return h(), b("form", Wa, [
+        (h(!0), b(X, null, ve(e.schema, (y, k) => (h(), b(X, { key: k }, [
+          "schema" in y && Array.isArray(y.schema) && y.schema.length > 0 ? (h(), b("div", Ga, [
+            y.label ? (h(), b("h4", za, N(y.label), 1)) : Y("", !0),
+            ct(I, {
+              data: a.value[y.fieldname],
+              mode: u(y),
+              schema: y.schema,
+              "onUpdate:data": (f) => r(y.fieldname, f)
+            }, null, 8, ["data", "mode", "schema", "onUpdate:data"])
+          ])) : (h(), pe(Ue(y.component), ft({
             key: 1,
-            modelValue: u.value[I].value,
-            "onUpdate:modelValue": (b) => u.value[I].value = b,
-            schema: m,
-            data: o.value[m.fieldname],
-            "read-only": e.readOnly
-          }, { ref_for: !0 }, s(m)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "read-only"]))
+            modelValue: d.value[k].value,
+            "onUpdate:modelValue": (f) => d.value[k].value = f,
+            schema: y,
+            data: o.value[y.fieldname],
+            mode: u(y)
+          }, { ref_for: !0 }, s(y)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
         ], 64))), 128))
       ]);
     };
   }
-}), Mn = /* @__PURE__ */ $e(Ba, [["__scopeId", "data-v-a3cba83d"]]), Fa = /* @__PURE__ */ ne({
+}), Mn = /* @__PURE__ */ Te(qa, [["__scopeId", "data-v-5c01cea5"]]), Ya = /* @__PURE__ */ oe({
   __name: "AFieldset",
   props: {
     schema: {},
     label: {},
     collapsible: { type: Boolean },
-    data: { default: () => ({}) }
+    data: { default: () => ({}) },
+    mode: { default: "edit" }
   },
   setup(e, { expose: t }) {
     const n = L(!1), o = L(e.data || []), a = L(e.schema), r = (s) => {
       s.preventDefault(), e.collapsible && (n.value = !n.value);
     };
-    return t({ collapsed: n }), (s, l) => (w(), k("fieldset", null, [
-      y("legend", {
+    return t({ collapsed: n }), (s, l) => (h(), b("fieldset", null, [
+      w("legend", {
         onClick: r,
         onSubmit: r
       }, [
-        Dt(K(e.label) + " ", 1),
-        e.collapsible ? (w(), pe(Va, {
+        Dt(N(e.label) + " ", 1),
+        e.collapsible ? (h(), pe(Ua, {
           key: 0,
           collapsed: n.value
-        }, null, 8, ["collapsed"])) : q("", !0)
+        }, null, 8, ["collapsed"])) : Y("", !0)
       ], 32),
       he(s.$slots, "default", { collapsed: n.value }, () => [
-        J(dt(Mn, {
-          schema: a.value,
+        K(ct(Mn, {
           data: o.value,
-          "onUpdate:data": l[0] || (l[0] = (u) => o.value = u)
-        }, null, 8, ["schema", "data"]), [
+          "onUpdate:data": l[0] || (l[0] = (u) => o.value = u),
+          schema: a.value,
+          mode: e.mode
+        }, null, 8, ["data", "schema", "mode"]), [
           [Ce, !n.value]
         ])
       ], !0)
     ]));
   }
-}), Za = /* @__PURE__ */ $e(Fa, [["__scopeId", "data-v-18fd6c61"]]), Na = { class: "aform_form-element aform_file-attach aform__grid--full" }, Ua = {
+}), Xa = /* @__PURE__ */ Te(Ya, [["__scopeId", "data-v-a3606386"]]), ja = { class: "aform_form-element aform_file-attach aform__grid--full" }, Ja = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, Wa = ["disabled"], Ga = /* @__PURE__ */ ne({
+}, Qa = {
+  key: 1,
+  class: "aform_display-value"
+}, Ka = {
+  key: 0,
+  class: "aform_file-attach-feedback"
+}, es = ["disabled"], ts = ["disabled"], ns = /* @__PURE__ */ oe({
   __name: "AFileAttach",
   props: {
-    label: {}
+    schema: {},
+    label: {},
+    mask: {},
+    required: { type: Boolean },
+    mode: {},
+    uuid: {},
+    validation: {}
   },
   setup(e) {
-    const { files: t, open: n, reset: o, onChange: a } = Ql(), r = $(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
-    return a((s) => s), (s, l) => (w(), k("div", Na, [
-      V(t) ? (w(), k("div", Ua, [
-        y("p", null, [
-          l[2] || (l[2] = Dt(" You have selected: ", -1)),
-          y("b", null, K(r.value), 1)
-        ]),
-        (w(!0), k(ue, null, me(V(t), (u) => (w(), k("li", {
-          key: u.name
-        }, K(u.name), 1))), 128))
-      ])) : q("", !0),
-      y("button", {
-        type: "button",
-        class: "aform_form-btn",
-        onClick: l[0] || (l[0] = (u) => V(n)())
-      }, K(e.label), 1),
-      y("button", {
-        type: "button",
-        disabled: !V(t),
-        class: "aform_form-btn",
-        onClick: l[1] || (l[1] = (u) => V(o)())
-      }, "Reset", 8, Wa)
+    const { files: t, open: n, reset: o, onChange: a } = ta(), r = T(() => {
+      const s = t.value?.length ?? 0;
+      return `${s} ${s === 1 ? "file" : "files"}`;
+    });
+    return a((s) => s), (s, l) => (h(), b("div", ja, [
+      e.mode === "display" ? (h(), b(X, { key: 0 }, [
+        V(t) ? (h(), b("div", Ja, [
+          w("p", null, [
+            w("b", null, N(r.value), 1)
+          ]),
+          (h(!0), b(X, null, ve(V(t), (u) => (h(), b("li", {
+            key: u.name
+          }, N(u.name), 1))), 128))
+        ])) : (h(), b("span", Qa, "No file selected"))
+      ], 64)) : (h(), b(X, { key: 1 }, [
+        V(t) ? (h(), b("div", Ka, [
+          w("p", null, [
+            l[2] || (l[2] = Dt(" You have selected: ", -1)),
+            w("b", null, N(r.value), 1)
+          ]),
+          (h(!0), b(X, null, ve(V(t), (u) => (h(), b("li", {
+            key: u.name
+          }, N(u.name), 1))), 128))
+        ])) : Y("", !0),
+        w("button", {
+          type: "button",
+          class: "aform_form-btn",
+          disabled: e.mode === "read",
+          onClick: l[0] || (l[0] = (u) => V(n)())
+        }, N(e.label), 9, es),
+        w("button", {
+          type: "button",
+          disabled: !V(t) || e.mode === "read",
+          class: "aform_form-btn",
+          onClick: l[1] || (l[1] = (u) => V(o)())
+        }, "Reset", 8, ts)
+      ], 64))
     ]));
   }
-}), za = /* @__PURE__ */ $e(Ga, [["__scopeId", "data-v-b700734f"]]), qa = { class: "aform_form-element" }, Ya = ["id", "disabled", "required"], Xa = ["for"], ja = ["innerHTML"], Ja = /* @__PURE__ */ ne({
+}), os = /* @__PURE__ */ Te(ns, [["__scopeId", "data-v-6543d39a"]]), ls = { class: "aform_form-element" }, as = { class: "aform_display-value" }, ss = { class: "aform_field-label" }, rs = ["id", "disabled", "required"], is = ["for"], us = ["innerHTML"], cs = /* @__PURE__ */ oe({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     mask: {},
     required: { type: Boolean },
-    readOnly: { type: Boolean },
+    mode: {},
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -3555,28 +3630,33 @@ const Ta = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ke(e, "modelValue");
-    return (n, o) => (w(), k("div", qa, [
-      J(y("input", {
-        id: e.uuid,
-        "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
-        class: "aform_input-field",
-        type: "number",
-        disabled: e.readOnly,
-        required: e.required
-      }, null, 8, Ya), [
-        [we, t.value]
-      ]),
-      y("label", {
-        class: "aform_field-label",
-        for: e.uuid
-      }, K(e.label), 9, Xa),
-      J(y("p", {
-        class: "aform_error",
-        innerHTML: e.validation.errorMessage
-      }, null, 8, ja), [
-        [Ce, e.validation.errorMessage]
-      ])
+    const t = Me(e, "modelValue");
+    return (n, o) => (h(), b("div", ls, [
+      e.mode === "display" ? (h(), b(X, { key: 0 }, [
+        w("span", as, N(t.value ?? ""), 1),
+        w("label", ss, N(e.label), 1)
+      ], 64)) : (h(), b(X, { key: 1 }, [
+        K(w("input", {
+          id: e.uuid,
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+          class: "aform_input-field",
+          type: "number",
+          disabled: e.mode === "read",
+          required: e.required
+        }, null, 8, rs), [
+          [we, t.value]
+        ]),
+        w("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, N(e.label), 9, is),
+        K(w("p", {
+          class: "aform_error",
+          innerHTML: e.validation.errorMessage
+        }, null, 8, us), [
+          [Ce, e.validation.errorMessage]
+        ])
+      ], 64))
     ]));
   }
 }), an = {
@@ -3587,16 +3667,16 @@ const Ta = {
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function Qa(e) {
+function ds(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function Ka(e) {
+function fs(e) {
   let t = e.value;
   if (t) {
-    const n = Qa(t);
+    const n = ds(t);
     if (n) {
       const o = e.instance?.locale;
       t = n(o);
@@ -3607,14 +3687,14 @@ function Ka(e) {
   }
   return t;
 }
-function es(e, t) {
+function vs(e, t) {
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
   for (const a of o)
     n = n.replaceAll(a, "");
   return n;
 }
-function ts(e, t, n) {
+function ms(e, t, n) {
   let o = t;
   for (const a of e) {
     const r = o.indexOf(n);
@@ -3625,24 +3705,24 @@ function ts(e, t, n) {
   }
   return o.slice(0, t.length);
 }
-function ns(e, t) {
-  const n = Ka(t);
+function ps(e, t) {
+  const n = fs(t);
   if (!n) return;
-  const o = "#", a = e.value, r = es(a, o);
+  const o = "#", a = e.value, r = vs(a, o);
   if (r) {
-    const s = ts(r, n, o);
+    const s = ms(r, n, o);
     t.instance?.maskFilled && (t.instance.maskFilled = !s.includes(o)), e.value = s;
   } else
     e.value = n;
 }
-const os = { class: "aform_form-element" }, ls = ["id", "disabled", "maxlength", "required"], as = ["for"], ss = ["innerHTML"], rs = /* @__PURE__ */ ne({
+const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value" }, ws = { class: "aform_field-label" }, ys = ["id", "disabled", "maxlength", "required"], bs = ["for"], xs = ["innerHTML"], ks = /* @__PURE__ */ oe({
   __name: "ATextInput",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     mask: {},
     required: { type: Boolean },
-    readOnly: { type: Boolean },
+    mode: {},
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -3651,35 +3731,40 @@ const os = { class: "aform_form-element" }, ls = ["id", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(!0), n = ke(e, "modelValue");
-    return (o, a) => (w(), k("div", os, [
-      J(y("input", {
-        id: e.uuid,
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
-        class: "aform_input-field",
-        disabled: e.readOnly,
-        maxlength: e.mask && t.value ? e.mask.length : void 0,
-        required: e.required
-      }, null, 8, ls), [
-        [we, n.value],
-        [V(ns), e.mask]
-      ]),
-      y("label", {
-        class: "aform_field-label",
-        for: e.uuid
-      }, K(e.label), 9, as),
-      J(y("p", {
-        class: "aform_error",
-        innerHTML: e.validation.errorMessage
-      }, null, 8, ss), [
-        [Ce, e.validation.errorMessage]
-      ])
+    const t = L(!0), n = Me(e, "modelValue");
+    return (o, a) => (h(), b("div", hs, [
+      e.mode === "display" ? (h(), b(X, { key: 0 }, [
+        w("span", gs, N(n.value ?? ""), 1),
+        w("label", ws, N(e.label), 1)
+      ], 64)) : (h(), b(X, { key: 1 }, [
+        K(w("input", {
+          id: e.uuid,
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+          class: "aform_input-field",
+          disabled: e.mode === "read",
+          maxlength: e.mask && t.value ? e.mask.length : void 0,
+          required: e.required
+        }, null, 8, ys), [
+          [we, n.value],
+          [V(ps), e.mask]
+        ]),
+        w("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, N(e.label), 9, bs),
+        K(w("p", {
+          class: "aform_error",
+          innerHTML: e.validation.errorMessage
+        }, null, 8, xs), [
+          [Ce, e.validation.errorMessage]
+        ])
+      ], 64))
     ]));
   }
-}), is = { class: "login-container" }, us = { class: "account-container" }, cs = { class: "account-header" }, ds = { id: "account-title" }, fs = { id: "account-subtitle" }, vs = { class: "login-form-container" }, ps = { class: "login-form-email aform_form-element" }, ms = ["disabled"], hs = { class: "login-form-password aform_form-element" }, gs = ["disabled"], ws = ["disabled"], ys = {
+}), Is = { class: "login-container" }, Ms = { class: "account-container" }, Cs = { class: "account-header" }, Es = { id: "account-title" }, As = { id: "account-subtitle" }, $s = { class: "login-form-container" }, Ts = { class: "login-form-email aform_form-element" }, Ds = ["disabled"], Ss = { class: "login-form-password aform_form-element" }, Rs = ["disabled"], Ls = ["disabled"], Hs = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, xs = /* @__PURE__ */ ne({
+}, Vs = /* @__PURE__ */ oe({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -3695,24 +3780,24 @@ const os = { class: "aform_form-element" }, ls = ["id", "disabled", "maxlength",
       }
       r.value = !1, n("loginSuccess");
     }
-    return (u, i) => (w(), k("div", is, [
-      y("div", null, [
-        y("div", us, [
-          y("div", cs, [
-            y("h1", ds, K(e.headerTitle), 1),
-            y("p", fs, K(e.headerSubtitle), 1)
+    return (u, i) => (h(), b("div", Is, [
+      w("div", null, [
+        w("div", Ms, [
+          w("div", Cs, [
+            w("h1", Es, N(e.headerTitle), 1),
+            w("p", As, N(e.headerSubtitle), 1)
           ]),
-          y("form", { onSubmit: l }, [
-            y("div", vs, [
-              y("div", ps, [
-                i[2] || (i[2] = y("label", {
+          w("form", { onSubmit: l }, [
+            w("div", $s, [
+              w("div", Ts, [
+                i[2] || (i[2] = w("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                J(y("input", {
+                K(w("input", {
                   id: "email",
-                  "onUpdate:modelValue": i[0] || (i[0] = (c) => o.value = c),
+                  "onUpdate:modelValue": i[0] || (i[0] = (d) => o.value = d),
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
@@ -3721,60 +3806,60 @@ const os = { class: "aform_form-element" }, ls = ["id", "disabled", "maxlength",
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: r.value
-                }, null, 8, ms), [
+                }, null, 8, Ds), [
                   [we, o.value]
                 ])
               ]),
-              y("div", hs, [
-                i[3] || (i[3] = y("label", {
+              w("div", Ss, [
+                i[3] || (i[3] = w("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                J(y("input", {
+                K(w("input", {
                   id: "password",
-                  "onUpdate:modelValue": i[1] || (i[1] = (c) => a.value = c),
+                  "onUpdate:modelValue": i[1] || (i[1] = (d) => a.value = d),
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
                   disabled: r.value
-                }, null, 8, gs), [
+                }, null, 8, Rs), [
                   [we, a.value]
                 ])
               ]),
-              y("button", {
+              w("button", {
                 class: "btn",
                 disabled: r.value || !o.value || !a.value,
                 onClick: l
               }, [
-                r.value ? (w(), k("span", ys, "progress_activity")) : q("", !0),
-                i[4] || (i[4] = y("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, ws)
+                r.value ? (h(), b("span", Hs, "progress_activity")) : Y("", !0),
+                i[4] || (i[4] = w("span", { id: "login-form-button" }, "Login", -1))
+              ], 8, Ls)
             ])
           ], 32),
-          i[5] || (i[5] = y("button", { class: "btn" }, [
-            y("span", { id: "forgot-password-button" }, "Forgot password?")
+          i[5] || (i[5] = w("button", { class: "btn" }, [
+            w("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), ks = /* @__PURE__ */ $e(xs, [["__scopeId", "data-v-d9ffd0a7"]]);
-function Ms(e) {
-  e.use(Dl), e.component("ACheckbox", _l), e.component("ACombobox", Ol), e.component("ADate", Ul), e.component("ADropdown", ra), e.component("ADatePicker", La), e.component("AFieldset", Za), e.component("AFileAttach", za), e.component("AForm", Mn), e.component("ANumericInput", Ja), e.component("ATextInput", rs);
+}), Os = /* @__PURE__ */ Te(Vs, [["__scopeId", "data-v-d9ffd0a7"]]);
+function Bs(e) {
+  e.use(Dl), e.component("ACheckbox", Bl), e.component("ACombobox", Fl), e.component("ADate", zl), e.component("ADropdown", va), e.component("ADatePicker", Za), e.component("AFieldset", Xa), e.component("AFileAttach", os), e.component("AForm", Mn), e.component("ANumericInput", cs), e.component("ATextInput", ks);
 }
 export {
-  _l as ACheckbox,
-  Ol as AComboBox,
-  Ul as ADate,
-  La as ADatePicker,
-  ra as ADropdown,
-  Za as AFieldset,
-  za as AFileAttach,
+  Bl as ACheckbox,
+  Fl as AComboBox,
+  zl as ADate,
+  Za as ADatePicker,
+  va as ADropdown,
+  Xa as AFieldset,
+  os as AFileAttach,
   Mn as AForm,
-  Ja as ANumericInput,
-  rs as ATextInput,
-  ks as Login,
-  Ms as install
+  cs as ANumericInput,
+  ks as ATextInput,
+  Os as Login,
+  Bs as install
 };
 //# sourceMappingURL=aform.js.map