@stonecrop/atable 0.13.12 → 0.14.0

package/dist/atable.js

@@ -1,149 +1,149 @@
-import { onMounted as Ae, ref as z, watch as ue, onBeforeUnmount as Pt, computed as E, shallowRef as re, toValue as A, watchEffect as Zt, getCurrentScope as $t, onScopeDispose as It, getCurrentInstance as lt, unref as O, nextTick as at, isRef as Nt, toRefs as Ft, customRef as Tt, toRef as Wt, readonly as zt, defineComponent as xe, useTemplateRef as ce, openBlock as p, createElementBlock as b, normalizeClass as se, normalizeStyle as pe, createBlock as he, resolveDynamicComponent as Ne, mergeProps as st, toDisplayString as be, Fragment as me, createElementVNode as N, renderSlot as fe, createCommentVNode as ee, useCssVars as Xt, onUnmounted as Gt, withModifiers as Se, withDirectives as de, renderList as Ce, vShow as it, reactive as jt, vModelText as Ze, vModelCheckbox as Yt, vModelSelect as Ut, createTextVNode as Jt, useModel as wt, inject as qt, createVNode as pt, withCtx as xt, mergeModels as yt } from "vue";
-import { defineStore as Qt } from "pinia";
-import './assets/index.css';function St(e, t) {
-  return $t() ? (It(e, t), !0) : !1;
+import { onMounted as Ie, ref as W, watch as ce, onBeforeUnmount as Nt, computed as T, shallowRef as re, toValue as H, watchEffect as Ft, getCurrentScope as Et, onScopeDispose as Tt, getCurrentInstance as lt, unref as P, nextTick as at, isRef as Wt, toRefs as zt, customRef as St, toRef as Xt, readonly as Gt, defineComponent as Ce, useTemplateRef as de, openBlock as b, createElementBlock as R, normalizeClass as ae, normalizeStyle as pe, createBlock as ve, resolveDynamicComponent as Ne, mergeProps as st, toDisplayString as ye, useCssVars as Ut, onUnmounted as jt, createElementVNode as z, withModifiers as $e, createCommentVNode as _, withDirectives as ue, Fragment as me, renderList as be, vShow as it, renderSlot as he, reactive as Yt, vModelText as Ze, vModelCheckbox as Jt, vModelSelect as qt, createTextVNode as Qt, useModel as gt, inject as Kt, createVNode as wt, withCtx as pt, mergeModels as xt } from "vue";
+import { defineStore as _t } from "pinia";
+import './assets/index.css';function $t(e, t) {
+  return Et() ? (Tt(e, t), !0) : !1;
 }
-const Kt = typeof window < "u" && typeof document < "u";
+const en = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const _t = (e) => e != null, en = Object.prototype.toString, tn = (e) => en.call(e) === "[object Object]", nn = () => {
+const tn = (e) => e != null, nn = Object.prototype.toString, on = (e) => nn.call(e) === "[object Object]", ln = () => {
 };
-function je(e) {
+function Ue(e) {
   return Array.isArray(e) ? e : [e];
 }
-function on(e, t, n) {
-  return ue(e, t, {
+function an(e, t, n) {
+  return ce(e, t, {
     ...n,
     immediate: !0
   });
 }
-const De = Kt ? window : void 0;
+const De = en ? window : void 0;
 function Le(e) {
   var t;
-  const n = A(e);
+  const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Fe(...e) {
-  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = E(() => {
-    const l = je(A(e[0])).filter((u) => u != null);
+  const t = (l, u, o, a) => (l.addEventListener(u, o, a), () => l.removeEventListener(u, o, a)), n = T(() => {
+    const l = Ue(H(e[0])).filter((u) => u != null);
     return l.every((u) => typeof u != "string") ? l : void 0;
   });
-  return on(() => {
+  return an(() => {
     var l, u;
     return [
-      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((a) => Le(a))) !== null && l !== void 0 ? l : [De].filter((a) => a != null),
-      je(A(n.value ? e[1] : e[0])),
-      je(O(n.value ? e[2] : e[1])),
-      A(n.value ? e[3] : e[2])
+      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((o) => Le(o))) !== null && l !== void 0 ? l : [De].filter((o) => o != null),
+      Ue(H(n.value ? e[1] : e[0])),
+      Ue(P(n.value ? e[2] : e[1])),
+      H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, a, o], c, r) => {
-    if (!l?.length || !u?.length || !a?.length) return;
-    const s = tn(o) ? { ...o } : o, d = l.flatMap((v) => u.flatMap((y) => a.map((P) => t(v, y, P, s))));
+  }, ([l, u, o, a], c, r) => {
+    if (!l?.length || !u?.length || !o?.length) return;
+    const s = on(a) ? { ...a } : a, h = l.flatMap((f) => u.flatMap((w) => o.map((L) => t(f, w, L, s))));
     r(() => {
-      d.forEach((v) => v());
+      h.forEach((f) => f());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function ln() {
+function sn() {
   const e = re(!1), t = lt();
-  return t && Ae(() => {
+  return t && Ie(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function an(e) {
-  const t = /* @__PURE__ */ ln();
-  return E(() => (t.value, !!e()));
+function rn(e) {
+  const t = /* @__PURE__ */ sn();
+  return T(() => (t.value, !!e()));
 }
-function sn(e, t, n = {}) {
+function cn(e, t, n = {}) {
   const { window: l = De, ...u } = n;
-  let a;
-  const o = /* @__PURE__ */ an(() => l && "MutationObserver" in l), c = () => {
-    a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const v = je(A(e)).map(Le).filter(_t);
-    return new Set(v);
-  }), (v) => {
-    c(), o.value && v.size && (a = new MutationObserver(t), v.forEach((y) => a.observe(y, u)));
+  let o;
+  const a = /* @__PURE__ */ rn(() => l && "MutationObserver" in l), c = () => {
+    o && (o.disconnect(), o = void 0);
+  }, r = ce(T(() => {
+    const f = Ue(H(e)).map(Le).filter(tn);
+    return new Set(f);
+  }), (f) => {
+    c(), a.value && f.size && (o = new MutationObserver(t), f.forEach((w) => o.observe(w, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => a?.takeRecords(), d = () => {
+  }), s = () => o?.takeRecords(), h = () => {
     r(), c();
   };
-  return St(d), {
-    isSupported: o,
-    stop: d,
+  return $t(h), {
+    isSupported: a,
+    stop: h,
     takeRecords: s
   };
 }
-function rn(e, t, n = {}) {
-  const { window: l = De, document: u = l?.document, flush: a = "sync" } = n;
-  if (!l || !u) return nn;
-  let o;
-  const c = (d) => {
-    o?.(), o = d;
-  }, r = Zt(() => {
-    const d = Le(e);
-    if (d) {
-      const { stop: v } = sn(u, (y) => {
-        y.map((P) => [...P.removedNodes]).flat().some((P) => P === d || P.contains(d)) && t(y);
+function un(e, t, n = {}) {
+  const { window: l = De, document: u = l?.document, flush: o = "sync" } = n;
+  if (!l || !u) return ln;
+  let a;
+  const c = (h) => {
+    a?.(), a = h;
+  }, r = Ft(() => {
+    const h = Le(e);
+    if (h) {
+      const { stop: f } = cn(u, (w) => {
+        w.map((L) => [...L.removedNodes]).flat().some((L) => L === h || L.contains(h)) && t(w);
       }, {
         window: l,
         childList: !0,
         subtree: !0
       });
-      c(v);
+      c(f);
     }
-  }, { flush: a }), s = () => {
+  }, { flush: o }), s = () => {
     r(), c();
   };
-  return St(s), s;
+  return $t(s), s;
 }
 // @__NO_SIDE_EFFECTS__
-function cn(e = {}) {
+function dn(e = {}) {
   var t;
-  const { window: n = De, deep: l = !0, triggerOnRemoval: u = !1 } = e, a = (t = e.document) !== null && t !== void 0 ? t : n?.document, o = () => {
-    let s = a?.activeElement;
+  const { window: n = De, deep: l = !0, triggerOnRemoval: u = !1 } = e, o = (t = e.document) !== null && t !== void 0 ? t : n?.document, a = () => {
+    let s = o?.activeElement;
     if (l)
-      for (var d; s?.shadowRoot; ) s = s == null || (d = s.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
+      for (var h; s?.shadowRoot; ) s = s == null || (h = s.shadowRoot) === null || h === void 0 ? void 0 : h.activeElement;
     return s;
   }, c = re(), r = () => {
-    c.value = o();
+    c.value = a();
   };
   if (n) {
     const s = {
       capture: !0,
       passive: !0
     };
-    Fe(n, "blur", (d) => {
-      d.relatedTarget === null && r();
+    Fe(n, "blur", (h) => {
+      h.relatedTarget === null && r();
     }, s), Fe(n, "focus", r, s);
   }
-  return u && rn(c, r, { document: a }), r(), c;
+  return u && un(c, r, { document: o }), r(), c;
 }
-const un = "focusin", dn = "focusout", fn = ":focus-within";
-function vn(e, t = {}) {
-  const { window: n = De } = t, l = E(() => Le(e)), u = re(!1), a = E(() => u.value);
-  if (!n || !(/* @__PURE__ */ cn(t)).value) return { focused: a };
-  const o = { passive: !0 };
-  return Fe(l, un, () => u.value = !0, o), Fe(l, dn, () => {
+const fn = "focusin", vn = "focusout", hn = ":focus-within";
+function mn(e, t = {}) {
+  const { window: n = De } = t, l = T(() => Le(e)), u = re(!1), o = T(() => u.value);
+  if (!n || !(/* @__PURE__ */ dn(t)).value) return { focused: o };
+  const a = { passive: !0 };
+  return Fe(l, fn, () => u.value = !0, a), Fe(l, vn, () => {
     var c, r, s;
-    return u.value = (c = (r = l.value) === null || r === void 0 || (s = r.matches) === null || s === void 0 ? void 0 : s.call(r, fn)) !== null && c !== void 0 ? c : !1;
-  }, o), { focused: a };
+    return u.value = (c = (r = l.value) === null || r === void 0 || (s = r.matches) === null || s === void 0 ? void 0 : s.call(r, hn)) !== null && c !== void 0 ? c : !1;
+  }, a), { focused: o };
 }
-function hn(e, { window: t = De, scrollTarget: n } = {}) {
-  const l = z(!1), u = () => {
+function gn(e, { window: t = De, scrollTarget: n } = {}) {
+  const l = W(!1), u = () => {
     if (!t) return;
-    const a = t.document, o = Le(e);
-    if (!o)
+    const o = t.document, a = Le(e);
+    if (!a)
       l.value = !1;
     else {
-      const c = o.getBoundingClientRect();
-      l.value = c.top <= (t.innerHeight || a.documentElement.clientHeight) && c.left <= (t.innerWidth || a.documentElement.clientWidth) && c.bottom >= 0 && c.right >= 0;
+      const c = a.getBoundingClientRect();
+      l.value = c.top <= (t.innerHeight || o.documentElement.clientHeight) && c.left <= (t.innerWidth || o.documentElement.clientWidth) && c.bottom >= 0 && c.right >= 0;
     }
   };
-  return ue(
+  return ce(
     () => Le(e),
     () => u(),
     { immediate: !0, flush: "post" }
@@ -152,10 +152,10 @@ function hn(e, { window: t = De, scrollTarget: n } = {}) {
     passive: !0
   }), l;
 }
-const Me = (e) => {
-  let t = hn(e).value;
+const ke = (e) => {
+  let t = gn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, ke = (e) => e.tabIndex >= 0, bt = (e) => {
+}, Me = (e) => e.tabIndex >= 0, yt = (e) => {
   if (e.target instanceof HTMLElement)
     return rt(e.target);
 }, rt = (e) => {
@@ -170,8 +170,8 @@ const Me = (e) => {
     const n = e.previousElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!ke(t) || !Me(t)) ? rt(t) : t;
-}, mn = (e) => {
+  return t && (!Me(t) || !ke(t)) ? rt(t) : t;
+}, wn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
@@ -188,8 +188,8 @@ const Me = (e) => {
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!ke(n) || !Me(n)) ? ct(n) : n;
-}, Ct = (e) => {
+  return n && (!Me(n) || !ke(n)) ? ct(n) : n;
+}, bt = (e) => {
   if (e.target instanceof HTMLElement)
     return ct(e.target);
 }, ct = (e) => {
@@ -204,8 +204,8 @@ const Me = (e) => {
     const n = e.nextElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!ke(t) || !Me(t)) ? ct(t) : t;
-}, gn = (e) => {
+  return t && (!Me(t) || !ke(t)) ? ct(t) : t;
+}, pn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
@@ -222,8 +222,8 @@ const Me = (e) => {
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!ke(n) || !Me(n)) ? rt(n) : n;
-}, Mt = (e) => {
+  return n && (!Me(n) || !ke(n)) ? rt(n) : n;
+}, Ct = (e) => {
   if (e.target instanceof HTMLElement)
     return ut(e.target);
 }, ut = (e) => {
@@ -235,7 +235,7 @@ const Me = (e) => {
     const l = e.parentElement?.previousElementSibling?.lastElementChild;
     l instanceof HTMLElement && (t = l);
   }
-  return t && (!ke(t) || !Me(t)) ? ut(t) : t;
+  return t && (!Me(t) || !ke(t)) ? ut(t) : t;
 }, kt = (e) => {
   if (e.target instanceof HTMLElement)
     return dt(e.target);
@@ -248,31 +248,31 @@ const Me = (e) => {
     const l = e.parentElement?.nextElementSibling?.firstElementChild;
     l instanceof HTMLElement && (t = l);
   }
-  return t && (!ke(t) || !Me(t)) ? dt(t) : t;
-}, Rt = (e) => {
+  return t && (!Me(t) || !ke(t)) ? dt(t) : t;
+}, Mt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.firstElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!ke(n) || !Me(n)) ? dt(n) : n;
-}, Et = (e) => {
+  return n && (!Me(n) || !ke(n)) ? dt(n) : n;
+}, Rt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.lastElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!ke(n) || !Me(n)) ? ut(n) : n;
-}, ze = ["alt", "control", "shift", "meta"], wn = {
+  return n && (!Me(n) || !ke(n)) ? ut(n) : n;
+}, ze = ["alt", "control", "shift", "meta"], xn = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, qe = {
+}, Je = {
   "keydown.up": (e) => {
-    const t = bt(e);
+    const t = yt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Ct(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Mt(e);
+    const t = Ct(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
@@ -280,41 +280,41 @@ const Me = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = mn(e);
+    const t = wn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = gn(e);
+    const t = pn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Rt(e);
+    const t = Mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Et(e);
+    const t = Rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Et(e);
+    const t = Rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLElement && e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ct(e);
+      const t = bt(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLElement && e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = bt(e);
+      const t = yt(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Rt(e);
+    const t = Mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
@@ -322,7 +322,7 @@ const Me = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Mt(e);
+    const t = Ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
@@ -330,139 +330,139 @@ function Ke(e) {
   let t = null;
   return e.parent && (typeof e.parent == "string" ? t = document.querySelector(e.parent) : e.parent instanceof HTMLElement ? t = e.parent : t = e.parent.value), t;
 }
-function ft(e) {
-  const t = (a) => {
-    const o = Ke(a);
+function It(e) {
+  const t = (o) => {
+    const a = Ke(o);
     let c = [];
-    if (typeof a.selectors == "string")
-      c = Array.from(o ? o.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
-    else if (Array.isArray(a.selectors))
-      for (const r of a.selectors)
+    if (typeof o.selectors == "string")
+      c = Array.from(a ? a.querySelectorAll(o.selectors) : document.querySelectorAll(o.selectors));
+    else if (Array.isArray(o.selectors))
+      for (const r of o.selectors)
         r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
-    else if (a.selectors instanceof HTMLElement)
-      c.push(a.selectors);
-    else if (a.selectors?.value)
-      if (Array.isArray(a.selectors.value))
-        for (const r of a.selectors.value)
+    else if (o.selectors instanceof HTMLElement)
+      c.push(o.selectors);
+    else if (o.selectors?.value)
+      if (Array.isArray(o.selectors.value))
+        for (const r of o.selectors.value)
           r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
       else
-        c.push(a.selectors.value);
+        c.push(o.selectors.value);
     return c;
-  }, n = (a) => {
-    const o = Ke(a);
+  }, n = (o) => {
+    const a = Ke(o);
     let c = [];
-    return a.selectors ? c = t(a) : o && (c = Array.from(o.children).filter((r) => r instanceof HTMLElement).filter((r) => ke(r) && Me(r))), c;
-  }, l = (a) => (o) => {
-    const c = wn[o.key] || o.key.toLowerCase();
+    return o.selectors ? c = t(o) : a && (c = Array.from(a.children).filter((r) => r instanceof HTMLElement).filter((r) => Me(r) && ke(r))), c;
+  }, l = (o) => (a) => {
+    const c = xn[a.key] || a.key.toLowerCase();
     if (ze.includes(c)) return;
-    const r = a.handlers || qe;
+    const r = o.handlers || Je;
     for (const s of Object.keys(r)) {
-      const [d, ...v] = s.split(".");
-      if (d === "keydown" && v.includes(c)) {
-        const y = r[s], P = v.filter((M) => ze.includes(M)), F = ze.some((M) => {
-          const h = M.charAt(0).toUpperCase() + M.slice(1);
-          return o.getModifierState(h);
+      const [h, ...f] = s.split(".");
+      if (h === "keydown" && f.includes(c)) {
+        const w = r[s], L = f.filter((y) => ze.includes(y)), Z = ze.some((y) => {
+          const m = y.charAt(0).toUpperCase() + y.slice(1);
+          return a.getModifierState(m);
         });
-        if (P.length > 0) {
-          if (F) {
-            for (const M of ze)
-              if (v.includes(M)) {
-                const h = M.charAt(0).toUpperCase() + M.slice(1);
-                o.getModifierState(h) && y(o);
+        if (L.length > 0) {
+          if (Z) {
+            for (const y of ze)
+              if (f.includes(y)) {
+                const m = y.charAt(0).toUpperCase() + y.slice(1);
+                a.getModifierState(m) && w(a);
               }
           }
         } else
-          F || y(o);
+          Z || w(a);
       }
     }
   }, u = [];
-  Ae(() => {
-    for (const a of e) {
-      const o = Ke(a), c = n(a), r = l(a), s = o ? [o] : c;
-      for (const d of s) {
-        const { focused: v } = vn(z(d)), y = ue(v, (P) => {
-          P ? d.addEventListener("keydown", r) : d.removeEventListener("keydown", r);
+  Ie(() => {
+    for (const o of e) {
+      const a = Ke(o), c = n(o), r = l(o), s = a ? [a] : c;
+      for (const h of s) {
+        const { focused: f } = mn(W(h)), w = ce(f, (L) => {
+          L ? h.addEventListener("keydown", r) : h.removeEventListener("keydown", r);
         });
-        u.push(y);
+        u.push(w);
       }
     }
-  }), Pt(() => {
-    for (const a of u)
-      a();
+  }), Nt(() => {
+    for (const o of u)
+      o();
   });
 }
-function vt(e, t) {
-  return $t() ? (It(e, t), !0) : !1;
+function ft(e, t) {
+  return Et() ? (Tt(e, t), !0) : !1;
 }
 const At = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const pn = (e) => e != null, xn = Object.prototype.toString, yn = (e) => xn.call(e) === "[object Object]", Te = () => {
+const yn = (e) => e != null, bn = Object.prototype.toString, Cn = (e) => bn.call(e) === "[object Object]", Se = () => {
 };
-function bn(...e) {
-  if (e.length !== 1) return Wt(...e);
+function kn(...e) {
+  if (e.length !== 1) return Xt(...e);
   const t = e[0];
-  return typeof t == "function" ? zt(Tt(() => ({
+  return typeof t == "function" ? Gt(St(() => ({
     get: t,
-    set: Te
-  }))) : z(t);
+    set: Se
+  }))) : W(t);
 }
-function Cn(e, t) {
+function Mn(e, t) {
   function n(...l) {
-    return new Promise((u, a) => {
+    return new Promise((u, o) => {
       Promise.resolve(e(() => t.apply(this, l), {
         fn: t,
         thisArg: this,
         args: l
-      })).then(u).catch(a);
+      })).then(u).catch(o);
     });
   }
   return n;
 }
-function Mn(e, t = {}) {
-  let n, l, u = Te;
-  const a = (r) => {
-    clearTimeout(r), u(), u = Te;
+function Rn(e, t = {}) {
+  let n, l, u = Se;
+  const o = (r) => {
+    clearTimeout(r), u(), u = Se;
   };
-  let o;
+  let a;
   return (r) => {
-    const s = A(e), d = A(t.maxWait);
-    return n && a(n), s <= 0 || d !== void 0 && d <= 0 ? (l && (a(l), l = void 0), Promise.resolve(r())) : new Promise((v, y) => {
-      u = t.rejectOnCancel ? y : v, o = r, d && !l && (l = setTimeout(() => {
-        n && a(n), l = void 0, v(o());
-      }, d)), n = setTimeout(() => {
-        l && a(l), l = void 0, v(r());
+    const s = H(e), h = H(t.maxWait);
+    return n && o(n), s <= 0 || h !== void 0 && h <= 0 ? (l && (o(l), l = void 0), Promise.resolve(r())) : new Promise((f, w) => {
+      u = t.rejectOnCancel ? w : f, a = r, h && !l && (l = setTimeout(() => {
+        n && o(n), l = void 0, f(a());
+      }, h)), n = setTimeout(() => {
+        l && o(l), l = void 0, f(r());
       }, s);
     });
   };
 }
-function Ye(e) {
+function je(e) {
   return Array.isArray(e) ? e : [e];
 }
-function kn(e) {
+function En(e) {
   return lt();
 }
 // @__NO_SIDE_EFFECTS__
-function Rn(e, t = 200, n = {}) {
-  return Cn(Mn(t, n), e);
+function Tn(e, t = 200, n = {}) {
+  return Mn(Rn(t, n), e);
 }
-function En(e, t = {}) {
-  if (!Nt(e)) return Ft(e);
+function Sn(e, t = {}) {
+  if (!Wt(e)) return zt(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const l in e.value) n[l] = Tt(() => ({
+  for (const l in e.value) n[l] = St(() => ({
     get() {
       return e.value[l];
     },
     set(u) {
-      var a;
-      if (!((a = A(t.replaceRef)) !== null && a !== void 0) || a) if (Array.isArray(e.value)) {
-        const o = [...e.value];
-        o[l] = u, e.value = o;
+      var o;
+      if (!((o = H(t.replaceRef)) !== null && o !== void 0) || o) if (Array.isArray(e.value)) {
+        const a = [...e.value];
+        a[l] = u, e.value = a;
       } else {
-        const o = {
+        const a = {
           ...e.value,
           [l]: u
         };
-        Object.setPrototypeOf(o, Object.getPrototypeOf(e.value)), e.value = o;
+        Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
       }
       else e.value[l] = u;
     }
@@ -470,10 +470,10 @@ function En(e, t = {}) {
   return n;
 }
 function $n(e, t = !0, n) {
-  kn() ? Ae(e, n) : t ? e() : at(e);
+  En() ? Ie(e, n) : t ? e() : at(e);
 }
 function In(e, t, n) {
-  return ue(e, t, {
+  return ce(e, t, {
     ...n,
     immediate: !0
   });
@@ -481,126 +481,126 @@ function In(e, t, n) {
 const We = At ? window : void 0;
 function we(e) {
   var t;
-  const n = A(e);
+  const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Ee(...e) {
-  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = E(() => {
-    const l = Ye(A(e[0])).filter((u) => u != null);
+  const t = (l, u, o, a) => (l.addEventListener(u, o, a), () => l.removeEventListener(u, o, a)), n = T(() => {
+    const l = je(H(e[0])).filter((u) => u != null);
     return l.every((u) => typeof u != "string") ? l : void 0;
   });
   return In(() => {
     var l, u;
     return [
-      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((a) => we(a))) !== null && l !== void 0 ? l : [We].filter((a) => a != null),
-      Ye(A(n.value ? e[1] : e[0])),
-      Ye(O(n.value ? e[2] : e[1])),
-      A(n.value ? e[3] : e[2])
+      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((o) => we(o))) !== null && l !== void 0 ? l : [We].filter((o) => o != null),
+      je(H(n.value ? e[1] : e[0])),
+      je(P(n.value ? e[2] : e[1])),
+      H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, a, o], c, r) => {
-    if (!l?.length || !u?.length || !a?.length) return;
-    const s = yn(o) ? { ...o } : o, d = l.flatMap((v) => u.flatMap((y) => a.map((P) => t(v, y, P, s))));
+  }, ([l, u, o, a], c, r) => {
+    if (!l?.length || !u?.length || !o?.length) return;
+    const s = Cn(a) ? { ...a } : a, h = l.flatMap((f) => u.flatMap((w) => o.map((L) => t(f, w, L, s))));
     r(() => {
-      d.forEach((v) => v());
+      h.forEach((f) => f());
     });
   }, { flush: "post" });
 }
 function ot(e, t, n = {}) {
-  const { window: l = We, ignore: u = [], capture: a = !0, detectIframe: o = !1, controls: c = !1 } = n;
+  const { window: l = We, ignore: u = [], capture: o = !0, detectIframe: a = !1, controls: c = !1 } = n;
   if (!l) return c ? {
-    stop: Te,
-    cancel: Te,
-    trigger: Te
-  } : Te;
+    stop: Se,
+    cancel: Se,
+    trigger: Se
+  } : Se;
   let r = !0;
-  const s = (h) => A(u).some((m) => {
-    if (typeof m == "string") return Array.from(l.document.querySelectorAll(m)).some((g) => g === h.target || h.composedPath().includes(g));
+  const s = (m) => H(u).some((v) => {
+    if (typeof v == "string") return Array.from(l.document.querySelectorAll(v)).some((g) => g === m.target || m.composedPath().includes(g));
     {
-      const g = we(m);
-      return g && (h.target === g || h.composedPath().includes(g));
+      const g = we(v);
+      return g && (m.target === g || m.composedPath().includes(g));
     }
   });
-  function d(h) {
-    const m = A(h);
-    return m && m.$.subTree.shapeFlag === 16;
+  function h(m) {
+    const v = H(m);
+    return v && v.$.subTree.shapeFlag === 16;
   }
-  function v(h, m) {
-    const g = A(h), k = g.$.subTree && g.$.subTree.children;
-    return k == null || !Array.isArray(k) ? !1 : k.some((x) => x.el === m.target || m.composedPath().includes(x.el));
+  function f(m, v) {
+    const g = H(m), k = g.$.subTree && g.$.subTree.children;
+    return k == null || !Array.isArray(k) ? !1 : k.some((C) => C.el === v.target || v.composedPath().includes(C.el));
   }
-  const y = (h) => {
-    const m = we(e);
-    if (h.target != null && !(!(m instanceof Element) && d(e) && v(e, h)) && !(!m || m === h.target || h.composedPath().includes(m))) {
-      if ("detail" in h && h.detail === 0 && (r = !s(h)), !r) {
+  const w = (m) => {
+    const v = we(e);
+    if (m.target != null && !(!(v instanceof Element) && h(e) && f(e, m)) && !(!v || v === m.target || m.composedPath().includes(v))) {
+      if ("detail" in m && m.detail === 0 && (r = !s(m)), !r) {
         r = !0;
         return;
       }
-      t(h);
+      t(m);
     }
   };
-  let P = !1;
-  const F = [
-    Ee(l, "click", (h) => {
-      P || (P = !0, setTimeout(() => {
-        P = !1;
-      }, 0), y(h));
+  let L = !1;
+  const Z = [
+    Ee(l, "click", (m) => {
+      L || (L = !0, setTimeout(() => {
+        L = !1;
+      }, 0), w(m));
     }, {
       passive: !0,
-      capture: a
+      capture: o
     }),
-    Ee(l, "pointerdown", (h) => {
-      const m = we(e);
-      r = !s(h) && !!(m && !h.composedPath().includes(m));
+    Ee(l, "pointerdown", (m) => {
+      const v = we(e);
+      r = !s(m) && !!(v && !m.composedPath().includes(v));
     }, { passive: !0 }),
-    o && Ee(l, "blur", (h) => {
+    a && Ee(l, "blur", (m) => {
       setTimeout(() => {
-        var m;
+        var v;
         const g = we(e);
-        ((m = l.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !g?.contains(l.document.activeElement) && t(h);
+        ((v = l.document.activeElement) === null || v === void 0 ? void 0 : v.tagName) === "IFRAME" && !g?.contains(l.document.activeElement) && t(m);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), M = () => F.forEach((h) => h());
+  ].filter(Boolean), y = () => Z.forEach((m) => m());
   return c ? {
-    stop: M,
+    stop: y,
     cancel: () => {
       r = !1;
     },
-    trigger: (h) => {
-      r = !0, y(h), r = !1;
+    trigger: (m) => {
+      r = !0, w(m), r = !1;
     }
-  } : M;
+  } : y;
 }
 // @__NO_SIDE_EFFECTS__
-function Tn() {
+function An() {
   const e = re(!1), t = lt();
-  return t && Ae(() => {
+  return t && Ie(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
 function Ht(e) {
-  const t = /* @__PURE__ */ Tn();
-  return E(() => (t.value, !!e()));
+  const t = /* @__PURE__ */ An();
+  return T(() => (t.value, !!e()));
 }
 function Lt(e, t, n = {}) {
   const { window: l = We, ...u } = n;
-  let a;
-  const o = /* @__PURE__ */ Ht(() => l && "MutationObserver" in l), c = () => {
-    a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const v = Ye(A(e)).map(we).filter(pn);
-    return new Set(v);
-  }), (v) => {
-    c(), o.value && v.size && (a = new MutationObserver(t), v.forEach((y) => a.observe(y, u)));
+  let o;
+  const a = /* @__PURE__ */ Ht(() => l && "MutationObserver" in l), c = () => {
+    o && (o.disconnect(), o = void 0);
+  }, r = ce(T(() => {
+    const f = je(H(e)).map(we).filter(yn);
+    return new Set(f);
+  }), (f) => {
+    c(), a.value && f.size && (o = new MutationObserver(t), f.forEach((w) => o.observe(w, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => a?.takeRecords(), d = () => {
+  }), s = () => o?.takeRecords(), h = () => {
     r(), c();
   };
-  return vt(d), {
-    isSupported: o,
-    stop: d,
+  return ft(h), {
+    isSupported: a,
+    stop: h,
     takeRecords: s
   };
 }
@@ -609,24 +609,24 @@ const Xe = {
   margin: 30,
   direction: "both"
 };
-function Sn(e) {
+function Hn(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 _e(e, t = {}) {
-  var n, l, u, a;
-  const { pointerTypes: o, preventDefault: c, stopPropagation: r, exact: s, onMove: d, onEnd: v, onStart: y, initialValue: P, axis: F = "both", draggingElement: M = We, containerElement: h, handle: m = e, buttons: g = [0], restrictInView: k, autoScroll: x = !1 } = t, R = z((n = A(P)) !== null && n !== void 0 ? n : {
+  var n, l, u, o;
+  const { pointerTypes: a, preventDefault: c, stopPropagation: r, exact: s, onMove: h, onEnd: f, onStart: w, initialValue: L, axis: Z = "both", draggingElement: y = We, containerElement: m, handle: v = e, buttons: g = [0], restrictInView: k, autoScroll: C = !1 } = t, x = W((n = H(L)) !== null && n !== void 0 ? n : {
     x: 0,
     y: 0
-  }), B = z(), j = (C) => o ? o.includes(C.pointerType) : !0, I = (C) => {
-    A(c) && C.preventDefault(), A(r) && C.stopPropagation();
-  }, V = A(x), Z = typeof V == "object" ? {
-    speed: (l = A(V.speed)) !== null && l !== void 0 ? l : Xe.speed,
-    margin: (u = A(V.margin)) !== null && u !== void 0 ? u : Xe.margin,
-    direction: (a = V.direction) !== null && a !== void 0 ? a : Xe.direction
-  } : Xe, q = (C) => typeof C == "number" ? [C, C] : [C.x, C.y], _ = (C, H, W) => {
-    const { clientWidth: Q, clientHeight: X, scrollLeft: oe, scrollTop: ye, scrollWidth: Re, scrollHeight: $ } = C, [D, Y] = q(Z.margin), [G, K] = q(Z.speed);
+  }), I = W(), X = (E) => a ? a.includes(E.pointerType) : !0, M = (E) => {
+    H(c) && E.preventDefault(), H(r) && E.stopPropagation();
+  }, V = H(C), N = typeof V == "object" ? {
+    speed: (l = H(V.speed)) !== null && l !== void 0 ? l : Xe.speed,
+    margin: (u = H(V.margin)) !== null && u !== void 0 ? u : Xe.margin,
+    direction: (o = V.direction) !== null && o !== void 0 ? o : Xe.direction
+  } : Xe, q = (E) => typeof E == "number" ? [E, E] : [E.x, E.y], ee = (E, D, F) => {
+    const { clientWidth: Q, clientHeight: G, scrollLeft: oe, scrollTop: xe, scrollWidth: Re, scrollHeight: $ } = E, [B, j] = q(N.margin), [U, K] = q(N.speed);
     let te = 0, le = 0;
-    (Z.direction === "x" || Z.direction === "both") && (W.x < D && oe > 0 ? te = -G : W.x + H.width > Q - D && oe < Re - Q && (te = G)), (Z.direction === "y" || Z.direction === "both") && (W.y < Y && ye > 0 ? le = -K : W.y + H.height > X - Y && ye < $ - X && (le = K)), (te || le) && C.scrollBy({
+    (N.direction === "x" || N.direction === "both") && (F.x < B && oe > 0 ? te = -U : F.x + D.width > Q - B && oe < Re - Q && (te = U)), (N.direction === "y" || N.direction === "both") && (F.y < j && xe > 0 ? le = -K : F.y + D.height > G - j && xe < $ - G && (le = K)), (te || le) && E.scrollBy({
       left: te,
       top: le,
       behavior: "auto"
@@ -634,97 +634,97 @@ function _e(e, t = {}) {
   };
   let ne = null;
   const ge = () => {
-    const C = A(h);
-    C && !ne && (ne = setInterval(() => {
-      const H = A(e).getBoundingClientRect(), { x: W, y: Q } = R.value, X = {
-        x: W - C.scrollLeft,
-        y: Q - C.scrollTop
+    const E = H(m);
+    E && !ne && (ne = setInterval(() => {
+      const D = H(e).getBoundingClientRect(), { x: F, y: Q } = x.value, G = {
+        x: F - E.scrollLeft,
+        y: Q - E.scrollTop
       };
-      X.x >= 0 && X.y >= 0 && (_(C, H, X), X.x += C.scrollLeft, X.y += C.scrollTop, R.value = X);
+      G.x >= 0 && G.y >= 0 && (ee(E, D, G), G.x += E.scrollLeft, G.y += E.scrollTop, x.value = G);
     }, 1e3 / 60));
-  }, ve = () => {
+  }, fe = () => {
     ne && (clearInterval(ne), ne = null);
-  }, Oe = (C, H, W, Q) => {
-    const [X, oe] = typeof W == "number" ? [W, W] : [W.x, W.y], { clientWidth: ye, clientHeight: Re } = H;
-    return C.x < X || C.x + Q.width > ye - X || C.y < oe || C.y + Q.height > Re - oe;
+  }, Oe = (E, D, F, Q) => {
+    const [G, oe] = typeof F == "number" ? [F, F] : [F.x, F.y], { clientWidth: xe, clientHeight: Re } = D;
+    return E.x < G || E.x + Q.width > xe - G || E.y < oe || E.y + Q.height > Re - oe;
   }, Ve = () => {
-    if (A(t.disabled) || !B.value) return;
-    const C = A(h);
-    if (!C) return;
-    const H = A(e).getBoundingClientRect(), { x: W, y: Q } = R.value;
+    if (H(t.disabled) || !I.value) return;
+    const E = H(m);
+    if (!E) return;
+    const D = H(e).getBoundingClientRect(), { x: F, y: Q } = x.value;
     Oe({
-      x: W - C.scrollLeft,
-      y: Q - C.scrollTop
-    }, C, Z.margin, H) ? ge() : ve();
+      x: F - E.scrollLeft,
+      y: Q - E.scrollTop
+    }, E, N.margin, D) ? ge() : fe();
   };
-  A(x) && ue(R, Ve);
-  const Be = (C) => {
-    var H;
-    if (!A(g).includes(C.button) || A(t.disabled) || !j(C) || A(s) && C.target !== A(e)) return;
-    const W = A(h), Q = W == null || (H = W.getBoundingClientRect) === null || H === void 0 ? void 0 : H.call(W), X = A(e).getBoundingClientRect(), oe = {
-      x: C.clientX - (W ? X.left - Q.left + (x ? 0 : W.scrollLeft) : X.left),
-      y: C.clientY - (W ? X.top - Q.top + (x ? 0 : W.scrollTop) : X.top)
+  H(C) && ce(x, Ve);
+  const Be = (E) => {
+    var D;
+    if (!H(g).includes(E.button) || H(t.disabled) || !X(E) || H(s) && E.target !== H(e)) return;
+    const F = H(m), Q = F == null || (D = F.getBoundingClientRect) === null || D === void 0 ? void 0 : D.call(F), G = H(e).getBoundingClientRect(), oe = {
+      x: E.clientX - (F ? G.left - Q.left + (C ? 0 : F.scrollLeft) : G.left),
+      y: E.clientY - (F ? G.top - Q.top + (C ? 0 : F.scrollTop) : G.top)
     };
-    y?.(oe, C) !== !1 && (B.value = oe, I(C));
-  }, Pe = (C) => {
-    if (A(t.disabled) || !j(C) || !B.value) return;
-    const H = A(h);
-    H instanceof HTMLElement && Sn(H);
-    const W = A(e).getBoundingClientRect();
-    let { x: Q, y: X } = R.value;
-    if ((F === "x" || F === "both") && (Q = C.clientX - B.value.x, H && (Q = Math.min(Math.max(0, Q), H.scrollWidth - W.width))), (F === "y" || F === "both") && (X = C.clientY - B.value.y, H && (X = Math.min(Math.max(0, X), H.scrollHeight - W.height))), A(x) && H && (ne === null && _(H, W, {
+    w?.(oe, E) !== !1 && (I.value = oe, M(E));
+  }, Pe = (E) => {
+    if (H(t.disabled) || !X(E) || !I.value) return;
+    const D = H(m);
+    D instanceof HTMLElement && Hn(D);
+    const F = H(e).getBoundingClientRect();
+    let { x: Q, y: G } = x.value;
+    if ((Z === "x" || Z === "both") && (Q = E.clientX - I.value.x, D && (Q = Math.min(Math.max(0, Q), D.scrollWidth - F.width))), (Z === "y" || Z === "both") && (G = E.clientY - I.value.y, D && (G = Math.min(Math.max(0, G), D.scrollHeight - F.height))), H(C) && D && (ne === null && ee(D, F, {
       x: Q,
-      y: X
-    }), Q += H.scrollLeft, X += H.scrollTop), H && (k || x)) {
-      if (F !== "y") {
-        const oe = Q - H.scrollLeft;
-        oe < 0 ? Q = H.scrollLeft : oe > H.clientWidth - W.width && (Q = H.clientWidth - W.width + H.scrollLeft);
+      y: G
+    }), Q += D.scrollLeft, G += D.scrollTop), D && (k || C)) {
+      if (Z !== "y") {
+        const oe = Q - D.scrollLeft;
+        oe < 0 ? Q = D.scrollLeft : oe > D.clientWidth - F.width && (Q = D.clientWidth - F.width + D.scrollLeft);
       }
-      if (F !== "x") {
-        const oe = X - H.scrollTop;
-        oe < 0 ? X = H.scrollTop : oe > H.clientHeight - W.height && (X = H.clientHeight - W.height + H.scrollTop);
+      if (Z !== "x") {
+        const oe = G - D.scrollTop;
+        oe < 0 ? G = D.scrollTop : oe > D.clientHeight - F.height && (G = D.clientHeight - F.height + D.scrollTop);
       }
     }
-    R.value = {
+    x.value = {
       x: Q,
-      y: X
-    }, d?.(R.value, C), I(C);
-  }, He = (C) => {
-    A(t.disabled) || !j(C) || B.value && (B.value = void 0, x && ve(), v?.(R.value, C), I(C));
+      y: G
+    }, h?.(x.value, E), M(E);
+  }, He = (E) => {
+    H(t.disabled) || !X(E) || I.value && (I.value = void 0, C && fe(), f?.(x.value, E), M(E));
   };
   if (At) {
-    const C = () => {
-      var H;
+    const E = () => {
+      var D;
       return {
-        capture: (H = t.capture) !== null && H !== void 0 ? H : !0,
-        passive: !A(c)
+        capture: (D = t.capture) !== null && D !== void 0 ? D : !0,
+        passive: !H(c)
       };
     };
-    Ee(m, "pointerdown", Be, C), Ee(M, "pointermove", Pe, C), Ee(M, "pointerup", He, C);
+    Ee(v, "pointerdown", Be, E), Ee(y, "pointermove", Pe, E), Ee(y, "pointerup", He, E);
   }
   return {
-    ...En(R),
-    position: R,
-    isDragging: E(() => !!B.value),
-    style: E(() => `
-      left: ${R.value.x}px;
-      top: ${R.value.y}px;
-      ${x ? "text-wrap: nowrap;" : ""}
+    ...Sn(x),
+    position: x,
+    isDragging: T(() => !!I.value),
+    style: T(() => `
+      left: ${x.value.x}px;
+      top: ${x.value.y}px;
+      ${C ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
-function Je(e, t, n = {}) {
+function qe(e, t, n = {}) {
   const { window: l = We, ...u } = n;
-  let a;
-  const o = /* @__PURE__ */ Ht(() => l && "ResizeObserver" in l), c = () => {
-    a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const d = A(e);
-    return Array.isArray(d) ? d.map((v) => we(v)) : [we(d)];
-  }), (d) => {
-    if (c(), o.value && l) {
-      a = new ResizeObserver(t);
-      for (const v of d) v && a.observe(v, u);
+  let o;
+  const a = /* @__PURE__ */ Ht(() => l && "ResizeObserver" in l), c = () => {
+    o && (o.disconnect(), o = void 0);
+  }, r = ce(T(() => {
+    const h = H(e);
+    return Array.isArray(h) ? h.map((f) => we(f)) : [we(h)];
+  }), (h) => {
+    if (c(), a.value && l) {
+      o = new ResizeObserver(t);
+      for (const f of h) f && o.observe(f, u);
     }
   }, {
     immediate: !0,
@@ -732,51 +732,51 @@ function Je(e, t, n = {}) {
   }), s = () => {
     c(), r();
   };
-  return vt(s), {
-    isSupported: o,
+  return ft(s), {
+    isSupported: a,
     stop: s
   };
 }
-function Ie(e, t = {}) {
-  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: a = !0, updateTiming: o = "sync" } = t, c = re(0), r = re(0), s = re(0), d = re(0), v = re(0), y = re(0), P = re(0), F = re(0);
-  function M() {
-    const m = we(e);
-    if (!m) {
-      n && (c.value = 0, r.value = 0, s.value = 0, d.value = 0, v.value = 0, y.value = 0, P.value = 0, F.value = 0);
+function Te(e, t = {}) {
+  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: o = !0, updateTiming: a = "sync" } = t, c = re(0), r = re(0), s = re(0), h = re(0), f = re(0), w = re(0), L = re(0), Z = re(0);
+  function y() {
+    const v = we(e);
+    if (!v) {
+      n && (c.value = 0, r.value = 0, s.value = 0, h.value = 0, f.value = 0, w.value = 0, L.value = 0, Z.value = 0);
       return;
     }
-    const g = m.getBoundingClientRect();
-    c.value = g.height, r.value = g.bottom, s.value = g.left, d.value = g.right, v.value = g.top, y.value = g.width, P.value = g.x, F.value = g.y;
+    const g = v.getBoundingClientRect();
+    c.value = g.height, r.value = g.bottom, s.value = g.left, h.value = g.right, f.value = g.top, w.value = g.width, L.value = g.x, Z.value = g.y;
   }
-  function h() {
-    o === "sync" ? M() : o === "next-frame" && requestAnimationFrame(() => M());
+  function m() {
+    a === "sync" ? y() : a === "next-frame" && requestAnimationFrame(() => y());
   }
-  return Je(e, h), ue(() => we(e), (m) => !m && h()), Lt(e, h, { attributeFilter: ["style", "class"] }), u && Ee("scroll", h, {
+  return qe(e, m), ce(() => we(e), (v) => !v && m()), Lt(e, m, { attributeFilter: ["style", "class"] }), u && Ee("scroll", m, {
     capture: !0,
     passive: !0
-  }), l && Ee("resize", h, { passive: !0 }), $n(() => {
-    a && h();
+  }), l && Ee("resize", m, { passive: !0 }), $n(() => {
+    o && m();
   }), {
     height: c,
     bottom: r,
     left: s,
-    right: d,
-    top: v,
-    width: y,
-    x: P,
-    y: F,
-    update: h
+    right: h,
+    top: f,
+    width: w,
+    x: L,
+    y: Z,
+    update: m
   };
 }
 function et(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 const tt = /* @__PURE__ */ new WeakMap();
-function An(e, t = !1) {
+function Ln(e, t = !1) {
   const n = re(t);
   let l = "";
-  ue(bn(e), (o) => {
-    const c = et(A(o));
+  ce(kn(e), (a) => {
+    const c = et(H(a));
     if (c) {
       const r = c;
       if (tt.get(r) || tt.set(r, r.style.overflow), r.style.overflow !== "hidden" && (l = r.style.overflow), r.style.overflow === "hidden") return n.value = !0;
@@ -784,25 +784,420 @@ function An(e, t = !1) {
     }
   }, { immediate: !0 });
   const u = () => {
-    const o = et(A(e));
-    !o || n.value || (o.style.overflow = "hidden", n.value = !0);
-  }, a = () => {
-    const o = et(A(e));
-    !o || !n.value || (o.style.overflow = l, tt.delete(o), n.value = !1);
+    const a = et(H(e));
+    !a || n.value || (a.style.overflow = "hidden", n.value = !0);
+  }, o = () => {
+    const a = et(H(e));
+    !a || !n.value || (a.style.overflow = l, tt.delete(a), n.value = !1);
   };
-  return vt(a), E({
+  return ft(o), T({
     get() {
       return n.value;
     },
-    set(o) {
-      o ? u() : a();
+    set(a) {
+      a ? u() : o();
     }
   });
 }
-const Hn = (e) => {
+const Dt = {
+  ATextInput: "text",
+  ATextarea: "text",
+  ANumericInput: "number",
+  ACheckbox: "boolean",
+  ADate: "date",
+  ADatePicker: "date",
+  ADateSelection: "date",
+  ADateTime: "datetime",
+  ADuration: "text",
+  ADateRange: "date",
+  ADropdown: "select",
+  ACodeEditor: "code",
+  AFormLink: "link",
+  AFileAttach: "attach"
+};
+function Ot(e) {
+  return e ? Dt[e] : void 0;
+}
+const Dn = {
+  AFormLink: "inline",
+  AForm: "expand",
+  ATable: "expand"
+};
+[
+  .../* @__PURE__ */ new Set([...Object.keys(Dt), ...Object.keys(Dn)])
+].toSorted();
+const On = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, Ln = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Dn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], On = ["innerHTML"], Vn = { key: 2 }, Bn = /* @__PURE__ */ xe({
+}, Vn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join("");
+function Vt(e, t) {
+  const n = t[e];
+  if (n.isRoot || n.parent === null || n.parent === void 0)
+    return !0;
+  const l = n.parent;
+  return l < 0 || l >= t.length ? !1 : (t[l].childrenOpen || !1) && Vt(l, t);
+}
+function Bn(e, t, n) {
+  const l = n.filterType || "text", u = t.value;
+  if (!u && l !== "dateRange" && l !== "checkbox") return !0;
+  switch (l) {
+    case "text":
+      return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(u).toLowerCase());
+    case "number": {
+      const o = Number(e), a = Number(u);
+      return !isNaN(o) && !isNaN(a) && o === a;
+    }
+    case "select":
+      return e === u;
+    case "checkbox":
+      return u === !0 ? !!e : !0;
+    case "date": {
+      let o;
+      if (typeof e == "number") {
+        const c = new Date(e), r = (/* @__PURE__ */ new Date()).getFullYear();
+        o = new Date(r, c.getMonth(), c.getDate());
+      } else
+        o = new Date(String(e));
+      const a = new Date(String(u));
+      return o.toDateString() === a.toDateString();
+    }
+    case "dateRange": {
+      const o = t.startValue, a = t.endValue;
+      if (!o && !a) return !0;
+      let c;
+      if (typeof e == "number") {
+        const r = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
+        c = new Date(s, r.getMonth(), r.getDate());
+      } else
+        c = new Date(String(e));
+      return !(o && c < new Date(String(o)) || a && c > new Date(String(a)));
+    }
+    default:
+      return !0;
+  }
+}
+function Pn(e, t) {
+  return t && e === 0 && t > 0 ? `${t}ch` : "inherit";
+}
+const Zn = (e) => {
+  const t = e.id || Vn(), n = e.linkResolver ?? null;
+  return _t(`table-${t}`, () => {
+    const u = () => {
+      const i = [Object.assign({}, { rowModified: !1 })], d = /* @__PURE__ */ new Set();
+      for (let O = 0; O < a.value.length; O++) {
+        const S = a.value[O];
+        S.parent !== null && S.parent !== void 0 && d.add(S.parent);
+      }
+      const p = (O) => a.value[O]?.gantt !== void 0, A = (O) => {
+        for (let S = 0; S < a.value.length; S++)
+          if (a.value[S].parent === O && (p(S) || A(S)))
+            return !0;
+        return !1;
+      }, J = (O) => {
+        const S = c.value, Y = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
+        if (!Y) return !0;
+        switch (Y) {
+          case "root":
+            return !1;
+          // Only root nodes are visible, all children start collapsed
+          case "branch":
+            return A(O);
+          case "leaf":
+            return !0;
+          // All nodes should be expanded
+          default:
+            return !0;
+        }
+      };
+      for (let O = 0; O < a.value.length; O++) {
+        const S = a.value[O], Y = S.parent === null || S.parent === void 0, ie = d.has(O);
+        i[O] = {
+          childrenOpen: J(O),
+          expanded: !1,
+          indent: S.indent || 0,
+          isParent: ie,
+          isRoot: Y,
+          rowModified: !1,
+          open: Y,
+          // This will be recalculated later for non-root nodes
+          parent: S.parent
+        };
+      }
+      return i;
+    }, o = W(e.columns), a = W(e.rows), c = W(e.config || {}), r = W({}), s = W({}), h = T(() => {
+      const i = {};
+      for (const [d, p] of o.value.entries())
+        for (const [A, J] of a.value.entries())
+          i[`${d}:${A}`] = J[p.name];
+      return i;
+    }), f = T({
+      get: () => {
+        const i = u();
+        for (let d = 0; d < i.length; d++)
+          r.value[d] && (i[d].rowModified = r.value[d]), s.value[d] && (s.value[d].childrenOpen !== void 0 && (i[d].childrenOpen = s.value[d].childrenOpen), s.value[d].expanded !== void 0 && (i[d].expanded = s.value[d].expanded));
+        if (x.value)
+          for (let d = 0; d < i.length; d++)
+            i[d].isRoot || (i[d].open = Vt(d, i));
+        return i;
+      },
+      set: (i) => {
+        JSON.stringify(i) !== JSON.stringify(f.value) && (f.value = i);
+      }
+    }), w = W(e.modal || { visible: !1 }), L = W({}), Z = W([]), y = W([]), m = W([]), v = W({
+      column: null,
+      direction: null
+    }), g = W({}), k = T(() => o.value.some((i) => i.pinned)), C = T(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), x = T(() => c.value.view === "tree" || c.value.view === "tree-gantt"), I = T(() => {
+      const i = c.value;
+      return i.view === "gantt" || i.view === "tree-gantt" ? i.dependencyGraph !== !1 : !0;
+    }), X = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), M = T(
+      () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
+    ), V = T(() => {
+      let i = a.value.map((d, p) => ({
+        ...d,
+        originalIndex: p
+      }));
+      if (Object.entries(g.value).forEach(([d, p]) => {
+        const A = parseInt(d), J = o.value[A];
+        !J || !(p.value || p.startValue || p.endValue || J.filterType === "checkbox" && p.value !== void 0) || (i = i.filter((S) => {
+          const Y = S[J.name];
+          return Bn(Y, p, J);
+        }));
+      }), v.value.column !== null && v.value.direction) {
+        const d = o.value[v.value.column], p = v.value.direction;
+        i.sort((A, J) => {
+          let O = A[d.name], S = J[d.name];
+          O == null && (O = ""), S == null && (S = "");
+          const Y = Number(O), ie = Number(S);
+          if (!isNaN(Y) && !isNaN(ie) && O !== "" && S !== "")
+            return p === "asc" ? Y - ie : ie - Y;
+          {
+            const ht = String(O).toLowerCase(), mt = String(S).toLowerCase();
+            return p === "asc" ? ht.localeCompare(mt) : mt.localeCompare(ht);
+          }
+        });
+      }
+      return i;
+    }), N = (i, d) => h.value[`${i}:${d}`], q = (i, d, p) => {
+      const A = `${i}:${d}`, J = o.value[i];
+      h.value[A] !== p && (r.value[d] = !0), h.value[A] = p, a.value[d] = {
+        ...a.value[d],
+        [J.name]: p
+      };
+    }, ee = (i) => {
+      a.value = i;
+    }, ne = (i, d, p) => {
+      const A = `${i}:${d}`;
+      h.value[A] !== p && (r.value[d] = !0, L.value[A] = p);
+    }, ge = (i) => {
+      const d = o.value.indexOf(i) === o.value.length - 1, p = c.value.fullWidth ? i.resizable && !d : i.resizable;
+      return {
+        width: i.width || "40ch",
+        textAlign: i.align || "center",
+        ...p && {
+          resize: "horizontal",
+          overflow: "hidden",
+          whiteSpace: "nowrap"
+        }
+      };
+    }, fe = (i, d) => {
+      if (i < 0 || i >= o.value.length) return;
+      const A = Math.max(d, 40);
+      o.value[i] = {
+        ...o.value[i],
+        width: `${A}px`
+      };
+    }, Oe = (i) => {
+      const d = a.value[i];
+      return C.value && d.gantt !== void 0;
+    }, Ve = (i) => !x.value || f.value[i].isRoot || f.value[i].open, Be = (i) => !x.value && c.value.view !== "list-expansion" ? "" : x.value && (f.value[i].isRoot || f.value[i].isParent) ? f.value[i].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? f.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
+      if (x.value) {
+        const d = s.value[i] || {}, A = !(d.childrenOpen ?? f.value[i].childrenOpen);
+        s.value[i] = {
+          ...d,
+          childrenOpen: A
+        }, A || He(i);
+      } else if (c.value.view === "list-expansion") {
+        const d = s.value[i] || {}, p = d.expanded ?? f.value[i].expanded;
+        s.value[i] = {
+          ...d,
+          expanded: !p
+        };
+      }
+    }, He = (i) => {
+      for (let d = 0; d < a.value.length; d++)
+        if (f.value[d].parent === i) {
+          const p = s.value[d] || {};
+          s.value[d] = {
+            ...p,
+            childrenOpen: !1
+          }, He(d);
+        }
+    }, E = (i, d) => {
+      const p = N(i, d);
+      return D(i, d, p);
+    }, D = (i, d, p) => {
+      const A = o.value[i], J = a.value[d], O = A.format;
+      if (!O) {
+        const S = Ot(A.component);
+        return S === "boolean" ? p ? "✓" : "✗" : S === "date" ? p != null ? new Date(String(p)).toLocaleDateString() : p : S === "datetime" && p != null ? new Date(String(p)).toLocaleString() : p;
+      }
+      return typeof O == "function" ? O(p, { table: h.value, row: J, column: A }) : typeof O == "string" ? Function(`"use strict";return (${O})`)()(p, { table: h.value, row: J, column: A }) : p;
+    }, F = (i) => {
+      i.target instanceof Node && w.value.parent?.contains(i.target) || w.value.visible && (w.value.visible = !1);
+    }, Q = (i) => {
+      const d = a.value[i.rowIndex]?.gantt;
+      d && (i.type === "resize" ? i.edge === "start" ? (d.startIndex = i.newStart, d.endIndex = i.end, d.colspan = d.endIndex - d.startIndex) : i.edge === "end" && (d.startIndex = i.start, d.endIndex = i.newEnd, d.colspan = d.endIndex - d.startIndex) : i.type === "bar" && (d.startIndex = i.newStart, d.endIndex = i.newEnd, d.colspan = d.endIndex - d.startIndex));
+    }, G = (i) => {
+      const d = Z.value.findIndex((p) => p.id === i.id);
+      d >= 0 ? Z.value[d] = i : Z.value.push(i);
+    }, oe = (i) => {
+      const d = Z.value.findIndex((p) => p.id === i);
+      d >= 0 && Z.value.splice(d, 1);
+    }, xe = (i) => {
+      const d = y.value.findIndex((p) => p.id === i.id);
+      d >= 0 ? y.value[d] = i : y.value.push(i);
+    }, Re = (i) => {
+      const d = y.value.findIndex((p) => p.id === i);
+      d >= 0 && y.value.splice(d, 1);
+    }, $ = (i, d, p) => {
+      const A = y.value.find((S) => S.id === i), J = y.value.find((S) => S.id === d);
+      if (!A || !J)
+        return console.warn("Cannot create connection: handle not found"), null;
+      const O = {
+        id: `connection-${i}-${d}`,
+        from: {
+          barId: A.barId,
+          side: A.side
+        },
+        to: {
+          barId: J.barId,
+          side: J.side
+        },
+        style: p?.style,
+        label: p?.label
+      };
+      return m.value.push(O), O;
+    }, B = (i) => {
+      const d = m.value.findIndex((p) => p.id === i);
+      return d >= 0 ? (m.value.splice(d, 1), !0) : !1;
+    }, j = (i) => m.value.filter((d) => d.from.barId === i || d.to.barId === i), U = (i) => y.value.filter((d) => d.barId === i), K = (i) => {
+      if (o.value[i].sortable === !1) return;
+      let p;
+      v.value.column === i && v.value.direction === "asc" ? p = "desc" : p = "asc", v.value.column = i, v.value.direction = p;
+    }, te = (i, d) => {
+      !d.value && !d.startValue && !d.endValue ? delete g.value[i] : g.value[i] = d;
+    }, le = (i) => {
+      delete g.value[i];
+    }, se = (i, d = "end") => {
+      const p = {};
+      for (const J of o.value)
+        p[J.name] = "";
+      i && Object.assign(p, i);
+      let A;
+      return d === "start" ? (A = 0, a.value.unshift(p)) : d === "end" ? (A = a.value.length, a.value.push(p)) : (A = Math.max(0, Math.min(d, a.value.length)), a.value.splice(A, 0, p)), A;
+    };
+    return {
+      // state
+      columns: o,
+      config: c,
+      connectionHandles: y,
+      connectionPaths: m,
+      display: f,
+      filterState: g,
+      ganttBars: Z,
+      modal: w,
+      rows: a,
+      sortState: v,
+      table: h,
+      updates: L,
+      // getters
+      filteredRows: V,
+      hasPinnedColumns: k,
+      isGanttView: C,
+      isTreeView: x,
+      isDependencyGraphEnabled: I,
+      numberedRowWidth: X,
+      zeroColumn: M,
+      // resolver
+      linkResolver: n,
+      // actions
+      addRow: se,
+      clearFilter: le,
+      closeModal: F,
+      createConnection: $,
+      deleteConnection: B,
+      deleteRow: (i) => {
+        if (i < 0 || i >= a.value.length)
+          return null;
+        const [d] = a.value.splice(i, 1);
+        delete r.value[i], delete s.value[i];
+        const p = {}, A = {};
+        for (const [J, O] of Object.entries(r.value)) {
+          const S = parseInt(J);
+          S > i ? p[S - 1] = O : p[S] = O;
+        }
+        for (const [J, O] of Object.entries(s.value)) {
+          const S = parseInt(J);
+          S > i ? A[S - 1] = O : A[S] = O;
+        }
+        return r.value = p, s.value = A, d;
+      },
+      duplicateRow: (i) => {
+        if (i < 0 || i >= a.value.length)
+          return -1;
+        const d = a.value[i], p = JSON.parse(JSON.stringify(d)), A = i + 1;
+        return a.value.splice(A, 0, p), A;
+      },
+      getCellData: N,
+      getCellDisplayValue: E,
+      getConnectionsForBar: j,
+      getFormattedValue: D,
+      getHandlesForBar: U,
+      getHeaderCellStyle: ge,
+      getRowExpandSymbol: Be,
+      insertRowAbove: (i, d) => {
+        const p = Math.max(0, i);
+        return se(d, p);
+      },
+      insertRowBelow: (i, d) => {
+        const p = Math.min(i + 1, a.value.length);
+        return se(d, p);
+      },
+      isRowGantt: Oe,
+      isRowVisible: Ve,
+      moveRow: (i, d) => {
+        if (i < 0 || i >= a.value.length || d < 0 || d >= a.value.length || i === d)
+          return !1;
+        const [p] = a.value.splice(i, 1);
+        a.value.splice(d, 0, p);
+        const A = {}, J = {};
+        for (const [O, S] of Object.entries(r.value)) {
+          const Y = parseInt(O);
+          let ie = Y;
+          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), A[ie] = S;
+        }
+        for (const [O, S] of Object.entries(s.value)) {
+          const Y = parseInt(O);
+          let ie = Y;
+          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), J[ie] = S;
+        }
+        return r.value = A, s.value = J, !0;
+      },
+      registerConnectionHandle: xe,
+      registerGanttBar: G,
+      resizeColumn: fe,
+      setCellData: q,
+      setCellText: ne,
+      setFilter: te,
+      sortByColumn: K,
+      toggleRowExpand: Pe,
+      unregisterConnectionHandle: Re,
+      unregisterGanttBar: oe,
+      updateGanttBar: Q,
+      updateRows: ee
+    };
+  })();
+}, Nn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Fn = ["innerHTML"], Wn = { key: 2 }, zn = /* @__PURE__ */ Ce({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -814,195 +1209,138 @@ const Hn = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const n = ce("cell"), l = e.store.getCellData(e.colIndex, e.rowIndex), u = z(""), a = z(!1), o = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], r = o.align || "center", s = o.width || "40ch", d = E(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = z(null);
-    Ae(() => {
-      if (!o.linkDoctype) return;
-      const I = e.store.getCellData(e.colIndex, e.rowIndex);
-      if (I != null && typeof I == "object") {
-        const Z = I, q = Z.displayText ?? Z.id;
-        (typeof q == "string" || typeof q == "number") && (v.value = String(q));
+    const n = de("cell"), l = e.store.getCellData(e.colIndex, e.rowIndex), u = W(""), o = W(!1), a = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], r = a.align || "center", s = a.width || "40ch", h = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), f = W(null);
+    Ie(() => {
+      if (!a.linkDoctype) return;
+      const M = e.store.getCellData(e.colIndex, e.rowIndex);
+      if (M != null && typeof M == "object") {
+        const N = M, q = N.displayText ?? N.id;
+        (typeof q == "string" || typeof q == "number") && (f.value = String(q));
         return;
       }
       const V = e.store.linkResolver;
-      !V || typeof I != "string" || I === "" || V(o.linkDoctype, I).then((Z) => (Z != null && (v.value = Z), Z));
+      !V || typeof M != "string" || M === "" || V(a.linkDoctype, M).then((N) => (N != null && (f.value = N), N));
     });
-    const y = E(() => v.value ?? d.value), P = E(() => typeof y.value == "string" ? Hn(y.value) : !1), F = E(() => ({
+    const w = T(() => f.value ?? h.value), L = T(() => typeof w.value == "string" ? On(w.value) : !1), Z = T(() => ({
       textAlign: r,
       width: s,
-      fontWeight: a.value ? "bold" : "inherit",
-      paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), M = E(() => ({
+      fontWeight: o.value ? "bold" : "inherit",
+      paddingLeft: Pn(e.colIndex, e.store.display[e.rowIndex]?.indent)
+    })), y = T(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": a.value
-    })), h = () => {
-      g(), m();
-    }, m = () => {
-      const { left: I, bottom: V, width: Z, height: q } = Ie(n);
-      o.mask, o.modalComponent && e.store.$patch((_) => {
-        _.modal.visible = !0, _.modal.colIndex = e.colIndex, _.modal.rowIndex = e.rowIndex, _.modal.left = I, _.modal.bottom = V, _.modal.width = Z, _.modal.height = q, _.modal.cell = n.value, typeof o.modalComponent == "function" ? _.modal.component = o.modalComponent({ table: _.table, row: c, column: o }) : _.modal.component = o.modalComponent, _.modal.componentProps = o.modalComponentExtraProps;
+      "cell-modified": o.value
+    })), m = () => {
+      g(), v();
+    }, v = () => {
+      const { left: M, bottom: V, width: N, height: q } = Te(n);
+      a.mask, a.modalComponent && e.store.$patch((ee) => {
+        ee.modal.visible = !0, ee.modal.colIndex = e.colIndex, ee.modal.rowIndex = e.rowIndex, ee.modal.left = M.value, ee.modal.bottom = V.value, ee.modal.width = N.value, ee.modal.height = q.value, ee.modal.cell = n.value, typeof a.modalComponent == "function" ? ee.modal.component = a.modalComponent({ table: e.store.table, row: c, column: a }) : ee.modal.component = a.modalComponent, ee.modal.componentProps = a.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let I = {
-        ...qe,
-        "keydown.f2": m,
-        "keydown.alt.up": m,
-        "keydown.alt.down": m,
-        "keydown.alt.left": m,
-        "keydown.alt.right": m
+      let M = {
+        ...Je,
+        "keydown.f2": v,
+        "keydown.alt.up": v,
+        "keydown.alt.down": v,
+        "keydown.alt.left": v,
+        "keydown.alt.right": v
       };
-      typeof e.addNavigation == "object" && (I = {
-        ...I,
+      typeof e.addNavigation == "object" && (M = {
+        ...M,
         ...e.addNavigation
-      }), ft([
+      }), It([
         {
           selectors: n,
-          handlers: I
+          handlers: M
         }
       ]);
     }
     const g = () => {
-      if (n.value && o.edit) {
-        const I = window.getSelection();
-        if (I)
+      if (n.value && a.edit) {
+        const M = window.getSelection();
+        if (M)
           try {
             const V = document.createRange();
-            V.selectNodeContents && (V.selectNodeContents(n.value), I.removeAllRanges(), I.addRange(V));
+            V.selectNodeContents && (V.selectNodeContents(n.value), M.removeAllRanges(), M.addRange(V));
           } catch {
           }
       }
     }, k = () => {
       n.value && (u.value = n.value.textContent, g());
-    }, x = () => {
+    }, C = () => {
       try {
-        const I = window.getSelection();
-        if (I && I.rangeCount > 0 && n.value) {
-          const V = I.getRangeAt(0), Z = V.cloneRange();
-          if (Z.selectNodeContents && Z.setEnd)
-            return Z.selectNodeContents(n.value), Z.setEnd(V.endContainer, V.endOffset), Z.toString().length;
+        const M = window.getSelection();
+        if (M && M.rangeCount > 0 && n.value) {
+          const V = M.getRangeAt(0), N = V.cloneRange();
+          if (N.selectNodeContents && N.setEnd)
+            return N.selectNodeContents(n.value), N.setEnd(V.endContainer, V.endOffset), N.toString().length;
         }
       } catch {
       }
       return 0;
-    }, R = (I) => {
+    }, x = (M) => {
       if (n.value)
         try {
           const V = window.getSelection();
           if (!V) return;
-          let Z = 0;
+          let N = 0;
           const q = document.createTreeWalker ? document.createTreeWalker(n.value, NodeFilter.SHOW_TEXT, null) : null;
           if (!q) return;
-          let _, ne = null;
-          for (; _ = q.nextNode(); ) {
-            const ge = _, ve = Z + ge.textContent.length;
-            if (I <= ve && (ne = document.createRange(), ne.setStart && ne.setEnd)) {
-              ne.setStart(ge, I - Z), ne.setEnd(ge, I - Z);
+          let ee, ne = null;
+          for (; ee = q.nextNode(); ) {
+            const ge = ee, fe = N + ge.textContent.length;
+            if (M <= fe && (ne = document.createRange(), ne.setStart && ne.setEnd)) {
+              ne.setStart(ge, M - N), ne.setEnd(ge, M - N);
               break;
             }
-            Z = ve;
+            N = fe;
           }
           ne && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ne));
         } catch {
         }
-    }, B = (I) => {
-      if (!o.edit) return;
-      const V = I.target;
+    }, I = (M) => {
+      if (!a.edit) return;
+      const V = M.target;
       if (V.textContent === u.value)
         return;
-      const Z = x();
-      u.value = V.textContent, o.format ? (a.value = V.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, V.textContent)) : (a.value = V.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, V.textContent)), at().then(() => R(Z));
-    }, j = /* @__PURE__ */ Rn(B, e.debounce);
+      const N = C();
+      u.value = V.textContent, a.format ? (o.value = V.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, V.textContent)) : (o.value = V.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, V.textContent)), at().then(() => x(N));
+    }, X = /* @__PURE__ */ Tn(I, e.debounce);
     return t({
       currentData: u
-    }), (I, V) => (p(), b("td", {
+    }), (M, V) => (b(), R("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": O(o).edit,
-      contenteditable: O(o).edit,
+      "data-editable": P(a).edit,
+      contenteditable: P(a).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: pe(F.value),
-      class: se(["atable-cell", M.value]),
+      style: pe(Z.value),
+      class: ae(["atable-cell", y.value]),
       onFocus: k,
-      onPaste: B,
+      onPaste: I,
       onInput: V[0] || (V[0] = //@ts-ignore
-      (...Z) => O(j) && O(j)(...Z)),
-      onClick: h
+      (...N) => P(X) && P(X)(...N)),
+      onClick: m
     }, [
-      O(o).cellComponent ? (p(), he(Ne(O(o).cellComponent), st({
+      P(a).cellComponent ? (b(), ve(Ne(P(a).cellComponent), st({
         key: 0,
-        value: y.value
-      }, O(o).cellComponentProps), null, 16, ["value"])) : P.value ? (p(), b("span", {
+        value: w.value
+      }, P(a).cellComponentProps), null, 16, ["value"])) : L.value ? (b(), R("span", {
         key: 1,
-        innerHTML: y.value
-      }, null, 8, On)) : (p(), b("span", Vn, be(y.value), 1))
-    ], 46, Dn));
+        innerHTML: w.value
+      }, null, 8, Fn)) : (b(), R("span", Wn, ye(w.value), 1))
+    ], 46, Nn));
   }
-}), Pn = ["tabindex"], Zn = ["tabindex"], Nn = ["colspan"], Fn = /* @__PURE__ */ xe({
-  __name: "AExpansionRow",
-  props: {
-    rowIndex: {},
-    store: {},
-    tabIndex: { default: () => -1 },
-    addNavigation: { type: [Boolean, Object], default: () => qe }
-  },
-  setup(e) {
-    const t = ce("rowEl"), n = E(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
-    if (e.addNavigation) {
-      const l = {
-        "keydown.control.g": (u) => {
-          u.stopPropagation(), u.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
-        }
-      };
-      typeof e.addNavigation == "object" && Object.assign(l, e.addNavigation), ft([
-        {
-          selectors: t,
-          handlers: l
-        }
-      ]);
-    }
-    return (l, u) => (p(), b(me, null, [
-      N("tr", st(l.$attrs, {
-        ref: "rowEl",
-        tabindex: e.tabIndex,
-        class: "expandable-row"
-      }), [
-        N("td", {
-          tabIndex: -1,
-          class: "row-index",
-          onClick: u[0] || (u[0] = (a) => e.store.toggleRowExpand(e.rowIndex))
-        }, be(n.value), 1),
-        fe(l.$slots, "row", {}, void 0, !0)
-      ], 16, Pn),
-      e.store.display[e.rowIndex].expanded ? (p(), b("tr", {
-        key: 0,
-        ref: "rowExpanded",
-        tabindex: e.tabIndex,
-        class: "expanded-row"
-      }, [
-        N("td", {
-          tabIndex: -1,
-          colspan: e.store.columns.length + 1,
-          class: "expanded-row-content"
-        }, [
-          fe(l.$slots, "content", {}, void 0, !0)
-        ], 8, Nn)
-      ], 8, Zn)) : ee("", !0)
-    ], 64));
-  }
-}), $e = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, u] of t)
-    n[l] = u;
-  return n;
-}, Wn = /* @__PURE__ */ $e(Fn, [["__scopeId", "data-v-a42297c7"]]), zn = ["colspan"], Xn = {
+}), Xn = ["colspan"], Gn = {
   ref: "container",
   class: "gantt-container"
-}, Gn = ["data-rowindex", "data-colindex"], jn = {
+}, Un = ["data-rowindex", "data-colindex"], jn = {
   key: 2,
   class: "gantt-label"
-}, Yn = ["x1", "y1", "x2", "y2"], Un = /* @__PURE__ */ xe({
+}, Yn = ["x1", "y1", "x2", "y2"], Jn = /* @__PURE__ */ Ce({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -1017,270 +1355,273 @@ const Hn = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: n }) {
-    Xt(($) => ({
-      v1b78cb3b: u.value,
-      v0a4cd982: $.colspan
+    Ut(($) => ({
+      v564d6da1: u.value,
+      v4f540c19: $.colspan
     }));
-    const l = n, u = z(e.color.length >= 6 ? e.color : "#cccccc"), a = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = ce("container"), c = ce("bar"), r = ce("leftResizeHandle"), s = ce("rightResizeHandle"), d = ce("leftConnectionHandle"), v = ce("rightConnectionHandle"), { width: y } = Ie(o), { left: P, right: F } = Ie(c), M = z(e.start), h = z(e.end || M.value + e.colspan), m = z(!1), g = z(!1), k = z(!1), x = z(!1), R = z(!1), B = z({ startX: 0, startY: 0, endX: 0, endY: 0 }), j = E(() => ge.value || _.value || ne.value), I = E(() => e.colspan > 0 ? y.value / e.colspan : 0), V = E(() => {
-      const $ = M.value / e.colspan * 100, D = h.value / e.colspan * 100;
+    const l = n, u = W(e.color.length >= 6 ? e.color : "#cccccc"), o = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = de("container"), c = de("bar"), r = de("leftResizeHandle"), s = de("rightResizeHandle"), h = de("leftConnectionHandle"), f = de("rightConnectionHandle"), { width: w } = Te(a), { left: L, right: Z } = Te(c), y = W(e.start), m = W(e.end || y.value + e.colspan), v = W(!1), g = W(!1), k = W(!1), C = W(!1), x = W(!1), I = W({ startX: 0, startY: 0, endX: 0, endY: 0 }), X = T(() => ge.value || ee.value || ne.value), M = T(() => e.colspan > 0 ? w.value / e.colspan : 0), V = T(() => {
+      const $ = y.value / e.colspan * 100, B = m.value / e.colspan * 100;
       return {
         left: `${$}%`,
-        width: `${D - $}%`,
+        width: `${B - $}%`,
         backgroundColor: u.value
       };
-    }), Z = E(
-      () => ({
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100vw",
-        height: "100vh",
-        pointerEvents: "none",
-        zIndex: 1e3
-      })
-    ), q = z({ startX: 0, startPos: 0 }), { isDragging: _ } = _e(r, {
+    }), N = T(() => ({
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100vw",
+      height: "100vh",
+      pointerEvents: "none",
+      zIndex: 1e3
+    })), q = W({ startX: 0, startPos: 0 }), { isDragging: ee } = _e(r, {
       axis: "x",
-      onStart: () => ve(P.value, M.value),
+      onStart: () => fe(L.value, y.value),
       onMove: ({ x: $ }) => Oe($),
       onEnd: ({ x: $ }) => Ve($)
     }), { isDragging: ne } = _e(s, {
       axis: "x",
-      onStart: () => ve(F.value, h.value),
+      onStart: () => fe(Z.value, m.value),
       onMove: ({ x: $ }) => Be($),
       onEnd: ({ x: $ }) => Pe($)
     }), { isDragging: ge } = _e(c, {
       exact: !0,
       axis: "x",
-      onStart: () => ve(P.value, M.value),
+      onStart: () => fe(L.value, y.value),
       onMove: ({ x: $ }) => He($),
-      onEnd: ({ x: $ }) => C($)
+      onEnd: ({ x: $ }) => E($)
     });
-    Ae(() => {
-      H();
-    }), Gt(() => {
-      W();
+    Ie(() => {
+      D();
+    }), jt(() => {
+      F();
     });
-    function ve($, D) {
-      c.value && (c.value.style.transition = "none"), q.value = { startX: $, startPos: D };
+    function fe($, B) {
+      c.value && (c.value.style.transition = "none"), q.value = { startX: $, startPos: B };
     }
     function Oe($) {
-      if (!_.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = Math.max(0, Math.min(h.value - 1, q.value.startPos + Y));
-      c.value.style.left = `${G / e.colspan * 100}%`, c.value.style.width = `${(h.value - G) / e.colspan * 100}%`;
+      if (!ee.value || !c.value) return;
+      const j = ($ - q.value.startX) / M.value, U = Math.max(0, Math.min(m.value - 1, q.value.startPos + j));
+      c.value.style.left = `${U / e.colspan * 100}%`, c.value.style.width = `${(m.value - U) / e.colspan * 100}%`;
     }
     function Ve($) {
       if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = M.value, K = Math.max(0, Math.min(h.value - 1, q.value.startPos + Y));
-      M.value = K, e.store.updateGanttBar({
+      const B = $ - q.value.startX, j = Math.round(B / M.value), U = y.value, K = Math.max(0, Math.min(m.value - 1, q.value.startPos + j));
+      y.value = K, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: G,
+        oldStart: U,
         newStart: K,
-        end: h.value,
-        delta: Y,
-        oldColspan: h.value - G,
-        newColspan: h.value - K
+        end: m.value,
+        delta: j,
+        oldColspan: m.value - U,
+        newColspan: m.value - K
       });
     }
     function Be($) {
       if (!ne.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = Math.max(M.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      c.value.style.width = `${(G - M.value) / e.colspan * 100}%`;
+      const j = ($ - q.value.startX) / M.value, U = Math.max(y.value + 1, Math.min(e.columnsCount, q.value.startPos + j));
+      c.value.style.width = `${(U - y.value) / e.colspan * 100}%`;
     }
     function Pe($) {
       if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = h.value, K = Math.max(M.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      h.value = K, e.store.updateGanttBar({
+      const B = $ - q.value.startX, j = Math.round(B / M.value), U = m.value, K = Math.max(y.value + 1, Math.min(e.columnsCount, q.value.startPos + j));
+      m.value = K, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: G,
+        oldEnd: U,
         newEnd: K,
-        start: M.value,
-        delta: Y,
-        oldColspan: G - M.value,
-        newColspan: K - M.value
+        start: y.value,
+        delta: j,
+        oldColspan: U - y.value,
+        newColspan: K - y.value
       });
     }
     function He($) {
       if (!ge.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = h.value - M.value, K = Math.max(0, Math.min(q.value.startPos + Y, e.columnsCount - G));
+      const j = ($ - q.value.startX) / M.value, U = m.value - y.value, K = Math.max(0, Math.min(q.value.startPos + j, e.columnsCount - U));
       c.value.style.left = `${K / e.colspan * 100}%`;
     }
-    function C($) {
+    function E($) {
       if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = h.value - M.value, K = M.value, te = h.value;
-      let le = q.value.startPos + Y, ae = le + G;
-      le < 0 ? (le = 0, ae = G) : ae > e.columnsCount && (ae = e.columnsCount, le = ae - G), M.value = le, h.value = ae, e.store.updateGanttBar({
+      const B = $ - q.value.startX, j = Math.round(B / M.value), U = m.value - y.value, K = y.value, te = m.value;
+      let le = q.value.startPos + j, se = le + U;
+      le < 0 ? (le = 0, se = U) : se > e.columnsCount && (se = e.columnsCount, le = se - U), y.value = le, m.value = se, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
         oldStart: K,
         oldEnd: te,
         newStart: le,
-        newEnd: ae,
-        delta: Y,
-        colspan: ae - le
+        newEnd: se,
+        delta: j,
+        colspan: se - le
       });
     }
-    function H() {
-      const { x: $, y: D } = Ie(c), { x: Y, y: G } = Ie(d), { x: K, y: te } = Ie(v);
+    function D() {
+      const { x: $, y: B } = Te(c), { x: j, y: U } = Te(h), { x: K, y: te } = Te(f);
       e.store.registerGanttBar({
-        id: a,
+        id: o,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
-        startIndex: M,
-        endIndex: h,
+        startIndex: y,
+        endIndex: m,
         color: u,
         label: e.label,
-        position: { x: $, y: D }
+        position: { x: $, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${a}-connection-left`,
+        id: `${o}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: Y, y: G },
-        visible: m,
-        barId: a
+        position: { x: j, y: U },
+        visible: v,
+        barId: o
       }), e.store.registerConnectionHandle({
-        id: `${a}-connection-right`,
+        id: `${o}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
         position: { x: K, y: te },
         visible: g,
-        barId: a
+        barId: o
       }));
     }
-    function W() {
-      e.store.unregisterGanttBar(a), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${a}-connection-left`), e.store.unregisterConnectionHandle(`${a}-connection-right`));
+    function F() {
+      e.store.unregisterGanttBar(o), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${o}-connection-left`), e.store.unregisterConnectionHandle(`${o}-connection-right`));
     }
     function Q() {
-      e.store.isDependencyGraphEnabled && (m.value = !0, g.value = !0);
+      e.store.isDependencyGraphEnabled && (v.value = !0, g.value = !0);
     }
-    function X() {
-      !k.value && !x.value && (m.value = !1, g.value = !1);
+    function G() {
+      !k.value && !C.value && (v.value = !1, g.value = !1);
     }
-    function oe($, D) {
-      D.preventDefault(), D.stopPropagation(), R.value = !0, $ === "left" ? k.value = !0 : x.value = !0;
-      const Y = $ === "left" ? d.value : v.value;
-      if (Y) {
-        const te = Y.getBoundingClientRect(), le = te.left + te.width / 2, ae = te.top + te.height / 2;
-        B.value = { startX: le, startY: ae, endX: le, endY: ae };
+    function oe($, B) {
+      B.preventDefault(), B.stopPropagation(), x.value = !0, $ === "left" ? k.value = !0 : C.value = !0;
+      const j = $ === "left" ? h.value : f.value;
+      if (j) {
+        const te = j.getBoundingClientRect(), le = te.left + te.width / 2, se = te.top + te.height / 2;
+        I.value = { startX: le, startY: se, endX: le, endY: se };
       }
-      const G = (te) => {
-        B.value.endX = te.clientX, B.value.endY = te.clientY;
+      const U = (te) => {
+        I.value.endX = te.clientX, I.value.endY = te.clientY;
       }, K = (te) => {
-        ye(te, $), Re(G, K);
+        xe(te, $), Re(U, K);
       };
-      document.addEventListener("mousemove", G), document.addEventListener("mouseup", K);
+      document.addEventListener("mousemove", U), document.addEventListener("mouseup", K);
     }
-    function ye($, D) {
-      const G = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
-      if (G && G !== (D === "left" ? d.value : v.value)) {
-        const K = G.closest(".gantt-bar");
+    function xe($, B) {
+      const U = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
+      if (U && U !== (B === "left" ? h.value : f.value)) {
+        const K = U.closest(".gantt-bar");
         if (K) {
-          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), ae = G.classList.contains("left-connection-handle") ? "left" : "right", ht = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
-            `${a}-connection-${D}`,
-            `${ht}-connection-${ae}`
+          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), se = U.classList.contains("left-connection-handle") ? "left" : "right", vt = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
+            `${o}-connection-${B}`,
+            `${vt}-connection-${se}`
           );
           Qe && l("connection:create", Qe);
         }
       }
     }
-    function Re($, D) {
-      R.value = !1, k.value = !1, x.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", D), c.value?.matches(":hover") || X();
+    function Re($, B) {
+      x.value = !1, k.value = !1, C.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", B), c.value?.matches(":hover") || G();
     }
     return t({
       barStyle: V,
       cleanupConnectionDrag: Re,
-      currentEnd: h,
-      handleConnectionDrop: ye,
+      currentEnd: m,
+      handleConnectionDrop: xe,
       isLeftConnectionDragging: k,
-      isLeftConnectionVisible: m,
-      isRightConnectionDragging: x,
+      isLeftConnectionVisible: v,
+      isRightConnectionDragging: C,
       isRightConnectionVisible: g,
-      showDragPreview: R
-    }), ($, D) => (p(), b("td", {
+      showDragPreview: x
+    }), ($, B) => (b(), R("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      N("div", Xn, [
-        N("div", {
+      z("div", Gn, [
+        z("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: se(["gantt-bar", { "is-dragging": j.value }]),
+          class: ae(["gantt-bar", { "is-dragging": X.value }]),
           style: pe(V.value),
           onMouseenter: Q,
-          onMouseleave: X
+          onMouseleave: G
         }, [
-          e.store.isDependencyGraphEnabled ? (p(), b("div", {
+          e.store.isDependencyGraphEnabled ? (b(), R("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: se(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": k.value }]),
-            onMousedown: D[0] || (D[0] = Se((Y) => oe("left", Y), ["stop"]))
-          }, [...D[2] || (D[2] = [
-            N("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : ee("", !0),
-          e.store.isDependencyGraphEnabled ? (p(), b("div", {
+            class: ae(["connection-handle left-connection-handle", { visible: v.value, "is-dragging": k.value }]),
+            onMousedown: B[0] || (B[0] = $e((j) => oe("left", j), ["stop"]))
+          }, [...B[2] || (B[2] = [
+            z("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : _("", !0),
+          e.store.isDependencyGraphEnabled ? (b(), R("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: se(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": x.value }]),
-            onMousedown: D[1] || (D[1] = Se((Y) => oe("right", Y), ["stop"]))
-          }, [...D[3] || (D[3] = [
-            N("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : ee("", !0),
-          N("div", {
+            class: ae(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": C.value }]),
+            onMousedown: B[1] || (B[1] = $e((j) => oe("right", j), ["stop"]))
+          }, [...B[3] || (B[3] = [
+            z("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : _("", !0),
+          z("div", {
             ref: "leftResizeHandle",
-            class: se(["resize-handle left-resize-handle", { "is-dragging": O(_) }])
-          }, [...D[4] || (D[4] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: ae(["resize-handle left-resize-handle", { "is-dragging": P(ee) }])
+          }, [...B[4] || (B[4] = [
+            z("div", { class: "handle-grip" }, null, -1),
+            z("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (p(), b("label", jn, be(e.label), 1)) : ee("", !0),
-          N("div", {
+          e.label ? (b(), R("label", jn, ye(e.label), 1)) : _("", !0),
+          z("div", {
             ref: "rightResizeHandle",
-            class: se(["resize-handle right-resize-handle", { "is-dragging": O(ne) }])
-          }, [...D[5] || (D[5] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: ae(["resize-handle right-resize-handle", { "is-dragging": P(ne) }])
+          }, [...B[5] || (B[5] = [
+            z("div", { class: "handle-grip" }, null, -1),
+            z("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, Gn)
+        ], 46, Un)
       ], 512),
-      e.store.isDependencyGraphEnabled && R.value ? (p(), b("svg", {
+      e.store.isDependencyGraphEnabled && x.value ? (b(), R("svg", {
         key: 0,
-        style: pe(Z.value)
+        style: pe(N.value)
       }, [
-        N("line", {
-          x1: B.value.startX,
-          y1: B.value.startY,
-          x2: B.value.endX,
-          y2: B.value.endY,
+        z("line", {
+          x1: I.value.startX,
+          y1: I.value.startY,
+          x2: I.value.endX,
+          y2: I.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
         }, null, 8, Yn)
-      ], 4)) : ee("", !0)
-    ], 8, zn));
+      ], 4)) : _("", !0)
+    ], 8, Xn));
   }
-}), Jn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-c3173189"]]), qn = `<?xml version="1.0" encoding="UTF-8"?>
+}), Ae = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, u] of t)
+    n[l] = u;
+  return n;
+}, qn = /* @__PURE__ */ Ae(Jn, [["__scopeId", "data-v-032ef6d9"]]), Qn = `<?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>
-`, Qn = `<?xml version="1.0" encoding="UTF-8"?>
+`, Kn = `<?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;"/>
-</svg>`, Kn = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, _n = `<?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 70.67 70.67">
   <path d="M68.67,16.67h-14.67V2c0-1.1-.9-2-2-2H2C.9,0,0,.9,0,2v50c0,1.1.9,2,2,2h14.67v14.67c0,1.1.9,2,2,2h50c1.1,0,2-.9,2-2V18.67c0-1.1-.9-2-2-2ZM4,4h46v46H4V4ZM66.67,66.67H20.67v-12.67h31.33c1.1,0,2-.9,2-2v-31.33h12.67v46Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="41 25 29 25 29 13 25 13 25 25 13 25 13 29 25 29 25 41 29 41 29 29 41 29 41 25" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, _n = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, eo = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <path d="M68.6,45.8v13.7H2v-13.7h66.6M70.6,43.8H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,24.2v13.7H2v-13.7h66.6M70.6,22.2H0v17.7h70.6v-17.7h0Z"/>
@@ -1294,7 +1635,7 @@ const Hn = (e) => {
     <polygon points="70.6 18.7 68.1 18.7 68.1 16.7 68.6 16.7 68.6 16.2 70.6 16.2 70.6 18.7"/>
     <path d="M70.6,13.4h-2v-2.7h2v2.7ZM70.6,8h-2v-2.7h2v2.7Z"/>
   </g>
-</svg>`, eo = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, to = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <g>
     <polygon points="70.6 45.3 68.6 45.3 68.6 44.8 68.1 44.8 68.1 42.8 70.6 42.8 70.6 45.3"/>
@@ -1308,23 +1649,31 @@ const Hn = (e) => {
   </g>
   <path d="M68.6,23.7v13.7H2v-13.7h66.6M70.6,21.7H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,2v13.7H2V2h66.6M70.6,0H0v17.7h70.6V0h0Z"/>
-</svg>`, to = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, no = `<?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 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>`, no = {
-  add: qn,
-  delete: Qn,
-  duplicate: Kn,
-  insertAbove: _n,
-  insertBelow: eo,
-  move: to
-}, oo = {
+</svg>`, oo = `<?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="18,20 18,44 46,32" style="fill: #000; stroke-width: 0px;"/>
+</svg>
+`, lo = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 13V3.5M4.5 7 8 3.5 11.5 7" stroke-linecap="round" stroke-linejoin="round"/></svg>', ao = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 3v9.5M4.5 9 8 12.5 11.5 9" stroke-linecap="round" stroke-linejoin="round"/></svg>', so = {
+  add: Qn,
+  delete: Kn,
+  duplicate: _n,
+  insertAbove: eo,
+  insertBelow: to,
+  move: no,
+  moveUp: lo,
+  moveDown: ao,
+  open: oo
+}, io = {
   key: 0,
   class: "row-actions-dropdown"
-}, lo = ["aria-expanded"], ao = ["onClick"], so = ["innerHTML"], io = { class: "action-label" }, ro = {
+}, ro = ["aria-expanded"], co = ["disabled", "onClick"], uo = ["innerHTML"], fo = { class: "action-label" }, vo = {
   key: 1,
   class: "row-actions-icons"
-}, co = ["title", "aria-label", "onClick"], uo = ["innerHTML"], Ue = /* @__PURE__ */ xe({
+}, ho = ["title", "aria-label", "disabled", "onClick"], mo = ["innerHTML"], Ye = /* @__PURE__ */ Ce({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1334,27 +1683,40 @@ const Hn = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const n = e, l = t, u = ce("actionsCell"), a = ce("toggleButton"), o = z(0), c = z(!1), r = z(!1), s = z({ top: 0, left: 0 }), d = {
-      add: "Add Row",
-      delete: "Delete Row",
-      duplicate: "Duplicate Row",
+    const n = e, l = t, u = de("actionsCell"), o = de("toggleButton"), a = W(0), c = W(!1), r = W(!1), s = W({ top: 0, left: 0 }), h = {
+      add: "Add Record",
+      delete: "Delete Record",
+      duplicate: "Duplicate Record",
       insertAbove: "Insert Above",
       insertBelow: "Insert Below",
-      move: "Move Row"
-    }, v = E(() => {
-      const m = [], g = n.config.actions || {}, k = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const x of k) {
-        const R = g[x];
-        if (R === !1 || R === void 0) continue;
-        let B = !0, j = d[x], I = no[x];
-        typeof R == "object" && (B = R.enabled !== !1, j = R.label || j, I = R.icon || I), B && m.push({ type: x, label: j, icon: I });
+      move: "Move Record",
+      moveUp: "Move Up",
+      moveDown: "Move Down",
+      open: "Open Record"
+    }, f = T(() => {
+      const v = [], g = n.config.actions || {}, k = [
+        "open",
+        "moveUp",
+        "moveDown",
+        "duplicate",
+        "insertAbove",
+        "insertBelow",
+        "add",
+        "delete",
+        "move"
+      ];
+      for (const C of k) {
+        const x = g[C];
+        if (x === !1 || x === void 0) continue;
+        let I = !0, X = h[C], M = so[C], V = !1;
+        typeof x == "object" && (I = x.enabled !== !1, X = x.label || X, M = x.icon || M, x.disabled && (V = x.disabled(n.rowIndex, n.store))), I && v.push({ type: C, label: X, icon: M, disabled: V });
       }
-      return m;
-    }), y = E(() => {
+      return v;
+    }), w = T(() => {
       if (n.config.forceDropdown) return !0;
-      const m = n.config.dropdownThreshold ?? 150;
-      return m === 0 ? !1 : o.value > 0 && o.value < m;
-    }), P = E(() => c.value ? r.value ? {
+      const v = n.config.dropdownThreshold ?? 150;
+      return v === 0 ? !1 : a.value > 0 && a.value < v;
+    }), L = T(() => c.value ? r.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - s.value.top}px`,
       left: `${s.value.left}px`,
@@ -1364,85 +1726,86 @@ const Hn = (e) => {
       top: `${s.value.top}px`,
       left: `${s.value.left}px`
     } : {});
-    Je(u, (m) => {
-      const g = m[0];
-      g && (o.value = g.contentRect.width);
+    qe(u, (v) => {
+      const g = v[0];
+      g && (a.value = g.contentRect.width);
     });
-    const F = () => {
-      c.value || M(), c.value = !c.value;
-    }, M = () => {
-      if (!a.value) return;
-      const m = a.value.getBoundingClientRect(), g = window.innerHeight, k = v.value.length * 40 + 16, x = g - m.bottom, R = m.top;
-      r.value = x < k && R > k, r.value ? s.value = {
-        top: m.top,
-        left: m.left
-      } : s.value = {
-        top: m.bottom,
-        left: m.left
+    const Z = () => {
+      c.value || y(), c.value = !c.value;
+    }, y = () => {
+      if (!o.value) return;
+      const v = o.value.getBoundingClientRect(), g = window.innerHeight, k = window.innerWidth, C = f.value.length * 40 + 16, x = 160, I = g - v.bottom, X = v.top;
+      r.value = I < C && X > C;
+      let M = v.left;
+      M + x > k && (M = Math.max(0, v.right - x)), s.value = {
+        top: r.value ? v.top : v.bottom,
+        left: M
       };
     };
     ot(u, () => {
       c.value = !1;
     });
-    const h = (m) => {
+    const m = (v, g) => {
       c.value = !1;
-      const g = n.config.actions?.[m];
-      typeof g == "object" && g.handler && g.handler(n.rowIndex, n.store) === !1 || l("action", m, n.rowIndex);
+      const k = n.config.actions?.[v];
+      typeof k == "object" && k.handler && k.handler(n.rowIndex, n.store) === !1 || l("action", v, n.rowIndex, g);
     };
-    return (m, g) => (p(), b("td", {
+    return (v, g) => (b(), R("td", {
       ref: "actionsCell",
-      class: se(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
+      class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
     }, [
-      y.value ? (p(), b("div", oo, [
-        N("button", {
+      w.value ? (b(), R("div", io, [
+        z("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
           "aria-expanded": c.value,
           "aria-haspopup": "true",
-          onClick: Se(F, ["stop"])
+          onClick: $e(Z, ["stop"])
         }, [...g[0] || (g[0] = [
-          N("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, lo),
-        de(N("div", {
-          class: se(["row-actions-menu", { "menu-flipped": r.value }]),
-          style: pe(P.value),
+          z("span", { class: "dropdown-icon" }, "⋮", -1)
+        ])], 8, ro),
+        ue(z("div", {
+          class: ae(["row-actions-menu", { "menu-flipped": r.value }]),
+          style: pe(L.value),
           role: "menu"
         }, [
-          (p(!0), b(me, null, Ce(v.value, (k) => (p(), b("button", {
+          (b(!0), R(me, null, be(f.value, (k) => (b(), R("button", {
             key: k.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: Se((x) => h(k.type), ["stop"])
+            disabled: k.disabled,
+            onClick: $e((C) => m(k.type, C), ["stop"])
           }, [
-            N("span", {
+            z("span", {
               class: "action-icon",
               innerHTML: k.icon
-            }, null, 8, so),
-            N("span", io, be(k.label), 1)
-          ], 8, ao))), 128))
+            }, null, 8, uo),
+            z("span", fo, ye(k.label), 1)
+          ], 8, co))), 128))
         ], 6), [
           [it, c.value]
         ])
-      ])) : (p(), b("div", ro, [
-        (p(!0), b(me, null, Ce(v.value, (k) => (p(), b("button", {
+      ])) : (b(), R("div", vo, [
+        (b(!0), R(me, null, be(f.value, (k) => (b(), R("button", {
           key: k.type,
           type: "button",
           class: "row-action-btn",
           title: k.label,
           "aria-label": k.label,
-          onClick: Se((x) => h(k.type), ["stop"])
+          disabled: k.disabled,
+          onClick: $e((C) => m(k.type, C), ["stop"])
         }, [
-          N("span", {
+          z("span", {
             class: "action-icon",
             innerHTML: k.icon
-          }, null, 8, uo)
-        ], 8, co))), 128))
+          }, null, 8, mo)
+        ], 8, ho))), 128))
       ]))
     ], 2));
   }
-}), fo = ["tabindex"], vo = /* @__PURE__ */ xe({
+}), go = ["tabindex"], wo = ["tabindex"], po = ["colspan"], xo = /* @__PURE__ */ Ce({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1450,77 +1813,107 @@ const Hn = (e) => {
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
-  emits: ["row:action"],
+  emits: ["row:action", "row:click"],
   setup(e, { emit: t }) {
-    const n = t, l = ce("rowEl"), u = E(() => e.store.isRowVisible(e.rowIndex)), a = E(() => e.store.getRowExpandSymbol(e.rowIndex)), o = E(() => e.store.config.rowActions || { enabled: !1 }), c = E(() => o.value.enabled), r = E(() => o.value.position || "before-index"), s = (d, v) => {
-      n("row:action", d, v);
-    };
-    if (e.addNavigation) {
-      let d = qe;
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
-        ...e.addNavigation
-      }), ft([
+    const n = t, l = de("rowEl"), u = T(() => e.store.isRowVisible(e.rowIndex)), o = T(() => e.store.getRowExpandSymbol(e.rowIndex)), a = T(() => e.store.config.clickable ?? !1), c = T(() => e.store.config.rowActions || { enabled: !1 }), r = T(() => c.value.enabled), s = T(() => c.value.position || "before-index"), h = T(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), f = T(() => {
+      const y = e.store.config.view === "uncounted" ? 0 : 1, m = r.value ? 1 : 0;
+      return e.store.columns.length + y + m;
+    }), w = (y, m, v) => {
+      n("row:action", y, m, v);
+    }, L = (y) => {
+      const m = y.target;
+      m.closest(".atable-row-actions") || m.closest(".tree-index") || m.closest(".expansion-index") || n("row:click", e.rowIndex, y);
+    }, Z = e.store.config.view === "list-expansion";
+    if (e.addNavigation || Z) {
+      let y = {};
+      e.addNavigation === !0 ? y = { ...Je } : typeof e.addNavigation == "object" && (y = { ...Je, ...e.addNavigation }), Z && !y["keydown.control.g"] && (y["keydown.control.g"] = (m) => {
+        m.stopPropagation(), m.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      }), It([
         {
           selectors: l,
-          handlers: d
+          handlers: y
         }
       ]);
     }
-    return (d, v) => de((p(), b("tr", {
-      ref: "rowEl",
-      tabindex: e.tabIndex,
-      class: "atable-row"
-    }, [
-      c.value && r.value === "before-index" ? (p(), he(Ue, {
-        key: 0,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: o.value,
-        position: r.value,
-        onAction: s
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      e.store.config.view !== "uncounted" ? fe(d.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (p(), b("td", {
+    return (y, m) => (b(), R(me, null, [
+      ue(z("tr", st(y.$attrs, {
+        ref: "rowEl",
+        tabindex: e.tabIndex,
+        class: ["atable-row", { "atable-row-clickable": a.value }],
+        onClick: L
+      }), [
+        r.value && s.value === "before-index" ? (b(), ve(Ye, {
           key: 0,
+          "row-index": e.rowIndex,
+          store: e.store,
+          config: c.value,
+          position: s.value,
+          onAction: w
+        }, null, 8, ["row-index", "store", "config", "position"])) : _("", !0),
+        e.store.config.view !== "uncounted" ? he(y.$slots, "index", { key: 1 }, () => [
+          e.store.config.view === "list" ? (b(), R("td", {
+            key: 0,
+            tabIndex: -1,
+            class: ae(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+          }, ye(e.rowIndex + 1), 3)) : e.store.isTreeView ? (b(), R("td", {
+            key: 1,
+            tabIndex: -1,
+            class: ae(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+            onClick: m[0] || (m[0] = (v) => e.store.toggleRowExpand(e.rowIndex))
+          }, ye(o.value), 3)) : e.store.config.view === "list-expansion" ? (b(), R("td", {
+            key: 2,
+            tabIndex: -1,
+            class: ae(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+            onClick: m[1] || (m[1] = (v) => e.store.toggleRowExpand(e.rowIndex))
+          }, ye(o.value), 3)) : _("", !0)
+        ], !0) : _("", !0),
+        r.value && s.value === "after-index" ? (b(), ve(Ye, {
+          key: 2,
+          "row-index": e.rowIndex,
+          store: e.store,
+          config: c.value,
+          position: s.value,
+          onAction: w
+        }, null, 8, ["row-index", "store", "config", "position"])) : _("", !0),
+        he(y.$slots, "default", {}, void 0, !0),
+        r.value && s.value === "end" ? (b(), ve(Ye, {
+          key: 3,
+          "row-index": e.rowIndex,
+          store: e.store,
+          config: c.value,
+          position: s.value,
+          onAction: w
+        }, null, 8, ["row-index", "store", "config", "position"])) : _("", !0)
+      ], 16, go), [
+        [it, u.value]
+      ]),
+      h.value ? (b(), R("tr", {
+        key: 0,
+        tabindex: e.tabIndex,
+        class: "atable-expanded-row"
+      }, [
+        z("td", {
           tabIndex: -1,
-          class: se(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, be(e.rowIndex + 1), 3)) : e.store.isTreeView ? (p(), b("td", {
-          key: 1,
-          tabIndex: -1,
-          class: se(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: v[0] || (v[0] = (y) => e.store.toggleRowExpand(e.rowIndex))
-        }, be(a.value), 3)) : ee("", !0)
-      ], !0) : ee("", !0),
-      c.value && r.value === "after-index" ? (p(), he(Ue, {
-        key: 2,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: o.value,
-        position: r.value,
-        onAction: s
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      fe(d.$slots, "default", {}, void 0, !0),
-      c.value && r.value === "end" ? (p(), he(Ue, {
-        key: 3,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: o.value,
-        position: r.value,
-        onAction: s
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0)
-    ], 8, fo)), [
-      [it, u.value]
-    ]);
+          colspan: f.value,
+          class: "atable-expanded-content"
+        }, [
+          he(y.$slots, "content", {
+            row: e.store.rows[e.rowIndex],
+            rowIndex: e.rowIndex,
+            store: e.store
+          }, void 0, !0)
+        ], 8, po)
+      ], 8, wo)) : _("", !0)
+    ], 64));
   }
-}), Dt = /* @__PURE__ */ $e(vo, [["__scopeId", "data-v-e7ca13d1"]]), nt = /* @__PURE__ */ new WeakMap(), ho = {
+}), Bt = /* @__PURE__ */ Ae(xo, [["__scopeId", "data-v-4dd47763"]]), nt = /* @__PURE__ */ new WeakMap(), yo = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let l;
     if (typeof t.value == "function") l = ot(e, t.value, { capture: n });
     else {
-      const [u, a] = t.value;
-      l = ot(e, u, Object.assign({ capture: n }, a));
+      const [u, o] = t.value;
+      l = ot(e, u, Object.assign({ capture: n }, o));
     }
     nt.set(e, l);
   },
@@ -1528,21 +1921,21 @@ const Hn = (e) => {
     const t = nt.get(e);
     t && typeof t == "function" ? t() : t?.stop(), nt.delete(e);
   }
-}, mo = { mounted(e, t) {
-  typeof t.value == "function" ? Je(e, t.value) : Je(e, ...t.value);
+}, bo = { mounted(e, t) {
+  typeof t.value == "function" ? qe(e, t.value) : qe(e, ...t.value);
 } };
-function go() {
+function Co() {
   let e = !1;
   const t = re(!1);
   return (n, l) => {
     if (t.value = l.value, e) return;
     e = !0;
-    const u = An(n, l.value);
-    ue(t, (a) => u.value = a);
+    const u = Ln(n, l.value);
+    ce(t, (o) => u.value = o);
   };
 }
-go();
-const wo = { class: "gantt-connection-overlay" }, po = {
+Co();
+const ko = { class: "gantt-connection-overlay" }, Mo = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1553,39 +1946,39 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, xo = ["d", "stroke-width", "onDblclick"], yo = ["id", "d", "stroke", "stroke-width", "onDblclick"], bo = 0.25, Ge = 16, Co = /* @__PURE__ */ xe({
+}, Ro = ["d", "stroke-width", "onDblclick"], Eo = ["id", "d", "stroke", "stroke-width", "onDblclick"], To = 0.25, Ge = 16, So = /* @__PURE__ */ Ce({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const n = t, l = E(() => e.store.connectionPaths.filter((o) => {
-      const c = e.store.ganttBars.find((s) => s.id === o.from.barId), r = e.store.ganttBars.find((s) => s.id === o.to.barId);
+    const n = t, l = T(() => e.store.connectionPaths.filter((a) => {
+      const c = e.store.ganttBars.find((s) => s.id === a.from.barId), r = e.store.ganttBars.find((s) => s.id === a.to.barId);
       return c && r;
-    })), u = (o) => {
+    })), u = (a) => {
       const c = e.store.connectionHandles.find(
-        (j) => j.barId === o.from.barId && j.side === o.from.side
+        (X) => X.barId === a.from.barId && X.side === a.from.side
       ), r = e.store.connectionHandles.find(
-        (j) => j.barId === o.to.barId && j.side === o.to.side
+        (X) => X.barId === a.to.barId && X.side === a.to.side
       );
       if (!c || !r) return "";
-      const s = c.position.x + Ge / 2, d = c.position.y + Ge / 2, v = r.position.x + Ge / 2, y = r.position.y + Ge / 2, P = Math.abs(v - s), F = Math.max(P * bo, 50), M = s + (o.from.side === "left" ? -F : F), h = v + (o.to.side === "left" ? -F : F), m = { x: 0.5 * s + 0.5 * M, y: 0.5 * d + 0.5 * d }, g = { x: 0.5 * M + 0.5 * h, y: 0.5 * d + 0.5 * y }, k = { x: 0.5 * h + 0.5 * v, y: 0.5 * y + 0.5 * y }, x = { x: 0.5 * m.x + 0.5 * g.x, y: 0.5 * m.y + 0.5 * g.y }, R = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, B = { x: 0.5 * x.x + 0.5 * R.x, y: 0.5 * x.y + 0.5 * R.y };
-      return `M ${s} ${d} Q ${M} ${d}, ${B.x} ${B.y} Q ${h} ${y}, ${v} ${y}`;
-    }, a = (o) => {
-      e.store.deleteConnection(o.id) && n("connection:delete", o);
+      const s = c.position.x + Ge / 2, h = c.position.y + Ge / 2, f = r.position.x + Ge / 2, w = r.position.y + Ge / 2, L = Math.abs(f - s), Z = Math.max(L * To, 50), y = s + (a.from.side === "left" ? -Z : Z), m = f + (a.to.side === "left" ? -Z : Z), v = { x: 0.5 * s + 0.5 * y, y: 0.5 * h + 0.5 * h }, g = { x: 0.5 * y + 0.5 * m, y: 0.5 * h + 0.5 * w }, k = { x: 0.5 * m + 0.5 * f, y: 0.5 * w + 0.5 * w }, C = { x: 0.5 * v.x + 0.5 * g.x, y: 0.5 * v.y + 0.5 * g.y }, x = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, I = { x: 0.5 * C.x + 0.5 * x.x, y: 0.5 * C.y + 0.5 * x.y };
+      return `M ${s} ${h} Q ${y} ${h}, ${I.x} ${I.y} Q ${m} ${w}, ${f} ${w}`;
+    }, o = (a) => {
+      e.store.deleteConnection(a.id) && n("connection:delete", a);
     };
-    return (o, c) => (p(), b("div", wo, [
-      (p(), b("svg", po, [
-        c[0] || (c[0] = N("defs", null, [
-          N("path", {
+    return (a, c) => (b(), R("div", ko, [
+      (b(), R("svg", Mo, [
+        c[0] || (c[0] = z("defs", null, [
+          z("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          N("marker", {
+          z("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1594,22 +1987,22 @@ const wo = { class: "gantt-connection-overlay" }, po = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            N("polygon", {
+            z("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (p(!0), b(me, null, Ce(l.value, (r) => (p(), b("path", {
+        (b(!0), R(me, null, be(l.value, (r) => (b(), R("path", {
           key: `${r.id}-hitbox`,
           d: u(r),
           stroke: "transparent",
           "stroke-width": (r.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (s) => a(r)
-        }, null, 40, xo))), 128)),
-        (p(!0), b(me, null, Ce(l.value, (r) => (p(), b("path", {
+          onDblclick: (s) => o(r)
+        }, null, 40, Ro))), 128)),
+        (b(!0), R(me, null, be(l.value, (r) => (b(), R("path", {
           id: r.id,
           key: r.id,
           d: u(r),
@@ -1618,18 +2011,18 @@ const wo = { class: "gantt-connection-overlay" }, po = {
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (s) => a(r)
-        }, null, 40, yo))), 128))
+          onDblclick: (s) => o(r)
+        }, null, 40, Eo))), 128))
       ]))
     ]));
   }
-}), Mo = /* @__PURE__ */ $e(Co, [["__scopeId", "data-v-d5929c98"]]), ko = { class: "column-filter" }, Ro = {
+}), $o = /* @__PURE__ */ Ae(So, [["__scopeId", "data-v-d5929c98"]]), Io = { class: "column-filter" }, Ao = {
   key: 2,
   class: "checkbox-filter"
-}, Eo = ["value"], $o = {
+}, Ho = ["value"], Lo = {
   key: 5,
   class: "date-range-filter"
-}, Io = /* @__PURE__ */ xe({
+}, Do = /* @__PURE__ */ Ce({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1637,659 +2030,273 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     store: {}
   },
   setup(e) {
-    const t = z(""), n = jt({
+    const t = {
+      text: "text",
+      number: "number",
+      boolean: "checkbox",
+      date: "date",
+      datetime: "dateRange",
+      select: "select",
+      code: "text",
+      link: "text",
+      attach: "text"
+    }, n = W(""), l = Yt({
       startValue: "",
       endValue: ""
-    }), l = E(() => {
+    }), u = T(() => {
       if (e.column.filterType) return e.column.filterType;
-      switch (e.column.fieldtype) {
-        case "Check":
-          return "checkbox";
-        case "Date":
-          return "date";
-        case "Datetime":
-          return "dateRange";
-        case "Select":
-          return "select";
-        case "Int":
-        case "Float":
-        case "Currency":
-        case "Decimal":
-        case "Quantity":
-          return "number";
-        default:
-          return "text";
-      }
-    }), u = (s) => {
-      if (s.filterOptions) return s.filterOptions;
-      const d = /* @__PURE__ */ new Set();
-      return e.store.rows.forEach((v) => {
-        const y = v[s.name];
-        y != null && y !== "" && d.add(y);
-      }), Array.from(d).map((v) => ({
-        value: v,
-        label: String(v)
+      const h = Ot(e.column.component);
+      return h ? t[h] : "text";
+    }), o = (h) => {
+      if (h.filterOptions) return h.filterOptions;
+      const f = /* @__PURE__ */ new Set();
+      return e.store.rows.forEach((w) => {
+        const L = w[h.name];
+        L != null && L !== "" && f.add(L);
+      }), Array.from(f).map((w) => ({
+        value: w,
+        label: String(w)
       }));
-    }, a = E(() => !!(t.value || n.startValue || n.endValue)), o = (s) => {
-      !s && l.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = s, e.store.setFilter(e.colIndex, { value: s }));
-    }, c = (s, d) => {
-      s === "start" ? n.startValue = d : n.endValue = d, !n.startValue && !n.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
+    }, a = T(() => !!(n.value || l.startValue || l.endValue)), c = (h) => {
+      !h && u.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), n.value = "") : (n.value = h, e.store.setFilter(e.colIndex, { value: h }));
+    }, r = (h, f) => {
+      h === "start" ? l.startValue = f : l.endValue = f, !l.startValue && !l.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
         value: null,
-        startValue: n.startValue,
-        endValue: n.endValue
+        startValue: l.startValue,
+        endValue: l.endValue
       });
-    }, r = () => {
-      t.value = "", n.startValue = "", n.endValue = "", e.store.clearFilter(e.colIndex);
+    }, s = () => {
+      n.value = "", l.startValue = "", l.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (s, d) => (p(), b("div", ko, [
-      l.value === "text" ? de((p(), b("input", {
+    return (h, f) => (b(), R("div", Io, [
+      u.value === "text" ? ue((b(), R("input", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => t.value = v),
+        "onUpdate:modelValue": f[0] || (f[0] = (w) => n.value = w),
         type: "text",
         class: "filter-input",
-        onInput: d[1] || (d[1] = (v) => o(t.value))
+        onInput: f[1] || (f[1] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "number" ? de((p(), b("input", {
+        [Ze, n.value]
+      ]) : u.value === "number" ? ue((b(), R("input", {
         key: 1,
-        "onUpdate:modelValue": d[2] || (d[2] = (v) => t.value = v),
+        "onUpdate:modelValue": f[2] || (f[2] = (w) => n.value = w),
         type: "number",
         class: "filter-input",
-        onInput: d[3] || (d[3] = (v) => o(t.value))
+        onInput: f[3] || (f[3] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "checkbox" ? (p(), b("label", Ro, [
-        de(N("input", {
-          "onUpdate:modelValue": d[4] || (d[4] = (v) => t.value = v),
+        [Ze, n.value]
+      ]) : u.value === "checkbox" ? (b(), R("label", Ao, [
+        ue(z("input", {
+          "onUpdate:modelValue": f[4] || (f[4] = (w) => n.value = w),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: d[5] || (d[5] = (v) => o(t.value))
+          onChange: f[5] || (f[5] = (w) => c(n.value))
         }, null, 544), [
-          [Yt, t.value]
+          [Jt, n.value]
         ]),
-        N("span", null, be(e.column.label), 1)
-      ])) : l.value === "select" ? de((p(), b("select", {
+        z("span", null, ye(e.column.label), 1)
+      ])) : u.value === "select" ? ue((b(), R("select", {
         key: 3,
-        "onUpdate:modelValue": d[6] || (d[6] = (v) => t.value = v),
+        "onUpdate:modelValue": f[6] || (f[6] = (w) => n.value = w),
         class: "filter-select",
-        onChange: d[7] || (d[7] = (v) => o(t.value))
+        onChange: f[7] || (f[7] = (w) => c(n.value))
       }, [
-        d[15] || (d[15] = N("option", { value: "" }, "All", -1)),
-        (p(!0), b(me, null, Ce(u(e.column), (v) => (p(), b("option", {
-          key: v.value || v,
-          value: v.value || v
-        }, be(v.label || v), 9, Eo))), 128))
+        f[15] || (f[15] = z("option", { value: "" }, "All", -1)),
+        (b(!0), R(me, null, be(o(e.column), (w) => (b(), R("option", {
+          key: w.value || w,
+          value: w.value || w
+        }, ye(w.label || w), 9, Ho))), 128))
       ], 544)), [
-        [Ut, t.value]
-      ]) : l.value === "date" ? de((p(), b("input", {
+        [qt, n.value]
+      ]) : u.value === "date" ? ue((b(), R("input", {
         key: 4,
-        "onUpdate:modelValue": d[8] || (d[8] = (v) => t.value = v),
+        "onUpdate:modelValue": f[8] || (f[8] = (w) => n.value = w),
         type: "date",
         class: "filter-input",
-        onChange: d[9] || (d[9] = (v) => o(t.value))
+        onChange: f[9] || (f[9] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "dateRange" ? (p(), b("div", $o, [
-        de(N("input", {
-          "onUpdate:modelValue": d[10] || (d[10] = (v) => n.startValue = v),
+        [Ze, n.value]
+      ]) : u.value === "dateRange" ? (b(), R("div", Lo, [
+        ue(z("input", {
+          "onUpdate:modelValue": f[10] || (f[10] = (w) => l.startValue = w),
           type: "date",
           class: "filter-input",
-          onChange: d[11] || (d[11] = (v) => c("start", n.startValue))
+          onChange: f[11] || (f[11] = (w) => r("start", l.startValue))
         }, null, 544), [
-          [Ze, n.startValue]
+          [Ze, l.startValue]
         ]),
-        d[16] || (d[16] = N("span", { class: "date-separator" }, "-", -1)),
-        de(N("input", {
-          "onUpdate:modelValue": d[12] || (d[12] = (v) => n.endValue = v),
+        f[16] || (f[16] = z("span", { class: "date-separator" }, "-", -1)),
+        ue(z("input", {
+          "onUpdate:modelValue": f[12] || (f[12] = (w) => l.endValue = w),
           type: "date",
           class: "filter-input",
-          onChange: d[13] || (d[13] = (v) => c("end", n.endValue))
+          onChange: f[13] || (f[13] = (w) => r("end", l.endValue))
         }, null, 544), [
-          [Ze, n.endValue]
+          [Ze, l.endValue]
         ])
-      ])) : l.value === "component" && e.column.filterComponent ? (p(), he(Ne(e.column.filterComponent), {
+      ])) : u.value === "component" && e.column.filterComponent ? (b(), ve(Ne(e.column.filterComponent), {
         key: 6,
-        value: t.value,
+        value: n.value,
         column: e.column,
         "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": d[14] || (d[14] = (v) => o(v))
-      }, null, 40, ["value", "column", "col-index", "store"])) : ee("", !0),
-      a.value ? (p(), b("button", {
+        "onUpdate:value": f[14] || (f[14] = (w) => c(w))
+      }, null, 40, ["value", "column", "col-index", "store"])) : _("", !0),
+      a.value ? (b(), R("button", {
         key: 7,
         class: "clear-btn",
         title: "Clear",
-        onClick: r
-      }, "×")) : ee("", !0)
+        onClick: s
+      }, "×")) : _("", !0)
     ]));
   }
-}), To = /* @__PURE__ */ $e(Io, [["__scopeId", "data-v-e0efa4a9"]]), So = { key: 0 }, Ao = {
+}), Oo = /* @__PURE__ */ Ae(Do, [["__scopeId", "data-v-b57e3235"]]), Vo = { key: 0 }, Bo = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Ho = {
+}, Po = {
   key: 2,
   class: "row-actions-header"
-}, Lo = ["data-colindex", "onClick"], Do = {
+}, Zo = ["data-colindex", "onClick"], No = {
   key: 3,
   class: "row-actions-header"
-}, Oo = {
+}, Fo = {
   key: 0,
   class: "atable-filters-row"
-}, Vo = {
+}, Wo = {
   key: 2,
   class: "row-actions-header"
-}, Bo = {
+}, zo = {
   key: 3,
   class: "row-actions-header"
-}, Ot = /* @__PURE__ */ xe({
+}, Pt = /* @__PURE__ */ Ce({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = E(() => e.columns.filter((o) => o.filterable)), n = E(() => e.store.config.rowActions?.enabled ?? !1), l = E(() => e.store.config.rowActions?.position ?? "before-index"), u = (o) => e.store.sortByColumn(o), a = (o) => {
-      for (const c of o) {
+    const t = T(() => e.columns.filter((a) => a.filterable)), n = T(() => e.store.config.rowActions?.enabled ?? !1), l = T(() => e.store.config.rowActions?.position ?? "before-index"), u = (a) => e.store.sortByColumn(a), o = (a) => {
+      for (const c of a) {
         if (c.borderBoxSize.length === 0) continue;
-        const s = c.borderBoxSize[0].inlineSize, d = Number(c.target.dataset.colindex), v = e.store.columns[d]?.width;
-        typeof v == "number" && v !== s && e.store.resizeColumn(d, s);
+        const s = c.borderBoxSize[0].inlineSize, h = Number(c.target.dataset.colindex), f = e.store.columns[h]?.width;
+        typeof f == "number" && f !== s && e.store.resizeColumn(h, s);
       }
     };
-    return (o, c) => e.columns.length ? (p(), b("thead", So, [
-      N("tr", Ao, [
-        n.value && l.value === "before-index" ? (p(), b("th", {
+    return (a, c) => e.columns.length ? (b(), R("thead", Vo, [
+      z("tr", Bo, [
+        n.value && l.value === "before-index" ? (b(), R("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": l.value === "before-index" }])
-        }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (p(), b("th", {
+          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+        }, null, 2)) : _("", !0),
+        e.store.zeroColumn ? (b(), R("th", {
           key: 1,
           id: "header-index",
-          class: se([[
+          class: ae([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : ee("", !0),
-        n.value && l.value === "after-index" ? (p(), b("th", Ho)) : ee("", !0),
-        (p(!0), b(me, null, Ce(e.columns, (r, s) => de((p(), b("th", {
+        }, null, 2)) : _("", !0),
+        n.value && l.value === "after-index" ? (b(), R("th", Po)) : _("", !0),
+        (b(!0), R(me, null, be(e.columns, (r, s) => ue((b(), R("th", {
           key: r.name,
           "data-colindex": s,
           tabindex: "-1",
           style: pe(e.store.getHeaderCellStyle(r)),
-          class: se(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (d) => r.sortable !== !1 ? u(s) : void 0
+          class: ae(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
+          onClick: (h) => r.sortable !== !1 ? u(s) : void 0
         }, [
-          fe(o.$slots, "default", {}, () => [
-            Jt(be(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+          he(a.$slots, "default", {}, () => [
+            Qt(ye(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
-        ], 14, Lo)), [
-          [O(mo), a]
+        ], 14, Zo)), [
+          [P(bo), o]
         ])), 128)),
-        n.value && l.value === "end" ? (p(), b("th", Do)) : ee("", !0)
+        n.value && l.value === "end" ? (b(), R("th", No)) : _("", !0)
       ]),
-      t.value.length > 0 ? (p(), b("tr", Oo, [
-        n.value && l.value === "before-index" ? (p(), b("th", {
+      t.value.length > 0 ? (b(), R("tr", Fo, [
+        n.value && l.value === "before-index" ? (b(), R("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": l.value === "before-index" }])
-        }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (p(), b("th", {
+          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+        }, null, 2)) : _("", !0),
+        e.store.zeroColumn ? (b(), R("th", {
           key: 1,
-          class: se([[
+          class: ae([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : ee("", !0),
-        n.value && l.value === "after-index" ? (p(), b("th", Vo)) : ee("", !0),
-        (p(!0), b(me, null, Ce(e.columns, (r, s) => (p(), b("th", {
+        }, null, 2)) : _("", !0),
+        n.value && l.value === "after-index" ? (b(), R("th", Wo)) : _("", !0),
+        (b(!0), R(me, null, be(e.columns, (r, s) => (b(), R("th", {
           key: `filter-${r.name}`,
-          class: se(`${r.pinned ? "sticky-column" : ""}`),
+          class: ae(`${r.pinned ? "sticky-column" : ""}`),
           style: pe(e.store.getHeaderCellStyle(r))
         }, [
-          r.filterable ? (p(), he(To, {
+          r.filterable ? (b(), ve(Oo, {
             key: 0,
             column: r,
             "col-index": s,
             store: e.store
-          }, null, 8, ["column", "col-index", "store"])) : ee("", !0)
+          }, null, 8, ["column", "col-index", "store"])) : _("", !0)
         ], 6))), 128)),
-        n.value && l.value === "end" ? (p(), b("th", Bo)) : ee("", !0)
-      ])) : ee("", !0)
-    ])) : ee("", !0);
+        n.value && l.value === "end" ? (b(), R("th", zo)) : _("", !0)
+      ])) : _("", !0)
+    ])) : _("", !0);
   }
-}), Vt = /* @__PURE__ */ xe({
+}), Zt = /* @__PURE__ */ Ce({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = ce("amodal"), { width: n, height: l } = Ie(t), u = E(() => {
+    const t = de("amodal"), { width: n, height: l } = Te(t), u = T(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
-      const a = e.store.modal.cell?.closest("table");
-      if (!a) return {};
-      const o = a.offsetHeight || 0, c = a.offsetWidth || 0;
+      const o = e.store.modal.cell?.closest("table");
+      if (!o) return {};
+      const a = o.offsetHeight || 0, c = o.offsetWidth || 0;
       let r = e.store.modal.cell?.offsetTop || 0;
-      const s = a.querySelector("thead")?.offsetHeight || 0;
-      r += s, r = r + l.value < o ? r : r - (l.value + e.store.modal.height);
-      let d = e.store.modal.cell?.offsetLeft || 0;
-      return d = d + n.value <= c ? d : d - (n.value - e.store.modal.width), {
-        left: `${d}px`,
+      const s = o.querySelector("thead")?.offsetHeight || 0;
+      r += s, r = r + l.value < a ? r : r - (l.value + e.store.modal.height);
+      let h = e.store.modal.cell?.offsetLeft || 0;
+      return h = h + n.value <= c ? h : h - (n.value - e.store.modal.width), {
+        left: `${h}px`,
         top: `${r}px`
       };
     });
-    return (a, o) => (p(), b("div", {
+    return (o, a) => (b(), R("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
       style: pe(u.value),
-      onClick: o[0] || (o[0] = Se(() => {
+      onClick: a[0] || (a[0] = $e(() => {
       }, ["stop"])),
-      onInput: o[1] || (o[1] = Se(() => {
+      onInput: a[1] || (a[1] = $e(() => {
       }, ["stop"]))
     }, [
-      fe(a.$slots, "default")
+      he(o.$slots, "default")
     ], 36));
   }
 });
-function Bt(e, t) {
-  const n = t[e];
-  if (n.isRoot || n.parent === null || n.parent === void 0)
-    return !0;
-  const l = n.parent;
-  return l < 0 || l >= t.length ? !1 : (t[l].childrenOpen || !1) && Bt(l, t);
-}
-function Po(e, t, n) {
-  const l = n.filterType || "text", u = t.value;
-  if (!u && l !== "dateRange" && l !== "checkbox") return !0;
-  switch (l) {
-    case "text":
-      return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(u).toLowerCase());
-    case "number": {
-      const a = Number(e), o = Number(u);
-      return !isNaN(a) && !isNaN(o) && a === o;
-    }
-    case "select":
-      return e === u;
-    case "checkbox":
-      return u === !0 ? !!e : !0;
-    case "date": {
-      let a;
-      if (typeof e == "number") {
-        const c = new Date(e), r = (/* @__PURE__ */ new Date()).getFullYear();
-        a = new Date(r, c.getMonth(), c.getDate());
-      } else
-        a = new Date(String(e));
-      const o = new Date(String(u));
-      return a.toDateString() === o.toDateString();
-    }
-    case "dateRange": {
-      const a = t.startValue, o = t.endValue;
-      if (!a && !o) return !0;
-      let c;
-      if (typeof e == "number") {
-        const r = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
-        c = new Date(s, r.getMonth(), r.getDate());
-      } else
-        c = new Date(String(e));
-      return !(a && c < new Date(String(a)) || o && c > new Date(String(o)));
-    }
-    default:
-      return !0;
-  }
-}
-function Zo(e, t) {
-  return t && e === 0 && t > 0 ? `${t}ch` : "inherit";
-}
-const No = (e) => {
-  const t = e.id || Ln(), n = e.linkResolver ?? null;
-  return Qt(`table-${t}`, () => {
-    const u = () => {
-      const i = [Object.assign({}, { rowModified: !1 })], f = /* @__PURE__ */ new Set();
-      for (let L = 0; L < o.value.length; L++) {
-        const S = o.value[L];
-        S.parent !== null && S.parent !== void 0 && f.add(S.parent);
-      }
-      const w = (L) => o.value[L]?.gantt !== void 0, T = (L) => {
-        for (let S = 0; S < o.value.length; S++)
-          if (o.value[S].parent === L && (w(S) || T(S)))
-            return !0;
-        return !1;
-      }, J = (L) => {
-        const S = c.value, U = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
-        if (!U) return !0;
-        switch (U) {
-          case "root":
-            return !1;
-          // Only root nodes are visible, all children start collapsed
-          case "branch":
-            return T(L);
-          case "leaf":
-            return !0;
-          // All nodes should be expanded
-          default:
-            return !0;
-        }
-      };
-      for (let L = 0; L < o.value.length; L++) {
-        const S = o.value[L], U = S.parent === null || S.parent === void 0, ie = f.has(L);
-        i[L] = {
-          childrenOpen: J(L),
-          expanded: !1,
-          indent: S.indent || 0,
-          isParent: ie,
-          isRoot: U,
-          rowModified: !1,
-          open: U,
-          // This will be recalculated later for non-root nodes
-          parent: S.parent
-        };
-      }
-      return i;
-    }, a = z(e.columns), o = z(e.rows), c = z(e.config || {}), r = z({}), s = z({}), d = E(() => {
-      const i = {};
-      for (const [f, w] of a.value.entries())
-        for (const [T, J] of o.value.entries())
-          i[`${f}:${T}`] = J[w.name];
-      return i;
-    }), v = E({
-      get: () => {
-        const i = u();
-        for (let f = 0; f < i.length; f++)
-          r.value[f] && (i[f].rowModified = r.value[f]), s.value[f] && (s.value[f].childrenOpen !== void 0 && (i[f].childrenOpen = s.value[f].childrenOpen), s.value[f].expanded !== void 0 && (i[f].expanded = s.value[f].expanded));
-        if (R.value)
-          for (let f = 0; f < i.length; f++)
-            i[f].isRoot || (i[f].open = Bt(f, i));
-        return i;
-      },
-      set: (i) => {
-        JSON.stringify(i) !== JSON.stringify(v.value) && (v.value = i);
-      }
-    }), y = z(e.modal || { visible: !1 }), P = z({}), F = z([]), M = z([]), h = z([]), m = z({
-      column: null,
-      direction: null
-    }), g = z({}), k = E(() => a.value.some((i) => i.pinned)), x = E(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), R = E(() => c.value.view === "tree" || c.value.view === "tree-gantt"), B = E(() => {
-      const i = c.value;
-      return i.view === "gantt" || i.view === "tree-gantt" ? i.dependencyGraph !== !1 : !0;
-    }), j = E(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), I = E(
-      () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
-    ), V = E(() => {
-      let i = o.value.map((f, w) => ({
-        ...f,
-        originalIndex: w
-      }));
-      if (Object.entries(g.value).forEach(([f, w]) => {
-        const T = parseInt(f), J = a.value[T];
-        !J || !(w.value || w.startValue || w.endValue || J.filterType === "checkbox" && w.value !== void 0) || (i = i.filter((S) => {
-          const U = S[J.name];
-          return Po(U, w, J);
-        }));
-      }), m.value.column !== null && m.value.direction) {
-        const f = a.value[m.value.column], w = m.value.direction;
-        i.sort((T, J) => {
-          let L = T[f.name], S = J[f.name];
-          L == null && (L = ""), S == null && (S = "");
-          const U = Number(L), ie = Number(S);
-          if (!isNaN(U) && !isNaN(ie) && L !== "" && S !== "")
-            return w === "asc" ? U - ie : ie - U;
-          {
-            const mt = String(L).toLowerCase(), gt = String(S).toLowerCase();
-            return w === "asc" ? mt.localeCompare(gt) : gt.localeCompare(mt);
-          }
-        });
-      }
-      return i;
-    }), Z = (i, f) => d.value[`${i}:${f}`], q = (i, f, w) => {
-      const T = `${i}:${f}`, J = a.value[i];
-      d.value[T] !== w && (r.value[f] = !0), d.value[T] = w, o.value[f] = {
-        ...o.value[f],
-        [J.name]: w
-      };
-    }, _ = (i) => {
-      o.value = i;
-    }, ne = (i, f, w) => {
-      const T = `${i}:${f}`;
-      d.value[T] !== w && (r.value[f] = !0, P.value[T] = w);
-    }, ge = (i) => {
-      const f = a.value.indexOf(i) === a.value.length - 1, w = c.value.fullWidth ? i.resizable && !f : i.resizable;
-      return {
-        width: i.width || "40ch",
-        textAlign: i.align || "center",
-        ...w && {
-          resize: "horizontal",
-          overflow: "hidden",
-          whiteSpace: "nowrap"
-        }
-      };
-    }, ve = (i, f) => {
-      if (i < 0 || i >= a.value.length) return;
-      const T = Math.max(f, 40);
-      a.value[i] = {
-        ...a.value[i],
-        width: `${T}px`
-      };
-    }, Oe = (i) => {
-      const f = o.value[i];
-      return x.value && f.gantt !== void 0;
-    }, Ve = (i) => !R.value || v.value[i].isRoot || v.value[i].open, Be = (i) => !R.value && c.value.view !== "list-expansion" ? "" : R.value && (v.value[i].isRoot || v.value[i].isParent) ? v.value[i].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? v.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
-      if (R.value) {
-        const f = s.value[i] || {}, T = !(f.childrenOpen ?? v.value[i].childrenOpen);
-        s.value[i] = {
-          ...f,
-          childrenOpen: T
-        }, T || He(i);
-      } else if (c.value.view === "list-expansion") {
-        const f = s.value[i] || {}, w = f.expanded ?? v.value[i].expanded;
-        s.value[i] = {
-          ...f,
-          expanded: !w
-        };
-      }
-    }, He = (i) => {
-      for (let f = 0; f < o.value.length; f++)
-        if (v.value[f].parent === i) {
-          const w = s.value[f] || {};
-          s.value[f] = {
-            ...w,
-            childrenOpen: !1
-          }, He(f);
-        }
-    }, C = (i, f) => {
-      const w = Z(i, f);
-      return H(i, f, w);
-    }, H = (i, f, w) => {
-      const T = a.value[i], J = o.value[f], L = T.format;
-      if (!L)
-        switch (T.fieldtype) {
-          case "Check":
-            return w ? "✓" : "✗";
-          case "Date":
-            return w != null ? new Date(String(w)).toLocaleDateString() : w;
-          case "Datetime":
-            return w != null ? new Date(String(w)).toLocaleString() : w;
-          default:
-            return w;
-        }
-      return typeof L == "function" ? L(w, { table: d.value, row: J, column: T }) : typeof L == "string" ? Function(`"use strict";return (${L})`)()(w, { table: d.value, row: J, column: T }) : w;
-    }, W = (i) => {
-      i.target instanceof Node && y.value.parent?.contains(i.target) || y.value.visible && (y.value.visible = !1);
-    }, Q = (i) => {
-      const f = o.value[i.rowIndex]?.gantt;
-      f && (i.type === "resize" ? i.edge === "start" ? (f.startIndex = i.newStart, f.endIndex = i.end, f.colspan = f.endIndex - f.startIndex) : i.edge === "end" && (f.startIndex = i.start, f.endIndex = i.newEnd, f.colspan = f.endIndex - f.startIndex) : i.type === "bar" && (f.startIndex = i.newStart, f.endIndex = i.newEnd, f.colspan = f.endIndex - f.startIndex));
-    }, X = (i) => {
-      const f = F.value.findIndex((w) => w.id === i.id);
-      f >= 0 ? F.value[f] = i : F.value.push(i);
-    }, oe = (i) => {
-      const f = F.value.findIndex((w) => w.id === i);
-      f >= 0 && F.value.splice(f, 1);
-    }, ye = (i) => {
-      const f = M.value.findIndex((w) => w.id === i.id);
-      f >= 0 ? M.value[f] = i : M.value.push(i);
-    }, Re = (i) => {
-      const f = M.value.findIndex((w) => w.id === i);
-      f >= 0 && M.value.splice(f, 1);
-    }, $ = (i, f, w) => {
-      const T = M.value.find((S) => S.id === i), J = M.value.find((S) => S.id === f);
-      if (!T || !J)
-        return console.warn("Cannot create connection: handle not found"), null;
-      const L = {
-        id: `connection-${i}-${f}`,
-        from: {
-          barId: T.barId,
-          side: T.side
-        },
-        to: {
-          barId: J.barId,
-          side: J.side
-        },
-        style: w?.style,
-        label: w?.label
-      };
-      return h.value.push(L), L;
-    }, D = (i) => {
-      const f = h.value.findIndex((w) => w.id === i);
-      return f >= 0 ? (h.value.splice(f, 1), !0) : !1;
-    }, Y = (i) => h.value.filter((f) => f.from.barId === i || f.to.barId === i), G = (i) => M.value.filter((f) => f.barId === i), K = (i) => {
-      if (a.value[i].sortable === !1) return;
-      let w;
-      m.value.column === i && m.value.direction === "asc" ? w = "desc" : w = "asc", m.value.column = i, m.value.direction = w;
-    }, te = (i, f) => {
-      !f.value && !f.startValue && !f.endValue ? delete g.value[i] : g.value[i] = f;
-    }, le = (i) => {
-      delete g.value[i];
-    }, ae = (i, f = "end") => {
-      const w = {};
-      for (const J of a.value)
-        w[J.name] = "";
-      i && Object.assign(w, i);
-      let T;
-      return f === "start" ? (T = 0, o.value.unshift(w)) : f === "end" ? (T = o.value.length, o.value.push(w)) : (T = Math.max(0, Math.min(f, o.value.length)), o.value.splice(T, 0, w)), T;
-    };
-    return {
-      // state
-      columns: a,
-      config: c,
-      connectionHandles: M,
-      connectionPaths: h,
-      display: v,
-      filterState: g,
-      ganttBars: F,
-      modal: y,
-      rows: o,
-      sortState: m,
-      table: d,
-      updates: P,
-      // getters
-      filteredRows: V,
-      hasPinnedColumns: k,
-      isGanttView: x,
-      isTreeView: R,
-      isDependencyGraphEnabled: B,
-      numberedRowWidth: j,
-      zeroColumn: I,
-      // resolver
-      linkResolver: n,
-      // actions
-      addRow: ae,
-      clearFilter: le,
-      closeModal: W,
-      createConnection: $,
-      deleteConnection: D,
-      deleteRow: (i) => {
-        if (i < 0 || i >= o.value.length)
-          return null;
-        const [f] = o.value.splice(i, 1);
-        delete r.value[i], delete s.value[i];
-        const w = {}, T = {};
-        for (const [J, L] of Object.entries(r.value)) {
-          const S = parseInt(J);
-          S > i ? w[S - 1] = L : w[S] = L;
-        }
-        for (const [J, L] of Object.entries(s.value)) {
-          const S = parseInt(J);
-          S > i ? T[S - 1] = L : T[S] = L;
-        }
-        return r.value = w, s.value = T, f;
-      },
-      duplicateRow: (i) => {
-        if (i < 0 || i >= o.value.length)
-          return -1;
-        const f = o.value[i], w = JSON.parse(JSON.stringify(f)), T = i + 1;
-        return o.value.splice(T, 0, w), T;
-      },
-      getCellData: Z,
-      getCellDisplayValue: C,
-      getConnectionsForBar: Y,
-      getFormattedValue: H,
-      getHandlesForBar: G,
-      getHeaderCellStyle: ge,
-      getIndent: Zo,
-      getRowExpandSymbol: Be,
-      insertRowAbove: (i, f) => {
-        const w = Math.max(0, i);
-        return ae(f, w);
-      },
-      insertRowBelow: (i, f) => {
-        const w = Math.min(i + 1, o.value.length);
-        return ae(f, w);
-      },
-      isRowGantt: Oe,
-      isRowVisible: Ve,
-      moveRow: (i, f) => {
-        if (i < 0 || i >= o.value.length || f < 0 || f >= o.value.length || i === f)
-          return !1;
-        const [w] = o.value.splice(i, 1);
-        o.value.splice(f, 0, w);
-        const T = {}, J = {};
-        for (const [L, S] of Object.entries(r.value)) {
-          const U = parseInt(L);
-          let ie = U;
-          U === i ? ie = f : i < f ? U > i && U <= f && (ie = U - 1) : U >= f && U < i && (ie = U + 1), T[ie] = S;
-        }
-        for (const [L, S] of Object.entries(s.value)) {
-          const U = parseInt(L);
-          let ie = U;
-          U === i ? ie = f : i < f ? U > i && U <= f && (ie = U - 1) : U >= f && U < i && (ie = U + 1), J[ie] = S;
-        }
-        return r.value = T, s.value = J, !0;
-      },
-      registerConnectionHandle: ye,
-      registerGanttBar: X,
-      resizeColumn: ve,
-      setCellData: q,
-      setCellText: ne,
-      setFilter: te,
-      sortByColumn: K,
-      toggleRowExpand: Pe,
-      unregisterConnectionHandle: Re,
-      unregisterGanttBar: oe,
-      updateGanttBar: Q,
-      updateRows: _
-    };
-  })();
-};
-function Fo(e) {
-  return e.filter((t) => !t.hidden && t.fieldtype).map(({ fieldname: t, hidden: n, ...l }) => {
+function Xo(e) {
+  return e.filter((t) => !t.hidden && t.component).map(({ fieldname: t, hidden: n, ...l }) => {
     const u = Object.assign({ name: t }, l);
-    if (l.fieldtype === "Link" && !l.cellComponent) {
-      const a = l, o = typeof a.doctype == "string" ? a.doctype : void 0;
-      o && (u.linkDoctype = o), l.format || (u.format = (c) => {
-        if (c == null) return "";
-        if (typeof c == "object") {
-          const r = c.displayText ?? c.id ?? "";
-          return typeof r == "string" || typeof r == "number" ? String(r) : "";
-        }
-        return String(c);
-      });
-    }
-    return u;
+    return l.doctype && !l.cellComponent && (u.linkDoctype = l.doctype, l.format || (u.format = (o) => {
+      if (o == null) return "";
+      if (typeof o == "object") {
+        const a = o.displayText ?? o.id ?? "";
+        return typeof a == "string" || typeof a == "number" ? String(a) : "";
+      }
+      return String(o);
+    })), u;
   });
 }
-const Wo = {
+const Go = {
   class: "atable-container",
   style: { position: "relative" }
-}, zo = /* @__PURE__ */ xe({
+}, Uo = /* @__PURE__ */ Ce({
   __name: "ATable",
-  props: /* @__PURE__ */ yt({
+  props: /* @__PURE__ */ xt({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
@@ -2300,118 +2307,134 @@ const Wo = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ yt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ xt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: n }) {
-    const l = wt(e, "rows"), u = wt(e, "columns"), a = n, o = ce("table"), c = u.value?.length ? u.value : Fo(e.schema ?? []), r = qt("aformLinkResolver", null), s = No({
+    const l = gt(e, "rows"), u = gt(e, "columns"), o = n, a = de("table"), c = u.value?.length ? u.value : Xo(e.schema ?? []), r = Kt("aformLinkResolver", null), s = Zn({
       columns: c,
       rows: l.value,
       id: e.id,
       config: e.config,
       linkResolver: e.linkResolver ?? r
     });
-    s.$onAction(({ name: h, store: m, args: g, after: k }) => {
-      if (h === "setCellData" || h === "setCellText") {
-        const [x, R, B] = g, j = m.getCellData(x, R);
-        k(() => {
-          l.value = [...s.rows], a("cellUpdate", { colIndex: x, rowIndex: R, newValue: B, oldValue: j });
+    s.$onAction(({ name: v, store: g, args: k, after: C }) => {
+      if (v === "setCellData" || v === "setCellText") {
+        const [x, I, X] = k, M = g.getCellData(x, I);
+        C(() => {
+          l.value = [...s.rows], o("cellUpdate", { colIndex: x, rowIndex: I, newValue: X, oldValue: M });
         });
-      } else if (h === "updateGanttBar") {
-        const [x] = g;
-        let R = !1;
-        x.type === "resize" ? R = x.oldColspan !== x.newColspan : x.type === "bar" && (R = x.oldStart !== x.newStart || x.oldEnd !== x.newEnd), R && k(() => {
-          a("gantt:drag", x);
+      } else if (v === "updateGanttBar") {
+        const [x] = k;
+        let I = !1;
+        x.type === "resize" ? I = x.oldColspan !== x.newColspan : x.type === "bar" && (I = x.oldStart !== x.newStart || x.oldEnd !== x.newEnd), I && C(() => {
+          o("gantt:drag", x);
         });
-      } else h === "resizeColumn" && k(() => {
-        u.value = [...s.columns], a("columns:update", [...s.columns]);
+      } else v === "resizeColumn" && C(() => {
+        u.value = [...s.columns], o("columns:update", [...s.columns]);
       });
-    }), ue(
+    }), ce(
       () => l.value,
-      (h) => {
-        JSON.stringify(h) !== JSON.stringify(s.rows) && (s.rows = [...h]);
+      (v) => {
+        JSON.stringify(v) !== JSON.stringify(s.rows) && (s.rows = [...v]);
       },
       { deep: !0 }
-    ), ue(
+    ), ce(
       u,
-      (h) => {
-        JSON.stringify(h) !== JSON.stringify(s.columns) && (s.columns = [...h], a("columns:update", [...h]));
+      (v) => {
+        v && JSON.stringify(v) !== JSON.stringify(s.columns) && (s.columns = [...v], o("columns:update", [...v]));
       },
       { deep: !0 }
-    ), Ae(() => {
-      u.value?.some((h) => h.pinned) && (v(), s.isTreeView && Lt(o, v, { childList: !0, subtree: !0 }));
+    ), Ie(() => {
+      u.value?.some((v) => v.pinned) && (f(), s.isTreeView && Lt(a, f, { childList: !0, subtree: !0 }));
     });
-    const d = E(() => s.columns.filter((h) => h.pinned).length), v = () => {
-      const h = o.value, m = h?.rows[0], g = h?.rows[1], k = m ? Array.from(m.cells) : [];
-      for (const [x, R] of k.entries()) {
-        const B = g?.cells[x];
-        B && (R.style.width = `${B.offsetWidth}px`);
+    const h = T(() => s.columns.filter((v) => v.pinned).length), f = () => {
+      const v = a.value, g = v?.rows[0], k = v?.rows[1], C = g ? Array.from(g.cells) : [];
+      for (const [x, I] of C.entries()) {
+        const X = k?.cells[x];
+        X && (I.style.width = `${X.offsetWidth}px`);
       }
-      for (const x of h?.rows || []) {
-        let R = 0;
-        const B = [];
-        for (const j of x.cells)
-          (j.classList.contains("sticky-column") || j.classList.contains("sticky-index")) && (j.style.left = `${R}px`, R += j.offsetWidth, B.push(j));
-        B.length > 0 && B[B.length - 1].classList.add("sticky-column-edge");
+      for (const x of v?.rows || []) {
+        let I = 0;
+        const X = [];
+        for (const M of x.cells)
+          (M.classList.contains("sticky-column") || M.classList.contains("sticky-index")) && (M.style.left = `${I}px`, I += M.offsetWidth, X.push(M));
+        X.length > 0 && X[X.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (h) => {
-      if (h.key === "Escape" && s.modal.visible) {
+    window.addEventListener("keydown", (v) => {
+      if (v.key === "Escape" && s.modal.visible) {
         s.modal.visible = !1;
-        const m = s.modal.parent;
-        m && at().then(() => m.focus());
+        const g = s.modal.parent;
+        g && at().then(() => g.focus());
       }
     });
-    const y = (h) => {
-      if (!h.gantt || d.value === 0)
+    const w = (v) => {
+      if (!v.gantt || h.value === 0)
         return s.columns;
-      const m = [];
-      for (let g = 0; g < d.value; g++) {
-        const k = { ...s.columns[g] };
-        k.originalIndex = g, m.push(k);
+      const g = [];
+      for (let k = 0; k < h.value; k++) {
+        const C = { ...s.columns[k] };
+        C.originalIndex = k, g.push(C);
       }
-      return m.push({
-        ...s.columns[d.value],
+      return g.push({
+        ...s.columns[h.value],
         isGantt: !0,
-        colspan: h.gantt?.colspan || s.columns.length - d.value,
-        originalIndex: d.value,
+        colspan: v.gantt?.colspan || s.columns.length - h.value,
+        originalIndex: h.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), m;
-    }, P = (h) => {
-      a("connection:event", { type: "create", connection: h });
-    }, F = (h) => {
-      a("connection:event", { type: "delete", connection: h });
-    }, M = (h, m) => {
-      switch (h) {
+      }), g;
+    }, L = (v) => {
+      o("connection:event", { type: "create", connection: v });
+    }, Z = (v) => {
+      o("connection:event", { type: "delete", connection: v });
+    }, y = (v, g) => {
+      const k = s.rows[v];
+      o("row:click", { row: k, rowIndex: v, event: g });
+    }, m = (v, g, k) => {
+      switch (v) {
         case "add": {
-          const g = s.addRow({}, m + 1), k = s.rows[g];
-          l.value = [...s.rows], a("row:add", { rowIndex: g, row: k });
+          const C = s.addRow({}, g + 1), x = s.rows[C];
+          l.value = [...s.rows], o("row:add", { rowIndex: C, row: x });
           break;
         }
         case "delete": {
-          const g = s.deleteRow(m);
-          g && (l.value = [...s.rows], a("row:delete", { rowIndex: m, row: g }));
+          const C = s.deleteRow(g);
+          C && (l.value = [...s.rows], o("row:delete", { rowIndex: g, row: C }));
           break;
         }
         case "duplicate": {
-          const g = s.duplicateRow(m);
-          if (g >= 0) {
-            const k = s.rows[g];
-            l.value = [...s.rows], a("row:duplicate", { sourceIndex: m, newIndex: g, row: k });
+          const C = s.duplicateRow(g);
+          if (C >= 0) {
+            const x = s.rows[C];
+            l.value = [...s.rows], o("row:duplicate", { sourceIndex: g, newIndex: C, row: x });
           }
           break;
         }
         case "insertAbove": {
-          const g = s.insertRowAbove(m), k = s.rows[g];
-          l.value = [...s.rows], a("row:insert-above", { targetIndex: m, newIndex: g, row: k });
+          const C = s.insertRowAbove(g), x = s.rows[C];
+          l.value = [...s.rows], o("row:insert-above", { targetIndex: g, newIndex: C, row: x });
           break;
         }
         case "insertBelow": {
-          const g = s.insertRowBelow(m), k = s.rows[g];
-          l.value = [...s.rows], a("row:insert-below", { targetIndex: m, newIndex: g, row: k });
+          const C = s.insertRowBelow(g), x = s.rows[C];
+          l.value = [...s.rows], o("row:insert-below", { targetIndex: g, newIndex: C, row: x });
           break;
         }
         case "move": {
-          a("row:move", { fromIndex: m, toIndex: -1 });
+          o("row:move", { fromIndex: g, toIndex: -1 });
+          break;
+        }
+        case "moveUp": {
+          g > 0 && s.moveRow(g, g - 1) && (l.value = [...s.rows], o("row:move", { fromIndex: g, toIndex: g - 1 }));
+          break;
+        }
+        case "moveDown": {
+          g < s.rows.length - 1 && s.moveRow(g, g + 1) && (l.value = [...s.rows], o("row:move", { fromIndex: g, toIndex: g + 1 }));
+          break;
+        }
+        case "open": {
+          const C = s.rows[g];
+          o("row:open", { row: C, rowIndex: g, event: k });
           break;
         }
       }
@@ -2429,59 +2452,60 @@ const Wo = {
       insertRowAbove: s.insertRowAbove,
       insertRowBelow: s.insertRowBelow,
       moveRow: s.moveRow
-    }), (h, m) => (p(), b("div", Wo, [
-      de((p(), b("table", {
+    }), (v, g) => (b(), R("div", Go, [
+      ue((b(), R("table", {
         ref: "table",
         class: "atable",
         style: pe({
-          width: O(s).config.fullWidth ? "100%" : "auto"
+          width: P(s).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        fe(h.$slots, "header", { data: O(s) }, () => [
-          pt(Ot, {
-            columns: O(s).columns,
-            store: O(s)
+        he(v.$slots, "header", { data: P(s) }, () => [
+          wt(Pt, {
+            columns: P(s).columns,
+            store: P(s)
           }, null, 8, ["columns", "store"])
         ], !0),
-        N("tbody", null, [
-          fe(h.$slots, "body", { data: O(s) }, () => [
-            (p(!0), b(me, null, Ce(O(s).filteredRows, (g, k) => (p(), he(Dt, {
-              key: `${g.originalIndex}-${k}`,
-              row: g,
-              "row-index": g.originalIndex,
-              store: O(s),
-              "onRow:action": M
+        z("tbody", null, [
+          he(v.$slots, "body", { data: P(s) }, () => [
+            (b(!0), R(me, null, be(P(s).filteredRows, (k, C) => (b(), ve(Bt, {
+              key: `${k.originalIndex}-${C}`,
+              row: k,
+              "row-index": k.originalIndex,
+              store: P(s),
+              "onRow:action": m,
+              "onRow:click": y
             }, {
-              default: xt(() => [
-                (p(!0), b(me, null, Ce(y(g), (x, R) => (p(), b(me, {
+              default: pt(() => [
+                (b(!0), R(me, null, be(w(k), (x, I) => (b(), R(me, {
                   key: x.name
                 }, [
-                  x.isGantt ? (p(), he(Ne(x.ganttComponent || "AGanttCell"), {
+                  x.isGantt ? (b(), ve(Ne(x.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: O(s),
-                    "columns-count": O(s).columns.length - d.value,
-                    color: g.gantt?.color,
-                    start: g.gantt?.startIndex,
-                    end: g.gantt?.endIndex,
+                    store: P(s),
+                    "columns-count": P(s).columns.length - h.value,
+                    color: k.gantt?.color,
+                    start: k.gantt?.startIndex,
+                    end: k.gantt?.endIndex,
                     colspan: x.colspan,
                     pinned: x.pinned,
-                    "row-index": g.originalIndex,
-                    "col-index": x.originalIndex ?? R,
+                    "row-index": k.originalIndex,
+                    "col-index": x.originalIndex ?? I,
                     style: pe({
                       textAlign: x?.align || "center",
                       minWidth: x?.width || "40ch",
-                      width: O(s).config.fullWidth ? "auto" : null
+                      width: P(s).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": P
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (p(), he(Ne(x.cellComponent || "ACell"), {
+                    "onConnection:create": L
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (b(), ve(Ne(x.cellComponent || "ACell"), {
                     key: 1,
-                    store: O(s),
+                    store: P(s),
                     pinned: x.pinned,
-                    "row-index": g.originalIndex,
-                    "col-index": R,
+                    "row-index": k.originalIndex,
+                    "col-index": I,
                     style: pe({
                       textAlign: x?.align || "center",
-                      width: O(s).config.fullWidth ? "auto" : null
+                      width: P(s).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
@@ -2491,74 +2515,74 @@ const Wo = {
             }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        fe(h.$slots, "footer", { data: O(s) }, void 0, !0),
-        fe(h.$slots, "modal", { data: O(s) }, () => [
-          de(pt(Vt, { store: O(s) }, {
-            default: xt(() => [
-              (p(), he(Ne(O(s).modal.component), st({
-                key: `${O(s).modal.rowIndex}:${O(s).modal.colIndex}`,
-                "col-index": O(s).modal.colIndex,
-                "row-index": O(s).modal.rowIndex,
-                store: O(s)
-              }, O(s).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+        he(v.$slots, "footer", { data: P(s) }, void 0, !0),
+        he(v.$slots, "modal", { data: P(s) }, () => [
+          ue(wt(Zt, { store: P(s) }, {
+            default: pt(() => [
+              (b(), ve(Ne(P(s).modal.component), st({
+                key: `${P(s).modal.rowIndex}:${P(s).modal.colIndex}`,
+                "col-index": P(s).modal.colIndex,
+                "row-index": P(s).modal.rowIndex,
+                store: P(s)
+              }, P(s).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [it, O(s).modal.visible]
+            [it, P(s).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [O(ho), O(s).closeModal]
+        [P(yo), P(s).closeModal]
       ]),
-      O(s).isGanttView && O(s).isDependencyGraphEnabled ? (p(), he(Mo, {
+      P(s).isGanttView && P(s).isDependencyGraphEnabled ? (b(), ve($o, {
         key: 0,
-        store: O(s),
-        "onConnection:delete": F
-      }, null, 8, ["store"])) : ee("", !0)
+        store: P(s),
+        "onConnection:delete": Z
+      }, null, 8, ["store"])) : _("", !0)
     ]));
   }
-}), Xo = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-402a86ad"]]), Go = {}, jo = { class: "aloading" }, Yo = { class: "aloading-header" };
-function Uo(e, t) {
-  return p(), b("div", jo, [
-    N("h2", Yo, [
-      fe(e.$slots, "default", {}, void 0, !0)
+}), jo = /* @__PURE__ */ Ae(Uo, [["__scopeId", "data-v-4bfbbeab"]]), Yo = {}, Jo = { class: "aloading" }, qo = { class: "aloading-header" };
+function Qo(e, t) {
+  return b(), R("div", Jo, [
+    z("h2", qo, [
+      he(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Jo = /* @__PURE__ */ $e(Go, [["render", Uo], ["__scopeId", "data-v-a930a25b"]]), qo = {}, Qo = { class: "aloading" }, Ko = { class: "aloading-header" };
-function _o(e, t) {
-  return p(), b("div", Qo, [
-    N("h2", Ko, [
-      fe(e.$slots, "default", {}, void 0, !0)
+const Ko = /* @__PURE__ */ Ae(Yo, [["render", Qo], ["__scopeId", "data-v-a930a25b"]]), _o = {}, el = { class: "aloading" }, tl = { class: "aloading-header" };
+function nl(e, t) {
+  return b(), R("div", el, [
+    z("h2", tl, [
+      he(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const el = /* @__PURE__ */ $e(qo, [["render", _o], ["__scopeId", "data-v-e1165876"]]);
-function il(e) {
-  e.component("ACell", Bn), e.component("AExpansionRow", Wn), e.component("AGanttCell", Jn), e.component("ARow", Dt), e.component("ARowActions", Ue), e.component("ATable", Xo), e.component("ATableHeader", Ot), e.component("ATableLoading", Jo), e.component("ATableLoadingBar", el), e.component("ATableModal", Vt);
+const ol = /* @__PURE__ */ Ae(_o, [["render", nl], ["__scopeId", "data-v-e1165876"]]);
+function ul(e) {
+  e.component("ACell", zn), e.component("AGanttCell", qn), e.component("ARow", Bt), e.component("ARowActions", Ye), e.component("ATable", jo), e.component("ATableHeader", Pt), e.component("ATableLoading", Ko), e.component("ATableLoadingBar", ol), e.component("ATableModal", Zt);
 }
 export {
-  Bn as ACell,
-  Wn as AExpansionRow,
-  Jn as AGanttCell,
-  Dt as ARow,
-  Ue as ARowActions,
-  Xo as ATable,
-  Ot as ATableHeader,
-  Jo as ATableLoading,
-  el as ATableLoadingBar,
-  Vt as ATableModal,
-  qn as AddIcon,
-  Qn as DeleteIcon,
-  Kn as DuplicateIcon,
-  _n as InsertAboveIcon,
-  eo as InsertBelowIcon,
-  to as MoveIcon,
-  no as actionIcons,
-  No as createTableStore,
-  il as install,
-  Fo as schemaToColumns
+  zn as ACell,
+  qn as AGanttCell,
+  Bt as ARow,
+  Ye as ARowActions,
+  jo as ATable,
+  Pt as ATableHeader,
+  Ko as ATableLoading,
+  ol as ATableLoadingBar,
+  Zt as ATableModal,
+  Qn as AddIcon,
+  Kn as DeleteIcon,
+  _n as DuplicateIcon,
+  eo as InsertAboveIcon,
+  to as InsertBelowIcon,
+  no as MoveIcon,
+  oo as OpenIcon,
+  so as actionIcons,
+  Zn as createTableStore,
+  ul as install,
+  Xo as schemaToColumns
 };
 //# sourceMappingURL=atable.js.map