@stonecrop/aform 0.11.6 → 0.11.8

package/dist/aform.js

@@ -1,5 +1,5 @@
-import { defineComponent as oe, useTemplateRef as fe, ref as R, computed as T, openBlock as h, createElementBlock as x, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as ve, resolveDynamicComponent as Oe, mergeProps as dt, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as pe, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as an, nextTick as ft, toValue as E, shallowRef as ue, getCurrentScope as vt, onScopeDispose as pt, reactive as sn, vModelText as we, vModelCheckbox as rn, vModelSelect as In, getCurrentInstance as mt, watchEffect as ht, useCssVars as Mn, onUnmounted as Cn, useModel as Me, createVNode as At, withCtx as $t, mergeModels as xe, isRef as En, toRefs as An, customRef as St, toRef as un, readonly as Rt, resolveComponent as $n, withKeys as Ne } from "vue";
-import { defineStore as Tn } from "pinia";
+import { defineComponent as oe, useTemplateRef as fe, ref as R, computed as $, openBlock as h, createElementBlock as x, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as ve, resolveDynamicComponent as Oe, mergeProps as dt, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as pe, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as an, nextTick as ft, toValue as E, shallowRef as ue, getCurrentScope as vt, onScopeDispose as pt, reactive as sn, vModelText as we, vModelCheckbox as rn, vModelSelect as In, getCurrentInstance as mt, watchEffect as ht, useCssVars as Mn, onUnmounted as Cn, useModel as Me, createVNode as At, withCtx as Tt, mergeModels as xe, isRef as En, toRefs as An, customRef as St, toRef as un, readonly as Rt, resolveComponent as Tn, withKeys as Ne } from "vue";
+import { defineStore as $n } from "pinia";
 import './assets/index.css';function cn(e, t) {
   return vt() ? (pt(e, t), !0) : !1;
 }
@@ -23,22 +23,22 @@ function We(e) {
   return (t = o?.$el) !== null && t !== void 0 ? t : o;
 }
 function Qe(...e) {
-  const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
-    const n = st(E(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
+  const t = (n, s, r, a) => (n.addEventListener(s, r, a), () => n.removeEventListener(s, r, a)), o = $(() => {
+    const n = st(E(e[0])).filter((s) => s != null);
+    return n.every((s) => typeof s != "string") ? n : void 0;
   });
   return Vn(() => {
-    var n, a;
+    var n, s;
     return [
-      (n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => We(r))) !== null && n !== void 0 ? n : [ze].filter((r) => r != null),
+      (n = (s = o.value) === null || s === void 0 ? void 0 : s.map((r) => We(r))) !== null && n !== void 0 ? n : [ze].filter((r) => r != null),
       st(E(o.value ? e[1] : e[0])),
       st(V(o.value ? e[2] : e[1])),
       E(o.value ? e[3] : e[2])
     ];
-  }, ([n, a, r, s], l, u) => {
-    if (!n?.length || !a?.length || !r?.length) return;
-    const i = Ln(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
-    u(() => {
+  }, ([n, s, r, a], l, i) => {
+    if (!n?.length || !s?.length || !r?.length) return;
+    const u = Ln(a) ? { ...a } : a, d = n.flatMap((p) => s.flatMap((y) => r.map((m) => t(p, y, m, u))));
+    i(() => {
       d.forEach((p) => p());
     });
   }, { flush: "post" });
@@ -53,40 +53,40 @@ function Pn() {
 // @__NO_SIDE_EFFECTS__
 function _n(e) {
   const t = /* @__PURE__ */ Pn();
-  return T(() => (t.value, !!e()));
+  return $(() => (t.value, !!e()));
 }
 function On(e, t, o = {}) {
-  const { window: n = ze, ...a } = o;
+  const { window: n = ze, ...s } = o;
   let r;
-  const s = /* @__PURE__ */ _n(() => n && "MutationObserver" in n), l = () => {
+  const a = /* @__PURE__ */ _n(() => n && "MutationObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = ne(T(() => {
+  }, i = ne($(() => {
     const p = st(E(e)).map(We).filter(Sn);
     return new Set(p);
   }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
+    l(), a.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, s)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), d = () => {
-    u(), l();
+  }), u = () => r?.takeRecords(), d = () => {
+    i(), l();
   };
   return cn(d), {
-    isSupported: s,
+    isSupported: a,
     stop: d,
-    takeRecords: i
+    takeRecords: u
   };
 }
 function Bn(e, t, o = {}) {
-  const { window: n = ze, document: a = n?.document, flush: r = "sync" } = o;
-  if (!n || !a) return Hn;
-  let s;
+  const { window: n = ze, document: s = n?.document, flush: r = "sync" } = o;
+  if (!n || !s) return Hn;
+  let a;
   const l = (d) => {
-    s?.(), s = d;
-  }, u = ht(() => {
+    a?.(), a = d;
+  }, i = ht(() => {
     const d = We(e);
     if (d) {
-      const { stop: p } = On(a, (y) => {
+      const { stop: p } = On(s, (y) => {
         y.map((m) => [...m.removedNodes]).flat().some((m) => m === d || m.contains(d)) && t(y);
       }, {
         window: n,
@@ -95,59 +95,59 @@ function Bn(e, t, o = {}) {
       });
       l(p);
     }
-  }, { flush: r }), i = () => {
-    u(), l();
+  }, { flush: r }), u = () => {
+    i(), l();
   };
-  return cn(i), i;
+  return cn(u), u;
 }
 // @__NO_SIDE_EFFECTS__
 function Fn(e = {}) {
   var t;
-  const { window: o = ze, deep: n = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, s = () => {
-    let i = r?.activeElement;
+  const { window: o = ze, deep: n = !0, triggerOnRemoval: s = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, a = () => {
+    let u = r?.activeElement;
     if (n)
-      for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
-    return i;
-  }, l = ue(), u = () => {
-    l.value = s();
+      for (var d; u?.shadowRoot; ) u = u == null || (d = u.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
+    return u;
+  }, l = ue(), i = () => {
+    l.value = a();
   };
   if (o) {
-    const i = {
+    const u = {
       capture: !0,
       passive: !0
     };
     Qe(o, "blur", (d) => {
-      d.relatedTarget === null && u();
-    }, i), Qe(o, "focus", u, i);
+      d.relatedTarget === null && i();
+    }, u), Qe(o, "focus", i, u);
   }
-  return a && Bn(l, u, { document: r }), u(), l;
+  return s && Bn(l, i, { document: r }), i(), l;
 }
 const Zn = "focusin", Nn = "focusout", Un = ":focus-within";
 function Wn(e, t = {}) {
-  const { window: o = ze } = t, n = T(() => We(e)), a = ue(!1), r = T(() => a.value);
+  const { window: o = ze } = t, n = $(() => We(e)), s = ue(!1), r = $(() => s.value);
   if (!o || !(/* @__PURE__ */ Fn(t)).value) return { focused: r };
-  const s = { passive: !0 };
-  return Qe(n, Zn, () => a.value = !0, s), Qe(n, Nn, () => {
-    var l, u, i;
-    return a.value = (l = (u = n.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Un)) !== null && l !== void 0 ? l : !1;
-  }, s), { focused: r };
+  const a = { passive: !0 };
+  return Qe(n, Zn, () => s.value = !0, a), Qe(n, Nn, () => {
+    var l, i, u;
+    return s.value = (l = (i = n.value) === null || i === void 0 || (u = i.matches) === null || u === void 0 ? void 0 : u.call(i, Un)) !== null && l !== void 0 ? l : !1;
+  }, a), { focused: r };
 }
 function Gn(e, { window: t = ze, scrollTarget: o } = {}) {
-  const n = R(!1), a = () => {
+  const n = R(!1), s = () => {
     if (!t) return;
-    const r = t.document, s = We(e);
-    if (!s)
+    const r = t.document, a = We(e);
+    if (!a)
       n.value = !1;
     else {
-      const l = s.getBoundingClientRect();
+      const l = a.getBoundingClientRect();
       n.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
     }
   };
   return ne(
     () => We(e),
-    () => a(),
+    () => s(),
     { immediate: !0, flush: "post" }
-  ), t && Qe(o || t, "scroll", a, {
+  ), t && Qe(o || t, "scroll", s, {
     capture: !1,
     passive: !0
   }), n;
@@ -155,7 +155,7 @@ function Gn(e, { window: t = ze, scrollTarget: o } = {}) {
 const Ae = (e) => {
   let t = Gn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, $e = (e) => e.tabIndex >= 0, Wt = (e) => {
+}, Te = (e) => e.tabIndex >= 0, Wt = (e) => {
   const t = e.target;
   return Lt(t);
 }, Lt = (e) => {
@@ -170,24 +170,24 @@ const Ae = (e) => {
     const o = e.previousElementSibling;
     o && (t = o);
   }
-  return t && (!$e(t) || !Ae(t)) ? Lt(t) : t;
+  return t && (!Te(t) || !Ae(t)) ? Lt(t) : t;
 }, zn = (e) => {
   const t = e.target;
   let o;
   if (t instanceof HTMLTableCellElement) {
     const n = t.parentElement?.parentElement;
     if (n) {
-      const a = n.firstElementChild?.children[t.cellIndex];
-      a && (o = a);
+      const s = n.firstElementChild?.children[t.cellIndex];
+      s && (o = s);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const n = t.parentElement;
     if (n) {
-      const a = n.firstElementChild;
-      a && (o = a);
+      const s = n.firstElementChild;
+      s && (o = s);
     }
   }
-  return o && (!$e(o) || !Ae(o)) ? Ht(o) : o;
+  return o && (!Te(o) || !Ae(o)) ? Ht(o) : o;
 }, Gt = (e) => {
   const t = e.target;
   return Ht(t);
@@ -203,42 +203,42 @@ const Ae = (e) => {
     const o = e.nextElementSibling;
     o && (t = o);
   }
-  return t && (!$e(t) || !Ae(t)) ? Ht(t) : t;
+  return t && (!Te(t) || !Ae(t)) ? Ht(t) : t;
 }, qn = (e) => {
   const t = e.target;
   let o;
   if (t instanceof HTMLTableCellElement) {
     const n = t.parentElement?.parentElement;
     if (n) {
-      const a = n.lastElementChild?.children[t.cellIndex];
-      a && (o = a);
+      const s = n.lastElementChild?.children[t.cellIndex];
+      s && (o = s);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const n = t.parentElement;
     if (n) {
-      const a = n.lastElementChild;
-      a && (o = a);
+      const s = n.lastElementChild;
+      s && (o = s);
     }
   }
-  return o && (!$e(o) || !Ae(o)) ? Lt(o) : o;
+  return o && (!Te(o) || !Ae(o)) ? Lt(o) : o;
 }, 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 && (!$e(t) || !Ae(t)) ? Vt(t) : t;
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!Te(t) || !Ae(t)) ? Vt(t) : t;
 }, qt = (e) => {
   const t = e.target;
   return Pt(t);
 }, Pt = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!$e(t) || !Ae(t)) ? Pt(t) : t;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!Te(t) || !Ae(t)) ? Pt(t) : t;
 }, Yt = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!$e(t) || !Ae(t)) ? Pt(t) : t;
+  return t && (!Te(t) || !Ae(t)) ? Pt(t) : t;
 }, Xt = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
+  return t && (!Te(t) || !Ae(t)) ? Vt(t) : t;
 }, nt = ["alt", "control", "shift", "meta"], Yn = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -309,38 +309,38 @@ const Ae = (e) => {
   }
 };
 function _t(e) {
-  const t = (s) => {
+  const t = (a) => {
     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;
-  }, o = (s) => {
-    const l = t(s);
-    let u = [];
-    if (typeof s.selectors == "string")
-      u = Array.from(l ? l.querySelectorAll(s.selectors) : document.querySelectorAll(s.selectors));
-    else if (Array.isArray(s.selectors))
-      for (const i of s.selectors)
-        i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
-    else if (s.selectors instanceof HTMLElement)
-      u.push(s.selectors);
-    else if (s.selectors?.value)
-      if (Array.isArray(s.selectors.value))
-        for (const i of s.selectors.value)
-          i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
+    return a.parent && (typeof a.parent == "string" ? l = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? l = a.parent : l = a.parent.value), l;
+  }, o = (a) => {
+    const l = t(a);
+    let i = [];
+    if (typeof a.selectors == "string")
+      i = Array.from(l ? l.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
+    else if (Array.isArray(a.selectors))
+      for (const u of a.selectors)
+        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+    else if (a.selectors instanceof HTMLElement)
+      i.push(a.selectors);
+    else if (a.selectors?.value)
+      if (Array.isArray(a.selectors.value))
+        for (const u of a.selectors.value)
+          u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
       else
-        u.push(s.selectors.value);
-    return u;
-  }, n = (s) => {
-    const l = t(s);
-    let u = [];
-    return s.selectors ? u = o(s) : l && (u = Array.from(l.children).filter((i) => $e(i) && Ae(i))), u;
-  }, a = (s) => (l) => {
-    const u = Yn[l.key] || l.key.toLowerCase();
-    if (nt.includes(u)) return;
-    const i = s.handlers || gt;
-    for (const d of Object.keys(i)) {
+        i.push(a.selectors.value);
+    return i;
+  }, n = (a) => {
+    const l = t(a);
+    let i = [];
+    return a.selectors ? i = o(a) : l && (i = Array.from(l.children).filter((u) => Te(u) && Ae(u))), i;
+  }, s = (a) => (l) => {
+    const i = Yn[l.key] || l.key.toLowerCase();
+    if (nt.includes(i)) return;
+    const u = a.handlers || gt;
+    for (const d of Object.keys(u)) {
       const [p, ...y] = d.split(".");
-      if (p === "keydown" && y.includes(u)) {
-        const m = i[d], I = y.filter((f) => nt.includes(f)), b = nt.some((f) => {
+      if (p === "keydown" && y.includes(i)) {
+        const m = u[d], I = y.filter((f) => nt.includes(f)), b = nt.some((f) => {
           const g = f.charAt(0).toUpperCase() + f.slice(1);
           return l.getModifierState(g);
         });
@@ -358,18 +358,18 @@ function _t(e) {
     }
   }, r = [];
   Ee(() => {
-    for (const s of e) {
-      const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
+    for (const a of e) {
+      const l = t(a), i = n(a), u = s(a), d = l ? [l] : i;
       for (const p of d) {
         const { focused: y } = Wn(R(p)), m = ne(y, (I) => {
-          I ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+          I ? p.addEventListener("keydown", u) : p.removeEventListener("keydown", u);
         });
         r.push(m);
       }
     }
   }), an(() => {
-    for (const s of r)
-      s();
+    for (const a of r)
+      a();
   });
 }
 function Ot(e, t) {
@@ -389,30 +389,30 @@ function Qn(...e) {
 }
 function Kn(e, t) {
   function o(...n) {
-    return new Promise((a, r) => {
+    return new Promise((s, r) => {
       Promise.resolve(e(() => t.apply(this, n), {
         fn: t,
         thisArg: this,
         args: n
-      })).then(a).catch(r);
+      })).then(s).catch(r);
     });
   }
   return o;
 }
 function eo(e, t = {}) {
-  let o, n, a = _e;
+  let o, n, s = _e;
   const r = (l) => {
-    clearTimeout(l), a(), a = _e;
+    clearTimeout(l), s(), s = _e;
   };
-  let s;
+  let a;
   return (l) => {
-    const u = E(e), i = E(t.maxWait);
-    return o && r(o), u <= 0 || i !== void 0 && i <= 0 ? (n && (r(n), n = void 0), Promise.resolve(l())) : new Promise((d, p) => {
-      a = t.rejectOnCancel ? p : d, s = l, i && !n && (n = setTimeout(() => {
-        o && r(o), n = void 0, d(s());
-      }, i)), o = setTimeout(() => {
+    const i = E(e), u = E(t.maxWait);
+    return o && r(o), i <= 0 || u !== void 0 && u <= 0 ? (n && (r(n), n = void 0), Promise.resolve(l())) : new Promise((d, p) => {
+      s = t.rejectOnCancel ? p : d, a = l, u && !n && (n = setTimeout(() => {
+        o && r(o), n = void 0, d(a());
+      }, u)), o = setTimeout(() => {
         n && r(n), n = void 0, d(l());
-      }, u);
+      }, i);
     });
   };
 }
@@ -433,19 +433,19 @@ function oo(e, t = {}) {
     get() {
       return e.value[n];
     },
-    set(a) {
+    set(s) {
       var r;
       if (!((r = E(t.replaceRef)) !== null && r !== void 0) || r) if (Array.isArray(e.value)) {
-        const s = [...e.value];
-        s[n] = a, e.value = s;
+        const a = [...e.value];
+        a[n] = s, e.value = a;
       } else {
-        const s = {
+        const a = {
           ...e.value,
-          [n]: a
+          [n]: s
         };
-        Object.setPrototypeOf(s, Object.getPrototypeOf(e.value)), e.value = s;
+        Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
       }
-      else e.value[n] = a;
+      else e.value[n] = s;
     }
   }));
   return o;
@@ -466,35 +466,35 @@ function ye(e) {
   return (t = o?.$el) !== null && t !== void 0 ? t : o;
 }
 function He(...e) {
-  const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
-    const n = rt(E(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
+  const t = (n, s, r, a) => (n.addEventListener(s, r, a), () => n.removeEventListener(s, r, a)), o = $(() => {
+    const n = rt(E(e[0])).filter((s) => s != null);
+    return n.every((s) => typeof s != "string") ? n : void 0;
   });
   return ao(() => {
-    var n, a;
+    var n, s;
     return [
-      (n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => ye(r))) !== null && n !== void 0 ? n : [et].filter((r) => r != null),
+      (n = (s = o.value) === null || s === void 0 ? void 0 : s.map((r) => ye(r))) !== null && n !== void 0 ? n : [et].filter((r) => r != null),
       rt(E(o.value ? e[1] : e[0])),
       rt(V(o.value ? e[2] : e[1])),
       E(o.value ? e[3] : e[2])
     ];
-  }, ([n, a, r, s], l, u) => {
-    if (!n?.length || !a?.length || !r?.length) return;
-    const i = Jn(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
-    u(() => {
+  }, ([n, s, r, a], l, i) => {
+    if (!n?.length || !s?.length || !r?.length) return;
+    const u = Jn(a) ? { ...a } : a, d = n.flatMap((p) => s.flatMap((y) => r.map((m) => t(p, y, m, u))));
+    i(() => {
       d.forEach((p) => p());
     });
   }, { flush: "post" });
 }
-function Tt(e, t, o = {}) {
-  const { window: n = et, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = o;
+function $t(e, t, o = {}) {
+  const { window: n = et, ignore: s = [], capture: r = !0, detectIframe: a = !1, controls: l = !1 } = o;
   if (!n) return l ? {
     stop: _e,
     cancel: _e,
     trigger: _e
   } : _e;
-  let u = !0;
-  const i = (f) => E(a).some((g) => {
+  let i = !0;
+  const u = (f) => E(s).some((g) => {
     if (typeof g == "string") return Array.from(n.document.querySelectorAll(g)).some((k) => k === f.target || f.composedPath().includes(k));
     {
       const k = ye(g);
@@ -507,13 +507,13 @@ function Tt(e, t, o = {}) {
   }
   function p(f, g) {
     const k = E(f), C = k.$.subTree && k.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
+    return C == null || !Array.isArray(C) ? !1 : C.some((A) => A.el === g.target || g.composedPath().includes(A.el));
   }
   const y = (f) => {
     const g = ye(e);
     if (f.target != null && !(!(g instanceof Element) && d(e) && p(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
-      if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
-        u = !0;
+      if ("detail" in f && f.detail === 0 && (i = !u(f)), !i) {
+        i = !0;
         return;
       }
       t(f);
@@ -531,9 +531,9 @@ function Tt(e, t, o = {}) {
     }),
     He(n, "pointerdown", (f) => {
       const g = ye(e);
-      u = !i(f) && !!(g && !f.composedPath().includes(g));
+      i = !u(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
-    s && He(n, "blur", (f) => {
+    a && He(n, "blur", (f) => {
       setTimeout(() => {
         var g;
         const k = ye(e);
@@ -544,10 +544,10 @@ function Tt(e, t, o = {}) {
   return l ? {
     stop: b,
     cancel: () => {
-      u = !1;
+      i = !1;
     },
     trigger: (f) => {
-      u = !0, y(f), u = !1;
+      i = !0, y(f), i = !1;
     }
   } : b;
 }
@@ -561,28 +561,28 @@ function so() {
 // @__NO_SIDE_EFFECTS__
 function fn(e) {
   const t = /* @__PURE__ */ so();
-  return T(() => (t.value, !!e()));
+  return $(() => (t.value, !!e()));
 }
 function vn(e, t, o = {}) {
-  const { window: n = et, ...a } = o;
+  const { window: n = et, ...s } = o;
   let r;
-  const s = /* @__PURE__ */ fn(() => n && "MutationObserver" in n), l = () => {
+  const a = /* @__PURE__ */ fn(() => n && "MutationObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = ne(T(() => {
+  }, i = ne($(() => {
     const p = rt(E(e)).map(ye).filter(Xn);
     return new Set(p);
   }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
+    l(), a.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, s)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), d = () => {
-    u(), l();
+  }), u = () => r?.takeRecords(), d = () => {
+    i(), l();
   };
   return Ot(d), {
-    isSupported: s,
+    isSupported: a,
     stop: d,
-    takeRecords: i
+    takeRecords: u
   };
 }
 const ot = {
@@ -594,15 +594,15 @@ function ro(e) {
   e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
 }
 function wt(e, t = {}) {
-  var o, n, a, r;
-  const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd: p, onStart: y, initialValue: m, axis: I = "both", draggingElement: b = et, containerElement: f, handle: g = e, buttons: k = [0], restrictInView: C, autoScroll: $ = !1 } = t, L = R((o = E(m)) !== null && o !== void 0 ? o : {
+  var o, n, s, r;
+  const { pointerTypes: a, preventDefault: l, stopPropagation: i, exact: u, onMove: d, onEnd: p, onStart: y, initialValue: m, axis: I = "both", draggingElement: b = et, containerElement: f, handle: g = e, buttons: k = [0], restrictInView: C, autoScroll: A = !1 } = t, L = R((o = E(m)) !== null && o !== void 0 ? o : {
     x: 0,
     y: 0
-  }), S = R(), O = (D) => s ? s.includes(D.pointerType) : !0, W = (D) => {
-    E(l) && D.preventDefault(), E(u) && D.stopPropagation();
-  }, me = E($), j = typeof me == "object" ? {
+  }), S = R(), O = (D) => a ? a.includes(D.pointerType) : !0, W = (D) => {
+    E(l) && D.preventDefault(), E(i) && D.stopPropagation();
+  }, me = E(A), j = typeof me == "object" ? {
     speed: (n = E(me.speed)) !== null && n !== void 0 ? n : ot.speed,
-    margin: (a = E(me.margin)) !== null && a !== void 0 ? a : ot.margin,
+    margin: (s = E(me.margin)) !== null && s !== void 0 ? s : 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: _ } = D, [B, z] = J(j.margin), [ee, le] = J(j.speed);
@@ -638,13 +638,13 @@ function wt(e, t = {}) {
       y: Q - D.scrollTop
     }, D, j.margin, F) ? Be() : Re();
   };
-  E($) && ne(L, Xe);
+  E(A) && ne(L, Xe);
   const Fe = (D) => {
     var F;
-    if (!E(k).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
+    if (!E(k).includes(D.button) || E(t.disabled) || !O(D) || E(u) && 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)
+      x: D.clientX - (G ? q.left - Q.left + (A ? 0 : G.scrollLeft) : q.left),
+      y: D.clientY - (G ? q.top - Q.top + (A ? 0 : G.scrollTop) : q.top)
     };
     y?.(re, D) !== !1 && (S.value = re, W(D));
   }, je = (D) => {
@@ -653,10 +653,10 @@ function wt(e, t = {}) {
     F instanceof HTMLElement && ro(F);
     const G = E(e).getBoundingClientRect();
     let { x: Q, y: q } = L.value;
-    if ((I === "x" || I === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (I === "y" || I === "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, {
+    if ((I === "x" || I === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (I === "y" || I === "both") && (q = D.clientY - S.value.y, F && (q = Math.min(Math.max(0, q), F.scrollHeight - G.height))), E(A) && F && (de === null && ge(F, G, {
       x: Q,
       y: q
-    }), Q += F.scrollLeft, q += F.scrollTop), F && (C || $)) {
+    }), Q += F.scrollLeft, q += F.scrollTop), F && (C || A)) {
       if (I !== "y") {
         const re = Q - F.scrollLeft;
         re < 0 ? Q = F.scrollLeft : re > F.clientWidth - G.width && (Q = F.clientWidth - G.width + F.scrollLeft);
@@ -671,7 +671,7 @@ function wt(e, t = {}) {
       y: q
     }, d?.(L.value, D), W(D);
   }, Ze = (D) => {
-    E(t.disabled) || !O(D) || S.value && (S.value = void 0, $ && Re(), p?.(L.value, D), W(D));
+    E(t.disabled) || !O(D) || S.value && (S.value = void 0, A && Re(), p?.(L.value, D), W(D));
   };
   if (dn) {
     const D = () => {
@@ -686,61 +686,61 @@ function wt(e, t = {}) {
   return {
     ...oo(L),
     position: L,
-    isDragging: T(() => !!S.value),
-    style: T(() => `
+    isDragging: $(() => !!S.value),
+    style: $(() => `
       left: ${L.value.x}px;
       top: ${L.value.y}px;
-      ${$ ? "text-wrap: nowrap;" : ""}
+      ${A ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
 function ct(e, t, o = {}) {
-  const { window: n = et, ...a } = o;
+  const { window: n = et, ...s } = o;
   let r;
-  const s = /* @__PURE__ */ fn(() => n && "ResizeObserver" in n), l = () => {
+  const a = /* @__PURE__ */ fn(() => n && "ResizeObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = ne(T(() => {
+  }, i = ne($(() => {
     const d = E(e);
     return Array.isArray(d) ? d.map((p) => ye(p)) : [ye(d)];
   }), (d) => {
-    if (l(), s.value && n) {
+    if (l(), a.value && n) {
       r = new ResizeObserver(t);
-      for (const p of d) p && r.observe(p, a);
+      for (const p of d) p && r.observe(p, s);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => {
-    l(), u();
+  }), u = () => {
+    l(), i();
   };
-  return Ot(i), {
-    isSupported: s,
-    stop: i
+  return Ot(u), {
+    isSupported: a,
+    stop: u
   };
 }
 function Pe(e, t = {}) {
-  const { reset: o = !0, windowResize: n = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ue(0), u = ue(0), i = ue(0), d = ue(0), p = ue(0), y = ue(0), m = ue(0), I = ue(0);
+  const { reset: o = !0, windowResize: n = !0, windowScroll: s = !0, immediate: r = !0, updateTiming: a = "sync" } = t, l = ue(0), i = ue(0), u = ue(0), d = ue(0), p = ue(0), y = ue(0), m = ue(0), I = ue(0);
   function b() {
     const g = ye(e);
     if (!g) {
-      o && (l.value = 0, u.value = 0, i.value = 0, d.value = 0, p.value = 0, y.value = 0, m.value = 0, I.value = 0);
+      o && (l.value = 0, i.value = 0, u.value = 0, d.value = 0, p.value = 0, y.value = 0, m.value = 0, I.value = 0);
       return;
     }
     const k = g.getBoundingClientRect();
-    l.value = k.height, u.value = k.bottom, i.value = k.left, d.value = k.right, p.value = k.top, y.value = k.width, m.value = k.x, I.value = k.y;
+    l.value = k.height, i.value = k.bottom, u.value = k.left, d.value = k.right, p.value = k.top, y.value = k.width, m.value = k.x, I.value = k.y;
   }
   function f() {
-    s === "sync" ? b() : s === "next-frame" && requestAnimationFrame(() => b());
+    a === "sync" ? b() : a === "next-frame" && requestAnimationFrame(() => b());
   }
-  return ct(e, f), ne(() => ye(e), (g) => !g && f()), vn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
+  return ct(e, f), ne(() => ye(e), (g) => !g && f()), vn(e, f, { attributeFilter: ["style", "class"] }), s && He("scroll", f, {
     capture: !0,
     passive: !0
   }), n && He("resize", f, { passive: !0 }), lo(() => {
     r && f();
   }), {
     height: l,
-    bottom: u,
-    left: i,
+    bottom: i,
+    left: u,
     right: d,
     top: p,
     width: y,
@@ -756,27 +756,27 @@ const bt = /* @__PURE__ */ new WeakMap();
 function io(e, t = !1) {
   const o = ue(t);
   let n = "";
-  ne(Qn(e), (s) => {
-    const l = yt(E(s));
+  ne(Qn(e), (a) => {
+    const l = yt(E(a));
     if (l) {
-      const u = l;
-      if (bt.get(u) || bt.set(u, u.style.overflow), u.style.overflow !== "hidden" && (n = u.style.overflow), u.style.overflow === "hidden") return o.value = !0;
-      if (o.value) return u.style.overflow = "hidden";
+      const i = l;
+      if (bt.get(i) || bt.set(i, i.style.overflow), i.style.overflow !== "hidden" && (n = i.style.overflow), i.style.overflow === "hidden") return o.value = !0;
+      if (o.value) return i.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const a = () => {
-    const s = yt(E(e));
-    !s || o.value || (s.style.overflow = "hidden", o.value = !0);
+  const s = () => {
+    const a = yt(E(e));
+    !a || o.value || (a.style.overflow = "hidden", o.value = !0);
   }, r = () => {
-    const s = yt(E(e));
-    !s || !o.value || (s.style.overflow = n, bt.delete(s), o.value = !1);
+    const a = yt(E(e));
+    !a || !o.value || (a.style.overflow = n, bt.delete(a), o.value = !1);
   };
-  return Ot(r), T({
+  return Ot(r), $({
     get() {
       return o.value;
     },
-    set(s) {
-      s ? a() : r();
+    set(a) {
+      a ? s() : r();
     }
   });
 }
@@ -795,20 +795,20 @@ const uo = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const o = fe("cell"), n = e.store.getCellData(e.colIndex, e.rowIndex), a = R(""), r = R(!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)), p = T(() => typeof d.value == "string" ? uo(d.value) : !1), y = T(() => ({
-      textAlign: u,
-      width: i,
+    const o = fe("cell"), n = e.store.getCellData(e.colIndex, e.rowIndex), s = R(""), r = R(!1), a = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], i = a.align || "center", u = a.width || "40ch", d = $(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = $(() => typeof d.value == "string" ? uo(d.value) : !1), y = $(() => ({
+      textAlign: i,
+      width: u,
       fontWeight: r.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), m = T(() => ({
+    })), m = $(() => ({
       "sticky-column": e.pinned,
       "cell-modified": r.value
     })), I = () => {
       f(), b();
     }, b = () => {
       const { left: S, bottom: O, width: W, height: me } = Pe(o);
-      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 = o.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;
+      a.mask, a.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 = o.value, typeof a.modalComponent == "function" ? j.modal.component = a.modalComponent({ table: j.table, row: l, column: a }) : j.modal.component = a.modalComponent, j.modal.componentProps = a.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -831,7 +831,7 @@ const uo = (e) => {
       ]);
     }
     const f = () => {
-      if (o.value && s.edit) {
+      if (o.value && a.edit) {
         const S = window.getSelection();
         if (S)
           try {
@@ -841,7 +841,7 @@ const uo = (e) => {
           }
       }
     }, g = () => {
-      o.value && (a.value = o.value.textContent, f());
+      o.value && (s.value = o.value.textContent, f());
     }, k = () => {
       try {
         const S = window.getSelection();
@@ -873,38 +873,38 @@ const uo = (e) => {
           J && O.removeAllRanges && O.addRange && (O.removeAllRanges(), O.addRange(J));
         } catch {
         }
-    }, $ = (S) => {
-      if (!s.edit) return;
+    }, A = (S) => {
+      if (!a.edit) return;
       const O = S.target;
-      if (O.textContent === a.value)
+      if (O.textContent === s.value)
         return;
       const W = k();
-      a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, n), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== n, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), ft().then(() => {
+      s.value = O.textContent, a.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, n), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== n, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), ft().then(() => {
         C(W);
       });
-    }, L = /* @__PURE__ */ no($, e.debounce);
+    }, L = /* @__PURE__ */ no(A, e.debounce);
     return t({
-      currentData: a
+      currentData: s
     }), (S, O) => (h(), x("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": V(s).edit,
-      contenteditable: V(s).edit,
+      "data-editable": V(a).edit,
+      contenteditable: V(a).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
       style: be(y.value),
       class: se(["atable-cell", m.value]),
       onFocus: g,
-      onPaste: $,
+      onPaste: A,
       onInput: O[0] || (O[0] = //@ts-ignore
       (...W) => V(L) && V(L)(...W)),
       onClick: I
     }, [
-      V(s).cellComponent ? (h(), ve(Oe(V(s).cellComponent), dt({
+      V(a).cellComponent ? (h(), ve(Oe(V(a).cellComponent), dt({
         key: 0,
         value: d.value
-      }, V(s).cellComponentProps), null, 16, ["value"])) : p.value ? (h(), x("span", {
+      }, V(a).cellComponentProps), null, 16, ["value"])) : p.value ? (h(), x("span", {
         key: 1,
         innerHTML: d.value
       }, null, 8, vo)) : (h(), x("span", po, N(d.value), 1))
@@ -919,11 +919,11 @@ const uo = (e) => {
     addNavigation: { type: [Boolean, Object], default: () => gt }
   },
   setup(e) {
-    const t = fe("rowEl"), o = T(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = fe("rowEl"), o = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const n = {
-        "keydown.control.g": (a) => {
-          a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+        "keydown.control.g": (s) => {
+          s.stopPropagation(), s.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
       typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), _t([
@@ -933,7 +933,7 @@ const uo = (e) => {
         }
       ]);
     }
-    return (n, a) => (h(), x(X, null, [
+    return (n, s) => (h(), x(X, null, [
       w("tr", dt(n.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
@@ -942,7 +942,7 @@ const uo = (e) => {
         w("td", {
           tabIndex: -1,
           class: "row-index",
-          onClick: a[0] || (a[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
+          onClick: s[0] || (s[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
         }, N(o.value), 1),
         he(n.$slots, "row", {}, void 0, !0)
       ], 16, ho),
@@ -964,8 +964,8 @@ const uo = (e) => {
   }
 }), Ve = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [n, a] of t)
-    o[n] = a;
+  for (const [n, s] of t)
+    o[n] = s;
   return o;
 }, bo = /* @__PURE__ */ Ve(yo, [["__scopeId", "data-v-a42297c7"]]), xo = ["colspan"], ko = {
   ref: "container",
@@ -989,17 +989,17 @@ const uo = (e) => {
   emits: ["connection:create"],
   setup(e, { expose: t, emit: o }) {
     Mn((_) => ({
-      v737862e7: a.value,
+      v737862e7: s.value,
       v05f25613: _.colspan
     }));
-    const n = o, a = R(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"), p = fe("rightConnectionHandle"), { width: y } = Pe(s), { left: m, right: I } = Pe(l), b = R(e.start), f = R(e.end || b.value + e.colspan), g = R(!1), k = R(!1), C = R(!1), $ = R(!1), L = R(!1), S = R({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = T(() => Be.value || ge.value || de.value), W = T(() => e.colspan > 0 ? y.value / e.colspan : 0), me = T(() => {
+    const n = o, s = R(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = fe("container"), l = fe("bar"), i = fe("leftResizeHandle"), u = fe("rightResizeHandle"), d = fe("leftConnectionHandle"), p = fe("rightConnectionHandle"), { width: y } = Pe(a), { left: m, right: I } = Pe(l), b = R(e.start), f = R(e.end || b.value + e.colspan), g = R(!1), k = R(!1), C = R(!1), A = R(!1), L = R(!1), S = R({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = $(() => Be.value || ge.value || de.value), W = $(() => e.colspan > 0 ? y.value / e.colspan : 0), me = $(() => {
       const _ = b.value / e.colspan * 100, B = f.value / e.colspan * 100;
       return {
         left: `${_}%`,
         width: `${B - _}%`,
-        backgroundColor: a.value
+        backgroundColor: s.value
       };
-    }), j = T(
+    }), j = $(
       () => ({
         position: "fixed",
         top: 0,
@@ -1009,12 +1009,12 @@ const uo = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), J = R({ startX: 0, startPos: 0 }), { isDragging: ge } = wt(u, {
+    ), J = R({ startX: 0, startPos: 0 }), { isDragging: ge } = wt(i, {
       axis: "x",
       onStart: () => Re(m.value, b.value),
       onMove: ({ x: _ }) => Ye(_),
       onEnd: ({ x: _ }) => Xe(_)
-    }), { isDragging: de } = wt(i, {
+    }), { isDragging: de } = wt(u, {
       axis: "x",
       onStart: () => Re(I.value, f.value),
       onMove: ({ x: _ }) => Fe(_),
@@ -1105,7 +1105,7 @@ const uo = (e) => {
         colIndex: e.colIndex,
         startIndex: b,
         endIndex: f,
-        color: a,
+        color: s,
         label: e.label,
         position: { x: _, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
@@ -1133,10 +1133,10 @@ const uo = (e) => {
       e.store.isDependencyGraphEnabled && (g.value = !0, k.value = !0);
     }
     function q() {
-      !C.value && !$.value && (g.value = !1, k.value = !1);
+      !C.value && !A.value && (g.value = !1, k.value = !1);
     }
     function re(_, B) {
-      B.preventDefault(), B.stopPropagation(), L.value = !0, _ === "left" ? C.value = !0 : $.value = !0;
+      B.preventDefault(), B.stopPropagation(), L.value = !0, _ === "left" ? C.value = !0 : A.value = !0;
       const z = _ === "left" ? d.value : p.value;
       if (z) {
         const te = z.getBoundingClientRect(), ie = te.left + te.width / 2, ce = te.top + te.height / 2;
@@ -1163,7 +1163,7 @@ const uo = (e) => {
       }
     }
     function Le(_, B) {
-      L.value = !1, C.value = !1, $.value = !1, document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
+      L.value = !1, C.value = !1, A.value = !1, document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
     }
     return t({
       barStyle: me,
@@ -1172,7 +1172,7 @@ const uo = (e) => {
       handleConnectionDrop: ke,
       isLeftConnectionDragging: C,
       isLeftConnectionVisible: g,
-      isRightConnectionDragging: $,
+      isRightConnectionDragging: A,
       isRightConnectionVisible: k,
       showDragPreview: L
     }), (_, B) => (h(), x("td", {
@@ -1200,7 +1200,7 @@ const uo = (e) => {
           e.store.isDependencyGraphEnabled ? (h(), x("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: se(["connection-handle right-connection-handle", { visible: k.value, "is-dragging": $.value }]),
+            class: se(["connection-handle right-connection-handle", { visible: k.value, "is-dragging": A.value }]),
             onMousedown: B[1] || (B[1] = Ie((z) => re("right", z), ["stop"]))
           }, [...B[3] || (B[3] = [
             w("div", { class: "connection-dot" }, null, -1)
@@ -1238,12 +1238,12 @@ const uo = (e) => {
       ], 4)) : Y("", !0)
     ], 8, xo));
   }
-}), Ao = /* @__PURE__ */ Ve(Eo, [["__scopeId", "data-v-c2df3f52"]]), $o = `<?xml version="1.0" encoding="UTF-8"?>
+}), Ao = /* @__PURE__ */ Ve(Eo, [["__scopeId", "data-v-c2df3f52"]]), 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;"/>
 </svg>
-`, To = `<?xml version="1.0" encoding="UTF-8"?>
+`, $o = `<?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="46.84 19.99 44.01 17.16 32 29.17 19.99 17.16 17.16 19.99 29.17 32 17.16 44.01 19.99 46.84 32 34.83 44.01 46.84 46.84 44.01 34.83 32 46.84 19.99" style="fill: #000; stroke-width: 0px;"/>
@@ -1283,8 +1283,8 @@ const uo = (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>`, Ho = {
-  add: $o,
-  delete: To,
+  add: To,
+  delete: $o,
   duplicate: Do,
   insertAbove: So,
   insertBelow: Ro,
@@ -1305,54 +1305,54 @@ const uo = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const o = e, n = t, a = fe("actionsCell"), r = fe("toggleButton"), s = R(0), l = R(!1), u = R(!1), i = R({ top: 0, left: 0 }), d = {
+    const o = e, n = t, s = fe("actionsCell"), r = fe("toggleButton"), a = R(0), l = R(!1), i = R(!1), u = R({ top: 0, left: 0 }), d = {
       add: "Add Row",
       delete: "Delete Row",
       duplicate: "Duplicate Row",
       insertAbove: "Insert Above",
       insertBelow: "Insert Below",
       move: "Move Row"
-    }, p = T(() => {
+    }, p = $(() => {
       const g = [], k = o.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const $ of C) {
-        const L = k[$];
+      for (const A of C) {
+        const L = k[A];
         if (L === !1 || L === void 0) continue;
-        let S = !0, O = d[$], W = Ho[$];
-        typeof L == "object" && (S = L.enabled !== !1, O = L.label || O, W = L.icon || W), S && g.push({ type: $, label: O, icon: W });
+        let S = !0, O = d[A], W = Ho[A];
+        typeof L == "object" && (S = L.enabled !== !1, O = L.label || O, W = L.icon || W), S && g.push({ type: A, label: O, icon: W });
       }
       return g;
-    }), y = T(() => {
+    }), y = $(() => {
       if (o.config.forceDropdown) return !0;
       const g = o.config.dropdownThreshold ?? 150;
-      return g === 0 ? !1 : s.value > 0 && s.value < g;
-    }), m = T(() => l.value ? u.value ? {
+      return g === 0 ? !1 : a.value > 0 && a.value < g;
+    }), m = $(() => l.value ? i.value ? {
       position: "fixed",
-      bottom: `${window.innerHeight - i.value.top}px`,
-      left: `${i.value.left}px`,
+      bottom: `${window.innerHeight - u.value.top}px`,
+      left: `${u.value.left}px`,
       top: "auto"
     } : {
       position: "fixed",
-      top: `${i.value.top}px`,
-      left: `${i.value.left}px`
+      top: `${u.value.top}px`,
+      left: `${u.value.left}px`
     } : {});
-    ct(a, (g) => {
+    ct(s, (g) => {
       const k = g[0];
-      k && (s.value = k.contentRect.width);
+      k && (a.value = k.contentRect.width);
     });
     const I = () => {
       l.value || b(), l.value = !l.value;
     }, b = () => {
       if (!r.value) return;
-      const g = r.value.getBoundingClientRect(), k = window.innerHeight, C = p.value.length * 40 + 16, $ = k - g.bottom, L = g.top;
-      u.value = $ < C && L > C, u.value ? i.value = {
+      const g = r.value.getBoundingClientRect(), k = window.innerHeight, C = p.value.length * 40 + 16, A = k - g.bottom, L = g.top;
+      i.value = A < C && L > C, i.value ? u.value = {
         top: g.top,
         left: g.left
-      } : i.value = {
+      } : u.value = {
         top: g.bottom,
         left: g.left
       };
     };
-    Tt(a, () => {
+    $t(s, () => {
       l.value = !1;
     });
     const f = (g) => {
@@ -1376,7 +1376,7 @@ const uo = (e) => {
           w("span", { class: "dropdown-icon" }, "⋮", -1)
         ])], 8, Po),
         K(w("div", {
-          class: se(["row-actions-menu", { "menu-flipped": u.value }]),
+          class: se(["row-actions-menu", { "menu-flipped": i.value }]),
           style: be(m.value),
           role: "menu"
         }, [
@@ -1385,7 +1385,7 @@ const uo = (e) => {
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: Ie(($) => f(C.type), ["stop"])
+            onClick: Ie((A) => f(C.type), ["stop"])
           }, [
             w("span", {
               class: "action-icon",
@@ -1403,7 +1403,7 @@ const uo = (e) => {
           class: "row-action-btn",
           title: C.label,
           "aria-label": C.label,
-          onClick: Ie(($) => f(C.type), ["stop"])
+          onClick: Ie((A) => f(C.type), ["stop"])
         }, [
           w("span", {
             class: "action-icon",
@@ -1423,7 +1423,7 @@ const uo = (e) => {
   },
   emits: ["row:action"],
   setup(e, { emit: t }) {
-    const o = t, n = 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, p) => {
+    const o = t, n = fe("rowEl"), s = $(() => e.store.isRowVisible(e.rowIndex)), r = $(() => e.store.getRowExpandSymbol(e.rowIndex)), a = $(() => e.store.config.rowActions || { enabled: !1 }), l = $(() => a.value.enabled), i = $(() => a.value.position || "before-index"), u = (d, p) => {
       o("row:action", d, p);
     };
     if (e.addNavigation) {
@@ -1443,13 +1443,13 @@ const uo = (e) => {
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      l.value && u.value === "before-index" ? (h(), ve(it, {
+      l.value && i.value === "before-index" ? (h(), ve(it, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
-        config: s.value,
-        position: u.value,
-        onAction: i
+        config: a.value,
+        position: i.value,
+        onAction: u
       }, 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(), x("td", {
@@ -1463,35 +1463,35 @@ const uo = (e) => {
           onClick: p[0] || (p[0] = (y) => e.store.toggleRowExpand(e.rowIndex))
         }, N(r.value), 3)) : Y("", !0)
       ], !0) : Y("", !0),
-      l.value && u.value === "after-index" ? (h(), ve(it, {
+      l.value && i.value === "after-index" ? (h(), ve(it, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
-        config: s.value,
-        position: u.value,
-        onAction: i
+        config: a.value,
+        position: i.value,
+        onAction: u
       }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
       he(d.$slots, "default", {}, void 0, !0),
-      l.value && u.value === "end" ? (h(), ve(it, {
+      l.value && i.value === "end" ? (h(), ve(it, {
         key: 3,
         "row-index": e.rowIndex,
         store: e.store,
-        config: s.value,
-        position: u.value,
-        onAction: i
+        config: a.value,
+        position: i.value,
+        onAction: u
       }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0)
     ], 8, Uo)), [
-      [Ce, a.value]
+      [Ce, s.value]
     ]);
   }
-}), pn = /* @__PURE__ */ Ve(Wo, [["__scopeId", "data-v-2e038a9c"]]), xt = /* @__PURE__ */ new WeakMap(), Go = {
+}), pn = /* @__PURE__ */ Ve(Wo, [["__scopeId", "data-v-e7ca13d1"]]), xt = /* @__PURE__ */ new WeakMap(), Go = {
   mounted(e, t) {
     const o = !t.modifiers.bubble;
     let n;
-    if (typeof t.value == "function") n = Tt(e, t.value, { capture: o });
+    if (typeof t.value == "function") n = $t(e, t.value, { capture: o });
     else {
-      const [a, r] = t.value;
-      n = Tt(e, a, Object.assign({ capture: o }, r));
+      const [s, r] = t.value;
+      n = $t(e, s, Object.assign({ capture: o }, r));
     }
     xt.set(e, n);
   },
@@ -1508,8 +1508,8 @@ function qo() {
   return (o, n) => {
     if (t.value = n.value, e) return;
     e = !0;
-    const a = io(o, n.value);
-    ne(t, (r) => a.value = r);
+    const s = io(o, n.value);
+    ne(t, (r) => s.value = r);
   };
 }
 qo();
@@ -1531,22 +1531,22 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const o = t, n = 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) => {
+    const o = t, n = $(() => e.store.connectionPaths.filter((a) => {
+      const l = e.store.ganttBars.find((u) => u.id === a.from.barId), i = e.store.ganttBars.find((u) => u.id === a.to.barId);
+      return l && i;
+    })), s = (a) => {
       const l = e.store.connectionHandles.find(
-        (O) => O.barId === s.from.barId && O.side === s.from.side
-      ), u = e.store.connectionHandles.find(
-        (O) => O.barId === s.to.barId && O.side === s.to.side
+        (O) => O.barId === a.from.barId && O.side === a.from.side
+      ), i = e.store.connectionHandles.find(
+        (O) => O.barId === a.to.barId && O.side === a.to.side
       );
-      if (!l || !u) return "";
-      const i = l.position.x + lt / 2, d = l.position.y + lt / 2, p = u.position.x + lt / 2, y = u.position.y + lt / 2, m = Math.abs(p - i), I = Math.max(m * Qo, 50), b = i + (s.from.side === "left" ? -I : I), f = p + (s.to.side === "left" ? -I : I), g = { x: 0.5 * i + 0.5 * b, y: 0.5 * d + 0.5 * d }, k = { x: 0.5 * b + 0.5 * f, y: 0.5 * d + 0.5 * y }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * y + 0.5 * y }, $ = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, L = { x: 0.5 * k.x + 0.5 * C.x, y: 0.5 * k.y + 0.5 * C.y }, S = { x: 0.5 * $.x + 0.5 * L.x, y: 0.5 * $.y + 0.5 * L.y };
-      return `M ${i} ${d} Q ${b} ${d}, ${S.x} ${S.y} Q ${f} ${y}, ${p} ${y}`;
-    }, r = (s) => {
-      e.store.deleteConnection(s.id) && o("connection:delete", s);
+      if (!l || !i) return "";
+      const u = l.position.x + lt / 2, d = l.position.y + lt / 2, p = i.position.x + lt / 2, y = i.position.y + lt / 2, m = Math.abs(p - u), I = Math.max(m * Qo, 50), b = u + (a.from.side === "left" ? -I : I), f = p + (a.to.side === "left" ? -I : I), g = { x: 0.5 * u + 0.5 * b, y: 0.5 * d + 0.5 * d }, k = { x: 0.5 * b + 0.5 * f, y: 0.5 * d + 0.5 * y }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * y + 0.5 * y }, A = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, L = { x: 0.5 * k.x + 0.5 * C.x, y: 0.5 * k.y + 0.5 * C.y }, S = { x: 0.5 * A.x + 0.5 * L.x, y: 0.5 * A.y + 0.5 * L.y };
+      return `M ${u} ${d} Q ${b} ${d}, ${S.x} ${S.y} Q ${f} ${y}, ${p} ${y}`;
+    }, r = (a) => {
+      e.store.deleteConnection(a.id) && o("connection:delete", a);
     };
-    return (s, l) => (h(), x("div", Yo, [
+    return (a, l) => (h(), x("div", Yo, [
       (h(), x("svg", Xo, [
         l[0] || (l[0] = w("defs", null, [
           w("path", {
@@ -1571,25 +1571,25 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             })
           ])
         ], -1)),
-        (h(!0), x(X, null, pe(n.value, (u) => (h(), x("path", {
-          key: `${u.id}-hitbox`,
-          d: a(u),
+        (h(!0), x(X, null, pe(n.value, (i) => (h(), x("path", {
+          key: `${i.id}-hitbox`,
+          d: s(i),
           stroke: "transparent",
-          "stroke-width": (u.style?.width || 2) + 10,
+          "stroke-width": (i.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (i) => r(u)
+          onDblclick: (u) => r(i)
         }, null, 40, jo))), 128)),
-        (h(!0), x(X, null, pe(n.value, (u) => (h(), x("path", {
-          id: u.id,
-          key: u.id,
-          d: a(u),
-          stroke: u.style?.color || "#666",
-          "stroke-width": u.style?.width || 2,
+        (h(!0), x(X, null, pe(n.value, (i) => (h(), x("path", {
+          id: i.id,
+          key: i.id,
+          d: s(i),
+          stroke: i.style?.color || "#666",
+          "stroke-width": i.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (i) => r(u)
+          onDblclick: (u) => r(i)
         }, null, 40, Jo))), 128))
       ]))
     ]));
@@ -1611,20 +1611,20 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     const t = R(""), o = sn({
       startValue: "",
       endValue: ""
-    }), n = (u) => {
-      if (u.filterOptions) return u.filterOptions;
-      const i = /* @__PURE__ */ new Set();
+    }), n = (i) => {
+      if (i.filterOptions) return i.filterOptions;
+      const u = /* @__PURE__ */ new Set();
       return e.store.rows.forEach((d) => {
-        const p = d[u.name];
-        p != null && p !== "" && i.add(p);
-      }), Array.from(i).map((d) => ({
+        const p = d[i.name];
+        p != null && p !== "" && u.add(p);
+      }), Array.from(u).map((d) => ({
         value: d,
         label: String(d)
       }));
-    }, a = T(() => !!(t.value || o.startValue || o.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" ? o.startValue = i : o.endValue = i, !o.startValue && !o.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
+    }, s = $(() => !!(t.value || o.startValue || o.endValue)), r = (i) => {
+      !i && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = i, e.store.setFilter(e.colIndex, { value: i }));
+    }, a = (i, u) => {
+      i === "start" ? o.startValue = u : o.endValue = u, !o.startValue && !o.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
         value: null,
         startValue: o.startValue,
         endValue: o.endValue
@@ -1632,40 +1632,40 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     }, l = () => {
       t.value = "", o.startValue = "", o.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (u, i) => (h(), x("div", tl, [
+    return (i, u) => (h(), x("div", tl, [
       (e.column.filterType || "text") === "text" ? K((h(), x("input", {
         key: 0,
-        "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => t.value = d),
         type: "text",
         class: "filter-input",
-        onInput: i[1] || (i[1] = (d) => r(t.value))
+        onInput: u[1] || (u[1] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
       ]) : e.column.filterType === "number" ? K((h(), x("input", {
         key: 1,
-        "onUpdate:modelValue": i[2] || (i[2] = (d) => t.value = d),
+        "onUpdate:modelValue": u[2] || (u[2] = (d) => t.value = d),
         type: "number",
         class: "filter-input",
-        onInput: i[3] || (i[3] = (d) => r(t.value))
+        onInput: u[3] || (u[3] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
       ]) : e.column.filterType === "checkbox" ? (h(), x("label", nl, [
         K(w("input", {
-          "onUpdate:modelValue": i[4] || (i[4] = (d) => t.value = d),
+          "onUpdate:modelValue": u[4] || (u[4] = (d) => t.value = d),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: i[5] || (i[5] = (d) => r(t.value))
+          onChange: u[5] || (u[5] = (d) => r(t.value))
         }, null, 544), [
           [rn, t.value]
         ]),
         w("span", null, N(e.column.label), 1)
       ])) : e.column.filterType === "select" ? K((h(), x("select", {
         key: 3,
-        "onUpdate:modelValue": i[6] || (i[6] = (d) => t.value = d),
+        "onUpdate:modelValue": u[6] || (u[6] = (d) => t.value = d),
         class: "filter-select",
-        onChange: i[7] || (i[7] = (d) => r(t.value))
+        onChange: u[7] || (u[7] = (d) => r(t.value))
       }, [
-        i[15] || (i[15] = w("option", { value: "" }, "All", -1)),
+        u[15] || (u[15] = w("option", { value: "" }, "All", -1)),
         (h(!0), x(X, null, pe(n(e.column), (d) => (h(), x("option", {
           key: d.value || d,
           value: d.value || d
@@ -1674,27 +1674,27 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         [In, t.value]
       ]) : e.column.filterType === "date" ? K((h(), x("input", {
         key: 4,
-        "onUpdate:modelValue": i[8] || (i[8] = (d) => t.value = d),
+        "onUpdate:modelValue": u[8] || (u[8] = (d) => t.value = d),
         type: "date",
         class: "filter-input",
-        onChange: i[9] || (i[9] = (d) => r(t.value))
+        onChange: u[9] || (u[9] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
       ]) : e.column.filterType === "dateRange" ? (h(), x("div", ll, [
         K(w("input", {
-          "onUpdate:modelValue": i[10] || (i[10] = (d) => o.startValue = d),
+          "onUpdate:modelValue": u[10] || (u[10] = (d) => o.startValue = d),
           type: "date",
           class: "filter-input",
-          onChange: i[11] || (i[11] = (d) => s("start", o.startValue))
+          onChange: u[11] || (u[11] = (d) => a("start", o.startValue))
         }, null, 544), [
           [we, o.startValue]
         ]),
-        i[16] || (i[16] = w("span", { class: "date-separator" }, "-", -1)),
+        u[16] || (u[16] = w("span", { class: "date-separator" }, "-", -1)),
         K(w("input", {
-          "onUpdate:modelValue": i[12] || (i[12] = (d) => o.endValue = d),
+          "onUpdate:modelValue": u[12] || (u[12] = (d) => o.endValue = d),
           type: "date",
           class: "filter-input",
-          onChange: i[13] || (i[13] = (d) => s("end", o.endValue))
+          onChange: u[13] || (u[13] = (d) => a("end", o.endValue))
         }, null, 544), [
           [we, o.endValue]
         ])
@@ -1702,19 +1702,19 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         key: 6,
         value: t.value,
         column: e.column,
-        colIndex: e.colIndex,
+        "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": i[14] || (i[14] = (d) => r(d))
-      }, null, 40, ["value", "column", "colIndex", "store"])) : Y("", !0),
-      a.value ? (h(), x("button", {
+        "onUpdate:value": u[14] || (u[14] = (d) => r(d))
+      }, null, 40, ["value", "column", "col-index", "store"])) : Y("", !0),
+      s.value ? (h(), x("button", {
         key: 7,
-        onClick: l,
         class: "clear-btn",
-        title: "Clear"
+        title: "Clear",
+        onClick: l
       }, "×")) : Y("", !0)
     ]));
   }
-}), sl = /* @__PURE__ */ Ve(al, [["__scopeId", "data-v-8487462d"]]), rl = { key: 0 }, il = {
+}), sl = /* @__PURE__ */ Ve(al, [["__scopeId", "data-v-a809a3bf"]]), rl = { key: 0 }, il = {
   class: "atable-header-row",
   tabindex: "-1"
 }, ul = {
@@ -1739,72 +1739,72 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     store: {}
   },
   setup(e) {
-    const t = e, o = T(() => t.columns.filter((l) => l.filterable)), n = 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, d = Number(u.target.dataset.colindex), p = t.store.columns[d]?.width;
-        typeof p == "number" && p !== i && t.store.resizeColumn(d, i);
+    const t = $(() => e.columns.filter((a) => a.filterable)), o = $(() => e.store.config.rowActions?.enabled ?? !1), n = $(() => e.store.config.rowActions?.position ?? "before-index"), s = (a) => e.store.sortByColumn(a), r = (a) => {
+      for (const l of a) {
+        if (l.borderBoxSize.length === 0) continue;
+        const i = l.borderBoxSize[0].inlineSize, u = Number(l.target.dataset.colindex), d = e.store.columns[u]?.width;
+        typeof d == "number" && d !== i && e.store.resizeColumn(u, i);
       }
     };
-    return (l, u) => t.columns.length ? (h(), x("thead", rl, [
+    return (a, l) => e.columns.length ? (h(), x("thead", rl, [
       w("tr", il, [
-        n.value && a.value === "before-index" ? (h(), x("th", {
+        o.value && n.value === "before-index" ? (h(), x("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
+          class: se(["row-actions-header", { "sticky-column": n.value === "before-index" }])
         }, null, 2)) : Y("", !0),
-        t.store.zeroColumn ? (h(), x("th", {
+        e.store.zeroColumn ? (h(), x("th", {
           key: 1,
           id: "header-index",
           class: se([[
-            t.store.hasPinnedColumns ? "sticky-index" : "",
-            t.store.isTreeView ? "tree-index" : "",
-            t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : Y("", !0),
-        n.value && a.value === "after-index" ? (h(), x("th", ul)) : Y("", !0),
-        (h(!0), x(X, null, pe(t.columns, (i, d) => K((h(), x("th", {
+        o.value && n.value === "after-index" ? (h(), x("th", ul)) : Y("", !0),
+        (h(!0), x(X, null, pe(e.columns, (i, u) => K((h(), x("th", {
           key: i.name,
-          "data-colindex": d,
+          "data-colindex": u,
           tabindex: "-1",
-          style: be(t.store.getHeaderCellStyle(i)),
+          style: be(e.store.getHeaderCellStyle(i)),
           class: se(`${i.pinned ? "sticky-column" : ""} ${i.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (p) => i.sortable !== !1 ? r(d) : void 0
+          onClick: (d) => i.sortable !== !1 ? s(u) : void 0
         }, [
-          he(l.$slots, "default", {}, () => [
-            Dt(N(i.label || String.fromCharCode(d + 97).toUpperCase()), 1)
+          he(a.$slots, "default", {}, () => [
+            Dt(N(i.label || String.fromCharCode(u + 97).toUpperCase()), 1)
           ])
         ], 14, cl)), [
-          [V(zo), s]
+          [V(zo), r]
         ])), 128)),
-        n.value && a.value === "end" ? (h(), x("th", dl)) : Y("", !0)
+        o.value && n.value === "end" ? (h(), x("th", dl)) : Y("", !0)
       ]),
-      o.value.length > 0 ? (h(), x("tr", fl, [
-        n.value && a.value === "before-index" ? (h(), x("th", {
+      t.value.length > 0 ? (h(), x("tr", fl, [
+        o.value && n.value === "before-index" ? (h(), x("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
+          class: se(["row-actions-header", { "sticky-column": n.value === "before-index" }])
         }, null, 2)) : Y("", !0),
-        t.store.zeroColumn ? (h(), x("th", {
+        e.store.zeroColumn ? (h(), x("th", {
           key: 1,
           class: se([[
-            t.store.hasPinnedColumns ? "sticky-index" : "",
-            t.store.isTreeView ? "tree-index" : "",
-            t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : Y("", !0),
-        n.value && a.value === "after-index" ? (h(), x("th", vl)) : Y("", !0),
-        (h(!0), x(X, null, pe(t.columns, (i, d) => (h(), x("th", {
+        o.value && n.value === "after-index" ? (h(), x("th", vl)) : Y("", !0),
+        (h(!0), x(X, null, pe(e.columns, (i, u) => (h(), x("th", {
           key: `filter-${i.name}`,
           class: se(`${i.pinned ? "sticky-column" : ""}`),
-          style: be(t.store.getHeaderCellStyle(i))
+          style: be(e.store.getHeaderCellStyle(i))
         }, [
           i.filterable ? (h(), ve(sl, {
             key: 0,
             column: i,
-            "col-index": d,
-            store: t.store
+            "col-index": u,
+            store: e.store
           }, null, 8, ["column", "col-index", "store"])) : Y("", !0)
         ], 6))), 128)),
-        n.value && a.value === "end" ? (h(), x("th", pl)) : Y("", !0)
+        o.value && n.value === "end" ? (h(), x("th", pl)) : Y("", !0)
       ])) : Y("", !0)
     ])) : Y("", !0);
   }
@@ -1814,28 +1814,28 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     store: {}
   },
   setup(e) {
-    const t = fe("amodal"), { width: o, height: n } = Pe(t), a = T(() => {
+    const t = fe("amodal"), { width: o, height: n } = Pe(t), s = $(() => {
       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 {};
-      const s = r.offsetHeight || 0, l = r.offsetWidth || 0;
-      let u = e.store.modal.cell?.offsetTop || 0;
-      const i = r.querySelector("thead")?.offsetHeight || 0;
-      u += i, u = u + n.value < s ? u : u - (n.value + e.store.modal.height);
+      const a = r.offsetHeight || 0, l = r.offsetWidth || 0;
+      let i = e.store.modal.cell?.offsetTop || 0;
+      const u = r.querySelector("thead")?.offsetHeight || 0;
+      i += u, i = i + n.value < a ? i : i - (n.value + e.store.modal.height);
       let d = e.store.modal.cell?.offsetLeft || 0;
       return d = d + o.value <= l ? d : d - (o.value - e.store.modal.width), {
         left: `${d}px`,
-        top: `${u}px`
+        top: `${i}px`
       };
     });
-    return (r, s) => (h(), x("div", {
+    return (r, a) => (h(), x("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: be(a.value),
-      onClick: s[0] || (s[0] = Ie(() => {
+      style: be(s.value),
+      onClick: a[0] || (a[0] = Ie(() => {
       }, ["stop"])),
-      onInput: s[1] || (s[1] = Ie(() => {
+      onInput: a[1] || (a[1] = Ie(() => {
       }, ["stop"]))
     }, [
       he(r.$slots, "default")
@@ -1843,19 +1843,19 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
   }
 }), ml = (e) => {
   const t = e.id || co();
-  return Tn(`table-${t}`, () => {
+  return $n(`table-${t}`, () => {
     const o = () => {
       const c = [Object.assign({}, { rowModified: !1 })], v = /* @__PURE__ */ new Set();
-      for (let A = 0; A < a.value.length; A++) {
-        const H = a.value[A];
+      for (let T = 0; T < s.value.length; T++) {
+        const H = s.value[T];
         H.parent !== null && H.parent !== void 0 && v.add(H.parent);
       }
-      const M = (A) => a.value[A]?.gantt !== void 0, P = (A) => {
-        for (let H = 0; H < a.value.length; H++)
-          if (a.value[H].parent === A && (M(H) || P(H)))
+      const M = (T) => s.value[T]?.gantt !== void 0, P = (T) => {
+        for (let H = 0; H < s.value.length; H++)
+          if (s.value[H].parent === T && (M(H) || P(H)))
             return !0;
         return !1;
-      }, Z = (A) => {
+      }, Z = (T) => {
         const H = r.value, U = H.view === "tree" || H.view === "tree-gantt" ? H.defaultTreeExpansion : void 0;
         if (!U) return !0;
         switch (U) {
@@ -1863,7 +1863,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return P(A);
+            return P(T);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1871,10 +1871,10 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             return !0;
         }
       };
-      for (let A = 0; A < a.value.length; A++) {
-        const H = a.value[A], U = H.parent === null || H.parent === void 0, ae = v.has(A);
-        c[A] = {
-          childrenOpen: Z(A),
+      for (let T = 0; T < s.value.length; T++) {
+        const H = s.value[T], U = H.parent === null || H.parent === void 0, ae = v.has(T);
+        c[T] = {
+          childrenOpen: Z(T),
           expanded: !1,
           indent: H.indent || 0,
           isParent: ae,
@@ -1886,24 +1886,24 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         };
       }
       return c;
-    }, n = R(e.columns), a = R(e.rows), r = R(e.config || {}), s = R({}), l = R({}), u = T(() => {
+    }, n = R(e.columns), s = R(e.rows), r = R(e.config || {}), a = R({}), l = R({}), i = $(() => {
       const c = {};
       for (const [v, M] of n.value.entries())
-        for (const [P, Z] of a.value.entries())
+        for (const [P, Z] of s.value.entries())
           c[`${v}:${P}`] = Z[M.name];
       return c;
-    }), i = T({
+    }), u = $({
       get: () => {
         const c = o();
         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));
+          a.value[v] && (c[v].rowModified = a.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];
             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);
+            const T = Z.parent;
+            return T < 0 || T >= P.length ? !1 : (P[T].childrenOpen || !1) && v(T, P);
           };
           for (let M = 0; M < c.length; M++)
             c[M].isRoot || (c[M].open = v(M, c));
@@ -1911,53 +1911,53 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         return c;
       },
       set: (c) => {
-        JSON.stringify(c) !== JSON.stringify(i.value) && (i.value = c);
+        JSON.stringify(c) !== JSON.stringify(u.value) && (u.value = c);
       }
     }), d = R(e.modal || { visible: !1 }), p = R({}), y = R([]), m = R([]), I = R([]), b = R({
       column: null,
       direction: null
-    }), f = R({}), g = T(() => n.value.some((c) => c.pinned)), k = T(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = T(() => r.value.view === "tree" || r.value.view === "tree-gantt"), $ = T(() => {
+    }), f = R({}), g = $(() => n.value.some((c) => c.pinned)), k = $(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = $(() => r.value.view === "tree" || r.value.view === "tree-gantt"), A = $(() => {
       const c = r.value;
       return c.view === "gantt" || c.view === "tree-gantt" ? c.dependencyGraph !== !1 : !0;
-    }), L = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), S = T(
+    }), L = $(() => `${Math.ceil(s.value.length / 100 + 1)}ch`), S = $(
       () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
-    ), O = T(() => {
-      let c = a.value.map((v, M) => ({
+    ), O = $(() => {
+      let c = s.value.map((v, M) => ({
         ...v,
         originalIndex: M
       }));
       if (Object.entries(f.value).forEach(([v, M]) => {
         const P = parseInt(v), Z = n.value[P];
-        !Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (c = c.filter((A) => {
-          const H = A[Z.name];
+        !Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (c = c.filter((T) => {
+          const H = T[Z.name];
           return le(H, M, Z);
         }));
       }), b.value.column !== null && b.value.direction) {
         const v = n.value[b.value.column], M = b.value.direction;
         c.sort((P, Z) => {
-          let A = P[v.name], H = Z[v.name];
-          A == null && (A = ""), H == null && (H = "");
-          const U = Number(A), ae = Number(H);
-          if (!isNaN(U) && !isNaN(ae) && A !== "" && H !== "")
+          let T = P[v.name], H = Z[v.name];
+          T == null && (T = ""), H == null && (H = "");
+          const U = Number(T), ae = Number(H);
+          if (!isNaN(U) && !isNaN(ae) && T !== "" && H !== "")
             return M === "asc" ? U - ae : ae - U;
           {
-            const tt = String(A).toLowerCase(), Ut = String(H).toLowerCase();
+            const tt = String(T).toLowerCase(), Ut = String(H).toLowerCase();
             return M === "asc" ? tt.localeCompare(Ut) : Ut.localeCompare(tt);
           }
         });
       }
       return c;
-    }), W = (c, v) => u.value[`${c}:${v}`], me = (c, v, M) => {
+    }), W = (c, v) => i.value[`${c}:${v}`], me = (c, v, M) => {
       const P = `${c}:${v}`, Z = n.value[c];
-      u.value[P] !== M && (s.value[v] = !0), u.value[P] = M, a.value[v] = {
-        ...a.value[v],
+      i.value[P] !== M && (a.value[v] = !0), i.value[P] = M, s.value[v] = {
+        ...s.value[v],
         [Z.name]: M
       };
     }, j = (c) => {
-      a.value = c;
+      s.value = c;
     }, J = (c, v, M) => {
       const P = `${c}:${v}`;
-      u.value[P] !== M && (s.value[v] = !0, p.value[P] = M);
+      i.value[P] !== M && (a.value[v] = !0, p.value[P] = M);
     }, ge = (c) => {
       const v = n.value.indexOf(c) === n.value.length - 1, M = r.value.fullWidth ? c.resizable && !v : c.resizable;
       return {
@@ -1977,25 +1977,25 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         width: `${M}px`
       };
     }, Be = (c) => {
-      const v = a.value[c];
+      const v = s.value[c];
       return k.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) => {
+    }, Re = (c) => !C.value || u.value[c].isRoot || u.value[c].open, Ye = (c) => !C.value && r.value.view !== "list-expansion" ? "" : C.value && (u.value[c].isRoot || u.value[c].isParent) ? u.value[c].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? u.value[c].expanded ? "▼" : "►" : "", Xe = (c) => {
       if (C.value) {
-        const v = l.value[c] || {}, M = !(v.childrenOpen ?? i.value[c].childrenOpen);
+        const v = l.value[c] || {}, M = !(v.childrenOpen ?? u.value[c].childrenOpen);
         l.value[c] = {
           ...v,
           childrenOpen: M
         }, M || Fe(c);
       } else if (r.value.view === "list-expansion") {
-        const v = l.value[c] || {}, M = v.expanded ?? i.value[c].expanded;
+        const v = l.value[c] || {}, M = v.expanded ?? u.value[c].expanded;
         l.value[c] = {
           ...v,
           expanded: !M
         };
       }
     }, Fe = (c) => {
-      for (let v = 0; v < a.value.length; v++)
-        if (i.value[v].parent === c) {
+      for (let v = 0; v < s.value.length; v++)
+        if (u.value[v].parent === c) {
           const M = l.value[v] || {};
           l.value[v] = {
             ...M,
@@ -2006,12 +2006,12 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       const M = W(c, v);
       return Ze(c, v, M);
     }, Ze = (c, v, M) => {
-      const P = n.value[c], 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;
+      const P = n.value[c], Z = s.value[v], T = P.format;
+      return T ? typeof T == "function" ? T(M, { table: i.value, row: Z, column: P }) : typeof T == "string" ? Function(`"use strict";return (${T})`)()(M, { table: i.value, row: Z, column: P }) : 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;
+      const v = s.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 = y.value.findIndex((M) => M.id === c.id);
@@ -2029,7 +2029,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       const P = m.value.find((H) => H.id === c), Z = m.value.find((H) => H.id === v);
       if (!P || !Z)
         return console.warn("Cannot create connection: handle not found"), null;
-      const A = {
+      const T = {
         id: `connection-${c}-${v}`,
         from: {
           barId: P.barId,
@@ -2042,7 +2042,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         style: M?.style,
         label: M?.label
       };
-      return I.value.push(A), A;
+      return I.value.push(T), T;
     }, _ = (c) => {
       const v = I.value.findIndex((M) => M.id === c);
       return v >= 0 ? (I.value.splice(v, 1), !0) : !1;
@@ -2054,38 +2054,36 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       const P = M.filterType || "text", Z = v.value;
       if (!Z && P !== "dateRange" && P !== "checkbox") return !0;
       switch (P) {
-        case "text": {
-          let A = "";
-          return typeof c == "object" && c !== null ? A = Object.values(c).join(" ") : A = String(c || ""), A.toLowerCase().includes(String(Z).toLowerCase());
-        }
+        case "text":
+          return (typeof c == "object" && c !== null ? Object.values(c).join(" ") : String(c || "")).toLowerCase().includes(String(Z).toLowerCase());
         case "number": {
-          const A = Number(c), H = Number(Z);
-          return !isNaN(A) && !isNaN(H) && A === H;
+          const T = Number(c), H = Number(Z);
+          return !isNaN(T) && !isNaN(H) && T === H;
         }
         case "select":
           return c === Z;
         case "checkbox":
           return Z === !0 ? !!c : !0;
         case "date": {
-          let A;
+          let T;
           if (typeof c == "number") {
             const U = new Date(c), ae = (/* @__PURE__ */ new Date()).getFullYear();
-            A = new Date(ae, U.getMonth(), U.getDate());
+            T = new Date(ae, U.getMonth(), U.getDate());
           } else
-            A = new Date(String(c));
+            T = new Date(String(c));
           const H = new Date(String(Z));
-          return A.toDateString() === H.toDateString();
+          return T.toDateString() === H.toDateString();
         }
         case "dateRange": {
-          const A = v.startValue, H = v.endValue;
-          if (!A && !H) return !0;
+          const T = v.startValue, H = v.endValue;
+          if (!T && !H) return !0;
           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
             U = new Date(String(c));
-          return !(A && U < new Date(String(A)) || H && U > new Date(String(H)));
+          return !(T && U < new Date(String(T)) || H && U > new Date(String(H)));
         }
         default:
           return !0;
@@ -2100,7 +2098,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         M[Z.name] = "";
       c && Object.assign(M, c);
       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;
+      return v === "start" ? (P = 0, s.value.unshift(M)) : v === "end" ? (P = s.value.length, s.value.push(M)) : (P = Math.max(0, Math.min(v, s.value.length)), s.value.splice(P, 0, M)), P;
     };
     return {
       // state
@@ -2108,20 +2106,20 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       config: r,
       connectionHandles: m,
       connectionPaths: I,
-      display: i,
+      display: u,
       filterState: f,
       ganttBars: y,
       modal: d,
-      rows: a,
+      rows: s,
       sortState: b,
-      table: u,
+      table: i,
       updates: p,
       // getters
       filteredRows: O,
       hasPinnedColumns: g,
       isGanttView: k,
       isTreeView: C,
-      isDependencyGraphEnabled: $,
+      isDependencyGraphEnabled: A,
       numberedRowWidth: L,
       zeroColumn: S,
       // actions
@@ -2131,26 +2129,26 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       createConnection: Le,
       deleteConnection: _,
       deleteRow: (c) => {
-        if (c < 0 || c >= a.value.length)
+        if (c < 0 || c >= s.value.length)
           return null;
-        const [v] = a.value.splice(c, 1);
-        delete s.value[c], delete l.value[c];
+        const [v] = s.value.splice(c, 1);
+        delete a.value[c], delete l.value[c];
         const M = {}, P = {};
-        for (const [Z, A] of Object.entries(s.value)) {
+        for (const [Z, T] of Object.entries(a.value)) {
           const H = parseInt(Z);
-          H > c ? M[H - 1] = A : M[H] = A;
+          H > c ? M[H - 1] = T : M[H] = T;
         }
-        for (const [Z, A] of Object.entries(l.value)) {
+        for (const [Z, T] of Object.entries(l.value)) {
           const H = parseInt(Z);
-          H > c ? P[H - 1] = A : P[H] = A;
+          H > c ? P[H - 1] = T : P[H] = T;
         }
-        return s.value = M, l.value = P, v;
+        return a.value = M, l.value = P, v;
       },
       duplicateRow: (c) => {
-        if (c < 0 || c >= a.value.length)
+        if (c < 0 || c >= s.value.length)
           return -1;
-        const v = a.value[c], M = JSON.parse(JSON.stringify(v)), P = c + 1;
-        return a.value.splice(P, 0, M), P;
+        const v = s.value[c], M = JSON.parse(JSON.stringify(v)), P = c + 1;
+        return s.value.splice(P, 0, M), P;
       },
       getCellData: W,
       getCellDisplayValue: je,
@@ -2165,28 +2163,28 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         return ce(v, M);
       },
       insertRowBelow: (c, v) => {
-        const M = Math.min(c + 1, a.value.length);
+        const M = Math.min(c + 1, s.value.length);
         return ce(v, M);
       },
       isRowGantt: Be,
       isRowVisible: Re,
       moveRow: (c, v) => {
-        if (c < 0 || c >= a.value.length || v < 0 || v >= a.value.length || c === v)
+        if (c < 0 || c >= s.value.length || v < 0 || v >= s.value.length || c === v)
           return !1;
-        const [M] = a.value.splice(c, 1);
-        a.value.splice(v, 0, M);
+        const [M] = s.value.splice(c, 1);
+        s.value.splice(v, 0, M);
         const P = {}, Z = {};
-        for (const [A, H] of Object.entries(s.value)) {
-          const U = parseInt(A);
+        for (const [T, H] of Object.entries(a.value)) {
+          const U = parseInt(T);
           let ae = U;
           U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), P[ae] = H;
         }
-        for (const [A, H] of Object.entries(l.value)) {
-          const U = parseInt(A);
+        for (const [T, H] of Object.entries(l.value)) {
+          const U = parseInt(T);
           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 a.value = P, l.value = Z, !0;
       },
       registerConnectionHandle: re,
       registerGanttBar: Q,
@@ -2218,12 +2216,12 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
   }),
   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: o }) {
-    const n = Me(e, "rows"), a = Me(e, "columns"), r = o, s = fe("table"), l = ml({ columns: a.value, rows: n.value, id: e.id, config: e.config });
+    const n = Me(e, "rows"), s = Me(e, "columns"), r = o, a = fe("table"), l = ml({ columns: s.value, rows: n.value, id: e.id, config: e.config });
     l.$onAction(({ name: I, store: b, args: f, after: g }) => {
       if (I === "setCellData" || I === "setCellText") {
-        const [k, C, $] = f, L = b.getCellData(k, C);
+        const [k, C, A] = f, L = b.getCellData(k, C);
         g(() => {
-          n.value = [...b.rows], r("cellUpdate", { colIndex: k, rowIndex: C, newValue: $, oldValue: L });
+          n.value = [...b.rows], r("cellUpdate", { colIndex: k, rowIndex: C, newValue: A, oldValue: L });
         });
       } else if (I === "updateGanttBar") {
         const [k] = f;
@@ -2232,7 +2230,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
           r("gantt:drag", k);
         });
       } else I === "resizeColumn" && g(() => {
-        a.value = [...b.columns], r("columns:update", [...b.columns]);
+        s.value = [...b.columns], r("columns:update", [...b.columns]);
       });
     }), ne(
       () => n.value,
@@ -2241,26 +2239,26 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       },
       { deep: !0 }
     ), ne(
-      a,
+      s,
       (I) => {
         JSON.stringify(I) !== JSON.stringify(l.columns) && (l.columns = [...I], r("columns:update", [...I]));
       },
       { deep: !0 }
     ), Ee(() => {
-      a.value.some((I) => I.pinned) && (i(), l.isTreeView && vn(s, i, { childList: !0, subtree: !0 }));
+      s.value.some((I) => I.pinned) && (u(), l.isTreeView && vn(a, u, { childList: !0, subtree: !0 }));
     });
-    const u = T(() => l.columns.filter((I) => I.pinned).length), i = () => {
-      const I = s.value, b = I?.rows[0], f = I?.rows[1], g = b ? Array.from(b.cells) : [];
+    const i = $(() => l.columns.filter((I) => I.pinned).length), u = () => {
+      const I = a.value, b = I?.rows[0], f = I?.rows[1], g = b ? Array.from(b.cells) : [];
       for (const [k, C] of g.entries()) {
-        const $ = f?.cells[k];
-        $ && (C.style.width = `${$.offsetWidth}px`);
+        const A = f?.cells[k];
+        A && (C.style.width = `${A.offsetWidth}px`);
       }
       for (const k of I?.rows || []) {
         let C = 0;
-        const $ = [];
+        const A = [];
         for (const L of k.cells)
-          (L.classList.contains("sticky-column") || L.classList.contains("sticky-index")) && (L.style.left = `${C}px`, C += L.offsetWidth, $.push(L));
-        $.length > 0 && $[$.length - 1].classList.add("sticky-column-edge");
+          (L.classList.contains("sticky-column") || L.classList.contains("sticky-index")) && (L.style.left = `${C}px`, C += L.offsetWidth, A.push(L));
+        A.length > 0 && A[A.length - 1].classList.add("sticky-column-edge");
       }
     };
     window.addEventListener("keydown", (I) => {
@@ -2273,18 +2271,18 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       }
     });
     const d = (I) => {
-      if (!I.gantt || u.value === 0)
+      if (!I.gantt || i.value === 0)
         return l.columns;
       const b = [];
-      for (let f = 0; f < u.value; f++) {
+      for (let f = 0; f < i.value; f++) {
         const g = { ...l.columns[f] };
         g.originalIndex = f, b.push(g);
       }
       return b.push({
-        ...l.columns[u.value],
+        ...l.columns[i.value],
         isGantt: !0,
-        colspan: I.gantt?.colspan || l.columns.length - u.value,
-        originalIndex: u.value,
+        colspan: I.gantt?.colspan || l.columns.length - i.value,
+        originalIndex: i.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), b;
@@ -2360,53 +2358,53 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             (h(!0), x(X, null, pe(V(l).filteredRows, (f, g) => (h(), ve(pn, {
               key: `${f.originalIndex}-${g}`,
               row: f,
-              rowIndex: f.originalIndex,
+              "row-index": f.originalIndex,
               store: V(l),
               "onRow:action": m
             }, {
-              default: $t(() => [
+              default: Tt(() => [
                 (h(!0), x(X, null, pe(d(f), (k, C) => (h(), x(X, {
                   key: k.name
                 }, [
                   k.isGantt ? (h(), ve(Oe(k.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: V(l),
-                    "columns-count": V(l).columns.length - u.value,
+                    "columns-count": V(l).columns.length - i.value,
                     color: f.gantt?.color,
                     start: f.gantt?.startIndex,
                     end: f.gantt?.endIndex,
                     colspan: k.colspan,
                     pinned: k.pinned,
-                    rowIndex: f.originalIndex,
-                    colIndex: k.originalIndex ?? C,
+                    "row-index": f.originalIndex,
+                    "col-index": k.originalIndex ?? C,
                     style: be({
                       textAlign: k?.align || "center",
                       minWidth: k?.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"])) : (h(), ve(Oe(k.cellComponent || "ACell"), {
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (h(), ve(Oe(k.cellComponent || "ACell"), {
                     key: 1,
                     store: V(l),
                     pinned: k.pinned,
-                    rowIndex: f.originalIndex,
-                    colIndex: C,
+                    "row-index": f.originalIndex,
+                    "col-index": C,
                     style: be({
                       textAlign: k?.align || "center",
                       width: V(l).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
-                  }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
+                  }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
                 ], 64))), 128))
               ]),
               _: 2
-            }, 1032, ["row", "rowIndex", "store"]))), 128))
+            }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
         he(I.$slots, "footer", { data: V(l) }, void 0, !0),
         he(I.$slots, "modal", { data: V(l) }, () => [
           K(At(hn, { store: V(l) }, {
-            default: $t(() => [
+            default: Tt(() => [
               (h(), ve(Oe(V(l).modal.component), dt({
                 key: `${V(l).modal.rowIndex}:${V(l).modal.colIndex}`,
                 "col-index": V(l).modal.colIndex,
@@ -2429,7 +2427,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       }, null, 8, ["store"])) : Y("", !0)
     ]));
   }
-}), wl = /* @__PURE__ */ Ve(gl, [["__scopeId", "data-v-56d7171c"]]), yl = {}, bl = { class: "aloading" }, xl = { class: "aloading-header" };
+}), wl = /* @__PURE__ */ Ve(gl, [["__scopeId", "data-v-7b50ad21"]]), yl = {}, bl = { class: "aloading" }, xl = { class: "aloading-header" };
 function kl(e, t) {
   return h(), x("div", bl, [
     w("h2", xl, [
@@ -2447,9 +2445,9 @@ function Al(e, t) {
     t[0] || (t[0] = w("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const $l = /* @__PURE__ */ Ve(Ml, [["render", Al], ["__scopeId", "data-v-e1165876"]]);
-function Tl(e) {
-  e.component("ACell", mo), e.component("AExpansionRow", bo), e.component("AGanttCell", Ao), e.component("ARow", pn), e.component("ARowActions", it), e.component("ATable", wl), e.component("ATableHeader", mn), e.component("ATableLoading", Il), e.component("ATableLoadingBar", $l), e.component("ATableModal", hn);
+const Tl = /* @__PURE__ */ Ve(Ml, [["render", Al], ["__scopeId", "data-v-e1165876"]]);
+function $l(e) {
+  e.component("ACell", mo), e.component("AExpansionRow", bo), e.component("AGanttCell", Ao), e.component("ARow", pn), e.component("ARowActions", it), e.component("ATable", wl), e.component("ATableHeader", mn), e.component("ATableLoading", Il), e.component("ATableLoadingBar", Tl), e.component("ATableModal", hn);
 }
 const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" }, Rl = { class: "aform_display-value" }, Ll = ["for"], Hl = { class: "aform_checkbox-container aform_input-field" }, Vl = ["id", "disabled", "required"], Pl = ["innerHTML"], _l = /* @__PURE__ */ oe({
   __name: "ACheckbox",
@@ -2480,7 +2478,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
         w("span", Hl, [
           K(w("input", {
             id: e.uuid,
-            "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
+            "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
             type: "checkbox",
             class: "aform_checkbox",
             disabled: e.mode === "read",
@@ -2498,12 +2496,12 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), Te = (e, t) => {
+}), $e = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [n, a] of t)
-    o[n] = a;
+  for (const [n, s] of t)
+    o[n] = s;
   return o;
-}, Ol = /* @__PURE__ */ Te(_l, [["__scopeId", "data-v-cc185b72"]]), Bl = /* @__PURE__ */ oe({
+}, Ol = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-cc185b72"]]), Bl = /* @__PURE__ */ oe({
   __name: "AComboBox",
   props: {
     schema: {},
@@ -2519,13 +2517,13 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
   },
   setup(e) {
     return (t, o) => {
-      const n = $n("ATableModal");
+      const n = Tn("ATableModal");
       return h(), ve(n, {
         event: e.event,
         "cell-data": e.cellData,
         class: "amodal"
       }, {
-        default: $t(() => [...o[0] || (o[0] = [
+        default: Tt(() => [...o[0] || (o[0] = [
           w("div", null, [
             w("input", { type: "text" }),
             w("input", { type: "text" }),
@@ -2556,11 +2554,11 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
   setup(e) {
     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]
+      set: (s) => new Date(s).toISOString().split("T")[0]
     }), o = fe("date"), n = () => {
       o.value && "showPicker" in HTMLInputElement.prototype && o.value.showPicker();
     };
-    return (a, r) => (h(), x("div", null, [
+    return (s, r) => (h(), x("div", null, [
       e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("span", Fl, N(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
         w("label", null, N(e.label), 1)
@@ -2568,7 +2566,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
         K(w("input", {
           id: e.uuid,
           ref: "date",
-          "onUpdate:modelValue": r[0] || (r[0] = (s) => t.value = s),
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
           type: "date",
           disabled: e.mode === "read",
           required: e.required,
@@ -2585,7 +2583,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), Gl = /* @__PURE__ */ Te(Wl, [["__scopeId", "data-v-8e467bb3"]]);
+}), Gl = /* @__PURE__ */ $e(Wl, [["__scopeId", "data-v-8e467bb3"]]);
 function gn(e, t) {
   return vt() ? (pt(e, t), !0) : !1;
 }
@@ -2597,11 +2595,11 @@ function jt() {
   return {
     on: (r) => {
       e.add(r);
-      const s = () => t(r);
-      return gn(s), { off: s };
+      const a = () => t(r);
+      return gn(a), { off: a };
     },
     off: t,
-    trigger: (...r) => Promise.all(Array.from(e).map((s) => s(...r))),
+    trigger: (...r) => Promise.all(Array.from(e).map((a) => a(...r))),
     clear: () => {
       e.clear();
     }
@@ -2635,35 +2633,35 @@ function Ue(e) {
   return (t = o?.$el) !== null && t !== void 0 ? t : o;
 }
 function It(...e) {
-  const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
-    const n = kt(E(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
+  const t = (n, s, r, a) => (n.addEventListener(s, r, a), () => n.removeEventListener(s, r, a)), o = $(() => {
+    const n = kt(E(e[0])).filter((s) => s != null);
+    return n.every((s) => typeof s != "string") ? n : void 0;
   });
   return jl(() => {
-    var n, a;
+    var n, s;
     return [
-      (n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => Ue(r))) !== null && n !== void 0 ? n : [yn].filter((r) => r != null),
+      (n = (s = o.value) === null || s === void 0 ? void 0 : s.map((r) => Ue(r))) !== null && n !== void 0 ? n : [yn].filter((r) => r != null),
       kt(E(o.value ? e[1] : e[0])),
       kt(V(o.value ? e[2] : e[1])),
       E(o.value ? e[3] : e[2])
     ];
-  }, ([n, a, r, s], l, u) => {
-    if (!n?.length || !a?.length || !r?.length) return;
-    const i = ql(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
-    u(() => {
+  }, ([n, s, r, a], l, i) => {
+    if (!n?.length || !s?.length || !r?.length) return;
+    const u = ql(a) ? { ...a } : a, d = n.flatMap((p) => s.flatMap((y) => r.map((m) => t(p, y, m, u))));
+    i(() => {
       d.forEach((p) => p());
     });
   }, { flush: "post" });
 }
 function Jt(e, t, o = {}) {
-  const { window: n = yn, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = o;
+  const { window: n = yn, ignore: s = [], capture: r = !0, detectIframe: a = !1, controls: l = !1 } = o;
   if (!n) return l ? {
     stop: Je,
     cancel: Je,
     trigger: Je
   } : Je;
-  let u = !0;
-  const i = (f) => E(a).some((g) => {
+  let i = !0;
+  const u = (f) => E(s).some((g) => {
     if (typeof g == "string") return Array.from(n.document.querySelectorAll(g)).some((k) => k === f.target || f.composedPath().includes(k));
     {
       const k = Ue(g);
@@ -2676,13 +2674,13 @@ function Jt(e, t, o = {}) {
   }
   function p(f, g) {
     const k = E(f), C = k.$.subTree && k.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
+    return C == null || !Array.isArray(C) ? !1 : C.some((A) => A.el === g.target || g.composedPath().includes(A.el));
   }
   const y = (f) => {
     const g = Ue(e);
     if (f.target != null && !(!(g instanceof Element) && d(e) && p(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
-      if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
-        u = !0;
+      if ("detail" in f && f.detail === 0 && (i = !u(f)), !i) {
+        i = !0;
         return;
       }
       t(f);
@@ -2700,9 +2698,9 @@ function Jt(e, t, o = {}) {
     }),
     It(n, "pointerdown", (f) => {
       const g = Ue(e);
-      u = !i(f) && !!(g && !f.composedPath().includes(g));
+      i = !u(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
-    s && It(n, "blur", (f) => {
+    a && It(n, "blur", (f) => {
       setTimeout(() => {
         var g;
         const k = Ue(e);
@@ -2713,10 +2711,10 @@ function Jt(e, t, o = {}) {
   return l ? {
     stop: b,
     cancel: () => {
-      u = !1;
+      i = !1;
     },
     trigger: (f) => {
-      u = !0, y(f), u = !1;
+      i = !0, y(f), i = !1;
     }
   } : b;
 }
@@ -2734,17 +2732,17 @@ function Kl(e) {
   return t.files;
 }
 function ea(e = {}) {
-  const { document: t = Jl } = e, o = R(Kl(e.initialFiles)), { on: n, trigger: a } = /* @__PURE__ */ jt(), { on: r, trigger: s } = /* @__PURE__ */ jt(), l = T(() => {
+  const { document: t = Jl } = e, o = R(Kl(e.initialFiles)), { on: n, trigger: s } = /* @__PURE__ */ jt(), { on: r, trigger: a } = /* @__PURE__ */ jt(), l = $(() => {
     var p;
     const y = (p = Ue(e.input)) !== null && p !== void 0 ? p : t ? t.createElement("input") : void 0;
     return y && (y.type = "file", y.onchange = (m) => {
-      o.value = m.target.files, a(o.value);
+      o.value = m.target.files, s(o.value);
     }, y.oncancel = () => {
-      s();
+      a();
     }), y;
-  }), u = () => {
-    o.value = null, l.value && l.value.value && (l.value.value = "", a(null));
-  }, i = (p) => {
+  }), i = () => {
+    o.value = null, l.value && l.value.value && (l.value.value = "", s(null));
+  }, u = (p) => {
     const y = l.value;
     y && (y.multiple = E(p.multiple), y.accept = E(p.accept), y.webkitdirectory = E(p.directory), Yl(p, "capture") && (y.capture = E(p.capture)));
   }, d = (p) => {
@@ -2755,14 +2753,14 @@ function ea(e = {}) {
       ...e,
       ...p
     };
-    i(m), E(m.reset) && u(), y.click();
+    u(m), E(m.reset) && i(), y.click();
   };
   return ht(() => {
-    i(e);
+    u(e);
   }), {
     files: Rt(o),
     open: d,
-    reset: u,
+    reset: i,
     onCancel: r,
     onChange: n
   };
@@ -2774,27 +2772,27 @@ const Ct = /* @__PURE__ */ new WeakMap();
 function ta(e, t = !1) {
   const o = ue(t);
   let n = "";
-  ne(Xl(e), (s) => {
-    const l = Mt(E(s));
+  ne(Xl(e), (a) => {
+    const l = Mt(E(a));
     if (l) {
-      const u = l;
-      if (Ct.get(u) || Ct.set(u, u.style.overflow), u.style.overflow !== "hidden" && (n = u.style.overflow), u.style.overflow === "hidden") return o.value = !0;
-      if (o.value) return u.style.overflow = "hidden";
+      const i = l;
+      if (Ct.get(i) || Ct.set(i, i.style.overflow), i.style.overflow !== "hidden" && (n = i.style.overflow), i.style.overflow === "hidden") return o.value = !0;
+      if (o.value) return i.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const a = () => {
-    const s = Mt(E(e));
-    !s || o.value || (s.style.overflow = "hidden", o.value = !0);
+  const s = () => {
+    const a = Mt(E(e));
+    !a || o.value || (a.style.overflow = "hidden", o.value = !0);
   }, r = () => {
-    const s = Mt(E(e));
-    !s || !o.value || (s.style.overflow = n, Ct.delete(s), o.value = !1);
+    const a = Mt(E(e));
+    !a || !o.value || (a.style.overflow = n, Ct.delete(a), o.value = !1);
   };
-  return gn(r), T({
+  return gn(r), $({
     get() {
       return o.value;
     },
-    set(s) {
-      s ? a() : r();
+    set(a) {
+      a ? s() : r();
     }
   });
 }
@@ -2804,8 +2802,8 @@ const Et = /* @__PURE__ */ new WeakMap(), na = {
     let n;
     if (typeof t.value == "function") n = Jt(e, t.value, { capture: o });
     else {
-      const [a, r] = t.value;
-      n = Jt(e, a, Object.assign({ capture: o }, r));
+      const [s, r] = t.value;
+      n = Jt(e, s, Object.assign({ capture: o }, r));
     }
     Et.set(e, n);
   },
@@ -2820,8 +2818,8 @@ function oa() {
   return (o, n) => {
     if (t.value = n.value, e) return;
     e = !0;
-    const a = ta(o, n.value);
-    ne(t, (r) => a.value = r);
+    const s = ta(o, n.value);
+    ne(t, (r) => s.value = r);
   };
 }
 oa();
@@ -2858,7 +2856,7 @@ const la = {
       open: !1,
       loading: !1,
       results: e.options
-    }), a = () => u(), r = async () => {
+    }), s = () => i(), r = async () => {
       if (n.open = !0, n.activeItemIndex = null, e.filterFunction) {
         e.isAsync && (n.loading = !0);
         try {
@@ -2870,15 +2868,15 @@ const la = {
           e.isAsync && (n.loading = !1);
         }
       } else
-        i();
-    }, s = (m) => {
-      t.value = m, o.value = m, u(m);
+        u();
+    }, a = (m) => {
+      t.value = m, o.value = m, i(m);
     }, l = () => {
       const m = e.options?.indexOf(t.value ?? "") ?? -1;
       n.activeItemIndex = e.isAsync ? null : m >= 0 ? m : null, n.open = !0, n.results = e.isAsync ? [] : e.options;
-    }, u = (m) => {
+    }, i = (m) => {
       n.activeItemIndex = null, n.open = !1, e.options?.includes(m || t.value || "") || (t.value = o.value);
-    }, i = () => {
+    }, u = () => {
       t.value ? n.results = e.options?.filter((m) => m.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.options;
     }, d = () => {
       const m = n.results?.length || 0;
@@ -2897,7 +2895,7 @@ const la = {
     }, y = () => {
       if (n.results) {
         const m = n.activeItemIndex || 0, I = n.results[m];
-        s(I);
+        a(I);
       }
       n.activeItemIndex = 0;
     };
@@ -2919,8 +2917,8 @@ const la = {
             Ne(d, ["down"]),
             Ne(p, ["up"]),
             Ne(y, ["enter"]),
-            Ne(a, ["esc"]),
-            Ne(a, ["tab"])
+            Ne(s, ["esc"]),
+            Ne(s, ["tab"])
           ]
         }, null, 40, ra), [
           [we, t.value]
@@ -2929,7 +2927,7 @@ const la = {
           n.loading ? (h(), x("li", ua, "Loading results...")) : (h(!0), x(X, { key: 1 }, pe(n.results, (b, f) => (h(), x("li", {
             key: b,
             class: se(["autocomplete-result", { "is-active": f === n.activeItemIndex }]),
-            onClick: Ie((g) => s(b), ["stop"])
+            onClick: Ie((g) => a(b), ["stop"])
           }, N(b), 11, ca))), 128))
         ], 512), [
           [Ce, n.open]
@@ -2937,10 +2935,10 @@ const la = {
         w("label", null, N(e.label), 1)
       ])
     ], 2)), [
-      [V(na), a]
+      [V(na), s]
     ]);
   }
-}), fa = /* @__PURE__ */ Te(da, [["__scopeId", "data-v-c823d475"]]);
+}), fa = /* @__PURE__ */ $e(da, [["__scopeId", "data-v-c823d475"]]);
 function bn(e, t) {
   return vt() ? (pt(e, t), !0) : !1;
 }
@@ -2964,22 +2962,22 @@ function Ge(e) {
   return (t = o?.$el) !== null && t !== void 0 ? t : o;
 }
 function Ke(...e) {
-  const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
-    const n = ut(E(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
+  const t = (n, s, r, a) => (n.addEventListener(s, r, a), () => n.removeEventListener(s, r, a)), o = $(() => {
+    const n = ut(E(e[0])).filter((s) => s != null);
+    return n.every((s) => typeof s != "string") ? n : void 0;
   });
   return wa(() => {
-    var n, a;
+    var n, s;
     return [
-      (n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => Ge(r))) !== null && n !== void 0 ? n : [qe].filter((r) => r != null),
+      (n = (s = o.value) === null || s === void 0 ? void 0 : s.map((r) => Ge(r))) !== null && n !== void 0 ? n : [qe].filter((r) => r != null),
       ut(E(o.value ? e[1] : e[0])),
       ut(V(o.value ? e[2] : e[1])),
       E(o.value ? e[3] : e[2])
     ];
-  }, ([n, a, r, s], l, u) => {
-    if (!n?.length || !a?.length || !r?.length) return;
-    const i = ha(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
-    u(() => {
+  }, ([n, s, r, a], l, i) => {
+    if (!n?.length || !s?.length || !r?.length) return;
+    const u = ha(a) ? { ...a } : a, d = n.flatMap((p) => s.flatMap((y) => r.map((m) => t(p, y, m, u))));
+    i(() => {
       d.forEach((p) => p());
     });
   }, { flush: "post" });
@@ -2994,40 +2992,40 @@ function ya() {
 // @__NO_SIDE_EFFECTS__
 function ba(e) {
   const t = /* @__PURE__ */ ya();
-  return T(() => (t.value, !!e()));
+  return $(() => (t.value, !!e()));
 }
 function xa(e, t, o = {}) {
-  const { window: n = qe, ...a } = o;
+  const { window: n = qe, ...s } = o;
   let r;
-  const s = /* @__PURE__ */ ba(() => n && "MutationObserver" in n), l = () => {
+  const a = /* @__PURE__ */ ba(() => n && "MutationObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, u = ne(T(() => {
+  }, i = ne($(() => {
     const p = ut(E(e)).map(Ge).filter(pa);
     return new Set(p);
   }), (p) => {
-    l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
+    l(), a.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, s)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => r?.takeRecords(), d = () => {
-    u(), l();
+  }), u = () => r?.takeRecords(), d = () => {
+    i(), l();
   };
   return bn(d), {
-    isSupported: s,
+    isSupported: a,
     stop: d,
-    takeRecords: i
+    takeRecords: u
   };
 }
 function ka(e, t, o = {}) {
-  const { window: n = qe, document: a = n?.document, flush: r = "sync" } = o;
-  if (!n || !a) return ga;
-  let s;
+  const { window: n = qe, document: s = n?.document, flush: r = "sync" } = o;
+  if (!n || !s) return ga;
+  let a;
   const l = (d) => {
-    s?.(), s = d;
-  }, u = ht(() => {
+    a?.(), a = d;
+  }, i = ht(() => {
     const d = Ge(e);
     if (d) {
-      const { stop: p } = xa(a, (y) => {
+      const { stop: p } = xa(s, (y) => {
         y.map((m) => [...m.removedNodes]).flat().some((m) => m === d || m.contains(d)) && t(y);
       }, {
         window: n,
@@ -3036,65 +3034,65 @@ function ka(e, t, o = {}) {
       });
       l(p);
     }
-  }, { flush: r }), i = () => {
-    u(), l();
+  }, { flush: r }), u = () => {
+    i(), l();
   };
-  return bn(i), i;
+  return bn(u), u;
 }
 // @__NO_SIDE_EFFECTS__
 function Ia(e = {}) {
   var t;
-  const { window: o = qe, deep: n = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, s = () => {
-    let i = r?.activeElement;
+  const { window: o = qe, deep: n = !0, triggerOnRemoval: s = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, a = () => {
+    let u = r?.activeElement;
     if (n)
-      for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
-    return i;
-  }, l = ue(), u = () => {
-    l.value = s();
+      for (var d; u?.shadowRoot; ) u = u == null || (d = u.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
+    return u;
+  }, l = ue(), i = () => {
+    l.value = a();
   };
   if (o) {
-    const i = {
+    const u = {
       capture: !0,
       passive: !0
     };
     Ke(o, "blur", (d) => {
-      d.relatedTarget === null && u();
-    }, i), Ke(o, "focus", u, i);
+      d.relatedTarget === null && i();
+    }, u), Ke(o, "focus", i, u);
   }
-  return a && ka(l, u, { document: r }), u(), l;
+  return s && ka(l, i, { document: r }), i(), l;
 }
 const Ma = "focusin", Ca = "focusout", Ea = ":focus-within";
 function Aa(e, t = {}) {
-  const { window: o = qe } = t, n = T(() => Ge(e)), a = ue(!1), r = T(() => a.value);
+  const { window: o = qe } = t, n = $(() => Ge(e)), s = ue(!1), r = $(() => s.value);
   if (!o || !(/* @__PURE__ */ Ia(t)).value) return { focused: r };
-  const s = { passive: !0 };
-  return Ke(n, Ma, () => a.value = !0, s), Ke(n, Ca, () => {
-    var l, u, i;
-    return a.value = (l = (u = n.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Ea)) !== null && l !== void 0 ? l : !1;
-  }, s), { focused: r };
-}
-function $a(e, { window: t = qe, scrollTarget: o } = {}) {
-  const n = R(!1), a = () => {
+  const a = { passive: !0 };
+  return Ke(n, Ma, () => s.value = !0, a), Ke(n, Ca, () => {
+    var l, i, u;
+    return s.value = (l = (i = n.value) === null || i === void 0 || (u = i.matches) === null || u === void 0 ? void 0 : u.call(i, Ea)) !== null && l !== void 0 ? l : !1;
+  }, a), { focused: r };
+}
+function Ta(e, { window: t = qe, scrollTarget: o } = {}) {
+  const n = R(!1), s = () => {
     if (!t) return;
-    const r = t.document, s = Ge(e);
-    if (!s)
+    const r = t.document, a = Ge(e);
+    if (!a)
       n.value = !1;
     else {
-      const l = s.getBoundingClientRect();
+      const l = a.getBoundingClientRect();
       n.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
     }
   };
   return ne(
     () => Ge(e),
-    () => a(),
+    () => s(),
     { immediate: !0, flush: "post" }
-  ), t && Ke(o || t, "scroll", a, {
+  ), t && Ke(o || t, "scroll", s, {
     capture: !1,
     passive: !0
   }), n;
 }
 const De = (e) => {
-  let t = $a(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;
@@ -3112,20 +3110,20 @@ const De = (e) => {
     o && (t = o);
   }
   return t && (!Se(t) || !De(t)) ? Bt(t) : t;
-}, Ta = (e) => {
+}, $a = (e) => {
   const t = e.target;
   let o;
   if (t instanceof HTMLTableCellElement) {
     const n = t.parentElement?.parentElement;
     if (n) {
-      const a = n.firstElementChild?.children[t.cellIndex];
-      a && (o = a);
+      const s = n.firstElementChild?.children[t.cellIndex];
+      s && (o = s);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const n = t.parentElement;
     if (n) {
-      const a = n.firstElementChild;
-      a && (o = a);
+      const s = n.firstElementChild;
+      s && (o = s);
     }
   }
   return o && (!Se(o) || !De(o)) ? Ft(o) : o;
@@ -3151,14 +3149,14 @@ const De = (e) => {
   if (t instanceof HTMLTableCellElement) {
     const n = t.parentElement?.parentElement;
     if (n) {
-      const a = n.lastElementChild?.children[t.cellIndex];
-      a && (o = a);
+      const s = n.lastElementChild?.children[t.cellIndex];
+      s && (o = s);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const n = t.parentElement;
     if (n) {
-      const a = n.lastElementChild;
-      a && (o = a);
+      const s = n.lastElementChild;
+      s && (o = s);
     }
   }
   return o && (!Se(o) || !De(o)) ? Bt(o) : o;
@@ -3203,7 +3201,7 @@ const De = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Ta(e);
+    const t = $a(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
@@ -3250,38 +3248,38 @@ const De = (e) => {
   }
 };
 function Ra(e) {
-  const t = (s) => {
+  const t = (a) => {
     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;
-  }, o = (s) => {
-    const l = t(s);
-    let u = [];
-    if (typeof s.selectors == "string")
-      u = Array.from(l ? l.querySelectorAll(s.selectors) : document.querySelectorAll(s.selectors));
-    else if (Array.isArray(s.selectors))
-      for (const i of s.selectors)
-        i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
-    else if (s.selectors instanceof HTMLElement)
-      u.push(s.selectors);
-    else if (s.selectors?.value)
-      if (Array.isArray(s.selectors.value))
-        for (const i of s.selectors.value)
-          i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
+    return a.parent && (typeof a.parent == "string" ? l = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? l = a.parent : l = a.parent.value), l;
+  }, o = (a) => {
+    const l = t(a);
+    let i = [];
+    if (typeof a.selectors == "string")
+      i = Array.from(l ? l.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
+    else if (Array.isArray(a.selectors))
+      for (const u of a.selectors)
+        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+    else if (a.selectors instanceof HTMLElement)
+      i.push(a.selectors);
+    else if (a.selectors?.value)
+      if (Array.isArray(a.selectors.value))
+        for (const u of a.selectors.value)
+          u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
       else
-        u.push(s.selectors.value);
-    return u;
-  }, n = (s) => {
-    const l = t(s);
-    let u = [];
-    return s.selectors ? u = o(s) : l && (u = Array.from(l.children).filter((i) => Se(i) && De(i))), u;
-  }, a = (s) => (l) => {
-    const u = Sa[l.key] || l.key.toLowerCase();
-    if (at.includes(u)) return;
-    const i = s.handlers || xn;
-    for (const d of Object.keys(i)) {
+        i.push(a.selectors.value);
+    return i;
+  }, n = (a) => {
+    const l = t(a);
+    let i = [];
+    return a.selectors ? i = o(a) : l && (i = Array.from(l.children).filter((u) => Se(u) && De(u))), i;
+  }, s = (a) => (l) => {
+    const i = Sa[l.key] || l.key.toLowerCase();
+    if (at.includes(i)) return;
+    const u = a.handlers || xn;
+    for (const d of Object.keys(u)) {
       const [p, ...y] = d.split(".");
-      if (p === "keydown" && y.includes(u)) {
-        const m = i[d], I = y.filter((f) => at.includes(f)), b = at.some((f) => {
+      if (p === "keydown" && y.includes(i)) {
+        const m = u[d], I = y.filter((f) => at.includes(f)), b = at.some((f) => {
           const g = f.charAt(0).toUpperCase() + f.slice(1);
           return l.getModifierState(g);
         });
@@ -3299,18 +3297,18 @@ function Ra(e) {
     }
   }, r = [];
   Ee(() => {
-    for (const s of e) {
-      const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
+    for (const a of e) {
+      const l = t(a), i = n(a), u = s(a), d = l ? [l] : i;
       for (const p of d) {
         const { focused: y } = Aa(R(p)), m = ne(y, (I) => {
-          I ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+          I ? p.addEventListener("keydown", u) : p.removeEventListener("keydown", u);
         });
         r.push(m);
       }
     }
   }), an(() => {
-    for (const s of r)
-      s();
+    for (const a of r)
+      a();
   });
 }
 const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
@@ -3337,35 +3335,35 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const o = Me(e, "modelValue"), n = R(new Date(o.value)), a = R(n.value.getMonth()), r = R(n.value.getFullYear()), s = R([]), l = fe("datepicker");
+    const o = Me(e, "modelValue"), n = R(new Date(o.value)), s = R(n.value.getMonth()), r = R(n.value.getFullYear()), a = R([]), l = fe("datepicker");
     Ee(async () => {
-      u(), await ft();
+      i(), await ft();
       const C = document.getElementsByClassName("selectedDate");
       if (C.length > 0)
         C[0].focus();
       else {
-        const $ = document.getElementsByClassName("todaysDate");
-        $.length > 0 && $[0].focus();
+        const A = document.getElementsByClassName("todaysDate");
+        A.length > 0 && A[0].focus();
       }
     });
-    const u = () => {
-      s.value = [];
-      const C = new Date(r.value, a.value, 1), $ = C.getDay(), L = C.setDate(C.getDate() - $);
+    const i = () => {
+      a.value = [];
+      const C = new Date(r.value, s.value, 1), A = C.getDay(), L = C.setDate(C.getDate() - A);
       for (const S of Array(43).keys())
-        s.value.push(L + S * 864e5);
+        a.value.push(L + S * 864e5);
     };
-    ne([a, r], u);
-    const i = () => r.value -= 1, d = () => r.value += 1, p = () => {
-      a.value == 0 ? (a.value = 11, i()) : a.value -= 1;
+    ne([s, r], i);
+    const u = () => r.value -= 1, d = () => r.value += 1, p = () => {
+      s.value == 0 ? (s.value = 11, u()) : s.value -= 1;
     }, y = () => {
-      a.value == 11 ? (a.value = 0, d()) : a.value += 1;
+      s.value == 11 ? (s.value = 0, d()) : s.value += 1;
     }, m = (C) => {
-      const $ = /* @__PURE__ */ new Date();
-      if (a.value === $.getMonth())
-        return $.toDateString() === new Date(C).toDateString();
-    }, I = (C) => new Date(C).toDateString() === new Date(n.value).toDateString(), b = (C, $) => (C - 1) * ln + $, f = (C, $) => s.value[b(C, $)], g = (C) => {
-      o.value = n.value = new Date(s.value[C]);
-    }, k = T(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
+      const A = /* @__PURE__ */ new Date();
+      if (s.value === A.getMonth())
+        return A.toDateString() === new Date(C).toDateString();
+    }, I = (C) => new Date(C).toDateString() === new Date(n.value).toDateString(), b = (C, A) => (C - 1) * ln + A, f = (C, A) => a.value[b(C, A)], g = (C) => {
+      o.value = n.value = new Date(a.value[C]);
+    }, k = $(() => new Date(r.value, s.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
@@ -3376,7 +3374,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
         handlers: {
           ...xn,
           "keydown.pageup": p,
-          "keydown.shift.pageup": i,
+          "keydown.shift.pageup": u,
           "keydown.pagedown": y,
           "keydown.shift.pagedown": d,
           // TODO: this is a hack to override the stonecrop enter handler;
@@ -3385,7 +3383,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
           }
         }
       }
-    ]), t({ currentMonth: a, currentYear: r, selectedDate: n }), (C, $) => e.mode === "display" || e.mode === "read" ? (h(), x(X, { key: 0 }, [
+    ]), t({ currentMonth: s, currentYear: r, selectedDate: n }), (C, A) => e.mode === "display" || e.mode === "read" ? (h(), x(X, { key: 0 }, [
       w("span", La, N(o.value ? new Date(o.value).toLocaleDateString() : ""), 1),
       e.label ? (h(), x("label", Ha, N(e.label), 1)) : Y("", !0)
     ], 64)) : (h(), x("div", Va, [
@@ -3404,7 +3402,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
               onClick: y
             }, ">")
           ]),
-          $[0] || ($[0] = w("tr", { class: "days-header" }, [
+          A[0] || (A[0] = w("tr", { class: "days-header" }, [
             w("td", null, "M"),
             w("td", null, "T"),
             w("td", null, "W"),
@@ -3433,7 +3431,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       ])
     ], 512));
   }
-}), Fa = /* @__PURE__ */ Te(Ba, [["__scopeId", "data-v-9da05d06"]]), Za = /* @__PURE__ */ oe({
+}), Fa = /* @__PURE__ */ $e(Ba, [["__scopeId", "data-v-9da05d06"]]), Za = /* @__PURE__ */ oe({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
@@ -3443,7 +3441,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       class: se(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Na = /* @__PURE__ */ Te(Za, [["__scopeId", "data-v-6f1c1b45"]]), Ua = { class: "aform" }, Wa = {
+}), Na = /* @__PURE__ */ $e(Za, [["__scopeId", "data-v-6f1c1b45"]]), Ua = { class: "aform" }, Wa = {
   key: 0,
   class: "aform-nested-section"
 }, Ga = {
@@ -3460,19 +3458,19 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
   }),
   emits: /* @__PURE__ */ xe(["update:schema", "update:data"], ["update:data"]),
   setup(e, { emit: t }) {
-    const o = t, n = Me(e, "data"), a = R({});
+    const o = t, n = Me(e, "data"), s = R({});
     ne(
       () => n.value,
       (p) => {
         !e.schema || !p || e.schema.forEach((y) => {
-          "schema" in y && Array.isArray(y.schema) && y.schema.length > 0 && (a.value[y.fieldname] = p[y.fieldname] ?? {});
+          "schema" in y && Array.isArray(y.schema) && y.schema.length > 0 && (s.value[y.fieldname] = p[y.fieldname] ?? {});
         });
       },
       { immediate: !0 }
     );
     const r = (p, y) => {
-      a.value[p] = y, n.value && (n.value[p] = y, o("update:data", { ...n.value }));
-    }, s = (p) => {
+      s.value[p] = y, n.value && (n.value[p] = y, o("update:data", { ...n.value }));
+    }, a = (p) => {
       const y = {};
       for (const [m, I] of Object.entries(p))
         ["component", "fieldtype", "mode"].includes(m) || (y[m] = I);
@@ -3481,14 +3479,14 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
         (!m || Array.isArray(m) && m.length === 0) && (y.rows = n.value[p.fieldname] || []);
       }
       return y;
-    }, l = T(() => e.mode ?? "edit");
-    function u(p) {
+    }, l = $(() => e.mode ?? "edit");
+    function i(p) {
       const y = p.mode;
       return y || l.value;
     }
-    const i = R([]);
+    const u = R([]);
     ht(() => {
-      e.schema && i.value.length !== e.schema.length && (i.value = e.schema.map((p, y) => T({
+      e.schema && u.value.length !== e.schema.length && (u.value = e.schema.map((p, y) => $({
         get() {
           return n.value?.[e.schema[y].fieldname];
         },
@@ -3498,14 +3496,14 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
         }
       })));
     });
-    const d = T(() => i.value);
+    const d = $(() => u.value);
     return (p, y) => (h(), x("form", Ua, [
       (h(!0), x(X, null, pe(e.schema, (m, I) => (h(), x(X, { key: I }, [
         "schema" in m && Array.isArray(m.schema) && m.schema.length > 0 ? (h(), x("div", Wa, [
           m.label && !("collapsible" in m) ? (h(), x("h4", Ga, N(m.label), 1)) : Y("", !0),
           (h(), ve(Oe(m.component ?? "AForm"), {
-            data: a.value[m.fieldname],
-            mode: u(m),
+            data: s.value[m.fieldname],
+            mode: i(m),
             schema: m.schema,
             label: m.label,
             collapsible: m.collapsible,
@@ -3517,12 +3515,12 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
           "onUpdate:modelValue": (b) => d.value[I].value = b,
           schema: m,
           data: n.value[m.fieldname],
-          mode: u(m)
-        }, { ref_for: !0 }, s(m)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
+          mode: i(m)
+        }, { ref_for: !0 }, a(m)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
       ], 64))), 128))
     ]));
   }
-}), kn = /* @__PURE__ */ Te(za, [["__scopeId", "data-v-976e189b"]]), qa = /* @__PURE__ */ oe({
+}), kn = /* @__PURE__ */ $e(za, [["__scopeId", "data-v-8d4cd672"]]), qa = /* @__PURE__ */ oe({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -3533,10 +3531,10 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
     mode: { default: "edit" }
   },
   setup(e, { expose: t }) {
-    const o = R(!1), n = R(e.data || []), a = R(e.schema), r = (s) => {
-      s.preventDefault(), e.collapsible && (o.value = !o.value);
+    const o = R(!1), n = R(e.data || []), s = R(e.schema), r = (a) => {
+      a.preventDefault(), e.collapsible && (o.value = !o.value);
     };
-    return t({ collapsed: o }), (s, l) => (h(), x("fieldset", null, [
+    return t({ collapsed: o }), (a, l) => (h(), x("fieldset", null, [
       e.label || e.collapsible ? (h(), x("legend", {
         key: 0,
         onClick: r,
@@ -3548,11 +3546,11 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
           collapsed: o.value
         }, null, 8, ["collapsed"])) : Y("", !0)
       ], 32)) : Y("", !0),
-      he(s.$slots, "default", { collapsed: o.value }, () => [
+      he(a.$slots, "default", { collapsed: o.value }, () => [
         K(At(kn, {
           data: n.value,
-          "onUpdate:data": l[0] || (l[0] = (u) => n.value = u),
-          schema: a.value,
+          "onUpdate:data": l[0] || (l[0] = (i) => n.value = i),
+          schema: s.value,
           mode: e.mode
         }, null, 8, ["data", "schema", "mode"]), [
           [Ce, !o.value]
@@ -3560,7 +3558,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       ], !0)
     ]));
   }
-}), Ya = /* @__PURE__ */ Te(qa, [["__scopeId", "data-v-3cefeba6"]]), Xa = { class: "aform_form-element aform_file-attach aform__grid--full" }, ja = {
+}), Ya = /* @__PURE__ */ $e(qa, [["__scopeId", "data-v-3cefeba6"]]), Xa = { class: "aform_form-element aform_file-attach aform__grid--full" }, ja = {
   key: 0,
   class: "aform_file-attach-feedback"
 }, Ja = {
@@ -3581,19 +3579,19 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
     validation: {}
   },
   setup(e) {
-    const { files: t, open: o, reset: n, onChange: a } = ea(), r = T(() => {
-      const s = t.value?.length ?? 0;
-      return `${s} ${s === 1 ? "file" : "files"}`;
+    const { files: t, open: o, reset: n, onChange: s } = ea(), r = $(() => {
+      const a = t.value?.length ?? 0;
+      return `${a} ${a === 1 ? "file" : "files"}`;
     });
-    return a((s) => s), (s, l) => (h(), x("div", Xa, [
+    return s((a) => a), (a, l) => (h(), x("div", Xa, [
       e.mode === "display" ? (h(), x(X, { key: 0 }, [
         V(t) ? (h(), x("div", ja, [
           w("p", null, [
             w("b", null, N(r.value), 1)
           ]),
-          (h(!0), x(X, null, pe(V(t), (u) => (h(), x("li", {
-            key: u.name
-          }, N(u.name), 1))), 128))
+          (h(!0), x(X, null, pe(V(t), (i) => (h(), x("li", {
+            key: i.name
+          }, N(i.name), 1))), 128))
         ])) : (h(), x("span", Ja, "No file selected"))
       ], 64)) : (h(), x(X, { key: 1 }, [
         V(t) ? (h(), x("div", Qa, [
@@ -3601,26 +3599,26 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
             l[2] || (l[2] = Dt(" You have selected: ", -1)),
             w("b", null, N(r.value), 1)
           ]),
-          (h(!0), x(X, null, pe(V(t), (u) => (h(), x("li", {
-            key: u.name
-          }, N(u.name), 1))), 128))
+          (h(!0), x(X, null, pe(V(t), (i) => (h(), x("li", {
+            key: i.name
+          }, N(i.name), 1))), 128))
         ])) : Y("", !0),
         w("button", {
           type: "button",
           class: "aform_form-btn",
           disabled: e.mode === "read",
-          onClick: l[0] || (l[0] = (u) => V(o)())
+          onClick: l[0] || (l[0] = (i) => V(o)())
         }, N(e.label), 9, Ka),
         w("button", {
           type: "button",
           disabled: !V(t) || e.mode === "read",
           class: "aform_form-btn",
-          onClick: l[1] || (l[1] = (u) => V(n)())
+          onClick: l[1] || (l[1] = (i) => V(n)())
         }, "Reset", 8, es)
       ], 64))
     ]));
   }
-}), ns = /* @__PURE__ */ Te(ts, [["__scopeId", "data-v-6543d39a"]]), os = { class: "aform_form-element" }, ls = { class: "aform_display-value" }, as = { class: "aform_field-label" }, ss = ["id", "disabled", "required"], rs = ["for"], is = ["innerHTML"], us = /* @__PURE__ */ oe({
+}), ns = /* @__PURE__ */ $e(ts, [["__scopeId", "data-v-6543d39a"]]), os = { class: "aform_form-element" }, ls = { class: "aform_display-value" }, as = { class: "aform_field-label" }, ss = ["id", "disabled", "required"], rs = ["for"], is = ["innerHTML"], us = /* @__PURE__ */ oe({
   __name: "ANumericInput",
   props: /* @__PURE__ */ xe({
     schema: {},
@@ -3644,7 +3642,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       ], 64)) : (h(), x(X, { key: 1 }, [
         K(w("input", {
           id: e.uuid,
-          "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
           class: "aform_input-field",
           type: "number",
           disabled: e.mode === "read",
@@ -3685,17 +3683,17 @@ function ds(e) {
 function fs(e, t) {
   let o = e;
   const n = [t, "/", "-", "(", ")", " "];
-  for (const a of n)
-    o = o.replaceAll(a, "");
+  for (const s of n)
+    o = o.replaceAll(s, "");
   return o;
 }
 function vs(e, t, o) {
   let n = t;
-  for (const a of e) {
+  for (const s of e) {
     const r = n.indexOf(o);
     if (r !== -1) {
-      const s = n.substring(0, r), l = n.substring(r + 1);
-      n = s + a + l;
+      const a = n.substring(0, r), l = n.substring(r + 1);
+      n = a + s + l;
     }
   }
   return n.slice(0, t.length);
@@ -3703,10 +3701,10 @@ function vs(e, t, o) {
 function ps(e, t) {
   const o = ds(t);
   if (!o) return;
-  const n = "#", a = e.value, r = fs(a, n);
+  const n = "#", s = e.value, r = fs(s, n);
   if (r) {
-    const s = vs(r, o, n);
-    t.instance?.maskFilled && (t.instance.maskFilled = !s.includes(n)), e.value = s;
+    const a = vs(r, o, n), l = t.instance;
+    l?.maskFilled && (l.maskFilled = !a.includes(n)), e.value = a;
   } else
     e.value = o;
 }
@@ -3727,14 +3725,14 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
   emits: ["update:modelValue"],
   setup(e) {
     const t = R(!0), o = Me(e, "modelValue");
-    return (n, a) => (h(), x("div", ms, [
+    return (n, s) => (h(), x("div", ms, [
       e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("span", hs, N(o.value ?? ""), 1),
         w("label", gs, N(e.label), 1)
       ], 64)) : (h(), x(X, { key: 1 }, [
         K(w("input", {
           id: e.uuid,
-          "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
+          "onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
           class: "aform_input-field",
           disabled: e.mode === "read",
           maxlength: e.mask && t.value ? e.mask.length : void 0,
@@ -3756,7 +3754,7 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
       ], 64))
     ]));
   }
-}), ks = { class: "login-container" }, Is = { class: "account-container" }, Ms = { class: "account-header" }, Cs = { id: "account-title" }, Es = { id: "account-subtitle" }, As = { class: "login-form-container" }, $s = { class: "login-form-email aform_form-element" }, Ts = ["disabled"], Ds = { class: "login-form-password aform_form-element" }, Ss = ["disabled"], Rs = ["disabled"], Ls = {
+}), ks = { class: "login-container" }, Is = { class: "account-container" }, Ms = { class: "account-header" }, Cs = { id: "account-title" }, Es = { id: "account-subtitle" }, As = { class: "login-form-container" }, Ts = { class: "login-form-email aform_form-element" }, $s = ["disabled"], Ds = { class: "login-form-password aform_form-element" }, Ss = ["disabled"], Rs = ["disabled"], Ls = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
 }, Hs = /* @__PURE__ */ oe({
@@ -3767,15 +3765,15 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
   },
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
-    const o = t, n = R(""), a = R(""), r = R(!1), s = R(!1);
-    function l(u) {
-      if (u.preventDefault(), r.value = !0, s.value) {
+    const o = t, n = R(""), s = R(""), r = R(!1), a = R(!1);
+    function l(i) {
+      if (i.preventDefault(), r.value = !0, a.value) {
         r.value = !1, o("loginFailed");
         return;
       }
       r.value = !1, o("loginSuccess");
     }
-    return (u, i) => (h(), x("div", ks, [
+    return (i, u) => (h(), x("div", ks, [
       w("div", null, [
         w("div", Is, [
           w("div", Ms, [
@@ -3784,15 +3782,15 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
           ]),
           w("form", { onSubmit: l }, [
             w("div", As, [
-              w("div", $s, [
-                i[2] || (i[2] = w("label", {
+              w("div", Ts, [
+                u[2] || (u[2] = w("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
                 K(w("input", {
                   id: "email",
-                  "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d),
+                  "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
@@ -3801,47 +3799,47 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: r.value
-                }, null, 8, Ts), [
+                }, null, 8, $s), [
                   [we, n.value]
                 ])
               ]),
               w("div", Ds, [
-                i[3] || (i[3] = w("label", {
+                u[3] || (u[3] = w("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
                 K(w("input", {
                   id: "password",
-                  "onUpdate:modelValue": i[1] || (i[1] = (d) => a.value = d),
+                  "onUpdate:modelValue": u[1] || (u[1] = (d) => s.value = d),
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
                   disabled: r.value
                 }, null, 8, Ss), [
-                  [we, a.value]
+                  [we, s.value]
                 ])
               ]),
               w("button", {
                 class: "btn",
-                disabled: r.value || !n.value || !a.value,
+                disabled: r.value || !n.value || !s.value,
                 onClick: l
               }, [
                 r.value ? (h(), x("span", Ls, "progress_activity")) : Y("", !0),
-                i[4] || (i[4] = w("span", { id: "login-form-button" }, "Login", -1))
+                u[4] || (u[4] = w("span", { id: "login-form-button" }, "Login", -1))
               ], 8, Rs)
             ])
           ], 32),
-          i[5] || (i[5] = w("button", { class: "btn" }, [
+          u[5] || (u[5] = w("button", { class: "btn" }, [
             w("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), _s = /* @__PURE__ */ Te(Hs, [["__scopeId", "data-v-d9ffd0a7"]]);
+}), _s = /* @__PURE__ */ $e(Hs, [["__scopeId", "data-v-d9ffd0a7"]]);
 function Os(e) {
-  e.use(Tl), e.component("ACheckbox", Ol), e.component("AComboBox", Bl), e.component("ADate", Gl), e.component("ADropdown", fa), e.component("ADatePicker", Fa), e.component("AFieldset", Ya), e.component("AFileAttach", ns), e.component("AForm", kn), e.component("ANumericInput", us), e.component("ATextInput", xs);
+  e.use($l), e.component("ACheckbox", Ol), e.component("AComboBox", Bl), e.component("ADate", Gl), e.component("ADropdown", fa), e.component("ADatePicker", Fa), e.component("AFieldset", Ya), e.component("AFileAttach", ns), e.component("AForm", kn), e.component("ANumericInput", us), e.component("ATextInput", xs);
 }
 export {
   Ol as ACheckbox,