@stonecrop/atable 0.13.12 → 0.13.14

package/dist/atable.js

@@ -1,7 +1,7 @@
-import { onMounted as Ae, ref as z, watch as ue, onBeforeUnmount as Pt, computed as E, shallowRef as re, toValue as A, watchEffect as Zt, getCurrentScope as $t, onScopeDispose as It, getCurrentInstance as lt, unref as O, nextTick as at, isRef as Nt, toRefs as Ft, customRef as Tt, toRef as Wt, readonly as zt, defineComponent as xe, useTemplateRef as ce, openBlock as p, createElementBlock as b, normalizeClass as se, normalizeStyle as pe, createBlock as he, resolveDynamicComponent as Ne, mergeProps as st, toDisplayString as be, Fragment as me, createElementVNode as N, renderSlot as fe, createCommentVNode as ee, useCssVars as Xt, onUnmounted as Gt, withModifiers as Se, withDirectives as de, renderList as Ce, vShow as it, reactive as jt, vModelText as Ze, vModelCheckbox as Yt, vModelSelect as Ut, createTextVNode as Jt, useModel as wt, inject as qt, createVNode as pt, withCtx as xt, mergeModels as yt } from "vue";
+import { 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() ? (It(e, t), !0) : !1;
+  return $t() ? (Tt(e, t), !0) : !1;
 }
 const Kt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -19,27 +19,27 @@ function on(e, t, n) {
 const De = Kt ? window : void 0;
 function Le(e) {
   var t;
-  const n = A(e);
+  const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Fe(...e) {
-  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = E(() => {
-    const l = je(A(e[0])).filter((u) => u != null);
+  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = $(() => {
+    const l = je(H(e[0])).filter((u) => u != null);
     return l.every((u) => typeof u != "string") ? l : void 0;
   });
   return on(() => {
     var l, u;
     return [
       (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((a) => Le(a))) !== null && l !== void 0 ? l : [De].filter((a) => a != null),
-      je(A(n.value ? e[1] : e[0])),
-      je(O(n.value ? e[2] : e[1])),
-      A(n.value ? e[3] : e[2])
+      je(H(n.value ? e[1] : e[0])),
+      je(B(n.value ? e[2] : e[1])),
+      H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, a, o], c, r) => {
+  }, ([l, u, a, o], r, c) => {
     if (!l?.length || !u?.length || !a?.length) return;
-    const s = tn(o) ? { ...o } : o, d = l.flatMap((v) => u.flatMap((y) => a.map((P) => t(v, y, P, s))));
-    r(() => {
-      d.forEach((v) => v());
+    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());
     });
   }, { flush: "post" });
 }
@@ -53,27 +53,27 @@ function ln() {
 // @__NO_SIDE_EFFECTS__
 function an(e) {
   const t = /* @__PURE__ */ ln();
-  return E(() => (t.value, !!e()));
+  return $(() => (t.value, !!e()));
 }
 function sn(e, t, n = {}) {
   const { window: l = De, ...u } = n;
   let a;
-  const o = /* @__PURE__ */ an(() => l && "MutationObserver" in l), c = () => {
+  const o = /* @__PURE__ */ an(() => l && "MutationObserver" in l), r = () => {
     a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const v = je(A(e)).map(Le).filter(_t);
+  }, c = ue($(() => {
+    const v = je(H(e)).map(Le).filter(_t);
     return new Set(v);
   }), (v) => {
-    c(), o.value && v.size && (a = new MutationObserver(t), v.forEach((y) => a.observe(y, u)));
+    r(), o.value && v.size && (a = new MutationObserver(t), v.forEach((x) => a.observe(x, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => a?.takeRecords(), d = () => {
-    r(), c();
+  }), s = () => a?.takeRecords(), f = () => {
+    c(), r();
   };
-  return St(d), {
+  return St(f), {
     isSupported: o,
-    stop: d,
+    stop: f,
     takeRecords: s
   };
 }
@@ -81,22 +81,22 @@ function rn(e, t, n = {}) {
   const { window: l = De, document: u = l?.document, flush: a = "sync" } = n;
   if (!l || !u) return nn;
   let o;
-  const c = (d) => {
-    o?.(), o = d;
-  }, r = Zt(() => {
-    const d = Le(e);
-    if (d) {
-      const { stop: v } = sn(u, (y) => {
-        y.map((P) => [...P.removedNodes]).flat().some((P) => P === d || P.contains(d)) && t(y);
+  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);
       }, {
         window: l,
         childList: !0,
         subtree: !0
       });
-      c(v);
+      r(v);
     }
   }, { flush: a }), s = () => {
-    r(), c();
+    c(), r();
   };
   return St(s), s;
 }
@@ -106,30 +106,30 @@ function cn(e = {}) {
   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;
     if (l)
-      for (var d; s?.shadowRoot; ) s = s == null || (d = s.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
+      for (var f; s?.shadowRoot; ) s = s == null || (f = s.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
     return s;
-  }, c = re(), r = () => {
-    c.value = o();
+  }, r = re(), c = () => {
+    r.value = o();
   };
   if (n) {
     const s = {
       capture: !0,
       passive: !0
     };
-    Fe(n, "blur", (d) => {
-      d.relatedTarget === null && r();
-    }, s), Fe(n, "focus", r, s);
+    Fe(n, "blur", (f) => {
+      f.relatedTarget === null && c();
+    }, s), Fe(n, "focus", c, s);
   }
-  return u && rn(c, r, { document: a }), r(), c;
+  return u && rn(r, c, { document: a }), c(), r;
 }
 const un = "focusin", dn = "focusout", fn = ":focus-within";
 function vn(e, t = {}) {
-  const { window: n = De } = t, l = E(() => Le(e)), u = re(!1), a = E(() => u.value);
+  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 c, r, s;
-    return u.value = (c = (r = l.value) === null || r === void 0 || (s = r.matches) === null || s === void 0 ? void 0 : s.call(r, fn)) !== null && c !== void 0 ? c : !1;
+    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 };
 }
 function hn(e, { window: t = De, scrollTarget: n } = {}) {
@@ -139,8 +139,8 @@ function hn(e, { window: t = De, scrollTarget: n } = {}) {
     if (!o)
       l.value = !1;
     else {
-      const c = o.getBoundingClientRect();
-      l.value = c.top <= (t.innerHeight || a.documentElement.clientHeight) && c.left <= (t.innerWidth || a.documentElement.clientWidth) && c.bottom >= 0 && c.right >= 0;
+      const 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;
     }
   };
   return ue(
@@ -152,10 +152,10 @@ function hn(e, { window: t = De, scrollTarget: n } = {}) {
     passive: !0
   }), l;
 }
-const Me = (e) => {
+const ke = (e) => {
   let t = hn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, ke = (e) => e.tabIndex >= 0, bt = (e) => {
+}, Me = (e) => e.tabIndex >= 0, bt = (e) => {
   if (e.target instanceof HTMLElement)
     return rt(e.target);
 }, rt = (e) => {
@@ -170,7 +170,7 @@ const Me = (e) => {
     const n = e.previousElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!ke(t) || !Me(t)) ? rt(t) : t;
+  return t && (!Me(t) || !ke(t)) ? rt(t) : t;
 }, mn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
@@ -188,7 +188,7 @@ const Me = (e) => {
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!ke(n) || !Me(n)) ? ct(n) : n;
+  return n && (!Me(n) || !ke(n)) ? ct(n) : n;
 }, Ct = (e) => {
   if (e.target instanceof HTMLElement)
     return ct(e.target);
@@ -204,7 +204,7 @@ const Me = (e) => {
     const n = e.nextElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!ke(t) || !Me(t)) ? ct(t) : t;
+  return t && (!Me(t) || !ke(t)) ? ct(t) : t;
 }, gn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
@@ -222,8 +222,8 @@ const Me = (e) => {
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!ke(n) || !Me(n)) ? rt(n) : n;
-}, Mt = (e) => {
+  return n && (!Me(n) || !ke(n)) ? rt(n) : n;
+}, kt = (e) => {
   if (e.target instanceof HTMLElement)
     return ut(e.target);
 }, ut = (e) => {
@@ -235,8 +235,8 @@ const Me = (e) => {
     const l = e.parentElement?.previousElementSibling?.lastElementChild;
     l instanceof HTMLElement && (t = l);
   }
-  return t && (!ke(t) || !Me(t)) ? ut(t) : t;
-}, kt = (e) => {
+  return t && (!Me(t) || !ke(t)) ? ut(t) : t;
+}, Mt = (e) => {
   if (e.target instanceof HTMLElement)
     return dt(e.target);
 }, dt = (e) => {
@@ -248,15 +248,15 @@ const Me = (e) => {
     const l = e.parentElement?.nextElementSibling?.firstElementChild;
     l instanceof HTMLElement && (t = l);
   }
-  return t && (!ke(t) || !Me(t)) ? dt(t) : t;
+  return t && (!Me(t) || !ke(t)) ? dt(t) : t;
 }, Rt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.firstElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!ke(n) || !Me(n)) ? dt(n) : n;
+  return n && (!Me(n) || !ke(n)) ? dt(n) : n;
 }, Et = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.lastElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!ke(n) || !Me(n)) ? ut(n) : n;
+  return n && (!Me(n) || !ke(n)) ? ut(n) : n;
 }, ze = ["alt", "control", "shift", "meta"], wn = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -272,11 +272,11 @@ const Me = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Mt(e);
+    const t = kt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = kt(e);
+    const t = Mt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
@@ -318,11 +318,11 @@ const Me = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = kt(e);
+    const t = Mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Mt(e);
+    const t = kt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
@@ -333,57 +333,57 @@ function Ke(e) {
 function ft(e) {
   const t = (a) => {
     const o = Ke(a);
-    let c = [];
+    let r = [];
     if (typeof a.selectors == "string")
-      c = Array.from(o ? o.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
+      r = Array.from(o ? o.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
     else if (Array.isArray(a.selectors))
-      for (const r of a.selectors)
-        r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
+      for (const c of a.selectors)
+        c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
     else if (a.selectors instanceof HTMLElement)
-      c.push(a.selectors);
+      r.push(a.selectors);
     else if (a.selectors?.value)
       if (Array.isArray(a.selectors.value))
-        for (const r of a.selectors.value)
-          r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
+        for (const c of a.selectors.value)
+          c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
       else
-        c.push(a.selectors.value);
-    return c;
+        r.push(a.selectors.value);
+    return r;
   }, n = (a) => {
     const o = Ke(a);
-    let c = [];
-    return a.selectors ? c = t(a) : o && (c = Array.from(o.children).filter((r) => r instanceof HTMLElement).filter((r) => ke(r) && Me(r))), c;
+    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 c = wn[o.key] || o.key.toLowerCase();
-    if (ze.includes(c)) return;
-    const r = a.handlers || qe;
-    for (const s of Object.keys(r)) {
-      const [d, ...v] = s.split(".");
-      if (d === "keydown" && v.includes(c)) {
-        const y = r[s], P = v.filter((M) => ze.includes(M)), F = ze.some((M) => {
-          const h = M.charAt(0).toUpperCase() + M.slice(1);
-          return o.getModifierState(h);
+    const 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);
         });
-        if (P.length > 0) {
-          if (F) {
-            for (const M of ze)
-              if (v.includes(M)) {
-                const h = M.charAt(0).toUpperCase() + M.slice(1);
-                o.getModifierState(h) && y(o);
+        if (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);
               }
           }
         } else
-          F || y(o);
+          P || x(o);
       }
     }
   }, u = [];
   Ae(() => {
     for (const a of e) {
-      const o = Ke(a), c = n(a), r = l(a), s = o ? [o] : c;
-      for (const d of s) {
-        const { focused: v } = vn(z(d)), y = ue(v, (P) => {
-          P ? d.addEventListener("keydown", r) : d.removeEventListener("keydown", r);
+      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);
         });
-        u.push(y);
+        u.push(x);
       }
     }
   }), Pt(() => {
@@ -392,18 +392,18 @@ function ft(e) {
   });
 }
 function vt(e, t) {
-  return $t() ? (It(e, t), !0) : !1;
+  return $t() ? (Tt(e, t), !0) : !1;
 }
 const At = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const pn = (e) => e != null, xn = Object.prototype.toString, yn = (e) => xn.call(e) === "[object Object]", Te = () => {
+const pn = (e) => e != null, xn = Object.prototype.toString, yn = (e) => xn.call(e) === "[object Object]", Ie = () => {
 };
 function bn(...e) {
   if (e.length !== 1) return Wt(...e);
   const t = e[0];
-  return typeof t == "function" ? zt(Tt(() => ({
+  return typeof t == "function" ? zt(It(() => ({
     get: t,
-    set: Te
+    set: Ie
   }))) : z(t);
 }
 function Cn(e, t) {
@@ -418,19 +418,19 @@ function Cn(e, t) {
   }
   return n;
 }
-function Mn(e, t = {}) {
-  let n, l, u = Te;
-  const a = (r) => {
-    clearTimeout(r), u(), u = Te;
+function kn(e, t = {}) {
+  let n, l, u = Ie;
+  const a = (c) => {
+    clearTimeout(c), u(), u = Ie;
   };
   let o;
-  return (r) => {
-    const s = A(e), d = A(t.maxWait);
-    return n && a(n), s <= 0 || d !== void 0 && d <= 0 ? (l && (a(l), l = void 0), Promise.resolve(r())) : new Promise((v, y) => {
-      u = t.rejectOnCancel ? y : v, o = r, d && !l && (l = setTimeout(() => {
+  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());
-      }, d)), n = setTimeout(() => {
-        l && a(l), l = void 0, v(r());
+      }, f)), n = setTimeout(() => {
+        l && a(l), l = void 0, v(c());
       }, s);
     });
   };
@@ -438,23 +438,23 @@ function Mn(e, t = {}) {
 function Ye(e) {
   return Array.isArray(e) ? e : [e];
 }
-function kn(e) {
+function Mn(e) {
   return lt();
 }
 // @__NO_SIDE_EFFECTS__
 function Rn(e, t = 200, n = {}) {
-  return Cn(Mn(t, n), e);
+  return Cn(kn(t, n), e);
 }
 function En(e, t = {}) {
   if (!Nt(e)) return Ft(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const l in e.value) n[l] = Tt(() => ({
+  for (const l in e.value) n[l] = It(() => ({
     get() {
       return e.value[l];
     },
     set(u) {
       var a;
-      if (!((a = A(t.replaceRef)) !== null && a !== void 0) || a) if (Array.isArray(e.value)) {
+      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;
       } else {
@@ -470,9 +470,9 @@ function En(e, t = {}) {
   return n;
 }
 function $n(e, t = !0, n) {
-  kn() ? Ae(e, n) : t ? e() : at(e);
+  Mn() ? Ae(e, n) : t ? e() : at(e);
 }
-function In(e, t, n) {
+function Tn(e, t, n) {
   return ue(e, t, {
     ...n,
     immediate: !0
@@ -481,97 +481,97 @@ function In(e, t, n) {
 const We = At ? window : void 0;
 function we(e) {
   var t;
-  const n = A(e);
+  const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Ee(...e) {
-  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = E(() => {
-    const l = Ye(A(e[0])).filter((u) => u != null);
+  const t = (l, u, a, o) => (l.addEventListener(u, a, o), () => l.removeEventListener(u, a, o)), n = $(() => {
+    const l = Ye(H(e[0])).filter((u) => u != null);
     return l.every((u) => typeof u != "string") ? l : void 0;
   });
-  return In(() => {
+  return Tn(() => {
     var l, u;
     return [
       (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((a) => we(a))) !== null && l !== void 0 ? l : [We].filter((a) => a != null),
-      Ye(A(n.value ? e[1] : e[0])),
-      Ye(O(n.value ? e[2] : e[1])),
-      A(n.value ? e[3] : e[2])
+      Ye(H(n.value ? e[1] : e[0])),
+      Ye(B(n.value ? e[2] : e[1])),
+      H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, a, o], c, r) => {
+  }, ([l, u, a, o], r, c) => {
     if (!l?.length || !u?.length || !a?.length) return;
-    const s = yn(o) ? { ...o } : o, d = l.flatMap((v) => u.flatMap((y) => a.map((P) => t(v, y, P, s))));
-    r(() => {
-      d.forEach((v) => v());
+    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());
     });
   }, { flush: "post" });
 }
 function ot(e, t, n = {}) {
-  const { window: l = We, ignore: u = [], capture: a = !0, detectIframe: o = !1, controls: c = !1 } = n;
-  if (!l) return c ? {
-    stop: Te,
-    cancel: Te,
-    trigger: Te
-  } : Te;
-  let r = !0;
-  const s = (h) => A(u).some((m) => {
-    if (typeof m == "string") return Array.from(l.document.querySelectorAll(m)).some((g) => g === h.target || h.composedPath().includes(g));
+  const { 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 g = we(m);
-      return g && (h.target === g || h.composedPath().includes(g));
+      const m = we(h);
+      return m && (w.target === m || w.composedPath().includes(m));
     }
   });
-  function d(h) {
-    const m = A(h);
-    return m && m.$.subTree.shapeFlag === 16;
+  function f(w) {
+    const h = H(w);
+    return h && h.$.subTree.shapeFlag === 16;
   }
-  function v(h, m) {
-    const g = A(h), k = g.$.subTree && g.$.subTree.children;
-    return k == null || !Array.isArray(k) ? !1 : k.some((x) => x.el === m.target || m.composedPath().includes(x.el));
+  function 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));
   }
-  const y = (h) => {
-    const m = we(e);
-    if (h.target != null && !(!(m instanceof Element) && d(e) && v(e, h)) && !(!m || m === h.target || h.composedPath().includes(m))) {
-      if ("detail" in h && h.detail === 0 && (r = !s(h)), !r) {
-        r = !0;
+  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;
         return;
       }
-      t(h);
+      t(w);
     }
   };
-  let P = !1;
-  const F = [
-    Ee(l, "click", (h) => {
-      P || (P = !0, setTimeout(() => {
-        P = !1;
-      }, 0), y(h));
+  let I = !1;
+  const P = [
+    Ee(l, "click", (w) => {
+      I || (I = !0, setTimeout(() => {
+        I = !1;
+      }, 0), x(w));
     }, {
       passive: !0,
       capture: a
     }),
-    Ee(l, "pointerdown", (h) => {
-      const m = we(e);
-      r = !s(h) && !!(m && !h.composedPath().includes(m));
+    Ee(l, "pointerdown", (w) => {
+      const h = we(e);
+      c = !s(w) && !!(h && !w.composedPath().includes(h));
     }, { passive: !0 }),
-    o && Ee(l, "blur", (h) => {
+    o && Ee(l, "blur", (w) => {
       setTimeout(() => {
-        var m;
-        const g = we(e);
-        ((m = l.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !g?.contains(l.document.activeElement) && t(h);
+        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);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), M = () => F.forEach((h) => h());
-  return c ? {
-    stop: M,
+  ].filter(Boolean), R = () => P.forEach((w) => w());
+  return r ? {
+    stop: R,
     cancel: () => {
-      r = !1;
+      c = !1;
     },
-    trigger: (h) => {
-      r = !0, y(h), r = !1;
+    trigger: (w) => {
+      c = !0, x(w), c = !1;
     }
-  } : M;
+  } : R;
 }
 // @__NO_SIDE_EFFECTS__
-function Tn() {
+function In() {
   const e = re(!1), t = lt();
   return t && Ae(() => {
     e.value = !0;
@@ -579,28 +579,28 @@ function Tn() {
 }
 // @__NO_SIDE_EFFECTS__
 function Ht(e) {
-  const t = /* @__PURE__ */ Tn();
-  return E(() => (t.value, !!e()));
+  const t = /* @__PURE__ */ In();
+  return $(() => (t.value, !!e()));
 }
 function Lt(e, t, n = {}) {
   const { window: l = We, ...u } = n;
   let a;
-  const o = /* @__PURE__ */ Ht(() => l && "MutationObserver" in l), c = () => {
+  const o = /* @__PURE__ */ Ht(() => l && "MutationObserver" in l), r = () => {
     a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const v = Ye(A(e)).map(we).filter(pn);
+  }, c = ue($(() => {
+    const v = Ye(H(e)).map(we).filter(pn);
     return new Set(v);
   }), (v) => {
-    c(), o.value && v.size && (a = new MutationObserver(t), v.forEach((y) => a.observe(y, u)));
+    r(), o.value && v.size && (a = new MutationObserver(t), v.forEach((x) => a.observe(x, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => a?.takeRecords(), d = () => {
-    r(), c();
+  }), s = () => a?.takeRecords(), f = () => {
+    c(), r();
   };
-  return vt(d), {
+  return vt(f), {
     isSupported: o,
-    stop: d,
+    stop: f,
     takeRecords: s
   };
 }
@@ -614,19 +614,19 @@ function Sn(e) {
 }
 function _e(e, t = {}) {
   var n, l, u, a;
-  const { pointerTypes: o, preventDefault: c, stopPropagation: r, exact: s, onMove: d, onEnd: v, onStart: y, initialValue: P, axis: F = "both", draggingElement: M = We, containerElement: h, handle: m = e, buttons: g = [0], restrictInView: k, autoScroll: x = !1 } = t, R = z((n = A(P)) !== null && n !== void 0 ? n : {
+  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 : {
     x: 0,
     y: 0
-  }), B = z(), j = (C) => o ? o.includes(C.pointerType) : !0, I = (C) => {
-    A(c) && C.preventDefault(), A(r) && C.stopPropagation();
-  }, V = A(x), Z = typeof V == "object" ? {
-    speed: (l = A(V.speed)) !== null && l !== void 0 ? l : Xe.speed,
-    margin: (u = A(V.margin)) !== null && u !== void 0 ? u : Xe.margin,
-    direction: (a = V.direction) !== null && a !== void 0 ? a : Xe.direction
-  } : Xe, q = (C) => typeof C == "number" ? [C, C] : [C.x, C.y], _ = (C, H, W) => {
-    const { clientWidth: Q, clientHeight: X, scrollLeft: oe, scrollTop: ye, scrollWidth: Re, scrollHeight: $ } = C, [D, Y] = q(Z.margin), [G, K] = q(Z.speed);
+  }), 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);
     let te = 0, le = 0;
-    (Z.direction === "x" || Z.direction === "both") && (W.x < D && oe > 0 ? te = -G : W.x + H.width > Q - D && oe < Re - Q && (te = G)), (Z.direction === "y" || Z.direction === "both") && (W.y < Y && ye > 0 ? le = -K : W.y + H.height > X - Y && ye < $ - X && (le = K)), (te || le) && C.scrollBy({
+    (N.direction === "x" || N.direction === "both") && (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({
       left: te,
       top: le,
       behavior: "auto"
@@ -634,138 +634,138 @@ function _e(e, t = {}) {
   };
   let ne = null;
   const ge = () => {
-    const C = A(h);
-    C && !ne && (ne = setInterval(() => {
-      const H = A(e).getBoundingClientRect(), { x: W, y: Q } = R.value, X = {
-        x: W - C.scrollLeft,
-        y: Q - C.scrollTop
+    const 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
       };
-      X.x >= 0 && X.y >= 0 && (_(C, H, X), X.x += C.scrollLeft, X.y += C.scrollTop, R.value = X);
+      X.x >= 0 && X.y >= 0 && (_(M, L, X), X.x += M.scrollLeft, X.y += M.scrollTop, p.value = X);
     }, 1e3 / 60));
   }, ve = () => {
     ne && (clearInterval(ne), ne = null);
-  }, Oe = (C, H, W, Q) => {
-    const [X, oe] = typeof W == "number" ? [W, W] : [W.x, W.y], { clientWidth: ye, clientHeight: Re } = H;
-    return C.x < X || C.x + Q.width > ye - X || C.y < oe || C.y + Q.height > Re - oe;
+  }, Oe = (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;
   }, Ve = () => {
-    if (A(t.disabled) || !B.value) return;
-    const C = A(h);
-    if (!C) return;
-    const H = A(e).getBoundingClientRect(), { x: W, y: Q } = R.value;
+    if (H(t.disabled) || !O.value) return;
+    const M = H(w);
+    if (!M) return;
+    const L = H(e).getBoundingClientRect(), { x: W, y: Q } = p.value;
     Oe({
-      x: W - C.scrollLeft,
-      y: Q - C.scrollTop
-    }, C, Z.margin, H) ? ge() : ve();
+      x: W - M.scrollLeft,
+      y: Q - M.scrollTop
+    }, M, N.margin, L) ? ge() : ve();
   };
-  A(x) && ue(R, Ve);
-  const Be = (C) => {
-    var H;
-    if (!A(g).includes(C.button) || A(t.disabled) || !j(C) || A(s) && C.target !== A(e)) return;
-    const W = A(h), Q = W == null || (H = W.getBoundingClientRect) === null || H === void 0 ? void 0 : H.call(W), X = A(e).getBoundingClientRect(), oe = {
-      x: C.clientX - (W ? X.left - Q.left + (x ? 0 : W.scrollLeft) : X.left),
-      y: C.clientY - (W ? X.top - Q.top + (x ? 0 : W.scrollTop) : X.top)
+  H(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)
     };
-    y?.(oe, C) !== !1 && (B.value = oe, I(C));
-  }, Pe = (C) => {
-    if (A(t.disabled) || !j(C) || !B.value) return;
-    const H = A(h);
-    H instanceof HTMLElement && Sn(H);
-    const W = A(e).getBoundingClientRect();
-    let { x: Q, y: X } = R.value;
-    if ((F === "x" || F === "both") && (Q = C.clientX - B.value.x, H && (Q = Math.min(Math.max(0, Q), H.scrollWidth - W.width))), (F === "y" || F === "both") && (X = C.clientY - B.value.y, H && (X = Math.min(Math.max(0, X), H.scrollHeight - W.height))), A(x) && H && (ne === null && _(H, W, {
+    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, {
       x: Q,
       y: X
-    }), Q += H.scrollLeft, X += H.scrollTop), H && (k || x)) {
-      if (F !== "y") {
-        const oe = Q - H.scrollLeft;
-        oe < 0 ? Q = H.scrollLeft : oe > H.clientWidth - W.width && (Q = H.clientWidth - W.width + H.scrollLeft);
+    }), 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);
       }
-      if (F !== "x") {
-        const oe = X - H.scrollTop;
-        oe < 0 ? X = H.scrollTop : oe > H.clientHeight - W.height && (X = H.clientHeight - W.height + H.scrollTop);
+      if (P !== "x") {
+        const oe = X - L.scrollTop;
+        oe < 0 ? X = L.scrollTop : oe > L.clientHeight - W.height && (X = L.clientHeight - W.height + L.scrollTop);
       }
     }
-    R.value = {
+    p.value = {
       x: Q,
       y: X
-    }, d?.(R.value, C), I(C);
-  }, He = (C) => {
-    A(t.disabled) || !j(C) || B.value && (B.value = void 0, x && ve(), v?.(R.value, C), I(C));
+    }, 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));
   };
   if (At) {
-    const C = () => {
-      var H;
+    const M = () => {
+      var L;
       return {
-        capture: (H = t.capture) !== null && H !== void 0 ? H : !0,
-        passive: !A(c)
+        capture: (L = t.capture) !== null && L !== void 0 ? L : !0,
+        passive: !H(r)
       };
     };
-    Ee(m, "pointerdown", Be, C), Ee(M, "pointermove", Pe, C), Ee(M, "pointerup", He, C);
+    Ee(h, "pointerdown", Be, M), Ee(R, "pointermove", Pe, M), Ee(R, "pointerup", He, M);
   }
   return {
-    ...En(R),
-    position: R,
-    isDragging: E(() => !!B.value),
-    style: E(() => `
-      left: ${R.value.x}px;
-      top: ${R.value.y}px;
-      ${x ? "text-wrap: nowrap;" : ""}
+    ...En(p),
+    position: p,
+    isDragging: $(() => !!O.value),
+    style: $(() => `
+      left: ${p.value.x}px;
+      top: ${p.value.y}px;
+      ${b ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
 function Je(e, t, n = {}) {
   const { window: l = We, ...u } = n;
   let a;
-  const o = /* @__PURE__ */ Ht(() => l && "ResizeObserver" in l), c = () => {
+  const o = /* @__PURE__ */ Ht(() => l && "ResizeObserver" in l), r = () => {
     a && (a.disconnect(), a = void 0);
-  }, r = ue(E(() => {
-    const d = A(e);
-    return Array.isArray(d) ? d.map((v) => we(v)) : [we(d)];
-  }), (d) => {
-    if (c(), o.value && l) {
+  }, 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 d) v && a.observe(v, u);
+      for (const v of f) v && a.observe(v, u);
     }
   }, {
     immediate: !0,
     flush: "post"
   }), s = () => {
-    c(), r();
+    r(), c();
   };
   return vt(s), {
     isSupported: o,
     stop: s
   };
 }
-function Ie(e, t = {}) {
-  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: a = !0, updateTiming: o = "sync" } = t, c = re(0), r = re(0), s = re(0), d = re(0), v = re(0), y = re(0), P = re(0), F = re(0);
-  function M() {
-    const m = we(e);
-    if (!m) {
-      n && (c.value = 0, r.value = 0, s.value = 0, d.value = 0, v.value = 0, y.value = 0, P.value = 0, F.value = 0);
+function Te(e, t = {}) {
+  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: 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);
       return;
     }
-    const g = m.getBoundingClientRect();
-    c.value = g.height, r.value = g.bottom, s.value = g.left, d.value = g.right, v.value = g.top, y.value = g.width, P.value = g.x, F.value = g.y;
+    const 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;
   }
-  function h() {
-    o === "sync" ? M() : o === "next-frame" && requestAnimationFrame(() => M());
+  function w() {
+    o === "sync" ? R() : o === "next-frame" && requestAnimationFrame(() => R());
   }
-  return Je(e, h), ue(() => we(e), (m) => !m && h()), Lt(e, h, { attributeFilter: ["style", "class"] }), u && Ee("scroll", h, {
+  return Je(e, w), ue(() => we(e), (h) => !h && w()), Lt(e, w, { attributeFilter: ["style", "class"] }), u && Ee("scroll", w, {
     capture: !0,
     passive: !0
-  }), l && Ee("resize", h, { passive: !0 }), $n(() => {
-    a && h();
+  }), l && Ee("resize", w, { passive: !0 }), $n(() => {
+    a && w();
   }), {
-    height: c,
-    bottom: r,
+    height: r,
+    bottom: c,
     left: s,
-    right: d,
+    right: f,
     top: v,
-    width: y,
-    x: P,
-    y: F,
-    update: h
+    width: x,
+    x: I,
+    y: P,
+    update: w
   };
 }
 function et(e) {
@@ -776,21 +776,21 @@ function An(e, t = !1) {
   const n = re(t);
   let l = "";
   ue(bn(e), (o) => {
-    const c = et(A(o));
-    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";
+    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";
     }
   }, { immediate: !0 });
   const u = () => {
-    const o = et(A(e));
+    const o = et(H(e));
     !o || n.value || (o.style.overflow = "hidden", n.value = !0);
   }, a = () => {
-    const o = et(A(e));
+    const o = et(H(e));
     !o || !n.value || (o.style.overflow = l, tt.delete(o), n.value = !1);
   };
-  return vt(a), E({
+  return vt(a), $({
     get() {
       return n.value;
     },
@@ -814,129 +814,129 @@ const Hn = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const n = ce("cell"), l = e.store.getCellData(e.colIndex, e.rowIndex), u = z(""), a = z(!1), o = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], r = o.align || "center", s = o.width || "40ch", d = E(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = z(null);
+    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 I = e.store.getCellData(e.colIndex, e.rowIndex);
-      if (I != null && typeof I == "object") {
-        const Z = I, q = Z.displayText ?? Z.id;
+      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));
         return;
       }
-      const V = e.store.linkResolver;
-      !V || typeof I != "string" || I === "" || V(o.linkDoctype, I).then((Z) => (Z != null && (v.value = Z), Z));
+      const Z = e.store.linkResolver;
+      !Z || typeof E != "string" || E === "" || Z(o.linkDoctype, E).then((N) => (N != null && (v.value = N), N));
     });
-    const y = E(() => v.value ?? d.value), P = E(() => typeof y.value == "string" ? Hn(y.value) : !1), F = E(() => ({
-      textAlign: r,
+    const x = $(() => v.value ?? f.value), I = $(() => typeof x.value == "string" ? Hn(x.value) : !1), P = $(() => ({
+      textAlign: c,
       width: s,
       fontWeight: a.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), M = E(() => ({
+    })), R = $(() => ({
       "sticky-column": e.pinned,
       "cell-modified": a.value
-    })), h = () => {
-      g(), m();
-    }, m = () => {
-      const { left: I, bottom: V, width: Z, height: q } = Ie(n);
+    })), 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 = I, _.modal.bottom = V, _.modal.width = Z, _.modal.height = q, _.modal.cell = n.value, typeof o.modalComponent == "function" ? _.modal.component = o.modalComponent({ table: _.table, row: c, column: o }) : _.modal.component = o.modalComponent, _.modal.componentProps = o.modalComponentExtraProps;
+        _.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;
       });
     };
     if (e.addNavigation) {
-      let I = {
+      let E = {
         ...qe,
-        "keydown.f2": m,
-        "keydown.alt.up": m,
-        "keydown.alt.down": m,
-        "keydown.alt.left": m,
-        "keydown.alt.right": m
+        "keydown.f2": h,
+        "keydown.alt.up": h,
+        "keydown.alt.down": h,
+        "keydown.alt.left": h,
+        "keydown.alt.right": h
       };
-      typeof e.addNavigation == "object" && (I = {
-        ...I,
+      typeof e.addNavigation == "object" && (E = {
+        ...E,
         ...e.addNavigation
       }), ft([
         {
           selectors: n,
-          handlers: I
+          handlers: E
         }
       ]);
     }
-    const g = () => {
+    const m = () => {
       if (n.value && o.edit) {
-        const I = window.getSelection();
-        if (I)
+        const E = window.getSelection();
+        if (E)
           try {
-            const V = document.createRange();
-            V.selectNodeContents && (V.selectNodeContents(n.value), I.removeAllRanges(), I.addRange(V));
+            const Z = document.createRange();
+            Z.selectNodeContents && (Z.selectNodeContents(n.value), E.removeAllRanges(), E.addRange(Z));
           } catch {
           }
       }
-    }, k = () => {
-      n.value && (u.value = n.value.textContent, g());
-    }, x = () => {
+    }, C = () => {
+      n.value && (u.value = n.value.textContent, m());
+    }, b = () => {
       try {
-        const I = window.getSelection();
-        if (I && I.rangeCount > 0 && n.value) {
-          const V = I.getRangeAt(0), Z = V.cloneRange();
-          if (Z.selectNodeContents && Z.setEnd)
-            return Z.selectNodeContents(n.value), Z.setEnd(V.endContainer, V.endOffset), Z.toString().length;
+        const E = window.getSelection();
+        if (E && E.rangeCount > 0 && n.value) {
+          const Z = E.getRangeAt(0), N = Z.cloneRange();
+          if (N.selectNodeContents && N.setEnd)
+            return N.selectNodeContents(n.value), N.setEnd(Z.endContainer, Z.endOffset), N.toString().length;
         }
       } catch {
       }
       return 0;
-    }, R = (I) => {
+    }, p = (E) => {
       if (n.value)
         try {
-          const V = window.getSelection();
-          if (!V) return;
-          let Z = 0;
+          const Z = window.getSelection();
+          if (!Z) 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 = Z + ge.textContent.length;
-            if (I <= ve && (ne = document.createRange(), ne.setStart && ne.setEnd)) {
-              ne.setStart(ge, I - Z), ne.setEnd(ge, I - Z);
+            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);
               break;
             }
-            Z = ve;
+            N = ve;
           }
-          ne && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ne));
+          ne && Z.removeAllRanges && Z.addRange && (Z.removeAllRanges(), Z.addRange(ne));
         } catch {
         }
-    }, B = (I) => {
+    }, O = (E) => {
       if (!o.edit) return;
-      const V = I.target;
-      if (V.textContent === u.value)
+      const Z = E.target;
+      if (Z.textContent === u.value)
         return;
-      const Z = x();
-      u.value = V.textContent, o.format ? (a.value = V.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, V.textContent)) : (a.value = V.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, V.textContent)), at().then(() => R(Z));
-    }, j = /* @__PURE__ */ Rn(B, e.debounce);
+      const N = 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);
     return t({
       currentData: u
-    }), (I, V) => (p(), b("td", {
+    }), (E, Z) => (y(), k("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": O(o).edit,
-      contenteditable: O(o).edit,
+      "data-editable": B(o).edit,
+      contenteditable: B(o).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: pe(F.value),
-      class: se(["atable-cell", M.value]),
-      onFocus: k,
-      onPaste: B,
-      onInput: V[0] || (V[0] = //@ts-ignore
-      (...Z) => O(j) && O(j)(...Z)),
-      onClick: h
+      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
     }, [
-      O(o).cellComponent ? (p(), he(Ne(O(o).cellComponent), st({
+      B(o).cellComponent ? (y(), he(Ne(B(o).cellComponent), st({
         key: 0,
-        value: y.value
-      }, O(o).cellComponentProps), null, 16, ["value"])) : P.value ? (p(), b("span", {
+        value: x.value
+      }, B(o).cellComponentProps), null, 16, ["value"])) : I.value ? (y(), k("span", {
         key: 1,
-        innerHTML: y.value
-      }, null, 8, On)) : (p(), b("span", Vn, be(y.value), 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({
@@ -948,7 +948,7 @@ const Hn = (e) => {
     addNavigation: { type: [Boolean, Object], default: () => qe }
   },
   setup(e) {
-    const t = ce("rowEl"), n = E(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = ce("rowEl"), n = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const l = {
         "keydown.control.g": (u) => {
@@ -962,26 +962,26 @@ const Hn = (e) => {
         }
       ]);
     }
-    return (l, u) => (p(), b(me, null, [
-      N("tr", st(l.$attrs, {
+    return (l, u) => (y(), k(me, null, [
+      F("tr", st(l.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: "expandable-row"
       }), [
-        N("td", {
+        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 ? (p(), b("tr", {
+      e.store.display[e.rowIndex].expanded ? (y(), k("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: e.tabIndex,
         class: "expanded-row"
       }, [
-        N("td", {
+        F("td", {
           tabIndex: -1,
           colspan: e.store.columns.length + 1,
           class: "expanded-row-content"
@@ -1017,133 +1017,131 @@ const Hn = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: n }) {
-    Xt(($) => ({
-      v1b78cb3b: u.value,
-      v0a4cd982: $.colspan
+    Xt((T) => ({
+      v564d6da1: u.value,
+      v4f540c19: T.colspan
     }));
-    const l = n, u = z(e.color.length >= 6 ? e.color : "#cccccc"), a = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = ce("container"), c = ce("bar"), r = ce("leftResizeHandle"), s = ce("rightResizeHandle"), d = ce("leftConnectionHandle"), v = ce("rightConnectionHandle"), { width: y } = Ie(o), { left: P, right: F } = Ie(c), M = z(e.start), h = z(e.end || M.value + e.colspan), m = z(!1), g = z(!1), k = z(!1), x = z(!1), R = z(!1), B = z({ startX: 0, startY: 0, endX: 0, endY: 0 }), j = E(() => ge.value || _.value || ne.value), I = E(() => e.colspan > 0 ? y.value / e.colspan : 0), V = E(() => {
-      const $ = M.value / e.colspan * 100, D = h.value / e.colspan * 100;
+    const l = n, u = 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;
       return {
-        left: `${$}%`,
-        width: `${D - $}%`,
+        left: `${T}%`,
+        width: `${V - T}%`,
         backgroundColor: u.value
       };
-    }), Z = E(
-      () => ({
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100vw",
-        height: "100vh",
-        pointerEvents: "none",
-        zIndex: 1e3
-      })
-    ), q = z({ startX: 0, startPos: 0 }), { isDragging: _ } = _e(r, {
+    }), N = $(() => ({
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100vw",
+      height: "100vh",
+      pointerEvents: "none",
+      zIndex: 1e3
+    })), q = z({ startX: 0, startPos: 0 }), { isDragging: _ } = _e(c, {
       axis: "x",
-      onStart: () => ve(P.value, M.value),
-      onMove: ({ x: $ }) => Oe($),
-      onEnd: ({ x: $ }) => Ve($)
+      onStart: () => ve(I.value, R.value),
+      onMove: ({ x: T }) => Oe(T),
+      onEnd: ({ x: T }) => Ve(T)
     }), { isDragging: ne } = _e(s, {
       axis: "x",
-      onStart: () => ve(F.value, h.value),
-      onMove: ({ x: $ }) => Be($),
-      onEnd: ({ x: $ }) => Pe($)
-    }), { isDragging: ge } = _e(c, {
+      onStart: () => ve(P.value, w.value),
+      onMove: ({ x: T }) => Be(T),
+      onEnd: ({ x: T }) => Pe(T)
+    }), { isDragging: ge } = _e(r, {
       exact: !0,
       axis: "x",
-      onStart: () => ve(P.value, M.value),
-      onMove: ({ x: $ }) => He($),
-      onEnd: ({ x: $ }) => C($)
+      onStart: () => ve(I.value, R.value),
+      onMove: ({ x: T }) => He(T),
+      onEnd: ({ x: T }) => M(T)
     });
     Ae(() => {
-      H();
+      L();
     }), Gt(() => {
       W();
     });
-    function ve($, D) {
-      c.value && (c.value.style.transition = "none"), q.value = { startX: $, startPos: D };
+    function ve(T, V) {
+      r.value && (r.value.style.transition = "none"), q.value = { startX: T, startPos: V };
     }
-    function Oe($) {
-      if (!_.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = Math.max(0, Math.min(h.value - 1, q.value.startPos + Y));
-      c.value.style.left = `${G / e.colspan * 100}%`, c.value.style.width = `${(h.value - G) / e.colspan * 100}%`;
+    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 Ve($) {
-      if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = M.value, K = Math.max(0, Math.min(h.value - 1, q.value.startPos + Y));
-      M.value = K, e.store.updateGanttBar({
+    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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
         oldStart: G,
         newStart: K,
-        end: h.value,
+        end: w.value,
         delta: Y,
-        oldColspan: h.value - G,
-        newColspan: h.value - K
+        oldColspan: w.value - G,
+        newColspan: w.value - K
       });
     }
-    function Be($) {
-      if (!ne.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = Math.max(M.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      c.value.style.width = `${(G - M.value) / e.colspan * 100}%`;
+    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 Pe($) {
-      if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = h.value, K = Math.max(M.value + 1, Math.min(e.columnsCount, q.value.startPos + Y));
-      h.value = K, e.store.updateGanttBar({
+    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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
         oldEnd: G,
         newEnd: K,
-        start: M.value,
+        start: R.value,
         delta: Y,
-        oldColspan: G - M.value,
-        newColspan: K - M.value
+        oldColspan: G - R.value,
+        newColspan: K - R.value
       });
     }
-    function He($) {
-      if (!ge.value || !c.value) return;
-      const Y = ($ - q.value.startX) / I.value, G = h.value - M.value, K = Math.max(0, Math.min(q.value.startPos + Y, e.columnsCount - G));
-      c.value.style.left = `${K / e.colspan * 100}%`;
+    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 C($) {
-      if (!c.value) return;
-      const D = $ - q.value.startX, Y = Math.round(D / I.value), G = h.value - M.value, K = M.value, te = h.value;
-      let le = q.value.startPos + Y, ae = le + G;
-      le < 0 ? (le = 0, ae = G) : ae > e.columnsCount && (ae = e.columnsCount, le = ae - G), M.value = le, h.value = ae, e.store.updateGanttBar({
+    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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
         oldStart: K,
         oldEnd: te,
         newStart: le,
-        newEnd: ae,
+        newEnd: se,
         delta: Y,
-        colspan: ae - le
+        colspan: se - le
       });
     }
-    function H() {
-      const { x: $, y: D } = Ie(c), { x: Y, y: G } = Ie(d), { x: K, y: te } = Ie(v);
+    function L() {
+      const { x: T, y: V } = Te(r), { x: Y, y: G } = Te(f), { x: K, y: te } = Te(v);
       e.store.registerGanttBar({
         id: a,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
-        startIndex: M,
-        endIndex: h,
+        startIndex: R,
+        endIndex: w,
         color: u,
         label: e.label,
-        position: { x: $, y: D }
+        position: { x: T, y: V }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
         id: `${a}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
         position: { x: Y, y: G },
-        visible: m,
+        visible: h,
         barId: a
       }), e.store.registerConnectionHandle({
         id: `${a}-connection-right`,
@@ -1151,7 +1149,7 @@ const Hn = (e) => {
         colIndex: e.colIndex,
         side: "right",
         position: { x: K, y: te },
-        visible: g,
+        visible: m,
         barId: a
       }));
     }
@@ -1159,107 +1157,107 @@ const Hn = (e) => {
       e.store.unregisterGanttBar(a), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${a}-connection-left`), e.store.unregisterConnectionHandle(`${a}-connection-right`));
     }
     function Q() {
-      e.store.isDependencyGraphEnabled && (m.value = !0, g.value = !0);
+      e.store.isDependencyGraphEnabled && (h.value = !0, m.value = !0);
     }
     function X() {
-      !k.value && !x.value && (m.value = !1, g.value = !1);
+      !C.value && !b.value && (h.value = !1, m.value = !1);
     }
-    function oe($, D) {
-      D.preventDefault(), D.stopPropagation(), R.value = !0, $ === "left" ? k.value = !0 : x.value = !0;
-      const Y = $ === "left" ? d.value : v.value;
+    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, ae = te.top + te.height / 2;
-        B.value = { startX: le, startY: ae, endX: le, endY: ae };
+        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 };
       }
       const G = (te) => {
-        B.value.endX = te.clientX, B.value.endY = te.clientY;
+        O.value.endX = te.clientX, O.value.endY = te.clientY;
       }, K = (te) => {
-        ye(te, $), Re(G, K);
+        ye(te, T), Re(G, K);
       };
       document.addEventListener("mousemove", G), document.addEventListener("mouseup", K);
     }
-    function ye($, D) {
-      const G = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
-      if (G && G !== (D === "left" ? d.value : v.value)) {
+    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");
         if (K) {
-          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), ae = G.classList.contains("left-connection-handle") ? "left" : "right", ht = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
-            `${a}-connection-${D}`,
-            `${ht}-connection-${ae}`
+          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), se = 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}`
           );
           Qe && l("connection:create", Qe);
         }
       }
     }
-    function Re($, D) {
-      R.value = !1, k.value = !1, x.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", D), c.value?.matches(":hover") || X();
+    function Re(T, V) {
+      p.value = !1, C.value = !1, b.value = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", V), r.value?.matches(":hover") || X();
     }
     return t({
-      barStyle: V,
+      barStyle: Z,
       cleanupConnectionDrag: Re,
-      currentEnd: h,
+      currentEnd: w,
       handleConnectionDrop: ye,
-      isLeftConnectionDragging: k,
-      isLeftConnectionVisible: m,
-      isRightConnectionDragging: x,
-      isRightConnectionVisible: g,
-      showDragPreview: R
-    }), ($, D) => (p(), b("td", {
+      isLeftConnectionDragging: C,
+      isLeftConnectionVisible: h,
+      isRightConnectionDragging: b,
+      isRightConnectionVisible: m,
+      showDragPreview: p
+    }), (T, V) => (y(), k("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      N("div", Xn, [
-        N("div", {
+      F("div", Xn, [
+        F("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: se(["gantt-bar", { "is-dragging": j.value }]),
-          style: pe(V.value),
+          class: ae(["gantt-bar", { "is-dragging": j.value }]),
+          style: pe(Z.value),
           onMouseenter: Q,
           onMouseleave: X
         }, [
-          e.store.isDependencyGraphEnabled ? (p(), b("div", {
+          e.store.isDependencyGraphEnabled ? (y(), k("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: se(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": k.value }]),
-            onMousedown: D[0] || (D[0] = Se((Y) => oe("left", Y), ["stop"]))
-          }, [...D[2] || (D[2] = [
-            N("div", { class: "connection-dot" }, null, -1)
+            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 ? (p(), b("div", {
+          e.store.isDependencyGraphEnabled ? (y(), k("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: se(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": x.value }]),
-            onMousedown: D[1] || (D[1] = Se((Y) => oe("right", Y), ["stop"]))
-          }, [...D[3] || (D[3] = [
-            N("div", { class: "connection-dot" }, null, -1)
+            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),
-          N("div", {
+          F("div", {
             ref: "leftResizeHandle",
-            class: se(["resize-handle left-resize-handle", { "is-dragging": O(_) }])
-          }, [...D[4] || (D[4] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: ae(["resize-handle left-resize-handle", { "is-dragging": B(_) }])
+          }, [...V[4] || (V[4] = [
+            F("div", { class: "handle-grip" }, null, -1),
+            F("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (p(), b("label", jn, be(e.label), 1)) : ee("", !0),
-          N("div", {
+          e.label ? (y(), k("label", jn, be(e.label), 1)) : ee("", !0),
+          F("div", {
             ref: "rightResizeHandle",
-            class: se(["resize-handle right-resize-handle", { "is-dragging": O(ne) }])
-          }, [...D[5] || (D[5] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: ae(["resize-handle right-resize-handle", { "is-dragging": B(ne) }])
+          }, [...V[5] || (V[5] = [
+            F("div", { class: "handle-grip" }, null, -1),
+            F("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
         ], 46, Gn)
       ], 512),
-      e.store.isDependencyGraphEnabled && R.value ? (p(), b("svg", {
+      e.store.isDependencyGraphEnabled && p.value ? (y(), k("svg", {
         key: 0,
-        style: pe(Z.value)
+        style: pe(N.value)
       }, [
-        N("line", {
-          x1: B.value.startX,
-          y1: B.value.startY,
-          x2: B.value.endX,
-          y2: B.value.endY,
+        F("line", {
+          x1: O.value.startX,
+          y1: O.value.startY,
+          x2: O.value.endX,
+          y2: O.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
@@ -1267,7 +1265,7 @@ const Hn = (e) => {
       ], 4)) : ee("", !0)
     ], 8, zn));
   }
-}), Jn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-c3173189"]]), qn = `<?xml version="1.0" encoding="UTF-8"?>
+}), Jn = /* @__PURE__ */ $e(Un, [["__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;"/>
@@ -1311,20 +1309,26 @@ const Hn = (e) => {
 </svg>`, to = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 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 = {
+</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 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
-}, oo = {
+  move: to,
+  open: no
+}, lo = {
   key: 0,
   class: "row-actions-dropdown"
-}, lo = ["aria-expanded"], ao = ["onClick"], so = ["innerHTML"], io = { class: "action-label" }, ro = {
+}, ao = ["aria-expanded"], so = ["onClick"], io = ["innerHTML"], ro = { class: "action-label" }, co = {
   key: 1,
   class: "row-actions-icons"
-}, co = ["title", "aria-label", "onClick"], uo = ["innerHTML"], Ue = /* @__PURE__ */ xe({
+}, uo = ["title", "aria-label", "onClick"], fo = ["innerHTML"], Ue = /* @__PURE__ */ xe({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1334,27 +1338,28 @@ const Hn = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const n = e, l = t, u = ce("actionsCell"), a = ce("toggleButton"), o = z(0), c = z(!1), r = z(!1), s = z({ top: 0, left: 0 }), d = {
-      add: "Add Row",
-      delete: "Delete Row",
-      duplicate: "Duplicate Row",
+    const n = e, l = t, u = ce("actionsCell"), a = ce("toggleButton"), o = z(0), r = z(!1), c = z(!1), s = z({ top: 0, left: 0 }), f = {
+      add: "Add Record",
+      delete: "Delete Record",
+      duplicate: "Duplicate Record",
       insertAbove: "Insert Above",
       insertBelow: "Insert Below",
-      move: "Move Row"
-    }, v = E(() => {
-      const m = [], g = n.config.actions || {}, k = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const x of k) {
-        const R = g[x];
-        if (R === !1 || R === void 0) continue;
-        let B = !0, j = d[x], I = no[x];
-        typeof R == "object" && (B = R.enabled !== !1, j = R.label || j, I = R.icon || I), B && m.push({ type: x, label: j, icon: I });
+      move: "Move Record",
+      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 });
       }
-      return m;
-    }), y = E(() => {
+      return h;
+    }), x = $(() => {
       if (n.config.forceDropdown) return !0;
-      const m = n.config.dropdownThreshold ?? 150;
-      return m === 0 ? !1 : o.value > 0 && o.value < m;
-    }), P = E(() => c.value ? r.value ? {
+      const h = n.config.dropdownThreshold ?? 150;
+      return h === 0 ? !1 : o.value > 0 && o.value < h;
+    }), I = $(() => r.value ? c.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - s.value.top}px`,
       left: `${s.value.left}px`,
@@ -1364,85 +1369,85 @@ const Hn = (e) => {
       top: `${s.value.top}px`,
       left: `${s.value.left}px`
     } : {});
-    Je(u, (m) => {
-      const g = m[0];
-      g && (o.value = g.contentRect.width);
+    Je(u, (h) => {
+      const m = h[0];
+      m && (o.value = m.contentRect.width);
     });
-    const F = () => {
-      c.value || M(), c.value = !c.value;
-    }, M = () => {
+    const P = () => {
+      r.value || R(), r.value = !r.value;
+    }, R = () => {
       if (!a.value) return;
-      const m = a.value.getBoundingClientRect(), g = window.innerHeight, k = v.value.length * 40 + 16, x = g - m.bottom, R = m.top;
-      r.value = x < k && R > k, r.value ? s.value = {
-        top: m.top,
-        left: m.left
+      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: m.bottom,
-        left: m.left
+        top: h.bottom,
+        left: h.left
       };
     };
     ot(u, () => {
-      c.value = !1;
+      r.value = !1;
     });
-    const h = (m) => {
-      c.value = !1;
-      const g = n.config.actions?.[m];
-      typeof g == "object" && g.handler && g.handler(n.rowIndex, n.store) === !1 || l("action", m, n.rowIndex);
+    const 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);
     };
-    return (m, g) => (p(), b("td", {
+    return (h, m) => (y(), k("td", {
       ref: "actionsCell",
-      class: se(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
+      class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": r.value }])
     }, [
-      y.value ? (p(), b("div", oo, [
-        N("button", {
+      x.value ? (y(), k("div", lo, [
+        F("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
-          "aria-expanded": c.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "true",
-          onClick: Se(F, ["stop"])
-        }, [...g[0] || (g[0] = [
-          N("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, lo),
-        de(N("div", {
-          class: se(["row-actions-menu", { "menu-flipped": r.value }]),
-          style: pe(P.value),
+          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),
           role: "menu"
         }, [
-          (p(!0), b(me, null, Ce(v.value, (k) => (p(), b("button", {
-            key: k.type,
+          (y(!0), k(me, null, Ce(v.value, (C) => (y(), k("button", {
+            key: C.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: Se((x) => h(k.type), ["stop"])
+            onClick: Se((b) => w(C.type, b), ["stop"])
           }, [
-            N("span", {
+            F("span", {
               class: "action-icon",
-              innerHTML: k.icon
-            }, null, 8, so),
-            N("span", io, be(k.label), 1)
-          ], 8, ao))), 128))
+              innerHTML: C.icon
+            }, null, 8, io),
+            F("span", ro, be(C.label), 1)
+          ], 8, so))), 128))
         ], 6), [
-          [it, c.value]
+          [it, r.value]
         ])
-      ])) : (p(), b("div", ro, [
-        (p(!0), b(me, null, Ce(v.value, (k) => (p(), b("button", {
-          key: k.type,
+      ])) : (y(), k("div", co, [
+        (y(!0), k(me, null, Ce(v.value, (C) => (y(), k("button", {
+          key: C.type,
           type: "button",
           class: "row-action-btn",
-          title: k.label,
-          "aria-label": k.label,
-          onClick: Se((x) => h(k.type), ["stop"])
+          title: C.label,
+          "aria-label": C.label,
+          onClick: Se((b) => w(C.type, b), ["stop"])
         }, [
-          N("span", {
+          F("span", {
             class: "action-icon",
-            innerHTML: k.icon
-          }, null, 8, uo)
-        ], 8, co))), 128))
+            innerHTML: C.icon
+          }, null, 8, fo)
+        ], 8, uo))), 128))
       ]))
     ], 2));
   }
-}), fo = ["tabindex"], vo = /* @__PURE__ */ xe({
+}), vo = ["tabindex"], ho = /* @__PURE__ */ xe({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1450,70 +1455,74 @@ const Hn = (e) => {
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
-  emits: ["row:action"],
+  emits: ["row:action", "row:click"],
   setup(e, { emit: t }) {
-    const n = t, l = ce("rowEl"), u = E(() => e.store.isRowVisible(e.rowIndex)), a = E(() => e.store.getRowExpandSymbol(e.rowIndex)), o = E(() => e.store.config.rowActions || { enabled: !1 }), c = E(() => o.value.enabled), r = E(() => o.value.position || "before-index"), s = (d, v) => {
-      n("row:action", d, v);
+    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 d = qe;
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
+      let x = qe;
+      typeof e.addNavigation == "object" && (x = {
+        ...x,
         ...e.addNavigation
       }), ft([
         {
           selectors: l,
-          handlers: d
+          handlers: x
         }
       ]);
     }
-    return (d, v) => de((p(), b("tr", {
+    return (x, I) => de((y(), k("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
-      class: "atable-row"
+      class: ae(["atable-row", { "atable-row-clickable": o.value }]),
+      onClick: v
     }, [
-      c.value && r.value === "before-index" ? (p(), he(Ue, {
+      c.value && s.value === "before-index" ? (y(), he(Ue, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
-        config: o.value,
-        position: r.value,
-        onAction: s
+        config: r.value,
+        position: s.value,
+        onAction: f
       }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      e.store.config.view !== "uncounted" ? fe(d.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (p(), b("td", {
+      e.store.config.view !== "uncounted" ? fe(x.$slots, "index", { key: 1 }, () => [
+        e.store.config.view === "list" ? (y(), k("td", {
           key: 0,
           tabIndex: -1,
-          class: se(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, be(e.rowIndex + 1), 3)) : e.store.isTreeView ? (p(), b("td", {
+          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: se(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: v[0] || (v[0] = (y) => e.store.toggleRowExpand(e.rowIndex))
+          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 && r.value === "after-index" ? (p(), he(Ue, {
+      c.value && s.value === "after-index" ? (y(), he(Ue, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
-        config: o.value,
-        position: r.value,
-        onAction: s
+        config: r.value,
+        position: s.value,
+        onAction: f
       }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0),
-      fe(d.$slots, "default", {}, void 0, !0),
-      c.value && r.value === "end" ? (p(), he(Ue, {
+      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: o.value,
-        position: r.value,
-        onAction: s
+        config: r.value,
+        position: s.value,
+        onAction: f
       }, null, 8, ["row-index", "store", "config", "position"])) : ee("", !0)
-    ], 8, fo)), [
+    ], 10, vo)), [
       [it, u.value]
     ]);
   }
-}), Dt = /* @__PURE__ */ $e(vo, [["__scopeId", "data-v-e7ca13d1"]]), nt = /* @__PURE__ */ new WeakMap(), ho = {
+}), Dt = /* @__PURE__ */ $e(ho, [["__scopeId", "data-v-533161af"]]), nt = /* @__PURE__ */ new WeakMap(), mo = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let l;
@@ -1528,10 +1537,10 @@ const Hn = (e) => {
     const t = nt.get(e);
     t && typeof t == "function" ? t() : t?.stop(), nt.delete(e);
   }
-}, mo = { mounted(e, t) {
+}, go = { mounted(e, t) {
   typeof t.value == "function" ? Je(e, t.value) : Je(e, ...t.value);
 } };
-function go() {
+function wo() {
   let e = !1;
   const t = re(!1);
   return (n, l) => {
@@ -1541,8 +1550,8 @@ function go() {
     ue(t, (a) => u.value = a);
   };
 }
-go();
-const wo = { class: "gantt-connection-overlay" }, po = {
+wo();
+const po = { class: "gantt-connection-overlay" }, xo = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1553,39 +1562,39 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, xo = ["d", "stroke-width", "onDblclick"], yo = ["id", "d", "stroke", "stroke-width", "onDblclick"], bo = 0.25, Ge = 16, Co = /* @__PURE__ */ xe({
+}, yo = ["d", "stroke-width", "onDblclick"], bo = ["id", "d", "stroke", "stroke-width", "onDblclick"], Co = 0.25, Ge = 16, ko = /* @__PURE__ */ xe({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const n = t, l = E(() => e.store.connectionPaths.filter((o) => {
-      const c = e.store.ganttBars.find((s) => s.id === o.from.barId), r = e.store.ganttBars.find((s) => s.id === o.to.barId);
-      return c && r;
+    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 c = e.store.connectionHandles.find(
+      const r = e.store.connectionHandles.find(
         (j) => j.barId === o.from.barId && j.side === o.from.side
-      ), r = e.store.connectionHandles.find(
+      ), c = e.store.connectionHandles.find(
         (j) => j.barId === o.to.barId && j.side === o.to.side
       );
-      if (!c || !r) return "";
-      const s = c.position.x + Ge / 2, d = c.position.y + Ge / 2, v = r.position.x + Ge / 2, y = r.position.y + Ge / 2, P = Math.abs(v - s), F = Math.max(P * bo, 50), M = s + (o.from.side === "left" ? -F : F), h = v + (o.to.side === "left" ? -F : F), m = { x: 0.5 * s + 0.5 * M, y: 0.5 * d + 0.5 * d }, g = { x: 0.5 * M + 0.5 * h, y: 0.5 * d + 0.5 * y }, k = { x: 0.5 * h + 0.5 * v, y: 0.5 * y + 0.5 * y }, x = { x: 0.5 * m.x + 0.5 * g.x, y: 0.5 * m.y + 0.5 * g.y }, R = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, B = { x: 0.5 * x.x + 0.5 * R.x, y: 0.5 * x.y + 0.5 * R.y };
-      return `M ${s} ${d} Q ${M} ${d}, ${B.x} ${B.y} Q ${h} ${y}, ${v} ${y}`;
+      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);
     };
-    return (o, c) => (p(), b("div", wo, [
-      (p(), b("svg", po, [
-        c[0] || (c[0] = N("defs", null, [
-          N("path", {
+    return (o, r) => (y(), k("div", po, [
+      (y(), k("svg", xo, [
+        r[0] || (r[0] = F("defs", null, [
+          F("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          N("marker", {
+          F("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1594,39 +1603,39 @@ const wo = { class: "gantt-connection-overlay" }, po = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            N("polygon", {
+            F("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (p(!0), b(me, null, Ce(l.value, (r) => (p(), b("path", {
-          key: `${r.id}-hitbox`,
-          d: u(r),
+        (y(!0), k(me, null, Ce(l.value, (c) => (y(), k("path", {
+          key: `${c.id}-hitbox`,
+          d: u(c),
           stroke: "transparent",
-          "stroke-width": (r.style?.width || 2) + 10,
+          "stroke-width": (c.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (s) => a(r)
-        }, null, 40, xo))), 128)),
-        (p(!0), b(me, null, Ce(l.value, (r) => (p(), b("path", {
-          id: r.id,
-          key: r.id,
-          d: u(r),
-          stroke: r.style?.color || "#666",
-          "stroke-width": r.style?.width || 2,
+          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,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (s) => a(r)
-        }, null, 40, yo))), 128))
+          onDblclick: (s) => a(c)
+        }, null, 40, bo))), 128))
       ]))
     ]));
   }
-}), Mo = /* @__PURE__ */ $e(Co, [["__scopeId", "data-v-d5929c98"]]), ko = { class: "column-filter" }, Ro = {
+}), Mo = /* @__PURE__ */ $e(ko, [["__scopeId", "data-v-d5929c98"]]), Ro = { class: "column-filter" }, Eo = {
   key: 2,
   class: "checkbox-filter"
-}, Eo = ["value"], $o = {
+}, $o = ["value"], To = {
   key: 5,
   class: "date-range-filter"
 }, Io = /* @__PURE__ */ xe({
@@ -1640,7 +1649,7 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     const t = z(""), n = jt({
       startValue: "",
       endValue: ""
-    }), l = E(() => {
+    }), l = $(() => {
       if (e.column.filterType) return e.column.filterType;
       switch (e.column.fieldtype) {
         case "Check":
@@ -1662,123 +1671,123 @@ const wo = { class: "gantt-connection-overlay" }, po = {
       }
     }), u = (s) => {
       if (s.filterOptions) return s.filterOptions;
-      const d = /* @__PURE__ */ new Set();
+      const f = /* @__PURE__ */ new Set();
       return e.store.rows.forEach((v) => {
-        const y = v[s.name];
-        y != null && y !== "" && d.add(y);
-      }), Array.from(d).map((v) => ({
+        const x = v[s.name];
+        x != null && x !== "" && f.add(x);
+      }), Array.from(f).map((v) => ({
         value: v,
         label: String(v)
       }));
-    }, a = E(() => !!(t.value || n.startValue || n.endValue)), o = (s) => {
+    }, 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 }));
-    }, c = (s, d) => {
-      s === "start" ? n.startValue = d : n.endValue = d, !n.startValue && !n.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
+    }, 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, {
         value: null,
         startValue: n.startValue,
         endValue: n.endValue
       });
-    }, r = () => {
+    }, c = () => {
       t.value = "", n.startValue = "", n.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (s, d) => (p(), b("div", ko, [
-      l.value === "text" ? de((p(), b("input", {
+    return (s, f) => (y(), k("div", Ro, [
+      l.value === "text" ? de((y(), k("input", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => t.value = v),
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => t.value = v),
         type: "text",
         class: "filter-input",
-        onInput: d[1] || (d[1] = (v) => o(t.value))
+        onInput: f[1] || (f[1] = (v) => o(t.value))
       }, null, 544)), [
         [Ze, t.value]
-      ]) : l.value === "number" ? de((p(), b("input", {
+      ]) : l.value === "number" ? de((y(), k("input", {
         key: 1,
-        "onUpdate:modelValue": d[2] || (d[2] = (v) => t.value = v),
+        "onUpdate:modelValue": f[2] || (f[2] = (v) => t.value = v),
         type: "number",
         class: "filter-input",
-        onInput: d[3] || (d[3] = (v) => o(t.value))
+        onInput: f[3] || (f[3] = (v) => o(t.value))
       }, null, 544)), [
         [Ze, t.value]
-      ]) : l.value === "checkbox" ? (p(), b("label", Ro, [
-        de(N("input", {
-          "onUpdate:modelValue": d[4] || (d[4] = (v) => t.value = v),
+      ]) : l.value === "checkbox" ? (y(), k("label", Eo, [
+        de(F("input", {
+          "onUpdate:modelValue": f[4] || (f[4] = (v) => t.value = v),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: d[5] || (d[5] = (v) => o(t.value))
+          onChange: f[5] || (f[5] = (v) => o(t.value))
         }, null, 544), [
           [Yt, t.value]
         ]),
-        N("span", null, be(e.column.label), 1)
-      ])) : l.value === "select" ? de((p(), b("select", {
+        F("span", null, be(e.column.label), 1)
+      ])) : l.value === "select" ? de((y(), k("select", {
         key: 3,
-        "onUpdate:modelValue": d[6] || (d[6] = (v) => t.value = v),
+        "onUpdate:modelValue": f[6] || (f[6] = (v) => t.value = v),
         class: "filter-select",
-        onChange: d[7] || (d[7] = (v) => o(t.value))
+        onChange: f[7] || (f[7] = (v) => o(t.value))
       }, [
-        d[15] || (d[15] = N("option", { value: "" }, "All", -1)),
-        (p(!0), b(me, null, Ce(u(e.column), (v) => (p(), b("option", {
+        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, Eo))), 128))
+        }, be(v.label || v), 9, $o))), 128))
       ], 544)), [
         [Ut, t.value]
-      ]) : l.value === "date" ? de((p(), b("input", {
+      ]) : l.value === "date" ? de((y(), k("input", {
         key: 4,
-        "onUpdate:modelValue": d[8] || (d[8] = (v) => t.value = v),
+        "onUpdate:modelValue": f[8] || (f[8] = (v) => t.value = v),
         type: "date",
         class: "filter-input",
-        onChange: d[9] || (d[9] = (v) => o(t.value))
+        onChange: f[9] || (f[9] = (v) => o(t.value))
       }, null, 544)), [
         [Ze, t.value]
-      ]) : l.value === "dateRange" ? (p(), b("div", $o, [
-        de(N("input", {
-          "onUpdate:modelValue": d[10] || (d[10] = (v) => n.startValue = v),
+      ]) : l.value === "dateRange" ? (y(), k("div", To, [
+        de(F("input", {
+          "onUpdate:modelValue": f[10] || (f[10] = (v) => n.startValue = v),
           type: "date",
           class: "filter-input",
-          onChange: d[11] || (d[11] = (v) => c("start", n.startValue))
+          onChange: f[11] || (f[11] = (v) => r("start", n.startValue))
         }, null, 544), [
           [Ze, n.startValue]
         ]),
-        d[16] || (d[16] = N("span", { class: "date-separator" }, "-", -1)),
-        de(N("input", {
-          "onUpdate:modelValue": d[12] || (d[12] = (v) => n.endValue = v),
+        f[16] || (f[16] = F("span", { class: "date-separator" }, "-", -1)),
+        de(F("input", {
+          "onUpdate:modelValue": f[12] || (f[12] = (v) => n.endValue = v),
           type: "date",
           class: "filter-input",
-          onChange: d[13] || (d[13] = (v) => c("end", n.endValue))
+          onChange: f[13] || (f[13] = (v) => r("end", n.endValue))
         }, null, 544), [
           [Ze, n.endValue]
         ])
-      ])) : l.value === "component" && e.column.filterComponent ? (p(), he(Ne(e.column.filterComponent), {
+      ])) : l.value === "component" && e.column.filterComponent ? (y(), he(Ne(e.column.filterComponent), {
         key: 6,
         value: t.value,
         column: e.column,
         "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": d[14] || (d[14] = (v) => o(v))
+        "onUpdate:value": f[14] || (f[14] = (v) => o(v))
       }, null, 40, ["value", "column", "col-index", "store"])) : ee("", !0),
-      a.value ? (p(), b("button", {
+      a.value ? (y(), k("button", {
         key: 7,
         class: "clear-btn",
         title: "Clear",
-        onClick: r
+        onClick: c
       }, "×")) : ee("", !0)
     ]));
   }
-}), To = /* @__PURE__ */ $e(Io, [["__scopeId", "data-v-e0efa4a9"]]), So = { key: 0 }, Ao = {
+}), So = /* @__PURE__ */ $e(Io, [["__scopeId", "data-v-e0efa4a9"]]), Ao = { key: 0 }, Ho = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Ho = {
+}, Lo = {
   key: 2,
   class: "row-actions-header"
-}, Lo = ["data-colindex", "onClick"], Do = {
+}, Do = ["data-colindex", "onClick"], Oo = {
   key: 3,
   class: "row-actions-header"
-}, Oo = {
+}, Vo = {
   key: 0,
   class: "atable-filters-row"
-}, Vo = {
+}, Bo = {
   key: 2,
   class: "row-actions-header"
-}, Bo = {
+}, Po = {
   key: 3,
   class: "row-actions-header"
 }, Ot = /* @__PURE__ */ xe({
@@ -1788,72 +1797,72 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     store: {}
   },
   setup(e) {
-    const t = E(() => e.columns.filter((o) => o.filterable)), n = E(() => e.store.config.rowActions?.enabled ?? !1), l = E(() => e.store.config.rowActions?.position ?? "before-index"), u = (o) => e.store.sortByColumn(o), a = (o) => {
-      for (const c of o) {
-        if (c.borderBoxSize.length === 0) continue;
-        const s = c.borderBoxSize[0].inlineSize, d = Number(c.target.dataset.colindex), v = e.store.columns[d]?.width;
-        typeof v == "number" && v !== s && e.store.resizeColumn(d, s);
+    const 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);
       }
     };
-    return (o, c) => e.columns.length ? (p(), b("thead", So, [
-      N("tr", Ao, [
-        n.value && l.value === "before-index" ? (p(), b("th", {
+    return (o, r) => e.columns.length ? (y(), k("thead", Ao, [
+      F("tr", Ho, [
+        n.value && l.value === "before-index" ? (y(), k("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
         }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (p(), b("th", {
+        e.store.zeroColumn ? (y(), k("th", {
           key: 1,
           id: "header-index",
-          class: se([[
+          class: ae([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : ee("", !0),
-        n.value && l.value === "after-index" ? (p(), b("th", Ho)) : ee("", !0),
-        (p(!0), b(me, null, Ce(e.columns, (r, s) => de((p(), b("th", {
-          key: r.name,
+        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,
           "data-colindex": s,
           tabindex: "-1",
-          style: pe(e.store.getHeaderCellStyle(r)),
-          class: se(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (d) => r.sortable !== !1 ? u(s) : void 0
+          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
         }, [
           fe(o.$slots, "default", {}, () => [
-            Jt(be(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+            Jt(be(c.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
-        ], 14, Lo)), [
-          [O(mo), a]
+        ], 14, Do)), [
+          [B(go), a]
         ])), 128)),
-        n.value && l.value === "end" ? (p(), b("th", Do)) : ee("", !0)
+        n.value && l.value === "end" ? (y(), k("th", Oo)) : ee("", !0)
       ]),
-      t.value.length > 0 ? (p(), b("tr", Oo, [
-        n.value && l.value === "before-index" ? (p(), b("th", {
+      t.value.length > 0 ? (y(), k("tr", Vo, [
+        n.value && l.value === "before-index" ? (y(), k("th", {
           key: 0,
-          class: se(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
         }, null, 2)) : ee("", !0),
-        e.store.zeroColumn ? (p(), b("th", {
+        e.store.zeroColumn ? (y(), k("th", {
           key: 1,
-          class: se([[
+          class: ae([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : ee("", !0),
-        n.value && l.value === "after-index" ? (p(), b("th", Vo)) : ee("", !0),
-        (p(!0), b(me, null, Ce(e.columns, (r, s) => (p(), b("th", {
-          key: `filter-${r.name}`,
-          class: se(`${r.pinned ? "sticky-column" : ""}`),
-          style: pe(e.store.getHeaderCellStyle(r))
+        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))
         }, [
-          r.filterable ? (p(), he(To, {
+          c.filterable ? (y(), he(So, {
             key: 0,
-            column: r,
+            column: c,
             "col-index": s,
             store: e.store
           }, null, 8, ["column", "col-index", "store"])) : ee("", !0)
         ], 6))), 128)),
-        n.value && l.value === "end" ? (p(), b("th", Bo)) : ee("", !0)
+        n.value && l.value === "end" ? (y(), k("th", Po)) : ee("", !0)
       ])) : ee("", !0)
     ])) : ee("", !0);
   }
@@ -1863,21 +1872,21 @@ const wo = { class: "gantt-connection-overlay" }, po = {
     store: {}
   },
   setup(e) {
-    const t = ce("amodal"), { width: n, height: l } = Ie(t), u = E(() => {
+    const t = ce("amodal"), { width: n, height: l } = Te(t), u = $(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
       const a = e.store.modal.cell?.closest("table");
       if (!a) return {};
-      const o = a.offsetHeight || 0, c = a.offsetWidth || 0;
-      let r = e.store.modal.cell?.offsetTop || 0;
+      const o = a.offsetHeight || 0, r = a.offsetWidth || 0;
+      let c = e.store.modal.cell?.offsetTop || 0;
       const s = a.querySelector("thead")?.offsetHeight || 0;
-      r += s, r = r + l.value < o ? r : r - (l.value + e.store.modal.height);
-      let d = e.store.modal.cell?.offsetLeft || 0;
-      return d = d + n.value <= c ? d : d - (n.value - e.store.modal.width), {
-        left: `${d}px`,
-        top: `${r}px`
+      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`
       };
     });
-    return (a, o) => (p(), b("div", {
+    return (a, o) => (y(), k("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
@@ -1898,7 +1907,7 @@ function Bt(e, t) {
   const l = n.parent;
   return l < 0 || l >= t.length ? !1 : (t[l].childrenOpen || !1) && Bt(l, t);
 }
-function Po(e, t, n) {
+function Zo(e, t, n) {
   const l = n.filterType || "text", u = t.value;
   if (!u && l !== "dateRange" && l !== "checkbox") return !0;
   switch (l) {
@@ -1915,8 +1924,8 @@ function Po(e, t, n) {
     case "date": {
       let a;
       if (typeof e == "number") {
-        const c = new Date(e), r = (/* @__PURE__ */ new Date()).getFullYear();
-        a = new Date(r, c.getMonth(), c.getDate());
+        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));
@@ -1925,44 +1934,44 @@ function Po(e, t, n) {
     case "dateRange": {
       const a = t.startValue, o = t.endValue;
       if (!a && !o) return !0;
-      let c;
+      let r;
       if (typeof e == "number") {
-        const r = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
-        c = new Date(s, r.getMonth(), r.getDate());
+        const c = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
+        r = new Date(s, c.getMonth(), c.getDate());
       } else
-        c = new Date(String(e));
-      return !(a && c < new Date(String(a)) || o && c > new Date(String(o)));
+        r = new Date(String(e));
+      return !(a && r < new Date(String(a)) || o && r > new Date(String(o)));
     }
     default:
       return !0;
   }
 }
-function Zo(e, t) {
+function No(e, t) {
   return t && e === 0 && t > 0 ? `${t}ch` : "inherit";
 }
-const No = (e) => {
+const Fo = (e) => {
   const t = e.id || Ln(), n = e.linkResolver ?? null;
   return Qt(`table-${t}`, () => {
     const u = () => {
-      const i = [Object.assign({}, { rowModified: !1 })], f = /* @__PURE__ */ new Set();
-      for (let L = 0; L < o.value.length; L++) {
-        const S = o.value[L];
-        S.parent !== null && S.parent !== void 0 && f.add(S.parent);
+      const 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 w = (L) => o.value[L]?.gantt !== void 0, T = (L) => {
-        for (let S = 0; S < o.value.length; S++)
-          if (o.value[S].parent === L && (w(S) || T(S)))
+      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 = (L) => {
-        const S = c.value, U = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
+      }, 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 T(L);
+            return S(D);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1970,287 +1979,287 @@ const No = (e) => {
             return !0;
         }
       };
-      for (let L = 0; L < o.value.length; L++) {
-        const S = o.value[L], U = S.parent === null || S.parent === void 0, ie = f.has(L);
-        i[L] = {
-          childrenOpen: J(L),
+      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: S.indent || 0,
+          indent: A.indent || 0,
           isParent: ie,
           isRoot: U,
           rowModified: !1,
           open: U,
           // This will be recalculated later for non-root nodes
-          parent: S.parent
+          parent: A.parent
         };
       }
       return i;
-    }, a = z(e.columns), o = z(e.rows), c = z(e.config || {}), r = z({}), s = z({}), d = E(() => {
+    }, a = z(e.columns), o = z(e.rows), r = z(e.config || {}), c = z({}), s = z({}), f = $(() => {
       const i = {};
-      for (const [f, w] of a.value.entries())
-        for (const [T, J] of o.value.entries())
-          i[`${f}:${T}`] = J[w.name];
+      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 = E({
+    }), v = $({
       get: () => {
         const i = u();
-        for (let f = 0; f < i.length; f++)
-          r.value[f] && (i[f].rowModified = r.value[f]), s.value[f] && (s.value[f].childrenOpen !== void 0 && (i[f].childrenOpen = s.value[f].childrenOpen), s.value[f].expanded !== void 0 && (i[f].expanded = s.value[f].expanded));
-        if (R.value)
-          for (let f = 0; f < i.length; f++)
-            i[f].isRoot || (i[f].open = Bt(f, i));
+        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);
       }
-    }), y = z(e.modal || { visible: !1 }), P = z({}), F = z([]), M = z([]), h = z([]), m = z({
+    }), x = z(e.modal || { visible: !1 }), I = z({}), P = z([]), R = z([]), w = z([]), h = z({
       column: null,
       direction: null
-    }), g = z({}), k = E(() => a.value.some((i) => i.pinned)), x = E(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), R = E(() => c.value.view === "tree" || c.value.view === "tree-gantt"), B = E(() => {
-      const i = c.value;
+    }), 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 = E(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), I = E(
-      () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
-    ), V = E(() => {
-      let i = o.value.map((f, w) => ({
-        ...f,
-        originalIndex: w
+    }), 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(g.value).forEach(([f, w]) => {
-        const T = parseInt(f), J = a.value[T];
-        !J || !(w.value || w.startValue || w.endValue || J.filterType === "checkbox" && w.value !== void 0) || (i = i.filter((S) => {
-          const U = S[J.name];
-          return Po(U, w, J);
+      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);
         }));
-      }), m.value.column !== null && m.value.direction) {
-        const f = a.value[m.value.column], w = m.value.direction;
-        i.sort((T, J) => {
-          let L = T[f.name], S = J[f.name];
-          L == null && (L = ""), S == null && (S = "");
-          const U = Number(L), ie = Number(S);
-          if (!isNaN(U) && !isNaN(ie) && L !== "" && S !== "")
-            return w === "asc" ? U - ie : ie - U;
+      }), 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(L).toLowerCase(), gt = String(S).toLowerCase();
-            return w === "asc" ? mt.localeCompare(gt) : gt.localeCompare(mt);
+            const mt = String(D).toLowerCase(), gt = String(A).toLowerCase();
+            return g === "asc" ? mt.localeCompare(gt) : gt.localeCompare(mt);
           }
         });
       }
       return i;
-    }), Z = (i, f) => d.value[`${i}:${f}`], q = (i, f, w) => {
-      const T = `${i}:${f}`, J = a.value[i];
-      d.value[T] !== w && (r.value[f] = !0), d.value[T] = w, o.value[f] = {
-        ...o.value[f],
-        [J.name]: w
+    }), 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, f, w) => {
-      const T = `${i}:${f}`;
-      d.value[T] !== w && (r.value[f] = !0, P.value[T] = w);
+    }, ne = (i, d, g) => {
+      const S = `${i}:${d}`;
+      f.value[S] !== g && (c.value[d] = !0, I.value[S] = g);
     }, ge = (i) => {
-      const f = a.value.indexOf(i) === a.value.length - 1, w = c.value.fullWidth ? i.resizable && !f : i.resizable;
+      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",
-        ...w && {
+        ...g && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, ve = (i, f) => {
+    }, ve = (i, d) => {
       if (i < 0 || i >= a.value.length) return;
-      const T = Math.max(f, 40);
+      const S = Math.max(d, 40);
       a.value[i] = {
         ...a.value[i],
-        width: `${T}px`
+        width: `${S}px`
       };
     }, Oe = (i) => {
-      const f = o.value[i];
-      return x.value && f.gantt !== void 0;
-    }, Ve = (i) => !R.value || v.value[i].isRoot || v.value[i].open, Be = (i) => !R.value && c.value.view !== "list-expansion" ? "" : R.value && (v.value[i].isRoot || v.value[i].isParent) ? v.value[i].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? v.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
-      if (R.value) {
-        const f = s.value[i] || {}, T = !(f.childrenOpen ?? v.value[i].childrenOpen);
+      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] = {
-          ...f,
-          childrenOpen: T
-        }, T || He(i);
-      } else if (c.value.view === "list-expansion") {
-        const f = s.value[i] || {}, w = f.expanded ?? v.value[i].expanded;
+          ...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] = {
-          ...f,
-          expanded: !w
+          ...d,
+          expanded: !g
         };
       }
     }, He = (i) => {
-      for (let f = 0; f < o.value.length; f++)
-        if (v.value[f].parent === i) {
-          const w = s.value[f] || {};
-          s.value[f] = {
-            ...w,
+      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(f);
+          }, He(d);
         }
-    }, C = (i, f) => {
-      const w = Z(i, f);
-      return H(i, f, w);
-    }, H = (i, f, w) => {
-      const T = a.value[i], J = o.value[f], L = T.format;
-      if (!L)
-        switch (T.fieldtype) {
+    }, 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 w ? "✓" : "✗";
+            return g ? "✓" : "✗";
           case "Date":
-            return w != null ? new Date(String(w)).toLocaleDateString() : w;
+            return g != null ? new Date(String(g)).toLocaleDateString() : g;
           case "Datetime":
-            return w != null ? new Date(String(w)).toLocaleString() : w;
+            return g != null ? new Date(String(g)).toLocaleString() : g;
           default:
-            return w;
+            return g;
         }
-      return typeof L == "function" ? L(w, { table: d.value, row: J, column: T }) : typeof L == "string" ? Function(`"use strict";return (${L})`)()(w, { table: d.value, row: J, column: T }) : w;
+      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 && y.value.parent?.contains(i.target) || y.value.visible && (y.value.visible = !1);
+      i.target instanceof Node && x.value.parent?.contains(i.target) || x.value.visible && (x.value.visible = !1);
     }, Q = (i) => {
-      const f = o.value[i.rowIndex]?.gantt;
-      f && (i.type === "resize" ? i.edge === "start" ? (f.startIndex = i.newStart, f.endIndex = i.end, f.colspan = f.endIndex - f.startIndex) : i.edge === "end" && (f.startIndex = i.start, f.endIndex = i.newEnd, f.colspan = f.endIndex - f.startIndex) : i.type === "bar" && (f.startIndex = i.newStart, f.endIndex = i.newEnd, f.colspan = f.endIndex - f.startIndex));
+      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 f = F.value.findIndex((w) => w.id === i.id);
-      f >= 0 ? F.value[f] = i : F.value.push(i);
+      const d = P.value.findIndex((g) => g.id === i.id);
+      d >= 0 ? P.value[d] = i : P.value.push(i);
     }, oe = (i) => {
-      const f = F.value.findIndex((w) => w.id === i);
-      f >= 0 && F.value.splice(f, 1);
+      const d = P.value.findIndex((g) => g.id === i);
+      d >= 0 && P.value.splice(d, 1);
     }, ye = (i) => {
-      const f = M.value.findIndex((w) => w.id === i.id);
-      f >= 0 ? M.value[f] = i : M.value.push(i);
+      const d = R.value.findIndex((g) => g.id === i.id);
+      d >= 0 ? R.value[d] = i : R.value.push(i);
     }, Re = (i) => {
-      const f = M.value.findIndex((w) => w.id === i);
-      f >= 0 && M.value.splice(f, 1);
-    }, $ = (i, f, w) => {
-      const T = M.value.find((S) => S.id === i), J = M.value.find((S) => S.id === f);
-      if (!T || !J)
+      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 L = {
-        id: `connection-${i}-${f}`,
+      const D = {
+        id: `connection-${i}-${d}`,
         from: {
-          barId: T.barId,
-          side: T.side
+          barId: S.barId,
+          side: S.side
         },
         to: {
           barId: J.barId,
           side: J.side
         },
-        style: w?.style,
-        label: w?.label
+        style: g?.style,
+        label: g?.label
       };
-      return h.value.push(L), L;
-    }, D = (i) => {
-      const f = h.value.findIndex((w) => w.id === i);
-      return f >= 0 ? (h.value.splice(f, 1), !0) : !1;
-    }, Y = (i) => h.value.filter((f) => f.from.barId === i || f.to.barId === i), G = (i) => M.value.filter((f) => f.barId === i), K = (i) => {
+      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 w;
-      m.value.column === i && m.value.direction === "asc" ? w = "desc" : w = "asc", m.value.column = i, m.value.direction = w;
-    }, te = (i, f) => {
-      !f.value && !f.startValue && !f.endValue ? delete g.value[i] : g.value[i] = f;
+      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 g.value[i];
-    }, ae = (i, f = "end") => {
-      const w = {};
+      delete m.value[i];
+    }, se = (i, d = "end") => {
+      const g = {};
       for (const J of a.value)
-        w[J.name] = "";
-      i && Object.assign(w, i);
-      let T;
-      return f === "start" ? (T = 0, o.value.unshift(w)) : f === "end" ? (T = o.value.length, o.value.push(w)) : (T = Math.max(0, Math.min(f, o.value.length)), o.value.splice(T, 0, w)), T;
+        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: c,
-      connectionHandles: M,
-      connectionPaths: h,
+      config: r,
+      connectionHandles: R,
+      connectionPaths: w,
       display: v,
-      filterState: g,
-      ganttBars: F,
-      modal: y,
+      filterState: m,
+      ganttBars: P,
+      modal: x,
       rows: o,
-      sortState: m,
-      table: d,
-      updates: P,
+      sortState: h,
+      table: f,
+      updates: I,
       // getters
-      filteredRows: V,
-      hasPinnedColumns: k,
-      isGanttView: x,
-      isTreeView: R,
-      isDependencyGraphEnabled: B,
+      filteredRows: Z,
+      hasPinnedColumns: C,
+      isGanttView: b,
+      isTreeView: p,
+      isDependencyGraphEnabled: O,
       numberedRowWidth: j,
-      zeroColumn: I,
+      zeroColumn: E,
       // resolver
       linkResolver: n,
       // actions
-      addRow: ae,
+      addRow: se,
       clearFilter: le,
       closeModal: W,
-      createConnection: $,
-      deleteConnection: D,
+      createConnection: T,
+      deleteConnection: V,
       deleteRow: (i) => {
         if (i < 0 || i >= o.value.length)
           return null;
-        const [f] = o.value.splice(i, 1);
-        delete r.value[i], delete s.value[i];
-        const w = {}, T = {};
-        for (const [J, L] of Object.entries(r.value)) {
-          const S = parseInt(J);
-          S > i ? w[S - 1] = L : w[S] = L;
+        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, L] of Object.entries(s.value)) {
-          const S = parseInt(J);
-          S > i ? T[S - 1] = L : T[S] = L;
+        for (const [J, D] of Object.entries(s.value)) {
+          const A = parseInt(J);
+          A > i ? S[A - 1] = D : S[A] = D;
         }
-        return r.value = w, s.value = T, f;
+        return c.value = g, s.value = S, d;
       },
       duplicateRow: (i) => {
         if (i < 0 || i >= o.value.length)
           return -1;
-        const f = o.value[i], w = JSON.parse(JSON.stringify(f)), T = i + 1;
-        return o.value.splice(T, 0, w), T;
+        const d = o.value[i], g = JSON.parse(JSON.stringify(d)), S = i + 1;
+        return o.value.splice(S, 0, g), S;
       },
-      getCellData: Z,
-      getCellDisplayValue: C,
+      getCellData: N,
+      getCellDisplayValue: M,
       getConnectionsForBar: Y,
-      getFormattedValue: H,
+      getFormattedValue: L,
       getHandlesForBar: G,
       getHeaderCellStyle: ge,
-      getIndent: Zo,
+      getIndent: No,
       getRowExpandSymbol: Be,
-      insertRowAbove: (i, f) => {
-        const w = Math.max(0, i);
-        return ae(f, w);
+      insertRowAbove: (i, d) => {
+        const g = Math.max(0, i);
+        return se(d, g);
       },
-      insertRowBelow: (i, f) => {
-        const w = Math.min(i + 1, o.value.length);
-        return ae(f, w);
+      insertRowBelow: (i, d) => {
+        const g = Math.min(i + 1, o.value.length);
+        return se(d, g);
       },
       isRowGantt: Oe,
       isRowVisible: Ve,
-      moveRow: (i, f) => {
-        if (i < 0 || i >= o.value.length || f < 0 || f >= o.value.length || i === f)
+      moveRow: (i, d) => {
+        if (i < 0 || i >= o.value.length || d < 0 || d >= o.value.length || i === d)
           return !1;
-        const [w] = o.value.splice(i, 1);
-        o.value.splice(f, 0, w);
-        const T = {}, J = {};
-        for (const [L, S] of Object.entries(r.value)) {
-          const U = parseInt(L);
+        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 = f : i < f ? U > i && U <= f && (ie = U - 1) : U >= f && U < i && (ie = U + 1), T[ie] = S;
+          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 [L, S] of Object.entries(s.value)) {
-          const U = parseInt(L);
+        for (const [D, A] of Object.entries(s.value)) {
+          const U = parseInt(D);
           let ie = U;
-          U === i ? ie = f : i < f ? U > i && U <= f && (ie = U - 1) : U >= f && U < i && (ie = U + 1), J[ie] = S;
+          U === i ? ie = d : i < d ? U > i && U <= d && (ie = U - 1) : U >= d && U < i && (ie = U + 1), J[ie] = A;
         }
-        return r.value = T, s.value = J, !0;
+        return c.value = S, s.value = J, !0;
       },
       registerConnectionHandle: ye,
       registerGanttBar: X,
@@ -2267,27 +2276,27 @@ const No = (e) => {
     };
   })();
 };
-function Fo(e) {
+function Wo(e) {
   return e.filter((t) => !t.hidden && t.fieldtype).map(({ fieldname: t, hidden: n, ...l }) => {
     const u = Object.assign({ name: t }, l);
     if (l.fieldtype === "Link" && !l.cellComponent) {
       const a = l, o = typeof a.doctype == "string" ? a.doctype : void 0;
-      o && (u.linkDoctype = o), l.format || (u.format = (c) => {
-        if (c == null) return "";
-        if (typeof c == "object") {
-          const r = c.displayText ?? c.id ?? "";
-          return typeof r == "string" || typeof r == "number" ? String(r) : "";
+      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(c);
+        return String(r);
       });
     }
     return u;
   });
 }
-const Wo = {
+const zo = {
   class: "atable-container",
   style: { position: "relative" }
-}, zo = /* @__PURE__ */ xe({
+}, Xo = /* @__PURE__ */ xe({
   __name: "ATable",
   props: /* @__PURE__ */ yt({
     id: { default: "" },
@@ -2300,28 +2309,28 @@ const Wo = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ yt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ 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"]),
   setup(e, { expose: t, emit: n }) {
-    const l = wt(e, "rows"), u = wt(e, "columns"), a = n, o = ce("table"), c = u.value?.length ? u.value : Fo(e.schema ?? []), r = qt("aformLinkResolver", null), s = No({
-      columns: c,
+    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,
       rows: l.value,
       id: e.id,
       config: e.config,
-      linkResolver: e.linkResolver ?? r
+      linkResolver: e.linkResolver ?? c
     });
-    s.$onAction(({ name: h, store: m, args: g, after: k }) => {
+    s.$onAction(({ name: h, store: m, args: C, after: b }) => {
       if (h === "setCellData" || h === "setCellText") {
-        const [x, R, B] = g, j = m.getCellData(x, R);
-        k(() => {
-          l.value = [...s.rows], a("cellUpdate", { colIndex: x, rowIndex: R, newValue: B, oldValue: j });
+        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 });
         });
       } else if (h === "updateGanttBar") {
-        const [x] = g;
-        let R = !1;
-        x.type === "resize" ? R = x.oldColspan !== x.newColspan : x.type === "bar" && (R = x.oldStart !== x.newStart || x.oldEnd !== x.newEnd), R && k(() => {
-          a("gantt:drag", x);
+        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 h === "resizeColumn" && k(() => {
+      } else h === "resizeColumn" && b(() => {
         u.value = [...s.columns], a("columns:update", [...s.columns]);
       });
     }), ue(
@@ -2339,18 +2348,18 @@ const Wo = {
     ), Ae(() => {
       u.value?.some((h) => h.pinned) && (v(), s.isTreeView && Lt(o, v, { childList: !0, subtree: !0 }));
     });
-    const d = E(() => s.columns.filter((h) => h.pinned).length), v = () => {
-      const h = o.value, m = h?.rows[0], g = h?.rows[1], k = m ? Array.from(m.cells) : [];
-      for (const [x, R] of k.entries()) {
-        const B = g?.cells[x];
-        B && (R.style.width = `${B.offsetWidth}px`);
+    const 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`);
       }
-      for (const x of h?.rows || []) {
-        let R = 0;
-        const B = [];
-        for (const j of x.cells)
-          (j.classList.contains("sticky-column") || j.classList.contains("sticky-index")) && (j.style.left = `${R}px`, R += j.offsetWidth, B.push(j));
-        B.length > 0 && B[B.length - 1].classList.add("sticky-column-edge");
+      for (const 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");
       }
     };
     window.addEventListener("keydown", (h) => {
@@ -2360,60 +2369,68 @@ const Wo = {
         m && at().then(() => m.focus());
       }
     });
-    const y = (h) => {
-      if (!h.gantt || d.value === 0)
+    const x = (h) => {
+      if (!h.gantt || f.value === 0)
         return s.columns;
       const m = [];
-      for (let g = 0; g < d.value; g++) {
-        const k = { ...s.columns[g] };
-        k.originalIndex = g, m.push(k);
+      for (let C = 0; C < f.value; C++) {
+        const b = { ...s.columns[C] };
+        b.originalIndex = C, m.push(b);
       }
       return m.push({
-        ...s.columns[d.value],
+        ...s.columns[f.value],
         isGantt: !0,
-        colspan: h.gantt?.colspan || s.columns.length - d.value,
-        originalIndex: d.value,
+        colspan: h.gantt?.colspan || s.columns.length - f.value,
+        originalIndex: f.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), m;
-    }, P = (h) => {
+    }, I = (h) => {
       a("connection:event", { type: "create", connection: h });
-    }, F = (h) => {
+    }, P = (h) => {
       a("connection:event", { type: "delete", connection: h });
-    }, M = (h, m) => {
+    }, R = (h, m) => {
+      const C = s.rows[h];
+      a("row:click", { row: C, rowIndex: h, event: m });
+    }, w = (h, m, C) => {
       switch (h) {
         case "add": {
-          const g = s.addRow({}, m + 1), k = s.rows[g];
-          l.value = [...s.rows], a("row:add", { rowIndex: g, row: k });
+          const b = s.addRow({}, m + 1), p = s.rows[b];
+          l.value = [...s.rows], a("row:add", { rowIndex: b, row: p });
           break;
         }
         case "delete": {
-          const g = s.deleteRow(m);
-          g && (l.value = [...s.rows], a("row:delete", { rowIndex: m, row: g }));
+          const b = s.deleteRow(m);
+          b && (l.value = [...s.rows], a("row:delete", { rowIndex: m, row: b }));
           break;
         }
         case "duplicate": {
-          const g = s.duplicateRow(m);
-          if (g >= 0) {
-            const k = s.rows[g];
-            l.value = [...s.rows], a("row:duplicate", { sourceIndex: m, newIndex: g, row: k });
+          const 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 });
           }
           break;
         }
         case "insertAbove": {
-          const g = s.insertRowAbove(m), k = s.rows[g];
-          l.value = [...s.rows], a("row:insert-above", { targetIndex: m, newIndex: g, row: k });
+          const b = s.insertRowAbove(m), p = s.rows[b];
+          l.value = [...s.rows], a("row:insert-above", { targetIndex: m, newIndex: b, row: p });
           break;
         }
         case "insertBelow": {
-          const g = s.insertRowBelow(m), k = s.rows[g];
-          l.value = [...s.rows], a("row:insert-below", { targetIndex: m, newIndex: g, row: k });
+          const b = s.insertRowBelow(m), p = s.rows[b];
+          l.value = [...s.rows], a("row:insert-below", { targetIndex: m, newIndex: b, row: p });
           break;
         }
         case "move": {
           a("row:move", { fromIndex: m, toIndex: -1 });
           break;
         }
+        case "open": {
+          const b = s.rows[m];
+          a("row:open", { row: b, rowIndex: m, event: C });
+          break;
+        }
       }
     };
     return t({
@@ -2429,59 +2446,60 @@ const Wo = {
       insertRowAbove: s.insertRowAbove,
       insertRowBelow: s.insertRowBelow,
       moveRow: s.moveRow
-    }), (h, m) => (p(), b("div", Wo, [
-      de((p(), b("table", {
+    }), (h, m) => (y(), k("div", zo, [
+      de((y(), k("table", {
         ref: "table",
         class: "atable",
         style: pe({
-          width: O(s).config.fullWidth ? "100%" : "auto"
+          width: B(s).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        fe(h.$slots, "header", { data: O(s) }, () => [
+        fe(h.$slots, "header", { data: B(s) }, () => [
           pt(Ot, {
-            columns: O(s).columns,
-            store: O(s)
+            columns: B(s).columns,
+            store: B(s)
           }, null, 8, ["columns", "store"])
         ], !0),
-        N("tbody", null, [
-          fe(h.$slots, "body", { data: O(s) }, () => [
-            (p(!0), b(me, null, Ce(O(s).filteredRows, (g, k) => (p(), he(Dt, {
-              key: `${g.originalIndex}-${k}`,
-              row: g,
-              "row-index": g.originalIndex,
-              store: O(s),
-              "onRow:action": M
+        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
             }, {
               default: xt(() => [
-                (p(!0), b(me, null, Ce(y(g), (x, R) => (p(), b(me, {
-                  key: x.name
+                (y(!0), k(me, null, Ce(x(C), (p, O) => (y(), k(me, {
+                  key: p.name
                 }, [
-                  x.isGantt ? (p(), he(Ne(x.ganttComponent || "AGanttCell"), {
+                  p.isGantt ? (y(), he(Ne(p.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: O(s),
-                    "columns-count": O(s).columns.length - d.value,
-                    color: g.gantt?.color,
-                    start: g.gantt?.startIndex,
-                    end: g.gantt?.endIndex,
-                    colspan: x.colspan,
-                    pinned: x.pinned,
-                    "row-index": g.originalIndex,
-                    "col-index": x.originalIndex ?? R,
+                    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,
                     style: pe({
-                      textAlign: x?.align || "center",
-                      minWidth: x?.width || "40ch",
-                      width: O(s).config.fullWidth ? "auto" : null
+                      textAlign: p?.align || "center",
+                      minWidth: p?.width || "40ch",
+                      width: B(s).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": P
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (p(), he(Ne(x.cellComponent || "ACell"), {
+                    "onConnection:create": I
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (y(), he(Ne(p.cellComponent || "ACell"), {
                     key: 1,
-                    store: O(s),
-                    pinned: x.pinned,
-                    "row-index": g.originalIndex,
-                    "col-index": R,
+                    store: B(s),
+                    pinned: p.pinned,
+                    "row-index": C.originalIndex,
+                    "col-index": O,
                     style: pe({
-                      textAlign: x?.align || "center",
-                      width: O(s).config.fullWidth ? "auto" : null
+                      textAlign: p?.align || "center",
+                      width: B(s).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
@@ -2491,53 +2509,53 @@ const Wo = {
             }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        fe(h.$slots, "footer", { data: O(s) }, void 0, !0),
-        fe(h.$slots, "modal", { data: O(s) }, () => [
-          de(pt(Vt, { store: O(s) }, {
+        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(() => [
-              (p(), he(Ne(O(s).modal.component), st({
-                key: `${O(s).modal.rowIndex}:${O(s).modal.colIndex}`,
-                "col-index": O(s).modal.colIndex,
-                "row-index": O(s).modal.rowIndex,
-                store: O(s)
-              }, O(s).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+              (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"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [it, O(s).modal.visible]
+            [it, B(s).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [O(ho), O(s).closeModal]
+        [B(mo), B(s).closeModal]
       ]),
-      O(s).isGanttView && O(s).isDependencyGraphEnabled ? (p(), he(Mo, {
+      B(s).isGanttView && B(s).isDependencyGraphEnabled ? (y(), he(Mo, {
         key: 0,
-        store: O(s),
-        "onConnection:delete": F
+        store: B(s),
+        "onConnection:delete": P
       }, null, 8, ["store"])) : ee("", !0)
     ]));
   }
-}), Xo = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-402a86ad"]]), Go = {}, jo = { class: "aloading" }, Yo = { class: "aloading-header" };
-function Uo(e, t) {
-  return p(), b("div", jo, [
-    N("h2", Yo, [
+}), 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)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = F("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Jo = /* @__PURE__ */ $e(Go, [["render", Uo], ["__scopeId", "data-v-a930a25b"]]), qo = {}, Qo = { class: "aloading" }, Ko = { class: "aloading-header" };
-function _o(e, t) {
-  return p(), b("div", Qo, [
-    N("h2", Ko, [
+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)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = F("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const el = /* @__PURE__ */ $e(qo, [["render", _o], ["__scopeId", "data-v-e1165876"]]);
-function il(e) {
-  e.component("ACell", Bn), e.component("AExpansionRow", Wn), e.component("AGanttCell", Jn), e.component("ARow", Dt), e.component("ARowActions", Ue), e.component("ATable", Xo), e.component("ATableHeader", Ot), e.component("ATableLoading", Jo), e.component("ATableLoadingBar", el), e.component("ATableModal", Vt);
+const 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);
 }
 export {
   Bn as ACell,
@@ -2545,10 +2563,10 @@ export {
   Jn as AGanttCell,
   Dt as ARow,
   Ue as ARowActions,
-  Xo as ATable,
+  Go as ATable,
   Ot as ATableHeader,
-  Jo as ATableLoading,
-  el as ATableLoadingBar,
+  qo as ATableLoading,
+  tl as ATableLoadingBar,
   Vt as ATableModal,
   qn as AddIcon,
   Qn as DeleteIcon,
@@ -2556,9 +2574,10 @@ export {
   _n as InsertAboveIcon,
   eo as InsertBelowIcon,
   to as MoveIcon,
-  no as actionIcons,
-  No as createTableStore,
-  il as install,
-  Fo as schemaToColumns
+  no as OpenIcon,
+  oo as actionIcons,
+  Fo as createTableStore,
+  rl as install,
+  Wo as schemaToColumns
 };
 //# sourceMappingURL=atable.js.map