@stonecrop/atable 0.13.14 → 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 $, shallowRef as re, toValue as H, watchEffect as Zt, getCurrentScope as $t, onScopeDispose as Tt, getCurrentInstance as lt, unref as B, nextTick as at, isRef as Nt, toRefs as Ft, customRef as It, toRef as Wt, readonly as zt, defineComponent as xe, useTemplateRef as ce, openBlock as y, createElementBlock as k, normalizeClass as ae, normalizeStyle as pe, createBlock as he, resolveDynamicComponent as Ne, mergeProps as st, toDisplayString as be, Fragment as me, createElementVNode as F, 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() ? (Tt(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 = 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 = $(() => {
-    const l = je(H(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(H(n.value ? e[1] : e[0])),
-      je(B(n.value ? e[2] : e[1])),
+      (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], r, c) => {
-    if (!l?.length || !u?.length || !a?.length) return;
-    const s = tn(o) ? { ...o } : o, f = l.flatMap((v) => u.flatMap((x) => a.map((I) => t(v, x, I, s))));
-    c(() => {
-      f.forEach((v) => v());
+  }, ([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(() => {
+      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 $(() => (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), r = () => {
-    a && (a.disconnect(), a = void 0);
-  }, c = ue($(() => {
-    const v = je(H(e)).map(Le).filter(_t);
-    return new Set(v);
-  }), (v) => {
-    r(), o.value && v.size && (a = new MutationObserver(t), v.forEach((x) => a.observe(x, 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(), f = () => {
-    c(), r();
+  }), s = () => o?.takeRecords(), h = () => {
+    r(), c();
   };
-  return St(f), {
-    isSupported: o,
-    stop: f,
+  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 r = (f) => {
-    o?.(), o = f;
-  }, c = Zt(() => {
-    const f = Le(e);
-    if (f) {
-      const { stop: v } = sn(u, (x) => {
-        x.map((I) => [...I.removedNodes]).flat().some((I) => I === f || I.contains(f)) && t(x);
+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
       });
-      r(v);
+      c(f);
     }
-  }, { flush: a }), s = () => {
-    c(), r();
+  }, { 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 f; s?.shadowRoot; ) s = s == null || (f = s.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
+      for (var h; s?.shadowRoot; ) s = s == null || (h = s.shadowRoot) === null || h === void 0 ? void 0 : h.activeElement;
     return s;
-  }, r = re(), c = () => {
-    r.value = o();
+  }, c = re(), r = () => {
+    c.value = a();
   };
   if (n) {
     const s = {
       capture: !0,
       passive: !0
     };
-    Fe(n, "blur", (f) => {
-      f.relatedTarget === null && c();
-    }, s), Fe(n, "focus", c, s);
+    Fe(n, "blur", (h) => {
+      h.relatedTarget === null && r();
+    }, s), Fe(n, "focus", r, s);
   }
-  return u && rn(r, c, { document: a }), c(), r;
+  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 = $(() => Le(e)), u = re(!1), a = $(() => 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, () => {
-    var r, c, s;
-    return u.value = (r = (c = l.value) === null || c === void 0 || (s = c.matches) === null || s === void 0 ? void 0 : s.call(c, fn)) !== null && r !== void 0 ? r : !1;
-  }, o), { focused: a };
+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, 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 r = o.getBoundingClientRect();
-      l.value = r.top <= (t.innerHeight || a.documentElement.clientHeight) && r.left <= (t.innerWidth || a.documentElement.clientWidth) && r.bottom >= 0 && r.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" }
@@ -153,9 +153,9 @@ function hn(e, { window: t = De, scrollTarget: n } = {}) {
   }), l;
 }
 const ke = (e) => {
-  let t = hn(e).value;
+  let t = gn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, Me = (e) => e.tabIndex >= 0, bt = (e) => {
+}, Me = (e) => e.tabIndex >= 0, yt = (e) => {
   if (e.target instanceof HTMLElement)
     return rt(e.target);
 }, rt = (e) => {
@@ -171,7 +171,7 @@ const ke = (e) => {
     n instanceof HTMLTableRowElement && (t = n);
   }
   return t && (!Me(t) || !ke(t)) ? rt(t) : t;
-}, mn = (e) => {
+}, wn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
@@ -189,7 +189,7 @@ const ke = (e) => {
     }
   }
   return n && (!Me(n) || !ke(n)) ? ct(n) : n;
-}, Ct = (e) => {
+}, bt = (e) => {
   if (e.target instanceof HTMLElement)
     return ct(e.target);
 }, ct = (e) => {
@@ -205,7 +205,7 @@ const ke = (e) => {
     n instanceof HTMLTableRowElement && (t = n);
   }
   return t && (!Me(t) || !ke(t)) ? ct(t) : t;
-}, gn = (e) => {
+}, pn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
@@ -223,7 +223,7 @@ const ke = (e) => {
     }
   }
   return n && (!Me(n) || !ke(n)) ? rt(n) : n;
-}, kt = (e) => {
+}, Ct = (e) => {
   if (e.target instanceof HTMLElement)
     return ut(e.target);
 }, ut = (e) => {
@@ -236,7 +236,7 @@ const ke = (e) => {
     l instanceof HTMLElement && (t = l);
   }
   return t && (!Me(t) || !ke(t)) ? ut(t) : t;
-}, Mt = (e) => {
+}, kt = (e) => {
   if (e.target instanceof HTMLElement)
     return dt(e.target);
 }, dt = (e) => {
@@ -249,80 +249,80 @@ const ke = (e) => {
     l instanceof HTMLElement && (t = l);
   }
   return t && (!Me(t) || !ke(t)) ? dt(t) : t;
-}, Rt = (e) => {
+}, Mt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.firstElementChild, n = t instanceof HTMLElement ? t : null;
   return n && (!Me(n) || !ke(n)) ? dt(n) : n;
-}, Et = (e) => {
+}, Rt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.lastElementChild, n = t instanceof HTMLElement ? t : null;
   return n && (!Me(n) || !ke(n)) ? ut(n) : n;
-}, ze = ["alt", "control", "shift", "meta"], wn = {
+}, 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 = kt(e);
+    const t = Ct(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Mt(e);
+    const t = kt(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) => {
-    const t = Mt(e);
+    const t = kt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = kt(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);
-    let r = [];
-    if (typeof a.selectors == "string")
-      r = Array.from(o ? o.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
-    else if (Array.isArray(a.selectors))
-      for (const c of a.selectors)
-        c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
-    else if (a.selectors instanceof HTMLElement)
-      r.push(a.selectors);
-    else if (a.selectors?.value)
-      if (Array.isArray(a.selectors.value))
-        for (const c of a.selectors.value)
-          c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
+function It(e) {
+  const t = (o) => {
+    const a = Ke(o);
+    let c = [];
+    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 (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
-        r.push(a.selectors.value);
-    return r;
-  }, n = (a) => {
-    const o = Ke(a);
-    let r = [];
-    return a.selectors ? r = t(a) : o && (r = Array.from(o.children).filter((c) => c instanceof HTMLElement).filter((c) => Me(c) && ke(c))), r;
-  }, l = (a) => (o) => {
-    const r = wn[o.key] || o.key.toLowerCase();
-    if (ze.includes(r)) return;
-    const c = a.handlers || qe;
-    for (const s of Object.keys(c)) {
-      const [f, ...v] = s.split(".");
-      if (f === "keydown" && v.includes(r)) {
-        const x = c[s], I = v.filter((R) => ze.includes(R)), P = ze.some((R) => {
-          const w = R.charAt(0).toUpperCase() + R.slice(1);
-          return o.getModifierState(w);
+        c.push(o.selectors.value);
+    return c;
+  }, n = (o) => {
+    const a = Ke(o);
+    let c = [];
+    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 = o.handlers || Je;
+    for (const s of Object.keys(r)) {
+      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 (I.length > 0) {
-          if (P) {
-            for (const R of ze)
-              if (v.includes(R)) {
-                const w = R.charAt(0).toUpperCase() + R.slice(1);
-                o.getModifierState(w) && x(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
-          P || x(o);
+          Z || w(a);
       }
     }
   }, u = [];
-  Ae(() => {
-    for (const a of e) {
-      const o = Ke(a), r = n(a), c = l(a), s = o ? [o] : r;
-      for (const f of s) {
-        const { focused: v } = vn(z(f)), x = ue(v, (I) => {
-          I ? f.addEventListener("keydown", c) : f.removeEventListener("keydown", c);
+  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(x);
+        u.push(w);
       }
     }
-  }), Pt(() => {
-    for (const a of u)
-      a();
+  }), Nt(() => {
+    for (const o of u)
+      o();
   });
 }
-function vt(e, t) {
-  return $t() ? (Tt(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]", Ie = () => {
+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(It(() => ({
+  return typeof t == "function" ? Gt(St(() => ({
     get: t,
-    set: Ie
-  }))) : 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 kn(e, t = {}) {
-  let n, l, u = Ie;
-  const a = (c) => {
-    clearTimeout(c), u(), u = Ie;
+function Rn(e, t = {}) {
+  let n, l, u = Se;
+  const o = (r) => {
+    clearTimeout(r), u(), u = Se;
   };
-  let o;
-  return (c) => {
-    const s = H(e), f = H(t.maxWait);
-    return n && a(n), s <= 0 || f !== void 0 && f <= 0 ? (l && (a(l), l = void 0), Promise.resolve(c())) : new Promise((v, x) => {
-      u = t.rejectOnCancel ? x : v, o = c, f && !l && (l = setTimeout(() => {
-        n && a(n), l = void 0, v(o());
-      }, f)), n = setTimeout(() => {
-        l && a(l), l = void 0, v(c());
+  let a;
+  return (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 Mn(e) {
+function En(e) {
   return lt();
 }
 // @__NO_SIDE_EFFECTS__
-function Rn(e, t = 200, n = {}) {
-  return Cn(kn(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] = It(() => ({
+  for (const l in e.value) n[l] = St(() => ({
     get() {
       return e.value[l];
     },
     set(u) {
-      var a;
-      if (!((a = H(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) {
-  Mn() ? Ae(e, n) : t ? e() : at(e);
+  En() ? Ie(e, n) : t ? e() : at(e);
 }
-function Tn(e, t, n) {
-  return ue(e, t, {
+function In(e, t, n) {
+  return ce(e, t, {
     ...n,
     immediate: !0
   });
@@ -485,122 +485,122 @@ function we(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 = $(() => {
-    const l = Ye(H(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 Tn(() => {
+  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(H(n.value ? e[1] : e[0])),
-      Ye(B(n.value ? e[2] : e[1])),
+      (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], r, c) => {
-    if (!l?.length || !u?.length || !a?.length) return;
-    const s = yn(o) ? { ...o } : o, f = l.flatMap((v) => u.flatMap((x) => a.map((I) => t(v, x, I, s))));
-    c(() => {
-      f.forEach((v) => v());
+  }, ([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(() => {
+      h.forEach((f) => f());
     });
   }, { flush: "post" });
 }
 function ot(e, t, n = {}) {
-  const { window: l = We, ignore: u = [], capture: a = !0, detectIframe: o = !1, controls: r = !1 } = n;
-  if (!l) return r ? {
-    stop: Ie,
-    cancel: Ie,
-    trigger: Ie
-  } : Ie;
-  let c = !0;
-  const s = (w) => H(u).some((h) => {
-    if (typeof h == "string") return Array.from(l.document.querySelectorAll(h)).some((m) => m === w.target || w.composedPath().includes(m));
+  const { window: l = We, ignore: u = [], capture: o = !0, detectIframe: a = !1, controls: c = !1 } = n;
+  if (!l) return c ? {
+    stop: Se,
+    cancel: Se,
+    trigger: Se
+  } : Se;
+  let r = !0;
+  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 m = we(h);
-      return m && (w.target === m || w.composedPath().includes(m));
+      const g = we(v);
+      return g && (m.target === g || m.composedPath().includes(g));
     }
   });
-  function f(w) {
-    const h = H(w);
-    return h && h.$.subTree.shapeFlag === 16;
+  function h(m) {
+    const v = H(m);
+    return v && v.$.subTree.shapeFlag === 16;
   }
-  function v(w, h) {
-    const m = H(w), C = m.$.subTree && m.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some((b) => b.el === h.target || h.composedPath().includes(b.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 x = (w) => {
-    const h = we(e);
-    if (w.target != null && !(!(h instanceof Element) && f(e) && v(e, w)) && !(!h || h === w.target || w.composedPath().includes(h))) {
-      if ("detail" in w && w.detail === 0 && (c = !s(w)), !c) {
-        c = !0;
+  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(w);
+      t(m);
     }
   };
-  let I = !1;
-  const P = [
-    Ee(l, "click", (w) => {
-      I || (I = !0, setTimeout(() => {
-        I = !1;
-      }, 0), x(w));
+  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", (w) => {
-      const h = we(e);
-      c = !s(w) && !!(h && !w.composedPath().includes(h));
+    Ee(l, "pointerdown", (m) => {
+      const v = we(e);
+      r = !s(m) && !!(v && !m.composedPath().includes(v));
     }, { passive: !0 }),
-    o && Ee(l, "blur", (w) => {
+    a && Ee(l, "blur", (m) => {
       setTimeout(() => {
-        var h;
-        const m = we(e);
-        ((h = l.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !m?.contains(l.document.activeElement) && t(w);
+        var v;
+        const g = we(e);
+        ((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), R = () => P.forEach((w) => w());
-  return r ? {
-    stop: R,
+  ].filter(Boolean), y = () => Z.forEach((m) => m());
+  return c ? {
+    stop: y,
     cancel: () => {
-      c = !1;
+      r = !1;
     },
-    trigger: (w) => {
-      c = !0, x(w), c = !1;
+    trigger: (m) => {
+      r = !0, w(m), r = !1;
     }
-  } : R;
+  } : y;
 }
 // @__NO_SIDE_EFFECTS__
-function In() {
+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__ */ In();
-  return $(() => (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), r = () => {
-    a && (a.disconnect(), a = void 0);
-  }, c = ue($(() => {
-    const v = Ye(H(e)).map(we).filter(pn);
-    return new Set(v);
-  }), (v) => {
-    r(), o.value && v.size && (a = new MutationObserver(t), v.forEach((x) => a.observe(x, 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(), f = () => {
-    c(), r();
+  }), s = () => o?.takeRecords(), h = () => {
+    r(), c();
   };
-  return vt(f), {
-    isSupported: o,
-    stop: f,
+  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: r, stopPropagation: c, exact: s, onMove: f, onEnd: v, onStart: x, initialValue: I, axis: P = "both", draggingElement: R = We, containerElement: w, handle: h = e, buttons: m = [0], restrictInView: C, autoScroll: b = !1 } = t, p = z((n = H(I)) !== 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
-  }), O = z(), j = (M) => o ? o.includes(M.pointerType) : !0, E = (M) => {
-    H(r) && M.preventDefault(), H(c) && M.stopPropagation();
-  }, Z = H(b), N = typeof Z == "object" ? {
-    speed: (l = H(Z.speed)) !== null && l !== void 0 ? l : Xe.speed,
-    margin: (u = H(Z.margin)) !== null && u !== void 0 ? u : Xe.margin,
-    direction: (a = Z.direction) !== null && a !== void 0 ? a : Xe.direction
-  } : Xe, q = (M) => typeof M == "number" ? [M, M] : [M.x, M.y], _ = (M, L, W) => {
-    const { clientWidth: Q, clientHeight: X, scrollLeft: oe, scrollTop: ye, scrollWidth: Re, scrollHeight: T } = M, [V, Y] = q(N.margin), [G, K] = q(N.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;
-    (N.direction === "x" || N.direction === "both") && (W.x < V && oe > 0 ? te = -G : W.x + L.width > Q - V && oe < Re - Q && (te = G)), (N.direction === "y" || N.direction === "both") && (W.y < Y && ye > 0 ? le = -K : W.y + L.height > X - Y && ye < T - X && (le = K)), (te || le) && M.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,175 +634,570 @@ function _e(e, t = {}) {
   };
   let ne = null;
   const ge = () => {
-    const M = H(w);
-    M && !ne && (ne = setInterval(() => {
-      const L = H(e).getBoundingClientRect(), { x: W, y: Q } = p.value, X = {
-        x: W - M.scrollLeft,
-        y: Q - M.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 && (_(M, L, X), X.x += M.scrollLeft, X.y += M.scrollTop, p.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 = (M, L, W, Q) => {
-    const [X, oe] = typeof W == "number" ? [W, W] : [W.x, W.y], { clientWidth: ye, clientHeight: Re } = L;
-    return M.x < X || M.x + Q.width > ye - X || M.y < oe || M.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 (H(t.disabled) || !O.value) return;
-    const M = H(w);
-    if (!M) return;
-    const L = H(e).getBoundingClientRect(), { x: W, y: Q } = p.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 - M.scrollLeft,
-      y: Q - M.scrollTop
-    }, M, N.margin, L) ? ge() : ve();
+      x: F - E.scrollLeft,
+      y: Q - E.scrollTop
+    }, E, N.margin, D) ? ge() : fe();
   };
-  H(b) && ue(p, Ve);
-  const Be = (M) => {
-    var L;
-    if (!H(m).includes(M.button) || H(t.disabled) || !j(M) || H(s) && M.target !== H(e)) return;
-    const W = H(w), Q = W == null || (L = W.getBoundingClientRect) === null || L === void 0 ? void 0 : L.call(W), X = H(e).getBoundingClientRect(), oe = {
-      x: M.clientX - (W ? X.left - Q.left + (b ? 0 : W.scrollLeft) : X.left),
-      y: M.clientY - (W ? X.top - Q.top + (b ? 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)
     };
-    x?.(oe, M) !== !1 && (O.value = oe, E(M));
-  }, Pe = (M) => {
-    if (H(t.disabled) || !j(M) || !O.value) return;
-    const L = H(w);
-    L instanceof HTMLElement && Sn(L);
-    const W = H(e).getBoundingClientRect();
-    let { x: Q, y: X } = p.value;
-    if ((P === "x" || P === "both") && (Q = M.clientX - O.value.x, L && (Q = Math.min(Math.max(0, Q), L.scrollWidth - W.width))), (P === "y" || P === "both") && (X = M.clientY - O.value.y, L && (X = Math.min(Math.max(0, X), L.scrollHeight - W.height))), H(b) && L && (ne === null && _(L, 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 += L.scrollLeft, X += L.scrollTop), L && (C || b)) {
-      if (P !== "y") {
-        const oe = Q - L.scrollLeft;
-        oe < 0 ? Q = L.scrollLeft : oe > L.clientWidth - W.width && (Q = L.clientWidth - W.width + L.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 (P !== "x") {
-        const oe = X - L.scrollTop;
-        oe < 0 ? X = L.scrollTop : oe > L.clientHeight - W.height && (X = L.clientHeight - W.height + L.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);
       }
     }
-    p.value = {
+    x.value = {
       x: Q,
-      y: X
-    }, f?.(p.value, M), E(M);
-  }, He = (M) => {
-    H(t.disabled) || !j(M) || O.value && (O.value = void 0, b && ve(), v?.(p.value, M), E(M));
+      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 M = () => {
-      var L;
+    const E = () => {
+      var D;
       return {
-        capture: (L = t.capture) !== null && L !== void 0 ? L : !0,
-        passive: !H(r)
+        capture: (D = t.capture) !== null && D !== void 0 ? D : !0,
+        passive: !H(c)
       };
     };
-    Ee(h, "pointerdown", Be, M), Ee(R, "pointermove", Pe, M), Ee(R, "pointerup", He, M);
+    Ee(v, "pointerdown", Be, E), Ee(y, "pointermove", Pe, E), Ee(y, "pointerup", He, E);
   }
   return {
-    ...En(p),
-    position: p,
-    isDragging: $(() => !!O.value),
-    style: $(() => `
-      left: ${p.value.x}px;
-      top: ${p.value.y}px;
-      ${b ? "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), r = () => {
-    a && (a.disconnect(), a = void 0);
-  }, c = ue($(() => {
-    const f = H(e);
-    return Array.isArray(f) ? f.map((v) => we(v)) : [we(f)];
-  }), (f) => {
-    if (r(), o.value && l) {
-      a = new ResizeObserver(t);
-      for (const v of f) 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,
     flush: "post"
   }), s = () => {
-    r(), c();
+    c(), r();
   };
-  return vt(s), {
-    isSupported: o,
+  return ft(s), {
+    isSupported: a,
     stop: s
   };
 }
 function Te(e, t = {}) {
-  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: a = !0, updateTiming: o = "sync" } = t, r = re(0), c = re(0), s = re(0), f = re(0), v = re(0), x = re(0), I = re(0), P = re(0);
-  function R() {
-    const h = we(e);
-    if (!h) {
-      n && (r.value = 0, c.value = 0, s.value = 0, f.value = 0, v.value = 0, x.value = 0, I.value = 0, P.value = 0);
+  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 m = h.getBoundingClientRect();
-    r.value = m.height, c.value = m.bottom, s.value = m.left, f.value = m.right, v.value = m.top, x.value = m.width, I.value = m.x, P.value = m.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 w() {
-    o === "sync" ? R() : o === "next-frame" && requestAnimationFrame(() => R());
+  function m() {
+    a === "sync" ? y() : a === "next-frame" && requestAnimationFrame(() => y());
   }
-  return Je(e, w), ue(() => we(e), (h) => !h && w()), Lt(e, w, { attributeFilter: ["style", "class"] }), u && Ee("scroll", w, {
+  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", w, { passive: !0 }), $n(() => {
-    a && w();
+  }), l && Ee("resize", m, { passive: !0 }), $n(() => {
+    o && m();
   }), {
-    height: r,
-    bottom: c,
+    height: c,
+    bottom: r,
     left: s,
-    right: f,
-    top: v,
-    width: x,
-    x: I,
-    y: P,
-    update: w
+    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 r = et(H(o));
-    if (r) {
-      const c = r;
-      if (tt.get(c) || tt.set(c, c.style.overflow), c.style.overflow !== "hidden" && (l = c.style.overflow), c.style.overflow === "hidden") return n.value = !0;
-      if (n.value) return c.style.overflow = "hidden";
+  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;
+      if (n.value) return r.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const u = () => {
-    const o = et(H(e));
-    !o || n.value || (o.style.overflow = "hidden", n.value = !0);
-  }, a = () => {
-    const o = et(H(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), $({
+  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], r = e.store.rows[e.rowIndex], c = o.align || "center", s = o.width || "40ch", f = $(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = z(null);
-    Ae(() => {
-      if (!o.linkDoctype) return;
-      const E = e.store.getCellData(e.colIndex, e.rowIndex);
-      if (E != null && typeof E == "object") {
-        const N = E, q = N.displayText ?? N.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 Z = e.store.linkResolver;
-      !Z || typeof E != "string" || E === "" || Z(o.linkDoctype, E).then((N) => (N != null && (v.value = N), N));
+      const V = e.store.linkResolver;
+      !V || typeof M != "string" || M === "" || V(a.linkDoctype, M).then((N) => (N != null && (f.value = N), N));
     });
-    const x = $(() => v.value ?? f.value), I = $(() => typeof x.value == "string" ? Hn(x.value) : !1), P = $(() => ({
-      textAlign: c,
+    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)
-    })), R = $(() => ({
+      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
-    })), w = () => {
-      m(), h();
-    }, h = () => {
-      const { left: E, bottom: Z, width: N, height: q } = Te(n);
-      o.mask, o.modalComponent && e.store.$patch((_) => {
-        _.modal.visible = !0, _.modal.colIndex = e.colIndex, _.modal.rowIndex = e.rowIndex, _.modal.left = E, _.modal.bottom = Z, _.modal.width = N, _.modal.height = q, _.modal.cell = n.value, typeof o.modalComponent == "function" ? _.modal.component = o.modalComponent({ table: _.table, row: r, 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 E = {
-        ...qe,
-        "keydown.f2": h,
-        "keydown.alt.up": h,
-        "keydown.alt.down": h,
-        "keydown.alt.left": h,
-        "keydown.alt.right": h
+      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" && (E = {
-        ...E,
+      typeof e.addNavigation == "object" && (M = {
+        ...M,
         ...e.addNavigation
-      }), ft([
+      }), It([
         {
           selectors: n,
-          handlers: E
+          handlers: M
         }
       ]);
     }
-    const m = () => {
-      if (n.value && o.edit) {
-        const E = window.getSelection();
-        if (E)
+    const g = () => {
+      if (n.value && a.edit) {
+        const M = window.getSelection();
+        if (M)
           try {
-            const Z = document.createRange();
-            Z.selectNodeContents && (Z.selectNodeContents(n.value), E.removeAllRanges(), E.addRange(Z));
+            const V = document.createRange();
+            V.selectNodeContents && (V.selectNodeContents(n.value), M.removeAllRanges(), M.addRange(V));
           } catch {
           }
       }
+    }, k = () => {
+      n.value && (u.value = n.value.textContent, g());
     }, C = () => {
-      n.value && (u.value = n.value.textContent, m());
-    }, b = () => {
       try {
-        const E = window.getSelection();
-        if (E && E.rangeCount > 0 && n.value) {
-          const Z = E.getRangeAt(0), N = Z.cloneRange();
+        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(Z.endContainer, Z.endOffset), N.toString().length;
+            return N.selectNodeContents(n.value), N.setEnd(V.endContainer, V.endOffset), N.toString().length;
         }
       } catch {
       }
       return 0;
-    }, p = (E) => {
+    }, x = (M) => {
       if (n.value)
         try {
-          const Z = window.getSelection();
-          if (!Z) return;
+          const V = window.getSelection();
+          if (!V) return;
           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 = N + ge.textContent.length;
-            if (E <= ve && (ne = document.createRange(), ne.setStart && ne.setEnd)) {
-              ne.setStart(ge, E - N), ne.setEnd(ge, E - N);
+          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;
             }
-            N = ve;
+            N = fe;
           }
-          ne && Z.removeAllRanges && Z.addRange && (Z.removeAllRanges(), Z.addRange(ne));
+          ne && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ne));
         } catch {
         }
-    }, O = (E) => {
-      if (!o.edit) return;
-      const Z = E.target;
-      if (Z.textContent === u.value)
+    }, I = (M) => {
+      if (!a.edit) return;
+      const V = M.target;
+      if (V.textContent === u.value)
         return;
-      const N = b();
-      u.value = Z.textContent, o.format ? (a.value = Z.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, Z.textContent)) : (a.value = Z.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, Z.textContent)), at().then(() => p(N));
-    }, j = /* @__PURE__ */ Rn(O, 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
-    }), (E, Z) => (y(), k("td", {
+    }), (M, V) => (b(), R("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": B(o).edit,
-      contenteditable: B(o).edit,
+      "data-editable": P(a).edit,
+      contenteditable: P(a).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: pe(P.value),
-      class: ae(["atable-cell", R.value]),
-      onFocus: C,
-      onPaste: O,
-      onInput: Z[0] || (Z[0] = //@ts-ignore
-      (...N) => B(j) && B(j)(...N)),
-      onClick: w
+      style: pe(Z.value),
+      class: ae(["atable-cell", y.value]),
+      onFocus: k,
+      onPaste: I,
+      onInput: V[0] || (V[0] = //@ts-ignore
+      (...N) => P(X) && P(X)(...N)),
+      onClick: m
     }, [
-      B(o).cellComponent ? (y(), he(Ne(B(o).cellComponent), st({
+      P(a).cellComponent ? (b(), ve(Ne(P(a).cellComponent), st({
         key: 0,
-        value: x.value
-      }, B(o).cellComponentProps), null, 16, ["value"])) : I.value ? (y(), k("span", {
+        value: w.value
+      }, P(a).cellComponentProps), null, 16, ["value"])) : L.value ? (b(), R("span", {
         key: 1,
-        innerHTML: x.value
-      }, null, 8, On)) : (y(), k("span", Vn, be(x.value), 1))
-    ], 46, Dn));
-  }
-}), 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.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) => (y(), k(me, null, [
-      F("tr", st(l.$attrs, {
-        ref: "rowEl",
-        tabindex: e.tabIndex,
-        class: "expandable-row"
-      }), [
-        F("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 ? (y(), k("tr", {
-        key: 0,
-        ref: "rowExpanded",
-        tabindex: e.tabIndex,
-        class: "expanded-row"
-      }, [
-        F("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));
+        innerHTML: w.value
+      }, null, 8, Fn)) : (b(), R("span", Wn, ye(w.value), 1))
+    ], 46, Nn));
   }
-}), $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,18 +1355,18 @@ const Hn = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: n }) {
-    Xt((T) => ({
+    Ut(($) => ({
       v564d6da1: u.value,
-      v4f540c19: T.colspan
+      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"), r = ce("bar"), c = ce("leftResizeHandle"), s = ce("rightResizeHandle"), f = ce("leftConnectionHandle"), v = ce("rightConnectionHandle"), { width: x } = Te(o), { left: I, right: P } = Te(r), R = z(e.start), w = z(e.end || R.value + e.colspan), h = z(!1), m = z(!1), C = z(!1), b = z(!1), p = z(!1), O = z({ startX: 0, startY: 0, endX: 0, endY: 0 }), j = $(() => ge.value || _.value || ne.value), E = $(() => e.colspan > 0 ? x.value / e.colspan : 0), Z = $(() => {
-      const T = R.value / e.colspan * 100, V = w.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: `${T}%`,
-        width: `${V - T}%`,
+        left: `${$}%`,
+        width: `${B - $}%`,
         backgroundColor: u.value
       };
-    }), N = $(() => ({
+    }), N = T(() => ({
       position: "fixed",
       top: 0,
       left: 0,
@@ -1036,83 +1374,83 @@ const Hn = (e) => {
       height: "100vh",
       pointerEvents: "none",
       zIndex: 1e3
-    })), q = z({ startX: 0, startPos: 0 }), { isDragging: _ } = _e(c, {
+    })), q = W({ startX: 0, startPos: 0 }), { isDragging: ee } = _e(r, {
       axis: "x",
-      onStart: () => ve(I.value, R.value),
-      onMove: ({ x: T }) => Oe(T),
-      onEnd: ({ x: T }) => Ve(T)
+      onStart: () => fe(L.value, y.value),
+      onMove: ({ x: $ }) => Oe($),
+      onEnd: ({ x: $ }) => Ve($)
     }), { isDragging: ne } = _e(s, {
       axis: "x",
-      onStart: () => ve(P.value, w.value),
-      onMove: ({ x: T }) => Be(T),
-      onEnd: ({ x: T }) => Pe(T)
-    }), { isDragging: ge } = _e(r, {
+      onStart: () => fe(Z.value, m.value),
+      onMove: ({ x: $ }) => Be($),
+      onEnd: ({ x: $ }) => Pe($)
+    }), { isDragging: ge } = _e(c, {
       exact: !0,
       axis: "x",
-      onStart: () => ve(I.value, R.value),
-      onMove: ({ x: T }) => He(T),
-      onEnd: ({ x: T }) => M(T)
+      onStart: () => fe(L.value, y.value),
+      onMove: ({ x: $ }) => He($),
+      onEnd: ({ x: $ }) => E($)
     });
-    Ae(() => {
-      L();
-    }), Gt(() => {
-      W();
+    Ie(() => {
+      D();
+    }), jt(() => {
+      F();
     });
-    function ve(T, V) {
-      r.value && (r.value.style.transition = "none"), q.value = { startX: T, startPos: V };
+    function fe($, B) {
+      c.value && (c.value.style.transition = "none"), q.value = { startX: $, startPos: B };
     }
-    function Oe(T) {
-      if (!_.value || !r.value) return;
-      const Y = (T - q.value.startX) / E.value, G = Math.max(0, Math.min(w.value - 1, q.value.startPos + Y));
-      r.value.style.left = `${G / e.colspan * 100}%`, r.value.style.width = `${(w.value - G) / e.colspan * 100}%`;
+    function Oe($) {
+      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(T) {
-      if (!r.value) return;
-      const V = T - q.value.startX, Y = Math.round(V / E.value), G = R.value, K = Math.max(0, Math.min(w.value - 1, q.value.startPos + Y));
-      R.value = K, e.store.updateGanttBar({
+    function Ve($) {
+      if (!c.value) return;
+      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: w.value,
-        delta: Y,
-        oldColspan: w.value - G,
-        newColspan: w.value - K
+        end: m.value,
+        delta: j,
+        oldColspan: m.value - U,
+        newColspan: m.value - K
       });
     }
-    function Be(T) {
-      if (!ne.value || !r.value) return;
-      const Y = (T - q.value.startX) / E.value, G = Math.max(R.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      r.value.style.width = `${(G - R.value) / e.colspan * 100}%`;
+    function Be($) {
+      if (!ne.value || !c.value) return;
+      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(T) {
-      if (!r.value) return;
-      const V = T - q.value.startX, Y = Math.round(V / E.value), G = w.value, K = Math.max(R.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      w.value = K, e.store.updateGanttBar({
+    function Pe($) {
+      if (!c.value) return;
+      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: R.value,
-        delta: Y,
-        oldColspan: G - R.value,
-        newColspan: K - R.value
+        start: y.value,
+        delta: j,
+        oldColspan: U - y.value,
+        newColspan: K - y.value
       });
     }
-    function He(T) {
-      if (!ge.value || !r.value) return;
-      const Y = (T - q.value.startX) / E.value, G = w.value - R.value, K = Math.max(0, Math.min(q.value.startPos + Y, e.columnsCount - G));
-      r.value.style.left = `${K / e.colspan * 100}%`;
+    function He($) {
+      if (!ge.value || !c.value) return;
+      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 M(T) {
-      if (!r.value) return;
-      const V = T - q.value.startX, Y = Math.round(V / E.value), G = w.value - R.value, K = R.value, te = w.value;
-      let le = q.value.startPos + Y, se = le + G;
-      le < 0 ? (le = 0, se = G) : se > e.columnsCount && (se = e.columnsCount, le = se - G), R.value = le, w.value = se, e.store.updateGanttBar({
+    function E($) {
+      if (!c.value) return;
+      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",
@@ -1120,165 +1458,170 @@ const Hn = (e) => {
         oldEnd: te,
         newStart: le,
         newEnd: se,
-        delta: Y,
+        delta: j,
         colspan: se - le
       });
     }
-    function L() {
-      const { x: T, y: V } = Te(r), { x: Y, y: G } = Te(f), { x: K, y: te } = Te(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: R,
-        endIndex: w,
+        startIndex: y,
+        endIndex: m,
         color: u,
         label: e.label,
-        position: { x: T, y: V }
+        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: h,
-        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: m,
-        barId: a
+        visible: g,
+        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 && (h.value = !0, m.value = !0);
+      e.store.isDependencyGraphEnabled && (v.value = !0, g.value = !0);
     }
-    function X() {
-      !C.value && !b.value && (h.value = !1, m.value = !1);
+    function G() {
+      !k.value && !C.value && (v.value = !1, g.value = !1);
     }
-    function oe(T, V) {
-      V.preventDefault(), V.stopPropagation(), p.value = !0, T === "left" ? C.value = !0 : b.value = !0;
-      const Y = T === "left" ? f.value : v.value;
-      if (Y) {
-        const te = Y.getBoundingClientRect(), le = te.left + te.width / 2, se = te.top + te.height / 2;
-        O.value = { startX: le, startY: se, endX: le, endY: se };
+    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) => {
-        O.value.endX = te.clientX, O.value.endY = te.clientY;
+      const U = (te) => {
+        I.value.endX = te.clientX, I.value.endY = te.clientY;
       }, K = (te) => {
-        ye(te, T), 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(T, V) {
-      const G = document.elementFromPoint(T.clientX, T.clientY)?.closest(".connection-handle");
-      if (G && G !== (V === "left" ? f.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"), se = G.classList.contains("left-connection-handle") ? "left" : "right", ht = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
-            `${a}-connection-${V}`,
-            `${ht}-connection-${se}`
+          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(T, V) {
-      p.value = !1, C.value = !1, b.value = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", V), r.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: Z,
+      barStyle: V,
       cleanupConnectionDrag: Re,
-      currentEnd: w,
-      handleConnectionDrop: ye,
-      isLeftConnectionDragging: C,
-      isLeftConnectionVisible: h,
-      isRightConnectionDragging: b,
-      isRightConnectionVisible: m,
-      showDragPreview: p
-    }), (T, V) => (y(), k("td", {
+      currentEnd: m,
+      handleConnectionDrop: xe,
+      isLeftConnectionDragging: k,
+      isLeftConnectionVisible: v,
+      isRightConnectionDragging: C,
+      isRightConnectionVisible: g,
+      showDragPreview: x
+    }), ($, B) => (b(), R("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      F("div", Xn, [
-        F("div", {
+      z("div", Gn, [
+        z("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: ae(["gantt-bar", { "is-dragging": j.value }]),
-          style: pe(Z.value),
+          class: ae(["gantt-bar", { "is-dragging": X.value }]),
+          style: pe(V.value),
           onMouseenter: Q,
-          onMouseleave: X
+          onMouseleave: G
         }, [
-          e.store.isDependencyGraphEnabled ? (y(), k("div", {
+          e.store.isDependencyGraphEnabled ? (b(), R("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: ae(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": C.value }]),
-            onMousedown: V[0] || (V[0] = Se((Y) => oe("left", Y), ["stop"]))
-          }, [...V[2] || (V[2] = [
-            F("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : ee("", !0),
-          e.store.isDependencyGraphEnabled ? (y(), k("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: ae(["connection-handle right-connection-handle", { visible: m.value, "is-dragging": b.value }]),
-            onMousedown: V[1] || (V[1] = Se((Y) => oe("right", Y), ["stop"]))
-          }, [...V[3] || (V[3] = [
-            F("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : ee("", !0),
-          F("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: ae(["resize-handle left-resize-handle", { "is-dragging": B(_) }])
-          }, [...V[4] || (V[4] = [
-            F("div", { class: "handle-grip" }, null, -1),
-            F("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 ? (y(), k("label", jn, be(e.label), 1)) : ee("", !0),
-          F("div", {
+          e.label ? (b(), R("label", jn, ye(e.label), 1)) : _("", !0),
+          z("div", {
             ref: "rightResizeHandle",
-            class: ae(["resize-handle right-resize-handle", { "is-dragging": B(ne) }])
-          }, [...V[5] || (V[5] = [
-            F("div", { class: "handle-grip" }, null, -1),
-            F("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 && p.value ? (y(), k("svg", {
+      e.store.isDependencyGraphEnabled && x.value ? (b(), R("svg", {
         key: 0,
         style: pe(N.value)
       }, [
-        F("line", {
-          x1: O.value.startX,
-          y1: O.value.startY,
-          x2: O.value.endX,
-          y2: O.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-032ef6d9"]]), 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"/>
@@ -1292,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"/>
@@ -1306,29 +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 = `<?xml version="1.0" encoding="UTF-8"?>
+</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>
-`, oo = {
-  add: qn,
-  delete: Qn,
-  duplicate: Kn,
-  insertAbove: _n,
-  insertBelow: eo,
-  move: to,
-  open: no
-}, lo = {
+`, 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"
-}, ao = ["aria-expanded"], so = ["onClick"], io = ["innerHTML"], ro = { class: "action-label" }, co = {
+}, ro = ["aria-expanded"], co = ["disabled", "onClick"], uo = ["innerHTML"], fo = { class: "action-label" }, vo = {
   key: 1,
   class: "row-actions-icons"
-}, uo = ["title", "aria-label", "onClick"], fo = ["innerHTML"], Ue = /* @__PURE__ */ xe({
+}, ho = ["title", "aria-label", "disabled", "onClick"], mo = ["innerHTML"], Ye = /* @__PURE__ */ Ce({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1338,28 +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), r = z(!1), c = z(!1), s = z({ top: 0, left: 0 }), f = {
+    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 Record",
+      moveUp: "Move Up",
+      moveDown: "Move Down",
       open: "Open Record"
-    }, v = $(() => {
-      const h = [], m = n.config.actions || {}, C = ["open", "add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const b of C) {
-        const p = m[b];
-        if (p === !1 || p === void 0) continue;
-        let O = !0, j = f[b], E = oo[b];
-        typeof p == "object" && (O = p.enabled !== !1, j = p.label || j, E = p.icon || E), O && h.push({ type: b, label: j, icon: E });
+    }, 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 h;
-    }), x = $(() => {
+      return v;
+    }), w = T(() => {
       if (n.config.forceDropdown) return !0;
-      const h = n.config.dropdownThreshold ?? 150;
-      return h === 0 ? !1 : o.value > 0 && o.value < h;
-    }), I = $(() => r.value ? c.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`,
@@ -1369,85 +1726,86 @@ const Hn = (e) => {
       top: `${s.value.top}px`,
       left: `${s.value.left}px`
     } : {});
-    Je(u, (h) => {
-      const m = h[0];
-      m && (o.value = m.contentRect.width);
+    qe(u, (v) => {
+      const g = v[0];
+      g && (a.value = g.contentRect.width);
     });
-    const P = () => {
-      r.value || R(), r.value = !r.value;
-    }, R = () => {
-      if (!a.value) return;
-      const h = a.value.getBoundingClientRect(), m = window.innerHeight, C = v.value.length * 40 + 16, b = m - h.bottom, p = h.top;
-      c.value = b < C && p > C, c.value ? s.value = {
-        top: h.top,
-        left: h.left
-      } : s.value = {
-        top: h.bottom,
-        left: h.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, () => {
-      r.value = !1;
+      c.value = !1;
     });
-    const w = (h, m) => {
-      r.value = !1;
-      const C = n.config.actions?.[h];
-      typeof C == "object" && C.handler && C.handler(n.rowIndex, n.store) === !1 || l("action", h, n.rowIndex, m);
+    const m = (v, g) => {
+      c.value = !1;
+      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 (h, m) => (y(), k("td", {
+    return (v, g) => (b(), R("td", {
       ref: "actionsCell",
-      class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": r.value }])
+      class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
     }, [
-      x.value ? (y(), k("div", lo, [
-        F("button", {
+      w.value ? (b(), R("div", io, [
+        z("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
-          "aria-expanded": r.value,
+          "aria-expanded": c.value,
           "aria-haspopup": "true",
-          onClick: Se(P, ["stop"])
-        }, [...m[0] || (m[0] = [
-          F("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, ao),
-        de(F("div", {
-          class: ae(["row-actions-menu", { "menu-flipped": c.value }]),
-          style: pe(I.value),
+          onClick: $e(Z, ["stop"])
+        }, [...g[0] || (g[0] = [
+          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"
         }, [
-          (y(!0), k(me, null, Ce(v.value, (C) => (y(), k("button", {
-            key: C.type,
+          (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((b) => w(C.type, b), ["stop"])
+            disabled: k.disabled,
+            onClick: $e((C) => m(k.type, C), ["stop"])
           }, [
-            F("span", {
+            z("span", {
               class: "action-icon",
-              innerHTML: C.icon
-            }, null, 8, io),
-            F("span", ro, be(C.label), 1)
-          ], 8, so))), 128))
+              innerHTML: k.icon
+            }, null, 8, uo),
+            z("span", fo, ye(k.label), 1)
+          ], 8, co))), 128))
         ], 6), [
-          [it, r.value]
+          [it, c.value]
         ])
-      ])) : (y(), k("div", co, [
-        (y(!0), k(me, null, Ce(v.value, (C) => (y(), k("button", {
-          key: C.type,
+      ])) : (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: C.label,
-          "aria-label": C.label,
-          onClick: Se((b) => w(C.type, b), ["stop"])
+          title: k.label,
+          "aria-label": k.label,
+          disabled: k.disabled,
+          onClick: $e((C) => m(k.type, C), ["stop"])
         }, [
-          F("span", {
+          z("span", {
             class: "action-icon",
-            innerHTML: C.icon
-          }, null, 8, fo)
-        ], 8, uo))), 128))
+            innerHTML: k.icon
+          }, null, 8, mo)
+        ], 8, ho))), 128))
       ]))
     ], 2));
   }
-}), vo = ["tabindex"], ho = /* @__PURE__ */ xe({
+}), go = ["tabindex"], wo = ["tabindex"], po = ["colspan"], xo = /* @__PURE__ */ Ce({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1457,79 +1815,105 @@ const Hn = (e) => {
   },
   emits: ["row:action", "row:click"],
   setup(e, { emit: t }) {
-    const n = t, l = ce("rowEl"), u = $(() => e.store.isRowVisible(e.rowIndex)), a = $(() => e.store.getRowExpandSymbol(e.rowIndex)), o = $(() => e.store.config.clickable ?? !1), r = $(() => e.store.config.rowActions || { enabled: !1 }), c = $(() => r.value.enabled), s = $(() => r.value.position || "before-index"), f = (x, I, P) => {
-      n("row:action", x, I, P);
-    }, v = (x) => {
-      const I = x.target;
-      I.closest(".atable-row-actions") || I.closest(".tree-index") || n("row:click", e.rowIndex, x);
-    };
-    if (e.addNavigation) {
-      let x = qe;
-      typeof e.addNavigation == "object" && (x = {
-        ...x,
-        ...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: x
+          handlers: y
         }
       ]);
     }
-    return (x, I) => de((y(), k("tr", {
-      ref: "rowEl",
-      tabindex: e.tabIndex,
-      class: ae(["atable-row", { "atable-row-clickable": o.value }]),
-      onClick: v
-    }, [
-      c.value && s.value === "before-index" ? (y(), he(Ue, {
-        key: 0,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: r.value,
-        position: s.value,
-        onAction: f
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      e.store.config.view !== "uncounted" ? fe(x.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (y(), k("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: ae(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, be(e.rowIndex + 1), 3)) : e.store.isTreeView ? (y(), k("td", {
-          key: 1,
-          tabIndex: -1,
-          class: ae(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: I[0] || (I[0] = (P) => e.store.toggleRowExpand(e.rowIndex))
-        }, be(a.value), 3)) : ee("", !0)
-      ], !0) : ee("", !0),
-      c.value && s.value === "after-index" ? (y(), he(Ue, {
-        key: 2,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: r.value,
-        position: s.value,
-        onAction: f
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      fe(x.$slots, "default", {}, void 0, !0),
-      c.value && s.value === "end" ? (y(), he(Ue, {
-        key: 3,
-        "row-index": e.rowIndex,
-        store: e.store,
-        config: r.value,
-        position: s.value,
-        onAction: f
-      }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0)
-    ], 10, vo)), [
-      [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(ho, [["__scopeId", "data-v-533161af"]]), nt = /* @__PURE__ */ new WeakMap(), mo = {
+}), 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);
   },
@@ -1537,21 +1921,21 @@ const Hn = (e) => {
     const t = nt.get(e);
     t && typeof t == "function" ? t() : t?.stop(), nt.delete(e);
   }
-}, go = { 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 wo() {
+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);
   };
 }
-wo();
-const po = { class: "gantt-connection-overlay" }, xo = {
+Co();
+const ko = { class: "gantt-connection-overlay" }, Mo = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1562,39 +1946,39 @@ const po = { class: "gantt-connection-overlay" }, xo = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, yo = ["d", "stroke-width", "onDblclick"], bo = ["id", "d", "stroke", "stroke-width", "onDblclick"], Co = 0.25, Ge = 16, ko = /* @__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.store.connectionPaths.filter((o) => {
-      const r = e.store.ganttBars.find((s) => s.id === o.from.barId), c = e.store.ganttBars.find((s) => s.id === o.to.barId);
-      return r && c;
-    })), u = (o) => {
-      const r = e.store.connectionHandles.find(
-        (j) => j.barId === o.from.barId && j.side === o.from.side
-      ), c = e.store.connectionHandles.find(
-        (j) => j.barId === o.to.barId && j.side === o.to.side
+    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 = (a) => {
+      const c = e.store.connectionHandles.find(
+        (X) => X.barId === a.from.barId && X.side === a.from.side
+      ), r = e.store.connectionHandles.find(
+        (X) => X.barId === a.to.barId && X.side === a.to.side
       );
-      if (!r || !c) return "";
-      const s = r.position.x + Ge / 2, f = r.position.y + Ge / 2, v = c.position.x + Ge / 2, x = c.position.y + Ge / 2, I = Math.abs(v - s), P = Math.max(I * Co, 50), R = s + (o.from.side === "left" ? -P : P), w = v + (o.to.side === "left" ? -P : P), h = { x: 0.5 * s + 0.5 * R, y: 0.5 * f + 0.5 * f }, m = { x: 0.5 * R + 0.5 * w, y: 0.5 * f + 0.5 * x }, C = { x: 0.5 * w + 0.5 * v, y: 0.5 * x + 0.5 * x }, b = { x: 0.5 * h.x + 0.5 * m.x, y: 0.5 * h.y + 0.5 * m.y }, p = { x: 0.5 * m.x + 0.5 * C.x, y: 0.5 * m.y + 0.5 * C.y }, O = { x: 0.5 * b.x + 0.5 * p.x, y: 0.5 * b.y + 0.5 * p.y };
-      return `M ${s} ${f} Q ${R} ${f}, ${O.x} ${O.y} Q ${w} ${x}, ${v} ${x}`;
-    }, a = (o) => {
-      e.store.deleteConnection(o.id) && n("connection:delete", o);
+      if (!c || !r) return "";
+      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, r) => (y(), k("div", po, [
-      (y(), k("svg", xo, [
-        r[0] || (r[0] = F("defs", null, [
-          F("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"
           }),
-          F("marker", {
+          z("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1603,42 +1987,42 @@ const po = { class: "gantt-connection-overlay" }, xo = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            F("polygon", {
+            z("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (y(!0), k(me, null, Ce(l.value, (c) => (y(), k("path", {
-          key: `${c.id}-hitbox`,
-          d: u(c),
+        (b(!0), R(me, null, be(l.value, (r) => (b(), R("path", {
+          key: `${r.id}-hitbox`,
+          d: u(r),
           stroke: "transparent",
-          "stroke-width": (c.style?.width || 2) + 10,
+          "stroke-width": (r.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (s) => a(c)
-        }, null, 40, yo))), 128)),
-        (y(!0), k(me, null, Ce(l.value, (c) => (y(), k("path", {
-          id: c.id,
-          key: c.id,
-          d: u(c),
-          stroke: c.style?.color || "#666",
-          "stroke-width": c.style?.width || 2,
+          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),
+          stroke: r.style?.color || "#666",
+          "stroke-width": r.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (s) => a(c)
-        }, null, 40, bo))), 128))
+          onDblclick: (s) => o(r)
+        }, null, 40, Eo))), 128))
       ]))
     ]));
   }
-}), Mo = /* @__PURE__ */ $e(ko, [["__scopeId", "data-v-d5929c98"]]), Ro = { class: "column-filter" }, Eo = {
+}), $o = /* @__PURE__ */ Ae(So, [["__scopeId", "data-v-d5929c98"]]), Io = { class: "column-filter" }, Ao = {
   key: 2,
   class: "checkbox-filter"
-}, $o = ["value"], To = {
+}, Ho = ["value"], Lo = {
   key: 5,
   class: "date-range-filter"
-}, Io = /* @__PURE__ */ xe({
+}, Do = /* @__PURE__ */ Ce({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1646,171 +2030,165 @@ const po = { class: "gantt-connection-overlay" }, xo = {
     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 = $(() => {
+    }), 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 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((v) => {
-        const x = v[s.name];
-        x != null && x !== "" && f.add(x);
-      }), Array.from(f).map((v) => ({
-        value: v,
-        label: String(v)
+      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 = $(() => !!(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 }));
-    }, r = (s, f) => {
-      s === "start" ? n.startValue = f : n.endValue = f, !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
       });
-    }, c = () => {
-      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, f) => (y(), k("div", Ro, [
-      l.value === "text" ? de((y(), k("input", {
+    return (h, f) => (b(), R("div", Io, [
+      u.value === "text" ? ue((b(), R("input", {
         key: 0,
-        "onUpdate:modelValue": f[0] || (f[0] = (v) => t.value = v),
+        "onUpdate:modelValue": f[0] || (f[0] = (w) => n.value = w),
         type: "text",
         class: "filter-input",
-        onInput: f[1] || (f[1] = (v) => o(t.value))
+        onInput: f[1] || (f[1] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "number" ? de((y(), k("input", {
+        [Ze, n.value]
+      ]) : u.value === "number" ? ue((b(), R("input", {
         key: 1,
-        "onUpdate:modelValue": f[2] || (f[2] = (v) => t.value = v),
+        "onUpdate:modelValue": f[2] || (f[2] = (w) => n.value = w),
         type: "number",
         class: "filter-input",
-        onInput: f[3] || (f[3] = (v) => o(t.value))
+        onInput: f[3] || (f[3] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "checkbox" ? (y(), k("label", Eo, [
-        de(F("input", {
-          "onUpdate:modelValue": f[4] || (f[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: f[5] || (f[5] = (v) => o(t.value))
+          onChange: f[5] || (f[5] = (w) => c(n.value))
         }, null, 544), [
-          [Yt, t.value]
+          [Jt, n.value]
         ]),
-        F("span", null, be(e.column.label), 1)
-      ])) : l.value === "select" ? de((y(), k("select", {
+        z("span", null, ye(e.column.label), 1)
+      ])) : u.value === "select" ? ue((b(), R("select", {
         key: 3,
-        "onUpdate:modelValue": f[6] || (f[6] = (v) => t.value = v),
+        "onUpdate:modelValue": f[6] || (f[6] = (w) => n.value = w),
         class: "filter-select",
-        onChange: f[7] || (f[7] = (v) => o(t.value))
+        onChange: f[7] || (f[7] = (w) => c(n.value))
       }, [
-        f[15] || (f[15] = F("option", { value: "" }, "All", -1)),
-        (y(!0), k(me, null, Ce(u(e.column), (v) => (y(), k("option", {
-          key: v.value || v,
-          value: v.value || v
-        }, be(v.label || v), 9, $o))), 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((y(), k("input", {
+        [qt, n.value]
+      ]) : u.value === "date" ? ue((b(), R("input", {
         key: 4,
-        "onUpdate:modelValue": f[8] || (f[8] = (v) => t.value = v),
+        "onUpdate:modelValue": f[8] || (f[8] = (w) => n.value = w),
         type: "date",
         class: "filter-input",
-        onChange: f[9] || (f[9] = (v) => o(t.value))
+        onChange: f[9] || (f[9] = (w) => c(n.value))
       }, null, 544)), [
-        [Ze, t.value]
-      ]) : l.value === "dateRange" ? (y(), k("div", To, [
-        de(F("input", {
-          "onUpdate:modelValue": f[10] || (f[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: f[11] || (f[11] = (v) => r("start", n.startValue))
+          onChange: f[11] || (f[11] = (w) => r("start", l.startValue))
         }, null, 544), [
-          [Ze, n.startValue]
+          [Ze, l.startValue]
         ]),
-        f[16] || (f[16] = F("span", { class: "date-separator" }, "-", -1)),
-        de(F("input", {
-          "onUpdate:modelValue": f[12] || (f[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: f[13] || (f[13] = (v) => r("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 ? (y(), 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": f[14] || (f[14] = (v) => o(v))
-      }, null, 40, ["value", "column", "col-index", "store"])) : ee("", !0),
-      a.value ? (y(), k("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: c
-      }, "×")) : ee("", !0)
+        onClick: s
+      }, "×")) : _("", !0)
     ]));
   }
-}), So = /* @__PURE__ */ $e(Io, [["__scopeId", "data-v-e0efa4a9"]]), Ao = { key: 0 }, Ho = {
+}), Oo = /* @__PURE__ */ Ae(Do, [["__scopeId", "data-v-b57e3235"]]), Vo = { key: 0 }, Bo = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Lo = {
+}, Po = {
   key: 2,
   class: "row-actions-header"
-}, Do = ["data-colindex", "onClick"], Oo = {
+}, Zo = ["data-colindex", "onClick"], No = {
   key: 3,
   class: "row-actions-header"
-}, Vo = {
+}, Fo = {
   key: 0,
   class: "atable-filters-row"
-}, Bo = {
+}, Wo = {
   key: 2,
   class: "row-actions-header"
-}, Po = {
+}, zo = {
   key: 3,
   class: "row-actions-header"
-}, Ot = /* @__PURE__ */ xe({
+}, Pt = /* @__PURE__ */ Ce({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = $(() => e.columns.filter((o) => o.filterable)), n = $(() => e.store.config.rowActions?.enabled ?? !1), l = $(() => e.store.config.rowActions?.position ?? "before-index"), u = (o) => e.store.sortByColumn(o), a = (o) => {
-      for (const r of o) {
-        if (r.borderBoxSize.length === 0) continue;
-        const s = r.borderBoxSize[0].inlineSize, f = Number(r.target.dataset.colindex), v = e.store.columns[f]?.width;
-        typeof v == "number" && v !== s && e.store.resizeColumn(f, s);
+    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, h = Number(c.target.dataset.colindex), f = e.store.columns[h]?.width;
+        typeof f == "number" && f !== s && e.store.resizeColumn(h, s);
       }
     };
-    return (o, r) => e.columns.length ? (y(), k("thead", Ao, [
-      F("tr", Ho, [
-        n.value && l.value === "before-index" ? (y(), k("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: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
-        }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (y(), k("th", {
+        }, null, 2)) : _("", !0),
+        e.store.zeroColumn ? (b(), R("th", {
           key: 1,
           id: "header-index",
           class: ae([[
@@ -1818,487 +2196,107 @@ const po = { class: "gantt-connection-overlay" }, xo = {
             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" ? (y(), k("th", Lo)) : ee("", !0),
-        (y(!0), k(me, null, Ce(e.columns, (c, s) => de((y(), k("th", {
-          key: c.name,
+        }, 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(c)),
-          class: ae(`${c.pinned ? "sticky-column" : ""} ${c.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (f) => c.sortable !== !1 ? u(s) : void 0
+          style: pe(e.store.getHeaderCellStyle(r)),
+          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(c.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+          he(a.$slots, "default", {}, () => [
+            Qt(ye(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
-        ], 14, Do)), [
-          [B(go), a]
+        ], 14, Zo)), [
+          [P(bo), o]
         ])), 128)),
-        n.value && l.value === "end" ? (y(), k("th", Oo)) : ee("", !0)
+        n.value && l.value === "end" ? (b(), R("th", No)) : _("", !0)
       ]),
-      t.value.length > 0 ? (y(), k("tr", Vo, [
-        n.value && l.value === "before-index" ? (y(), k("th", {
+      t.value.length > 0 ? (b(), R("tr", Fo, [
+        n.value && l.value === "before-index" ? (b(), R("th", {
           key: 0,
           class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
-        }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (y(), k("th", {
+        }, null, 2)) : _("", !0),
+        e.store.zeroColumn ? (b(), R("th", {
           key: 1,
           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" ? (y(), k("th", Bo)) : ee("", !0),
-        (y(!0), k(me, null, Ce(e.columns, (c, s) => (y(), k("th", {
-          key: `filter-${c.name}`,
-          class: ae(`${c.pinned ? "sticky-column" : ""}`),
-          style: pe(e.store.getHeaderCellStyle(c))
+        }, 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: ae(`${r.pinned ? "sticky-column" : ""}`),
+          style: pe(e.store.getHeaderCellStyle(r))
         }, [
-          c.filterable ? (y(), he(So, {
+          r.filterable ? (b(), ve(Oo, {
             key: 0,
-            column: c,
+            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" ? (y(), k("th", Po)) : 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 } = Te(t), u = $(() => {
+    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, r = a.offsetWidth || 0;
-      let c = e.store.modal.cell?.offsetTop || 0;
-      const s = a.querySelector("thead")?.offsetHeight || 0;
-      c += s, c = c + l.value < o ? c : c - (l.value + e.store.modal.height);
-      let f = e.store.modal.cell?.offsetLeft || 0;
-      return f = f + n.value <= r ? f : f - (n.value - e.store.modal.width), {
-        left: `${f}px`,
-        top: `${c}px`
+      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 = 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) => (y(), k("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 Zo(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 r = new Date(e), c = (/* @__PURE__ */ new Date()).getFullYear();
-        a = new Date(c, r.getMonth(), r.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 r;
-      if (typeof e == "number") {
-        const c = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
-        r = new Date(s, c.getMonth(), c.getDate());
-      } else
-        r = new Date(String(e));
-      return !(a && r < new Date(String(a)) || o && r > new Date(String(o)));
-    }
-    default:
-      return !0;
-  }
-}
-function No(e, t) {
-  return t && e === 0 && t > 0 ? `${t}ch` : "inherit";
-}
-const Fo = (e) => {
-  const t = e.id || Ln(), n = e.linkResolver ?? null;
-  return Qt(`table-${t}`, () => {
-    const u = () => {
-      const i = [Object.assign({}, { rowModified: !1 })], d = /* @__PURE__ */ new Set();
-      for (let D = 0; D < o.value.length; D++) {
-        const A = o.value[D];
-        A.parent !== null && A.parent !== void 0 && d.add(A.parent);
-      }
-      const g = (D) => o.value[D]?.gantt !== void 0, S = (D) => {
-        for (let A = 0; A < o.value.length; A++)
-          if (o.value[A].parent === D && (g(A) || S(A)))
-            return !0;
-        return !1;
-      }, J = (D) => {
-        const A = r.value, U = A.view === "tree" || A.view === "tree-gantt" ? A.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 S(D);
-          case "leaf":
-            return !0;
-          // All nodes should be expanded
-          default:
-            return !0;
-        }
-      };
-      for (let D = 0; D < o.value.length; D++) {
-        const A = o.value[D], U = A.parent === null || A.parent === void 0, ie = d.has(D);
-        i[D] = {
-          childrenOpen: J(D),
-          expanded: !1,
-          indent: A.indent || 0,
-          isParent: ie,
-          isRoot: U,
-          rowModified: !1,
-          open: U,
-          // This will be recalculated later for non-root nodes
-          parent: A.parent
-        };
-      }
-      return i;
-    }, a = z(e.columns), o = z(e.rows), r = z(e.config || {}), c = z({}), s = z({}), f = $(() => {
-      const i = {};
-      for (const [d, g] of a.value.entries())
-        for (const [S, J] of o.value.entries())
-          i[`${d}:${S}`] = J[g.name];
-      return i;
-    }), v = $({
-      get: () => {
-        const i = u();
-        for (let d = 0; d < i.length; d++)
-          c.value[d] && (i[d].rowModified = c.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 (p.value)
-          for (let d = 0; d < i.length; d++)
-            i[d].isRoot || (i[d].open = Bt(d, i));
-        return i;
-      },
-      set: (i) => {
-        JSON.stringify(i) !== JSON.stringify(v.value) && (v.value = i);
-      }
-    }), x = z(e.modal || { visible: !1 }), I = z({}), P = z([]), R = z([]), w = z([]), h = z({
-      column: null,
-      direction: null
-    }), m = z({}), C = $(() => a.value.some((i) => i.pinned)), b = $(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), p = $(() => r.value.view === "tree" || r.value.view === "tree-gantt"), O = $(() => {
-      const i = r.value;
-      return i.view === "gantt" || i.view === "tree-gantt" ? i.dependencyGraph !== !1 : !0;
-    }), j = $(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), E = $(
-      () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
-    ), Z = $(() => {
-      let i = o.value.map((d, g) => ({
-        ...d,
-        originalIndex: g
-      }));
-      if (Object.entries(m.value).forEach(([d, g]) => {
-        const S = parseInt(d), J = a.value[S];
-        !J || !(g.value || g.startValue || g.endValue || J.filterType === "checkbox" && g.value !== void 0) || (i = i.filter((A) => {
-          const U = A[J.name];
-          return Zo(U, g, J);
-        }));
-      }), h.value.column !== null && h.value.direction) {
-        const d = a.value[h.value.column], g = h.value.direction;
-        i.sort((S, J) => {
-          let D = S[d.name], A = J[d.name];
-          D == null && (D = ""), A == null && (A = "");
-          const U = Number(D), ie = Number(A);
-          if (!isNaN(U) && !isNaN(ie) && D !== "" && A !== "")
-            return g === "asc" ? U - ie : ie - U;
-          {
-            const mt = String(D).toLowerCase(), gt = String(A).toLowerCase();
-            return g === "asc" ? mt.localeCompare(gt) : gt.localeCompare(mt);
-          }
-        });
-      }
-      return i;
-    }), N = (i, d) => f.value[`${i}:${d}`], q = (i, d, g) => {
-      const S = `${i}:${d}`, J = a.value[i];
-      f.value[S] !== g && (c.value[d] = !0), f.value[S] = g, o.value[d] = {
-        ...o.value[d],
-        [J.name]: g
-      };
-    }, _ = (i) => {
-      o.value = i;
-    }, ne = (i, d, g) => {
-      const S = `${i}:${d}`;
-      f.value[S] !== g && (c.value[d] = !0, I.value[S] = g);
-    }, ge = (i) => {
-      const d = a.value.indexOf(i) === a.value.length - 1, g = r.value.fullWidth ? i.resizable && !d : i.resizable;
-      return {
-        width: i.width || "40ch",
-        textAlign: i.align || "center",
-        ...g && {
-          resize: "horizontal",
-          overflow: "hidden",
-          whiteSpace: "nowrap"
-        }
-      };
-    }, ve = (i, d) => {
-      if (i < 0 || i >= a.value.length) return;
-      const S = Math.max(d, 40);
-      a.value[i] = {
-        ...a.value[i],
-        width: `${S}px`
-      };
-    }, Oe = (i) => {
-      const d = o.value[i];
-      return b.value && d.gantt !== void 0;
-    }, Ve = (i) => !p.value || v.value[i].isRoot || v.value[i].open, Be = (i) => !p.value && r.value.view !== "list-expansion" ? "" : p.value && (v.value[i].isRoot || v.value[i].isParent) ? v.value[i].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? v.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
-      if (p.value) {
-        const d = s.value[i] || {}, S = !(d.childrenOpen ?? v.value[i].childrenOpen);
-        s.value[i] = {
-          ...d,
-          childrenOpen: S
-        }, S || He(i);
-      } else if (r.value.view === "list-expansion") {
-        const d = s.value[i] || {}, g = d.expanded ?? v.value[i].expanded;
-        s.value[i] = {
-          ...d,
-          expanded: !g
-        };
-      }
-    }, He = (i) => {
-      for (let d = 0; d < o.value.length; d++)
-        if (v.value[d].parent === i) {
-          const g = s.value[d] || {};
-          s.value[d] = {
-            ...g,
-            childrenOpen: !1
-          }, He(d);
-        }
-    }, M = (i, d) => {
-      const g = N(i, d);
-      return L(i, d, g);
-    }, L = (i, d, g) => {
-      const S = a.value[i], J = o.value[d], D = S.format;
-      if (!D)
-        switch (S.fieldtype) {
-          case "Check":
-            return g ? "✓" : "✗";
-          case "Date":
-            return g != null ? new Date(String(g)).toLocaleDateString() : g;
-          case "Datetime":
-            return g != null ? new Date(String(g)).toLocaleString() : g;
-          default:
-            return g;
-        }
-      return typeof D == "function" ? D(g, { table: f.value, row: J, column: S }) : typeof D == "string" ? Function(`"use strict";return (${D})`)()(g, { table: f.value, row: J, column: S }) : g;
-    }, W = (i) => {
-      i.target instanceof Node && x.value.parent?.contains(i.target) || x.value.visible && (x.value.visible = !1);
-    }, Q = (i) => {
-      const d = o.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));
-    }, X = (i) => {
-      const d = P.value.findIndex((g) => g.id === i.id);
-      d >= 0 ? P.value[d] = i : P.value.push(i);
-    }, oe = (i) => {
-      const d = P.value.findIndex((g) => g.id === i);
-      d >= 0 && P.value.splice(d, 1);
-    }, ye = (i) => {
-      const d = R.value.findIndex((g) => g.id === i.id);
-      d >= 0 ? R.value[d] = i : R.value.push(i);
-    }, Re = (i) => {
-      const d = R.value.findIndex((g) => g.id === i);
-      d >= 0 && R.value.splice(d, 1);
-    }, T = (i, d, g) => {
-      const S = R.value.find((A) => A.id === i), J = R.value.find((A) => A.id === d);
-      if (!S || !J)
-        return console.warn("Cannot create connection: handle not found"), null;
-      const D = {
-        id: `connection-${i}-${d}`,
-        from: {
-          barId: S.barId,
-          side: S.side
-        },
-        to: {
-          barId: J.barId,
-          side: J.side
-        },
-        style: g?.style,
-        label: g?.label
-      };
-      return w.value.push(D), D;
-    }, V = (i) => {
-      const d = w.value.findIndex((g) => g.id === i);
-      return d >= 0 ? (w.value.splice(d, 1), !0) : !1;
-    }, Y = (i) => w.value.filter((d) => d.from.barId === i || d.to.barId === i), G = (i) => R.value.filter((d) => d.barId === i), K = (i) => {
-      if (a.value[i].sortable === !1) return;
-      let g;
-      h.value.column === i && h.value.direction === "asc" ? g = "desc" : g = "asc", h.value.column = i, h.value.direction = g;
-    }, te = (i, d) => {
-      !d.value && !d.startValue && !d.endValue ? delete m.value[i] : m.value[i] = d;
-    }, le = (i) => {
-      delete m.value[i];
-    }, se = (i, d = "end") => {
-      const g = {};
-      for (const J of a.value)
-        g[J.name] = "";
-      i && Object.assign(g, i);
-      let S;
-      return d === "start" ? (S = 0, o.value.unshift(g)) : d === "end" ? (S = o.value.length, o.value.push(g)) : (S = Math.max(0, Math.min(d, o.value.length)), o.value.splice(S, 0, g)), S;
-    };
-    return {
-      // state
-      columns: a,
-      config: r,
-      connectionHandles: R,
-      connectionPaths: w,
-      display: v,
-      filterState: m,
-      ganttBars: P,
-      modal: x,
-      rows: o,
-      sortState: h,
-      table: f,
-      updates: I,
-      // getters
-      filteredRows: Z,
-      hasPinnedColumns: C,
-      isGanttView: b,
-      isTreeView: p,
-      isDependencyGraphEnabled: O,
-      numberedRowWidth: j,
-      zeroColumn: E,
-      // resolver
-      linkResolver: n,
-      // actions
-      addRow: se,
-      clearFilter: le,
-      closeModal: W,
-      createConnection: T,
-      deleteConnection: V,
-      deleteRow: (i) => {
-        if (i < 0 || i >= o.value.length)
-          return null;
-        const [d] = o.value.splice(i, 1);
-        delete c.value[i], delete s.value[i];
-        const g = {}, S = {};
-        for (const [J, D] of Object.entries(c.value)) {
-          const A = parseInt(J);
-          A > i ? g[A - 1] = D : g[A] = D;
-        }
-        for (const [J, D] of Object.entries(s.value)) {
-          const A = parseInt(J);
-          A > i ? S[A - 1] = D : S[A] = D;
-        }
-        return c.value = g, s.value = S, d;
-      },
-      duplicateRow: (i) => {
-        if (i < 0 || i >= o.value.length)
-          return -1;
-        const d = o.value[i], g = JSON.parse(JSON.stringify(d)), S = i + 1;
-        return o.value.splice(S, 0, g), S;
-      },
-      getCellData: N,
-      getCellDisplayValue: M,
-      getConnectionsForBar: Y,
-      getFormattedValue: L,
-      getHandlesForBar: G,
-      getHeaderCellStyle: ge,
-      getIndent: No,
-      getRowExpandSymbol: Be,
-      insertRowAbove: (i, d) => {
-        const g = Math.max(0, i);
-        return se(d, g);
-      },
-      insertRowBelow: (i, d) => {
-        const g = Math.min(i + 1, o.value.length);
-        return se(d, g);
-      },
-      isRowGantt: Oe,
-      isRowVisible: Ve,
-      moveRow: (i, d) => {
-        if (i < 0 || i >= o.value.length || d < 0 || d >= o.value.length || i === d)
-          return !1;
-        const [g] = o.value.splice(i, 1);
-        o.value.splice(d, 0, g);
-        const S = {}, J = {};
-        for (const [D, A] of Object.entries(c.value)) {
-          const U = parseInt(D);
-          let ie = U;
-          U === i ? ie = d : i < d ? U > i && U <= d && (ie = U - 1) : U >= d && U < i && (ie = U + 1), S[ie] = A;
-        }
-        for (const [D, A] of Object.entries(s.value)) {
-          const U = parseInt(D);
-          let ie = U;
-          U === i ? ie = d : i < d ? U > i && U <= d && (ie = U - 1) : U >= d && U < i && (ie = U + 1), J[ie] = A;
-        }
-        return c.value = S, 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 Wo(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 = (r) => {
-        if (r == null) return "";
-        if (typeof r == "object") {
-          const c = r.displayText ?? r.id ?? "";
-          return typeof c == "string" || typeof c == "number" ? String(c) : "";
-        }
-        return String(r);
-      });
-    }
-    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 zo = {
+const Go = {
   class: "atable-container",
   style: { position: "relative" }
-}, Xo = /* @__PURE__ */ xe({
+}, Uo = /* @__PURE__ */ Ce({
   __name: "ATable",
-  props: /* @__PURE__ */ yt({
+  props: /* @__PURE__ */ xt({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
@@ -2309,126 +2307,134 @@ const zo = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ yt(["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"]),
+  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"), r = u.value?.length ? u.value : Wo(e.schema ?? []), c = qt("aformLinkResolver", null), s = Fo({
-      columns: r,
+    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 ?? c
+      linkResolver: e.linkResolver ?? r
     });
-    s.$onAction(({ name: h, store: m, args: C, after: b }) => {
-      if (h === "setCellData" || h === "setCellText") {
-        const [p, O, j] = C, E = m.getCellData(p, O);
-        b(() => {
-          l.value = [...s.rows], a("cellUpdate", { colIndex: p, rowIndex: O, newValue: j, oldValue: E });
+    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 [p] = C;
-        let O = !1;
-        p.type === "resize" ? O = p.oldColspan !== p.newColspan : p.type === "bar" && (O = p.oldStart !== p.newStart || p.oldEnd !== p.newEnd), O && b(() => {
-          a("gantt:drag", p);
+      } 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" && b(() => {
-        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 f = $(() => s.columns.filter((h) => h.pinned).length), v = () => {
-      const h = o.value, m = h?.rows[0], C = h?.rows[1], b = m ? Array.from(m.cells) : [];
-      for (const [p, O] of b.entries()) {
-        const j = C?.cells[p];
-        j && (O.style.width = `${j.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 p of h?.rows || []) {
-        let O = 0;
-        const j = [];
-        for (const E of p.cells)
-          (E.classList.contains("sticky-column") || E.classList.contains("sticky-index")) && (E.style.left = `${O}px`, O += E.offsetWidth, j.push(E));
-        j.length > 0 && j[j.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 x = (h) => {
-      if (!h.gantt || f.value === 0)
+    const w = (v) => {
+      if (!v.gantt || h.value === 0)
         return s.columns;
-      const m = [];
-      for (let C = 0; C < f.value; C++) {
-        const b = { ...s.columns[C] };
-        b.originalIndex = C, m.push(b);
+      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[f.value],
+      return g.push({
+        ...s.columns[h.value],
         isGantt: !0,
-        colspan: h.gantt?.colspan || s.columns.length - f.value,
-        originalIndex: f.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;
-    }, I = (h) => {
-      a("connection:event", { type: "create", connection: h });
-    }, P = (h) => {
-      a("connection:event", { type: "delete", connection: h });
-    }, R = (h, m) => {
-      const C = s.rows[h];
-      a("row:click", { row: C, rowIndex: h, event: m });
-    }, w = (h, m, C) => {
-      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 b = s.addRow({}, m + 1), p = s.rows[b];
-          l.value = [...s.rows], a("row:add", { rowIndex: b, row: p });
+          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 b = s.deleteRow(m);
-          b && (l.value = [...s.rows], a("row:delete", { rowIndex: m, row: b }));
+          const C = s.deleteRow(g);
+          C && (l.value = [...s.rows], o("row:delete", { rowIndex: g, row: C }));
           break;
         }
         case "duplicate": {
-          const b = s.duplicateRow(m);
-          if (b >= 0) {
-            const p = s.rows[b];
-            l.value = [...s.rows], a("row:duplicate", { sourceIndex: m, newIndex: b, row: p });
+          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 b = s.insertRowAbove(m), p = s.rows[b];
-          l.value = [...s.rows], a("row:insert-above", { targetIndex: m, newIndex: b, row: p });
+          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 b = s.insertRowBelow(m), p = s.rows[b];
-          l.value = [...s.rows], a("row:insert-below", { targetIndex: m, newIndex: b, row: p });
+          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 b = s.rows[m];
-          a("row:open", { row: b, rowIndex: m, event: C });
+          const C = s.rows[g];
+          o("row:open", { row: C, rowIndex: g, event: k });
           break;
         }
       }
@@ -2446,60 +2452,60 @@ const zo = {
       insertRowAbove: s.insertRowAbove,
       insertRowBelow: s.insertRowBelow,
       moveRow: s.moveRow
-    }), (h, m) => (y(), k("div", zo, [
-      de((y(), k("table", {
+    }), (v, g) => (b(), R("div", Go, [
+      ue((b(), R("table", {
         ref: "table",
         class: "atable",
         style: pe({
-          width: B(s).config.fullWidth ? "100%" : "auto"
+          width: P(s).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        fe(h.$slots, "header", { data: B(s) }, () => [
-          pt(Ot, {
-            columns: B(s).columns,
-            store: B(s)
+        he(v.$slots, "header", { data: P(s) }, () => [
+          wt(Pt, {
+            columns: P(s).columns,
+            store: P(s)
           }, null, 8, ["columns", "store"])
         ], !0),
-        F("tbody", null, [
-          fe(h.$slots, "body", { data: B(s) }, () => [
-            (y(!0), k(me, null, Ce(B(s).filteredRows, (C, b) => (y(), he(Dt, {
-              key: `${C.originalIndex}-${b}`,
-              row: C,
-              "row-index": C.originalIndex,
-              store: B(s),
-              "onRow:action": w,
-              "onRow:click": R
+        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(() => [
-                (y(!0), k(me, null, Ce(x(C), (p, O) => (y(), k(me, {
-                  key: p.name
+              default: pt(() => [
+                (b(!0), R(me, null, be(w(k), (x, I) => (b(), R(me, {
+                  key: x.name
                 }, [
-                  p.isGantt ? (y(), he(Ne(p.ganttComponent || "AGanttCell"), {
+                  x.isGantt ? (b(), ve(Ne(x.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: B(s),
-                    "columns-count": B(s).columns.length - f.value,
-                    color: C.gantt?.color,
-                    start: C.gantt?.startIndex,
-                    end: C.gantt?.endIndex,
-                    colspan: p.colspan,
-                    pinned: p.pinned,
-                    "row-index": C.originalIndex,
-                    "col-index": p.originalIndex ?? O,
+                    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": k.originalIndex,
+                    "col-index": x.originalIndex ?? I,
                     style: pe({
-                      textAlign: p?.align || "center",
-                      minWidth: p?.width || "40ch",
-                      width: B(s).config.fullWidth ? "auto" : null
+                      textAlign: x?.align || "center",
+                      minWidth: x?.width || "40ch",
+                      width: P(s).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": I
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (y(), he(Ne(p.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: B(s),
-                    pinned: p.pinned,
-                    "row-index": C.originalIndex,
-                    "col-index": O,
+                    store: P(s),
+                    pinned: x.pinned,
+                    "row-index": k.originalIndex,
+                    "col-index": I,
                     style: pe({
-                      textAlign: p?.align || "center",
-                      width: B(s).config.fullWidth ? "auto" : null
+                      textAlign: x?.align || "center",
+                      width: P(s).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
@@ -2509,75 +2515,74 @@ const zo = {
             }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        fe(h.$slots, "footer", { data: B(s) }, void 0, !0),
-        fe(h.$slots, "modal", { data: B(s) }, () => [
-          de(pt(Vt, { store: B(s) }, {
-            default: xt(() => [
-              (y(), he(Ne(B(s).modal.component), st({
-                key: `${B(s).modal.rowIndex}:${B(s).modal.colIndex}`,
-                "col-index": B(s).modal.colIndex,
-                "row-index": B(s).modal.rowIndex,
-                store: B(s)
-              }, B(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, B(s).modal.visible]
+            [it, P(s).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [B(mo), B(s).closeModal]
+        [P(yo), P(s).closeModal]
       ]),
-      B(s).isGanttView && B(s).isDependencyGraphEnabled ? (y(), he(Mo, {
+      P(s).isGanttView && P(s).isDependencyGraphEnabled ? (b(), ve($o, {
         key: 0,
-        store: B(s),
-        "onConnection:delete": P
-      }, null, 8, ["store"])) : ee("", !0)
+        store: P(s),
+        "onConnection:delete": Z
+      }, null, 8, ["store"])) : _("", !0)
     ]));
   }
-}), Go = /* @__PURE__ */ $e(Xo, [["__scopeId", "data-v-ffa2a0fc"]]), jo = {}, Yo = { class: "aloading" }, Uo = { class: "aloading-header" };
-function Jo(e, t) {
-  return y(), k("div", Yo, [
-    F("h2", Uo, [
-      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] = F("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const qo = /* @__PURE__ */ $e(jo, [["render", Jo], ["__scopeId", "data-v-a930a25b"]]), Qo = {}, Ko = { class: "aloading" }, _o = { class: "aloading-header" };
-function el(e, t) {
-  return y(), k("div", Ko, [
-    F("h2", _o, [
-      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] = F("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const tl = /* @__PURE__ */ $e(Qo, [["render", el], ["__scopeId", "data-v-e1165876"]]);
-function rl(e) {
-  e.component("ACell", Bn), e.component("AExpansionRow", Wn), e.component("AGanttCell", Jn), e.component("ARow", Dt), e.component("ARowActions", Ue), e.component("ATable", Go), e.component("ATableHeader", Ot), e.component("ATableLoading", qo), e.component("ATableLoadingBar", tl), 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,
-  Go as ATable,
-  Ot as ATableHeader,
-  qo as ATableLoading,
-  tl 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 OpenIcon,
-  oo as actionIcons,
-  Fo as createTableStore,
-  rl as install,
-  Wo 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