@stonecrop/atable 0.18.0 → 0.19.0

package/dist/atable.js

@@ -1,13 +1,13 @@
-import { ref as E, computed as B, defineComponent as ce, useTemplateRef as ne, onMounted as Ne, openBlock as h, createElementBlock as w, unref as A, normalizeClass as J, normalizeStyle as se, createBlock as oe, resolveDynamicComponent as me, mergeProps as Oe, toDisplayString as ie, nextTick as Ye, useCssVars as nt, onUnmounted as ot, createElementVNode as V, withModifiers as fe, createCommentVNode as G, withDirectives as te, Fragment as ae, renderList as re, vShow as Le, renderSlot as le, reactive as lt, vModelText as ge, vModelCheckbox as at, vModelSelect as st, createTextVNode as it, useModel as Xe, inject as rt, watch as Ge, createVNode as We, withCtx as je, mergeModels as Ue } from "vue";
+import { ref as E, computed as Z, defineComponent as ce, useTemplateRef as ne, onMounted as Ne, openBlock as h, createElementBlock as w, unref as A, normalizeClass as J, normalizeStyle as se, createBlock as oe, resolveDynamicComponent as me, mergeProps as Oe, toDisplayString as ie, nextTick as Ye, useCssVars as nt, onUnmounted as ot, createElementVNode as V, withModifiers as fe, createCommentVNode as W, withDirectives as te, Fragment as ae, renderList as re, vShow as Le, renderSlot as le, reactive as lt, vModelText as ge, vModelCheckbox as at, vModelSelect as st, createTextVNode as it, useModel as Xe, inject as rt, watch as Ge, createVNode as We, withCtx as je, mergeModels as Ue } from "vue";
 import { defaultKeypressHandlers as Ve, useKeyboardNav as qe } from "@stonecrop/utilities";
-import { useDebounceFn as ct, useElementBounding as ve, useDraggable as Te, useResizeObserver as dt, onClickOutside as ut, useMutationObserver as vt } from "@vueuse/core";
-import { defineStore as ft } from "pinia";
-import { componentCategory as Re } from "@stonecrop/schema";
-import { vResizeObserver as ht, vOnClickOutside as gt } from "@vueuse/components";
-import './assets/index.css';const mt = (e) => {
+import { componentCategory as Re, linkDisplayFieldname as ct } from "@stonecrop/schema";
+import { useDebounceFn as dt, useElementBounding as ve, useDraggable as Te, useResizeObserver as ut, onClickOutside as vt, useMutationObserver as ft } from "@vueuse/core";
+import { defineStore as ht } from "pinia";
+import { vResizeObserver as gt, vOnClickOutside as mt } from "@vueuse/components";
+import './assets/index.css';const wt = (e) => {
   const k = new DOMParser().parseFromString(e, "text/html");
   return Array.from(k.body.childNodes).some((i) => i.nodeType === 1);
-}, wt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Je = (e) => {
+}, xt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Je = (e) => {
   if (e == null) return "";
   if (typeof e == "object") {
     const k = e.qty ?? "", i = e.uom ?? "";
@@ -38,7 +38,7 @@ function Ke(e, k) {
   const u = i.parent;
   return u < 0 || u >= k.length ? !1 : (k[u].childrenOpen || !1) && Ke(u, k);
 }
-function xt(e, k, i) {
+function bt(e, k, i) {
   const u = i.filterType || "text", M = k.value;
   if (!M && u !== "dateRange" && u !== "checkbox") return !0;
   switch (u) {
@@ -55,8 +55,8 @@ function xt(e, k, i) {
     case "date": {
       let s;
       if (typeof e == "number") {
-        const c = new Date(e), v = (/* @__PURE__ */ new Date()).getFullYear();
-        s = new Date(v, c.getMonth(), c.getDate());
+        const r = new Date(e), v = (/* @__PURE__ */ new Date()).getFullYear();
+        s = new Date(v, r.getMonth(), r.getDate());
       } else
         s = new Date(String(e));
       const l = new Date(String(M));
@@ -65,37 +65,37 @@ function xt(e, k, i) {
     case "dateRange": {
       const s = k.startValue, l = k.endValue;
       if (!s && !l) return !0;
-      let c;
+      let r;
       if (typeof e == "number") {
         const v = new Date(e), n = (/* @__PURE__ */ new Date()).getFullYear();
-        c = new Date(n, v.getMonth(), v.getDate());
+        r = new Date(n, v.getMonth(), v.getDate());
       } else
-        c = new Date(String(e));
-      return !(s && c < new Date(String(s)) || l && c > new Date(String(l)));
+        r = new Date(String(e));
+      return !(s && r < new Date(String(s)) || l && r > new Date(String(l)));
     }
     default:
       return !0;
   }
 }
-function bt(e, k) {
+function yt(e, k) {
   return k && e === 0 && k > 0 ? `${k}ch` : "inherit";
 }
-const yt = (e) => {
-  const k = e.id || wt(), i = e.linkResolver ?? null;
-  return ft(`table-${k}`, () => {
+const Ct = (e) => {
+  const k = e.id || xt(), i = e.linkResolver ?? null;
+  return ht(`table-${k}`, () => {
     const M = () => {
       const t = [Object.assign({}, { rowModified: !1 })], o = /* @__PURE__ */ new Set();
       for (let D = 0; D < l.value.length; D++) {
         const R = l.value[D];
         R.parent !== null && R.parent !== void 0 && o.add(R.parent);
       }
-      const r = (D) => l.value[D]?.gantt !== void 0, S = (D) => {
+      const c = (D) => l.value[D]?.gantt !== void 0, S = (D) => {
         for (let R = 0; R < l.value.length; R++)
-          if (l.value[R].parent === D && (r(R) || S(R)))
+          if (l.value[R].parent === D && (c(R) || S(R)))
             return !0;
         return !1;
-      }, P = (D) => {
-        const R = c.value, N = R.view === "tree" || R.view === "tree-gantt" ? R.defaultTreeExpansion : void 0;
+      }, F = (D) => {
+        const R = r.value, N = R.view === "tree" || R.view === "tree-gantt" ? R.defaultTreeExpansion : void 0;
         if (!N) return !0;
         switch (N) {
           case "root":
@@ -113,7 +113,7 @@ const yt = (e) => {
       for (let D = 0; D < l.value.length; D++) {
         const R = l.value[D], N = R.parent === null || R.parent === void 0, K = o.has(D);
         t[D] = {
-          childrenOpen: P(D),
+          childrenOpen: F(D),
           expanded: !1,
           indent: R.indent || 0,
           isParent: K,
@@ -125,13 +125,13 @@ const yt = (e) => {
         };
       }
       return t;
-    }, s = E(e.columns), l = E(e.rows), c = E(e.config || {}), v = E({}), n = E({}), C = B(() => {
+    }, s = E(e.columns), l = E(e.rows), r = E(e.config || {}), v = E({}), n = E({}), C = Z(() => {
       const t = {};
-      for (const [o, r] of s.value.entries())
-        for (const [S, P] of l.value.entries())
-          t[`${o}:${S}`] = P[r.name];
+      for (const [o, c] of s.value.entries())
+        for (const [S, F] of l.value.entries())
+          t[`${o}:${S}`] = F[c.name];
       return t;
-    }), d = B({
+    }), d = Z({
       get: () => {
         const t = M();
         for (let o = 0; o < t.length; o++)
@@ -144,57 +144,57 @@ const yt = (e) => {
       set: (t) => {
         JSON.stringify(t) !== JSON.stringify(d.value) && (d.value = t);
       }
-    }), m = E(e.modal || { visible: !1 }), U = E({}), W = E([]), b = E([]), $ = E([]), a = E({
+    }), m = E(e.modal || { visible: !1 }), Y = E({}), j = E([]), b = E([]), $ = E([]), a = E({
       column: null,
       direction: null
-    }), f = E({}), x = B(() => s.value.some((t) => t.pinned)), y = B(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), g = B(() => c.value.view === "tree" || c.value.view === "tree-gantt"), T = B(() => {
-      const t = c.value;
+    }), f = E({}), x = Z(() => s.value.some((t) => t.pinned)), y = Z(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), g = Z(() => r.value.view === "tree" || r.value.view === "tree-gantt"), T = Z(() => {
+      const t = r.value;
       return t.view === "gantt" || t.view === "tree-gantt" ? t.dependencyGraph !== !1 : !0;
-    }), O = B(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), p = B(
-      () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
-    ), Z = B(() => {
-      let t = l.value.map((o, r) => ({
+    }), O = Z(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), p = Z(
+      () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
+    ), H = Z(() => {
+      let t = l.value.map((o, c) => ({
         ...o,
-        originalIndex: r
+        originalIndex: c
       }));
-      if (Object.entries(f.value).forEach(([o, r]) => {
-        const S = parseInt(o), P = s.value[S];
-        !P || !(r.value || r.startValue || r.endValue || P.filterType === "checkbox" && r.value !== void 0) || (t = t.filter((R) => {
-          const N = R[P.name];
-          return xt(N, r, P);
+      if (Object.entries(f.value).forEach(([o, c]) => {
+        const S = parseInt(o), F = s.value[S];
+        !F || !(c.value || c.startValue || c.endValue || F.filterType === "checkbox" && c.value !== void 0) || (t = t.filter((R) => {
+          const N = R[F.name];
+          return bt(N, c, F);
         }));
       }), a.value.column !== null && a.value.direction) {
-        const o = s.value[a.value.column], r = a.value.direction;
-        t.sort((S, P) => {
-          let D = S[o.name], R = P[o.name];
+        const o = s.value[a.value.column], c = a.value.direction;
+        t.sort((S, F) => {
+          let D = S[o.name], R = F[o.name];
           D == null && (D = ""), R == null && (R = "");
           const N = Ee(D), K = Ee(R);
           if (!isNaN(N) && !isNaN(K) && D !== "" && R !== "")
-            return r === "asc" ? N - K : K - N;
+            return c === "asc" ? N - K : K - N;
           {
             const Pe = String(D).toLowerCase(), ze = String(R).toLowerCase();
-            return r === "asc" ? Pe.localeCompare(ze) : ze.localeCompare(Pe);
+            return c === "asc" ? Pe.localeCompare(ze) : ze.localeCompare(Pe);
           }
         });
       }
       return t;
-    }), L = (t, o) => C.value[`${t}:${o}`], X = (t, o, r) => {
-      const S = `${t}:${o}`, P = s.value[t];
-      C.value[S] !== r && (v.value[o] = !0), C.value[S] = r, l.value[o] = {
+    }), X = (t, o) => C.value[`${t}:${o}`], P = (t, o, c) => {
+      const S = `${t}:${o}`, F = s.value[t];
+      C.value[S] !== c && (v.value[o] = !0), C.value[S] = c, l.value[o] = {
         ...l.value[o],
-        [P.name]: r
+        [F.name]: c
       };
-    }, Y = (t) => {
+    }, G = (t) => {
       l.value = t;
-    }, ee = (t, o, r) => {
+    }, ee = (t, o, c) => {
       const S = `${t}:${o}`;
-      C.value[S] !== r && (v.value[o] = !0, U.value[S] = r);
+      C.value[S] !== c && (v.value[o] = !0, Y.value[S] = c);
     }, de = (t) => {
-      const o = s.value.indexOf(t) === s.value.length - 1, r = c.value.fullWidth ? t.resizable && !o : t.resizable;
+      const o = s.value.indexOf(t) === s.value.length - 1, c = r.value.fullWidth ? t.resizable && !o : t.resizable;
       return {
         width: t.width || "40ch",
         textAlign: t.align || "center",
-        ...r && {
+        ...c && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
@@ -210,59 +210,59 @@ const yt = (e) => {
     }, $e = (t) => {
       const o = l.value[t];
       return y.value && o.gantt !== void 0;
-    }, Ie = (t) => !g.value || d.value[t].isRoot || d.value[t].open, Se = (t) => !g.value && c.value.view !== "list-expansion" ? "" : g.value && (d.value[t].isRoot || d.value[t].isParent) ? d.value[t].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? d.value[t].expanded ? "▼" : "►" : "", De = (t) => {
+    }, Ie = (t) => !g.value || d.value[t].isRoot || d.value[t].open, Se = (t) => !g.value && r.value.view !== "list-expansion" ? "" : g.value && (d.value[t].isRoot || d.value[t].isParent) ? d.value[t].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? d.value[t].expanded ? "▼" : "►" : "", De = (t) => {
       if (g.value) {
         const o = n.value[t] || {}, S = !(o.childrenOpen ?? d.value[t].childrenOpen);
         n.value[t] = {
           ...o,
           childrenOpen: S
         }, S || we(t);
-      } else if (c.value.view === "list-expansion") {
-        const o = n.value[t] || {}, r = o.expanded ?? d.value[t].expanded;
+      } else if (r.value.view === "list-expansion") {
+        const o = n.value[t] || {}, c = o.expanded ?? d.value[t].expanded;
         n.value[t] = {
           ...o,
-          expanded: !r
+          expanded: !c
         };
       }
     }, we = (t) => {
       for (let o = 0; o < l.value.length; o++)
         if (d.value[o].parent === t) {
-          const r = n.value[o] || {};
+          const c = n.value[o] || {};
           n.value[o] = {
-            ...r,
+            ...c,
             childrenOpen: !1
           }, we(o);
         }
     }, Ae = (t, o) => {
-      const r = L(t, o);
-      return xe(t, o, r);
-    }, xe = (t, o, r) => {
-      const S = s.value[t], P = l.value[o], D = S.format;
+      const c = X(t, o);
+      return xe(t, o, c);
+    }, xe = (t, o, c) => {
+      const S = s.value[t], F = l.value[o], D = S.format;
       if (!D) {
         const R = Re(S.component);
-        return R === "boolean" ? r ? "✓" : "✗" : R === "date" ? r != null ? new Date(String(r)).toLocaleDateString() : r : R === "datetime" ? r != null ? new Date(String(r)).toLocaleString() : r : R === "quantity" ? Je(r) : R === "currency" ? Qe(r) : r;
+        return R === "boolean" ? c ? "✓" : "✗" : R === "date" ? c != null ? new Date(String(c)).toLocaleDateString() : c : R === "datetime" ? c != null ? new Date(String(c)).toLocaleString() : c : R === "quantity" ? Je(c) : R === "currency" ? Qe(c) : c;
       }
-      return typeof D == "function" ? D(r, { table: C.value, row: P, column: S }) : typeof D == "string" ? Function(`"use strict";return (${D})`)()(r, { table: C.value, row: P, column: S }) : r;
+      return typeof D == "function" ? D(c, { table: C.value, row: F, column: S }) : typeof D == "string" ? Function(`"use strict";return (${D})`)()(c, { table: C.value, row: F, column: S }) : c;
     }, He = (t) => {
       t.target instanceof Node && m.value.parent?.contains(t.target) || m.value.visible && (m.value.visible = !1);
     }, Be = (t) => {
       const o = l.value[t.rowIndex]?.gantt;
       o && (t.type === "resize" ? t.edge === "start" ? (o.startIndex = t.newStart, o.endIndex = t.end, o.colspan = o.endIndex - o.startIndex) : t.edge === "end" && (o.startIndex = t.start, o.endIndex = t.newEnd, o.colspan = o.endIndex - o.startIndex) : t.type === "bar" && (o.startIndex = t.newStart, o.endIndex = t.newEnd, o.colspan = o.endIndex - o.startIndex));
     }, be = (t) => {
-      const o = W.value.findIndex((r) => r.id === t.id);
-      o >= 0 ? W.value[o] = t : W.value.push(t);
+      const o = j.value.findIndex((c) => c.id === t.id);
+      o >= 0 ? j.value[o] = t : j.value.push(t);
     }, ye = (t) => {
-      const o = W.value.findIndex((r) => r.id === t);
-      o >= 0 && W.value.splice(o, 1);
+      const o = j.value.findIndex((c) => c.id === t);
+      o >= 0 && j.value.splice(o, 1);
     }, Ce = (t) => {
-      const o = b.value.findIndex((r) => r.id === t.id);
+      const o = b.value.findIndex((c) => c.id === t.id);
       o >= 0 ? b.value[o] = t : b.value.push(t);
     }, pe = (t) => {
-      const o = b.value.findIndex((r) => r.id === t);
+      const o = b.value.findIndex((c) => c.id === t);
       o >= 0 && b.value.splice(o, 1);
-    }, I = (t, o, r) => {
-      const S = b.value.find((R) => R.id === t), P = b.value.find((R) => R.id === o);
-      if (!S || !P)
+    }, I = (t, o, c) => {
+      const S = b.value.find((R) => R.id === t), F = b.value.find((R) => R.id === o);
+      if (!S || !F)
         return console.warn("Cannot create connection: handle not found"), null;
       const D = {
         id: `connection-${t}-${o}`,
@@ -271,48 +271,48 @@ const yt = (e) => {
           side: S.side
         },
         to: {
-          barId: P.barId,
-          side: P.side
+          barId: F.barId,
+          side: F.side
         },
-        style: r?.style,
-        label: r?.label
+        style: c?.style,
+        label: c?.label
       };
       return $.value.push(D), D;
-    }, H = (t) => {
-      const o = $.value.findIndex((r) => r.id === t);
+    }, B = (t) => {
+      const o = $.value.findIndex((c) => c.id === t);
       return o >= 0 ? ($.value.splice(o, 1), !0) : !1;
-    }, z = (t) => $.value.filter((o) => o.from.barId === t || o.to.barId === t), F = (t) => b.value.filter((o) => o.barId === t), j = (t) => {
+    }, z = (t) => $.value.filter((o) => o.from.barId === t || o.to.barId === t), L = (t) => b.value.filter((o) => o.barId === t), U = (t) => {
       if (s.value[t].sortable === !1) return;
-      let r;
-      a.value.column === t && a.value.direction === "asc" ? r = "desc" : r = "asc", a.value.column = t, a.value.direction = r;
+      let c;
+      a.value.column === t && a.value.direction === "asc" ? c = "desc" : c = "asc", a.value.column = t, a.value.direction = c;
     }, q = (t, o) => {
       !o.value && !o.startValue && !o.endValue ? delete f.value[t] : f.value[t] = o;
     }, _ = (t) => {
       delete f.value[t];
     }, Q = (t, o = "end") => {
-      const r = {};
-      for (const P of s.value)
-        r[P.name] = "";
-      t && Object.assign(r, t);
+      const c = {};
+      for (const F of s.value)
+        c[F.name] = "";
+      t && Object.assign(c, t);
       let S;
-      return o === "start" ? (S = 0, l.value.unshift(r)) : o === "end" ? (S = l.value.length, l.value.push(r)) : (S = Math.max(0, Math.min(o, l.value.length)), l.value.splice(S, 0, r)), S;
+      return o === "start" ? (S = 0, l.value.unshift(c)) : o === "end" ? (S = l.value.length, l.value.push(c)) : (S = Math.max(0, Math.min(o, l.value.length)), l.value.splice(S, 0, c)), S;
     };
     return {
       // state
       columns: s,
-      config: c,
+      config: r,
       connectionHandles: b,
       connectionPaths: $,
       display: d,
       filterState: f,
-      ganttBars: W,
+      ganttBars: j,
       modal: m,
       rows: l,
       sortState: a,
       table: C,
-      updates: U,
+      updates: Y,
       // getters
-      filteredRows: Z,
+      filteredRows: H,
       hasPinnedColumns: x,
       isGanttView: y,
       isTreeView: g,
@@ -326,52 +326,52 @@ const yt = (e) => {
       clearFilter: _,
       closeModal: He,
       createConnection: I,
-      deleteConnection: H,
+      deleteConnection: B,
       deleteRow: (t) => {
         if (t < 0 || t >= l.value.length)
           return null;
         const [o] = l.value.splice(t, 1);
         delete v.value[t], delete n.value[t];
-        const r = {}, S = {};
-        for (const [P, D] of Object.entries(v.value)) {
-          const R = parseInt(P);
-          R > t ? r[R - 1] = D : r[R] = D;
+        const c = {}, S = {};
+        for (const [F, D] of Object.entries(v.value)) {
+          const R = parseInt(F);
+          R > t ? c[R - 1] = D : c[R] = D;
         }
-        for (const [P, D] of Object.entries(n.value)) {
-          const R = parseInt(P);
+        for (const [F, D] of Object.entries(n.value)) {
+          const R = parseInt(F);
           R > t ? S[R - 1] = D : S[R] = D;
         }
-        return v.value = r, n.value = S, o;
+        return v.value = c, n.value = S, o;
       },
       duplicateRow: (t) => {
         if (t < 0 || t >= l.value.length)
           return -1;
-        const o = l.value[t], r = JSON.parse(JSON.stringify(o)), S = t + 1;
-        return l.value.splice(S, 0, r), S;
+        const o = l.value[t], c = JSON.parse(JSON.stringify(o)), S = t + 1;
+        return l.value.splice(S, 0, c), S;
       },
-      getCellData: L,
+      getCellData: X,
       getCellDisplayValue: Ae,
       getConnectionsForBar: z,
       getFormattedValue: xe,
-      getHandlesForBar: F,
+      getHandlesForBar: L,
       getHeaderCellStyle: de,
       getRowExpandSymbol: Se,
       insertRowAbove: (t, o) => {
-        const r = Math.max(0, t);
-        return Q(o, r);
+        const c = Math.max(0, t);
+        return Q(o, c);
       },
       insertRowBelow: (t, o) => {
-        const r = Math.min(t + 1, l.value.length);
-        return Q(o, r);
+        const c = Math.min(t + 1, l.value.length);
+        return Q(o, c);
       },
       isRowGantt: $e,
       isRowVisible: Ie,
       moveRow: (t, o) => {
         if (t < 0 || t >= l.value.length || o < 0 || o >= l.value.length || t === o)
           return !1;
-        const [r] = l.value.splice(t, 1);
-        l.value.splice(o, 0, r);
-        const S = {}, P = {};
+        const [c] = l.value.splice(t, 1);
+        l.value.splice(o, 0, c);
+        const S = {}, F = {};
         for (const [D, R] of Object.entries(v.value)) {
           const N = parseInt(D);
           let K = N;
@@ -380,25 +380,25 @@ const yt = (e) => {
         for (const [D, R] of Object.entries(n.value)) {
           const N = parseInt(D);
           let K = N;
-          N === t ? K = o : t < o ? N > t && N <= o && (K = N - 1) : N >= o && N < t && (K = N + 1), P[K] = R;
+          N === t ? K = o : t < o ? N > t && N <= o && (K = N - 1) : N >= o && N < t && (K = N + 1), F[K] = R;
         }
-        return v.value = S, n.value = P, !0;
+        return v.value = S, n.value = F, !0;
       },
       registerConnectionHandle: Ce,
       registerGanttBar: be,
       resizeColumn: ue,
-      setCellData: X,
+      setCellData: P,
       setCellText: ee,
       setFilter: q,
-      sortByColumn: j,
+      sortByColumn: U,
       toggleRowExpand: De,
       unregisterConnectionHandle: pe,
       unregisterGanttBar: ye,
       updateGanttBar: Be,
-      updateRows: Y
+      updateRows: G
     };
   })();
-}, Ct = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], pt = ["innerHTML"], kt = { key: 2 }, Mt = /* @__PURE__ */ ce({
+}, pt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], kt = ["innerHTML"], Mt = { key: 2 }, Rt = /* @__PURE__ */ ce({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -410,32 +410,36 @@ const yt = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: k }) {
-    const i = ne("cell"), u = e.store.getCellData(e.colIndex, e.rowIndex), M = E(""), s = E(!1), l = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], v = l.align || "center", n = l.width || "40ch", C = B(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = E(null);
+    const i = ne("cell"), u = e.store.getCellData(e.colIndex, e.rowIndex), M = E(""), s = E(!1), l = e.store.columns[e.colIndex], r = e.store.rows[e.rowIndex], v = l.align || "center", n = l.width || "40ch", C = Z(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = E(null);
     Ne(() => {
       if (!l.linkDoctype) return;
-      const p = e.store.getCellData(e.colIndex, e.rowIndex);
+      const p = e.store.getCellData(e.colIndex, e.rowIndex), H = r?.[ct(l.name)];
+      if (typeof H == "string" || typeof H == "number") {
+        d.value = String(H);
+        return;
+      }
       if (p != null && typeof p == "object") {
-        const L = p, X = L.displayText ?? L.id;
-        (typeof X == "string" || typeof X == "number") && (d.value = String(X));
+        const P = p, G = P.displayText ?? P.id;
+        (typeof G == "string" || typeof G == "number") && (d.value = String(G));
         return;
       }
-      const Z = e.store.linkResolver;
-      !Z || typeof p != "string" || p === "" || Z(l.linkDoctype, p).then((L) => (L != null && (d.value = L), L));
+      const X = e.store.linkResolver;
+      !X || typeof p != "string" || p === "" || X(l.linkDoctype, p).then((P) => (P != null && (d.value = P), P));
     });
-    const m = B(() => d.value ?? C.value), U = B(() => typeof m.value == "string" ? mt(m.value) : !1), W = B(() => ({
+    const m = Z(() => d.value ?? C.value), Y = Z(() => typeof m.value == "string" ? wt(m.value) : !1), j = Z(() => ({
       textAlign: v,
       width: n,
       fontWeight: s.value ? "bold" : "inherit",
-      paddingLeft: bt(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), b = B(() => ({
+      paddingLeft: yt(e.colIndex, e.store.display[e.rowIndex]?.indent)
+    })), b = Z(() => ({
       "sticky-column": e.pinned,
       "cell-modified": s.value
     })), $ = () => {
       f(), a();
     }, a = () => {
-      const { left: p, bottom: Z, width: L, height: X } = ve(i);
-      l.mask, l.modalComponent && e.store.$patch((Y) => {
-        Y.modal.visible = !0, Y.modal.colIndex = e.colIndex, Y.modal.rowIndex = e.rowIndex, Y.modal.left = p.value, Y.modal.bottom = Z.value, Y.modal.width = L.value, Y.modal.height = X.value, Y.modal.cell = i.value, typeof l.modalComponent == "function" ? Y.modal.component = l.modalComponent({ table: e.store.table, row: c, column: l }) : Y.modal.component = l.modalComponent, Y.modal.componentProps = l.modalComponentExtraProps;
+      const { left: p, bottom: H, width: X, height: P } = ve(i);
+      l.mask, l.modalComponent && e.store.$patch((G) => {
+        G.modal.visible = !0, G.modal.colIndex = e.colIndex, G.modal.rowIndex = e.rowIndex, G.modal.left = p.value, G.modal.bottom = H.value, G.modal.width = X.value, G.modal.height = P.value, G.modal.cell = i.value, typeof l.modalComponent == "function" ? G.modal.component = l.modalComponent({ table: e.store.table, row: r, column: l }) : G.modal.component = l.modalComponent, G.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -462,8 +466,8 @@ const yt = (e) => {
         const p = window.getSelection();
         if (p)
           try {
-            const Z = document.createRange();
-            Z.selectNodeContents && (Z.selectNodeContents(i.value), p.removeAllRanges(), p.addRange(Z));
+            const H = document.createRange();
+            H.selectNodeContents && (H.selectNodeContents(i.value), p.removeAllRanges(), p.addRange(H));
           } catch {
           }
       }
@@ -473,9 +477,9 @@ const yt = (e) => {
       try {
         const p = window.getSelection();
         if (p && p.rangeCount > 0 && i.value) {
-          const Z = p.getRangeAt(0), L = Z.cloneRange();
-          if (L.selectNodeContents && L.setEnd)
-            return L.selectNodeContents(i.value), L.setEnd(Z.endContainer, Z.endOffset), L.toString().length;
+          const H = p.getRangeAt(0), X = H.cloneRange();
+          if (X.selectNodeContents && X.setEnd)
+            return X.selectNodeContents(i.value), X.setEnd(H.endContainer, H.endOffset), X.toString().length;
         }
       } catch {
       }
@@ -483,34 +487,34 @@ const yt = (e) => {
     }, g = (p) => {
       if (i.value)
         try {
-          const Z = window.getSelection();
-          if (!Z) return;
-          let L = 0;
-          const X = document.createTreeWalker ? document.createTreeWalker(i.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!X) return;
-          let Y, ee = null;
-          for (; Y = X.nextNode(); ) {
-            const de = Y, ue = L + de.textContent.length;
+          const H = window.getSelection();
+          if (!H) return;
+          let X = 0;
+          const P = document.createTreeWalker ? document.createTreeWalker(i.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!P) return;
+          let G, ee = null;
+          for (; G = P.nextNode(); ) {
+            const de = G, ue = X + de.textContent.length;
             if (p <= ue && (ee = document.createRange(), ee.setStart && ee.setEnd)) {
-              ee.setStart(de, p - L), ee.setEnd(de, p - L);
+              ee.setStart(de, p - X), ee.setEnd(de, p - X);
               break;
             }
-            L = ue;
+            X = ue;
           }
-          ee && Z.removeAllRanges && Z.addRange && (Z.removeAllRanges(), Z.addRange(ee));
+          ee && H.removeAllRanges && H.addRange && (H.removeAllRanges(), H.addRange(ee));
         } catch {
         }
     }, T = (p) => {
       if (!l.edit) return;
-      const Z = p.target;
-      if (Z.textContent === M.value)
+      const H = p.target;
+      if (H.textContent === M.value)
         return;
-      const L = y();
-      M.value = Z.textContent, l.format ? (s.value = Z.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, u), e.store.setCellText(e.colIndex, e.rowIndex, Z.textContent)) : (s.value = Z.textContent !== u, e.store.setCellData(e.colIndex, e.rowIndex, Z.textContent)), Ye().then(() => g(L));
-    }, O = ct(T, e.debounce);
+      const X = y();
+      M.value = H.textContent, l.format ? (s.value = H.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, u), e.store.setCellText(e.colIndex, e.rowIndex, H.textContent)) : (s.value = H.textContent !== u, e.store.setCellData(e.colIndex, e.rowIndex, H.textContent)), Ye().then(() => g(X));
+    }, O = dt(T, e.debounce);
     return k({
       currentData: M
-    }), (p, Z) => (h(), w("td", {
+    }), (p, H) => (h(), w("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
@@ -518,30 +522,30 @@ const yt = (e) => {
       contenteditable: A(l).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: se(W.value),
+      style: se(j.value),
       class: J(["atable-cell", b.value]),
       onFocus: x,
       onPaste: T,
-      onInput: Z[0] || (Z[0] = //@ts-ignore
-      (...L) => A(O) && A(O)(...L)),
+      onInput: H[0] || (H[0] = //@ts-ignore
+      (...X) => A(O) && A(O)(...X)),
       onClick: $
     }, [
       A(l).cellComponent ? (h(), oe(me(A(l).cellComponent), Oe({
         key: 0,
         value: m.value
-      }, A(l).cellComponentProps), null, 16, ["value"])) : U.value ? (h(), w("span", {
+      }, A(l).cellComponentProps), null, 16, ["value"])) : Y.value ? (h(), w("span", {
         key: 1,
         innerHTML: m.value
-      }, null, 8, pt)) : (h(), w("span", kt, ie(m.value), 1))
-    ], 46, Ct));
+      }, null, 8, kt)) : (h(), w("span", Mt, ie(m.value), 1))
+    ], 46, pt));
   }
-}), Rt = ["colspan"], $t = {
+}), $t = ["colspan"], It = {
   ref: "container",
   class: "gantt-container"
-}, It = ["data-rowindex", "data-colindex"], St = {
+}, St = ["data-rowindex", "data-colindex"], Dt = {
   key: 2,
   class: "gantt-label"
-}, Dt = ["x1", "y1", "x2", "y2"], At = /* @__PURE__ */ ce({
+}, At = ["x1", "y1", "x2", "y2"], Ht = /* @__PURE__ */ ce({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -560,14 +564,14 @@ const yt = (e) => {
       v564d6da1: M.value,
       v4f540c19: I.colspan
     }));
-    const u = i, M = E(e.color.length >= 6 ? e.color : "#cccccc"), s = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = ne("container"), c = ne("bar"), v = ne("leftResizeHandle"), n = ne("rightResizeHandle"), C = ne("leftConnectionHandle"), d = ne("rightConnectionHandle"), { width: m } = ve(l), { left: U, right: W } = ve(c), b = E(e.start), $ = E(e.end || b.value + e.colspan), a = E(!1), f = E(!1), x = E(!1), y = E(!1), g = E(!1), T = E({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = B(() => de.value || Y.value || ee.value), p = B(() => e.colspan > 0 ? m.value / e.colspan : 0), Z = B(() => {
-      const I = b.value / e.colspan * 100, H = $.value / e.colspan * 100;
+    const u = i, M = E(e.color.length >= 6 ? e.color : "#cccccc"), s = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = ne("container"), r = ne("bar"), v = ne("leftResizeHandle"), n = ne("rightResizeHandle"), C = ne("leftConnectionHandle"), d = ne("rightConnectionHandle"), { width: m } = ve(l), { left: Y, right: j } = ve(r), b = E(e.start), $ = E(e.end || b.value + e.colspan), a = E(!1), f = E(!1), x = E(!1), y = E(!1), g = E(!1), T = E({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = Z(() => de.value || G.value || ee.value), p = Z(() => e.colspan > 0 ? m.value / e.colspan : 0), H = Z(() => {
+      const I = b.value / e.colspan * 100, B = $.value / e.colspan * 100;
       return {
         left: `${I}%`,
-        width: `${H - I}%`,
+        width: `${B - I}%`,
         backgroundColor: M.value
       };
-    }), L = B(() => ({
+    }), X = Z(() => ({
       position: "fixed",
       top: 0,
       left: 0,
@@ -575,20 +579,20 @@ const yt = (e) => {
       height: "100vh",
       pointerEvents: "none",
       zIndex: 1e3
-    })), X = E({ startX: 0, startPos: 0 }), { isDragging: Y } = Te(v, {
+    })), P = E({ startX: 0, startPos: 0 }), { isDragging: G } = Te(v, {
       axis: "x",
-      onStart: () => ue(U.value, b.value),
+      onStart: () => ue(Y.value, b.value),
       onMove: ({ x: I }) => $e(I),
       onEnd: ({ x: I }) => Ie(I)
     }), { isDragging: ee } = Te(n, {
       axis: "x",
-      onStart: () => ue(W.value, $.value),
+      onStart: () => ue(j.value, $.value),
       onMove: ({ x: I }) => Se(I),
       onEnd: ({ x: I }) => De(I)
-    }), { isDragging: de } = Te(c, {
+    }), { isDragging: de } = Te(r, {
       exact: !0,
       axis: "x",
-      onStart: () => ue(U.value, b.value),
+      onStart: () => ue(Y.value, b.value),
       onMove: ({ x: I }) => we(I),
       onEnd: ({ x: I }) => Ae(I)
     });
@@ -597,65 +601,65 @@ const yt = (e) => {
     }), ot(() => {
       He();
     });
-    function ue(I, H) {
-      c.value && (c.value.style.transition = "none"), X.value = { startX: I, startPos: H };
+    function ue(I, B) {
+      r.value && (r.value.style.transition = "none"), P.value = { startX: I, startPos: B };
     }
     function $e(I) {
-      if (!Y.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = Math.max(0, Math.min($.value - 1, X.value.startPos + z));
-      c.value.style.left = `${F / e.colspan * 100}%`, c.value.style.width = `${($.value - F) / e.colspan * 100}%`;
+      if (!G.value || !r.value) return;
+      const z = (I - P.value.startX) / p.value, L = Math.max(0, Math.min($.value - 1, P.value.startPos + z));
+      r.value.style.left = `${L / e.colspan * 100}%`, r.value.style.width = `${($.value - L) / e.colspan * 100}%`;
     }
     function Ie(I) {
-      if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = b.value, j = Math.max(0, Math.min($.value - 1, X.value.startPos + z));
-      b.value = j, e.store.updateGanttBar({
+      if (!r.value) return;
+      const B = I - P.value.startX, z = Math.round(B / p.value), L = b.value, U = Math.max(0, Math.min($.value - 1, P.value.startPos + z));
+      b.value = U, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: F,
-        newStart: j,
+        oldStart: L,
+        newStart: U,
         end: $.value,
         delta: z,
-        oldColspan: $.value - F,
-        newColspan: $.value - j
+        oldColspan: $.value - L,
+        newColspan: $.value - U
       });
     }
     function Se(I) {
-      if (!ee.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = Math.max(b.value + 1, Math.min(e.columnsCount, X.value.startPos + z));
-      c.value.style.width = `${(F - b.value) / e.colspan * 100}%`;
+      if (!ee.value || !r.value) return;
+      const z = (I - P.value.startX) / p.value, L = Math.max(b.value + 1, Math.min(e.columnsCount, P.value.startPos + z));
+      r.value.style.width = `${(L - b.value) / e.colspan * 100}%`;
     }
     function De(I) {
-      if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = $.value, j = Math.max(b.value + 1, Math.min(e.columnsCount, X.value.startPos + z));
-      $.value = j, e.store.updateGanttBar({
+      if (!r.value) return;
+      const B = I - P.value.startX, z = Math.round(B / p.value), L = $.value, U = Math.max(b.value + 1, Math.min(e.columnsCount, P.value.startPos + z));
+      $.value = U, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: F,
-        newEnd: j,
+        oldEnd: L,
+        newEnd: U,
         start: b.value,
         delta: z,
-        oldColspan: F - b.value,
-        newColspan: j - b.value
+        oldColspan: L - b.value,
+        newColspan: U - b.value
       });
     }
     function we(I) {
-      if (!de.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = $.value - b.value, j = Math.max(0, Math.min(X.value.startPos + z, e.columnsCount - F));
-      c.value.style.left = `${j / e.colspan * 100}%`;
+      if (!de.value || !r.value) return;
+      const z = (I - P.value.startX) / p.value, L = $.value - b.value, U = Math.max(0, Math.min(P.value.startPos + z, e.columnsCount - L));
+      r.value.style.left = `${U / e.colspan * 100}%`;
     }
     function Ae(I) {
-      if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = $.value - b.value, j = b.value, q = $.value;
-      let _ = X.value.startPos + z, Q = _ + F;
-      _ < 0 ? (_ = 0, Q = F) : Q > e.columnsCount && (Q = e.columnsCount, _ = Q - F), b.value = _, $.value = Q, e.store.updateGanttBar({
+      if (!r.value) return;
+      const B = I - P.value.startX, z = Math.round(B / p.value), L = $.value - b.value, U = b.value, q = $.value;
+      let _ = P.value.startPos + z, Q = _ + L;
+      _ < 0 ? (_ = 0, Q = L) : Q > e.columnsCount && (Q = e.columnsCount, _ = Q - L), b.value = _, $.value = Q, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: j,
+        oldStart: U,
         oldEnd: q,
         newStart: _,
         newEnd: Q,
@@ -664,7 +668,7 @@ const yt = (e) => {
       });
     }
     function xe() {
-      const { x: I, y: H } = ve(c), { x: z, y: F } = ve(C), { x: j, y: q } = ve(d);
+      const { x: I, y: B } = ve(r), { x: z, y: L } = ve(C), { x: U, y: q } = ve(d);
       e.store.registerGanttBar({
         id: s,
         rowIndex: e.rowIndex,
@@ -673,13 +677,13 @@ const yt = (e) => {
         endIndex: $,
         color: M,
         label: e.label,
-        position: { x: I, y: H }
+        position: { x: I, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
         id: `${s}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: z, y: F },
+        position: { x: z, y: L },
         visible: a,
         barId: s
       }), e.store.registerConnectionHandle({
@@ -687,7 +691,7 @@ const yt = (e) => {
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: j, y: q },
+        position: { x: U, y: q },
         visible: f,
         barId: s
       }));
@@ -701,38 +705,38 @@ const yt = (e) => {
     function be() {
       !x.value && !y.value && (a.value = !1, f.value = !1);
     }
-    function ye(I, H) {
-      H.preventDefault(), H.stopPropagation(), g.value = !0, I === "left" ? x.value = !0 : y.value = !0;
+    function ye(I, B) {
+      B.preventDefault(), B.stopPropagation(), g.value = !0, I === "left" ? x.value = !0 : y.value = !0;
       const z = I === "left" ? C.value : d.value;
       if (z) {
         const q = z.getBoundingClientRect(), _ = q.left + q.width / 2, Q = q.top + q.height / 2;
         T.value = { startX: _, startY: Q, endX: _, endY: Q };
       }
-      const F = (q) => {
+      const L = (q) => {
         T.value.endX = q.clientX, T.value.endY = q.clientY;
-      }, j = (q) => {
-        Ce(q, I), pe(F, j);
+      }, U = (q) => {
+        Ce(q, I), pe(L, U);
       };
-      document.addEventListener("mousemove", F), document.addEventListener("mouseup", j);
+      document.addEventListener("mousemove", L), document.addEventListener("mouseup", U);
     }
-    function Ce(I, H) {
-      const F = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
-      if (F && F !== (H === "left" ? C.value : d.value)) {
-        const j = F.closest(".gantt-bar");
-        if (j) {
-          const q = parseInt(j.getAttribute("data-rowindex") || "0"), _ = parseInt(j.getAttribute("data-colindex") || "0"), Q = F.classList.contains("left-connection-handle") ? "left" : "right", Fe = `gantt-bar-row-${q}-col-${_}`, Ze = e.store.createConnection(
-            `${s}-connection-${H}`,
+    function Ce(I, B) {
+      const L = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
+      if (L && L !== (B === "left" ? C.value : d.value)) {
+        const U = L.closest(".gantt-bar");
+        if (U) {
+          const q = parseInt(U.getAttribute("data-rowindex") || "0"), _ = parseInt(U.getAttribute("data-colindex") || "0"), Q = L.classList.contains("left-connection-handle") ? "left" : "right", Fe = `gantt-bar-row-${q}-col-${_}`, Ze = e.store.createConnection(
+            `${s}-connection-${B}`,
             `${Fe}-connection-${Q}`
           );
           Ze && u("connection:create", Ze);
         }
       }
     }
-    function pe(I, H) {
-      g.value = !1, x.value = !1, y.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", H), c.value?.matches(":hover") || be();
+    function pe(I, B) {
+      g.value = !1, x.value = !1, y.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", B), r.value?.matches(":hover") || be();
     }
     return k({
-      barStyle: Z,
+      barStyle: H,
       cleanupConnectionDrag: pe,
       currentEnd: $,
       handleConnectionDrop: Ce,
@@ -741,17 +745,17 @@ const yt = (e) => {
       isRightConnectionDragging: y,
       isRightConnectionVisible: f,
       showDragPreview: g
-    }), (I, H) => (h(), w("td", {
+    }), (I, B) => (h(), w("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      V("div", $t, [
+      V("div", It, [
         V("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
           class: J(["gantt-bar", { "is-dragging": O.value }]),
-          style: se(Z.value),
+          style: se(H.value),
           onMouseenter: Be,
           onMouseleave: be
         }, [
@@ -759,38 +763,38 @@ const yt = (e) => {
             key: 0,
             ref: "leftConnectionHandle",
             class: J(["connection-handle left-connection-handle", { visible: a.value, "is-dragging": x.value }]),
-            onMousedown: H[0] || (H[0] = fe((z) => ye("left", z), ["stop"]))
-          }, [...H[2] || (H[2] = [
+            onMousedown: B[0] || (B[0] = fe((z) => ye("left", z), ["stop"]))
+          }, [...B[2] || (B[2] = [
             V("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : G("", !0),
+          ])], 34)) : W("", !0),
           e.store.isDependencyGraphEnabled ? (h(), w("div", {
             key: 1,
             ref: "rightConnectionHandle",
             class: J(["connection-handle right-connection-handle", { visible: f.value, "is-dragging": y.value }]),
-            onMousedown: H[1] || (H[1] = fe((z) => ye("right", z), ["stop"]))
-          }, [...H[3] || (H[3] = [
+            onMousedown: B[1] || (B[1] = fe((z) => ye("right", z), ["stop"]))
+          }, [...B[3] || (B[3] = [
             V("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : G("", !0),
+          ])], 34)) : W("", !0),
           V("div", {
             ref: "leftResizeHandle",
-            class: J(["resize-handle left-resize-handle", { "is-dragging": A(Y) }])
-          }, [...H[4] || (H[4] = [
+            class: J(["resize-handle left-resize-handle", { "is-dragging": A(G) }])
+          }, [...B[4] || (B[4] = [
             V("div", { class: "handle-grip" }, null, -1),
             V("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (h(), w("label", St, ie(e.label), 1)) : G("", !0),
+          e.label ? (h(), w("label", Dt, ie(e.label), 1)) : W("", !0),
           V("div", {
             ref: "rightResizeHandle",
             class: J(["resize-handle right-resize-handle", { "is-dragging": A(ee) }])
-          }, [...H[5] || (H[5] = [
+          }, [...B[5] || (B[5] = [
             V("div", { class: "handle-grip" }, null, -1),
             V("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, It)
+        ], 46, St)
       ], 512),
       e.store.isDependencyGraphEnabled && g.value ? (h(), w("svg", {
         key: 0,
-        style: se(L.value)
+        style: se(X.value)
       }, [
         V("line", {
           x1: T.value.startX,
@@ -800,29 +804,29 @@ const yt = (e) => {
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, Dt)
-      ], 4)) : G("", !0)
-    ], 8, Rt));
+        }, null, 8, At)
+      ], 4)) : W("", !0)
+    ], 8, $t));
   }
 }), he = (e, k) => {
   const i = e.__vccOpts || e;
   for (const [u, M] of k)
     i[u] = M;
   return i;
-}, Ht = /* @__PURE__ */ he(At, [["__scopeId", "data-v-032ef6d9"]]), Bt = `<?xml version="1.0" encoding="UTF-8"?>
+}, Bt = /* @__PURE__ */ he(Ht, [["__scopeId", "data-v-032ef6d9"]]), Zt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="34 18 30 18 30 30 18 30 18 34 30 34 30 46 34 46 34 34 46 34 46 30 34 30 34 18" style="fill: #000; stroke-width: 0px;"/>
 </svg>
-`, Zt = `<?xml version="1.0" encoding="UTF-8"?>
+`, Tt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="46.84 19.99 44.01 17.16 32 29.17 19.99 17.16 17.16 19.99 29.17 32 17.16 44.01 19.99 46.84 32 34.83 44.01 46.84 46.84 44.01 34.83 32 46.84 19.99" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Tt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Vt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.67">
   <path d="M68.67,16.67h-14.67V2c0-1.1-.9-2-2-2H2C.9,0,0,.9,0,2v50c0,1.1.9,2,2,2h14.67v14.67c0,1.1.9,2,2,2h50c1.1,0,2-.9,2-2V18.67c0-1.1-.9-2-2-2ZM4,4h46v46H4V4ZM66.67,66.67H20.67v-12.67h31.33c1.1,0,2-.9,2-2v-31.33h12.67v46Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="41 25 29 25 29 13 25 13 25 25 13 25 13 29 25 29 25 41 29 41 29 29 41 29 41 25" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Vt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Et = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <path d="M68.6,45.8v13.7H2v-13.7h66.6M70.6,43.8H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,24.2v13.7H2v-13.7h66.6M70.6,22.2H0v17.7h70.6v-17.7h0Z"/>
@@ -836,7 +840,7 @@ const yt = (e) => {
     <polygon points="70.6 18.7 68.1 18.7 68.1 16.7 68.6 16.7 68.6 16.2 70.6 16.2 70.6 18.7"/>
     <path d="M70.6,13.4h-2v-2.7h2v2.7ZM70.6,8h-2v-2.7h2v2.7Z"/>
   </g>
-</svg>`, Et = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Nt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <g>
     <polygon points="70.6 45.3 68.6 45.3 68.6 44.8 68.1 44.8 68.1 42.8 70.6 42.8 70.6 45.3"/>
@@ -850,31 +854,31 @@ const yt = (e) => {
   </g>
   <path d="M68.6,23.7v13.7H2v-13.7h66.6M70.6,21.7H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,2v13.7H2V2h66.6M70.6,0H0v17.7h70.6V0h0Z"/>
-</svg>`, Nt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Ot = `<?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>`, Ot = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Lt = `<?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>
-`, Lt = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 13V3.5M4.5 7 8 3.5 11.5 7" stroke-linecap="round" stroke-linejoin="round"/></svg>', Ft = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 3v9.5M4.5 9 8 12.5 11.5 9" stroke-linecap="round" stroke-linejoin="round"/></svg>', Pt = {
-  add: Bt,
-  delete: Zt,
-  duplicate: Tt,
-  insertAbove: Vt,
-  insertBelow: Et,
-  move: Nt,
-  moveUp: Lt,
-  moveDown: Ft,
-  open: Ot
-}, zt = {
+`, Ft = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 13V3.5M4.5 7 8 3.5 11.5 7" stroke-linecap="round" stroke-linejoin="round"/></svg>', Pt = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 3v9.5M4.5 9 8 12.5 11.5 9" stroke-linecap="round" stroke-linejoin="round"/></svg>', zt = {
+  add: Zt,
+  delete: Tt,
+  duplicate: Vt,
+  insertAbove: Et,
+  insertBelow: Nt,
+  move: Ot,
+  moveUp: Ft,
+  moveDown: Pt,
+  open: Lt
+}, Xt = {
   key: 0,
   class: "row-actions-dropdown"
-}, Xt = ["aria-expanded"], Gt = ["disabled", "onClick"], Wt = ["innerHTML"], jt = { class: "action-label" }, Ut = {
+}, Gt = ["aria-expanded"], Wt = ["disabled", "onClick"], jt = ["innerHTML"], Ut = { class: "action-label" }, Yt = {
   key: 1,
   class: "row-actions-icons"
-}, Yt = ["title", "aria-label", "disabled", "onClick"], qt = ["innerHTML"], Me = /* @__PURE__ */ ce({
+}, qt = ["title", "aria-label", "disabled", "onClick"], Jt = ["innerHTML"], Me = /* @__PURE__ */ ce({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -884,7 +888,7 @@ const yt = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: k }) {
-    const i = e, u = k, M = ne("actionsCell"), s = ne("toggleButton"), l = E(0), c = E(!1), v = E(!1), n = E({ top: 0, left: 0 }), C = {
+    const i = e, u = k, M = ne("actionsCell"), s = ne("toggleButton"), l = E(0), r = E(!1), v = E(!1), n = E({ top: 0, left: 0 }), C = {
       add: "Add Record",
       delete: "Delete Record",
       duplicate: "Duplicate Record",
@@ -894,7 +898,7 @@ const yt = (e) => {
       moveUp: "Move Up",
       moveDown: "Move Down",
       open: "Open Record"
-    }, d = B(() => {
+    }, d = Z(() => {
       const a = [], f = i.config.actions || {}, x = [
         "open",
         "moveUp",
@@ -909,15 +913,15 @@ const yt = (e) => {
       for (const y of x) {
         const g = f[y];
         if (g === !1 || g === void 0) continue;
-        let T = !0, O = C[y], p = Pt[y], Z = !1;
-        typeof g == "object" && (T = g.enabled !== !1, O = g.label || O, p = g.icon || p, g.disabled && (Z = g.disabled(i.rowIndex, i.store))), T && a.push({ type: y, label: O, icon: p, disabled: Z });
+        let T = !0, O = C[y], p = zt[y], H = !1;
+        typeof g == "object" && (T = g.enabled !== !1, O = g.label || O, p = g.icon || p, g.disabled && (H = g.disabled(i.rowIndex, i.store))), T && a.push({ type: y, label: O, icon: p, disabled: H });
       }
       return a;
-    }), m = B(() => {
+    }), m = Z(() => {
       if (i.config.forceDropdown) return !0;
       const a = i.config.dropdownThreshold ?? 150;
       return a === 0 ? !1 : l.value > 0 && l.value < a;
-    }), U = B(() => c.value ? v.value ? {
+    }), Y = Z(() => r.value ? v.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - n.value.top}px`,
       left: `${n.value.left}px`,
@@ -927,12 +931,12 @@ const yt = (e) => {
       top: `${n.value.top}px`,
       left: `${n.value.left}px`
     } : {});
-    dt(M, (a) => {
+    ut(M, (a) => {
       const f = a[0];
       f && (l.value = f.contentRect.width);
     });
-    const W = () => {
-      c.value || b(), c.value = !c.value;
+    const j = () => {
+      r.value || b(), r.value = !r.value;
     }, b = () => {
       if (!s.value) return;
       const a = s.value.getBoundingClientRect(), f = window.innerHeight, x = window.innerWidth, y = d.value.length * 40 + 16, g = 160, T = f - a.bottom, O = a.top;
@@ -943,32 +947,32 @@ const yt = (e) => {
         left: p
       };
     };
-    ut(M, () => {
-      c.value = !1;
+    vt(M, () => {
+      r.value = !1;
     });
     const $ = (a, f) => {
-      c.value = !1;
+      r.value = !1;
       const x = i.config.actions?.[a];
       typeof x == "object" && x.handler && x.handler(i.rowIndex, i.store) === !1 || u("action", a, i.rowIndex, f);
     };
     return (a, f) => (h(), w("td", {
       ref: "actionsCell",
-      class: J(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
+      class: J(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": r.value }])
     }, [
-      m.value ? (h(), w("div", zt, [
+      m.value ? (h(), w("div", Xt, [
         V("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
-          "aria-expanded": c.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "true",
-          onClick: fe(W, ["stop"])
+          onClick: fe(j, ["stop"])
         }, [...f[0] || (f[0] = [
           V("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, Xt),
+        ])], 8, Gt),
         te(V("div", {
           class: J(["row-actions-menu", { "menu-flipped": v.value }]),
-          style: se(U.value),
+          style: se(Y.value),
           role: "menu"
         }, [
           (h(!0), w(ae, null, re(d.value, (x) => (h(), w("button", {
@@ -982,13 +986,13 @@ const yt = (e) => {
             V("span", {
               class: "action-icon",
               innerHTML: x.icon
-            }, null, 8, Wt),
-            V("span", jt, ie(x.label), 1)
-          ], 8, Gt))), 128))
+            }, null, 8, jt),
+            V("span", Ut, ie(x.label), 1)
+          ], 8, Wt))), 128))
         ], 6), [
-          [Le, c.value]
+          [Le, r.value]
         ])
-      ])) : (h(), w("div", Ut, [
+      ])) : (h(), w("div", Yt, [
         (h(!0), w(ae, null, re(d.value, (x) => (h(), w("button", {
           key: x.type,
           type: "button",
@@ -1001,12 +1005,12 @@ const yt = (e) => {
           V("span", {
             class: "action-icon",
             innerHTML: x.icon
-          }, null, 8, qt)
-        ], 8, Yt))), 128))
+          }, null, 8, Jt)
+        ], 8, qt))), 128))
       ]))
     ], 2));
   }
-}), Jt = ["tabindex"], Qt = ["tabindex"], Kt = ["colspan"], _t = /* @__PURE__ */ ce({
+}), Qt = ["tabindex"], Kt = ["tabindex"], _t = ["colspan"], en = /* @__PURE__ */ ce({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1016,18 +1020,18 @@ const yt = (e) => {
   },
   emits: ["row:action", "row:click"],
   setup(e, { emit: k }) {
-    const i = k, u = ne("rowEl"), M = B(() => e.store.isRowVisible(e.rowIndex)), s = B(() => e.store.getRowExpandSymbol(e.rowIndex)), l = B(() => e.store.config.clickable ?? !1), c = B(() => e.store.config.rowActions || { enabled: !1 }), v = B(() => c.value.enabled), n = B(() => c.value.position || "before-index"), C = B(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), d = B(() => {
+    const i = k, u = ne("rowEl"), M = Z(() => e.store.isRowVisible(e.rowIndex)), s = Z(() => e.store.getRowExpandSymbol(e.rowIndex)), l = Z(() => e.store.config.clickable ?? !1), r = Z(() => e.store.config.rowActions || { enabled: !1 }), v = Z(() => r.value.enabled), n = Z(() => r.value.position || "before-index"), C = Z(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), d = Z(() => {
       const b = e.store.config.view === "uncounted" ? 0 : 1, $ = v.value ? 1 : 0;
       return e.store.columns.length + b + $;
     }), m = (b, $, a) => {
       i("row:action", b, $, a);
-    }, U = (b) => {
+    }, Y = (b) => {
       const $ = b.target;
       $.closest(".atable-row-actions") || $.closest(".tree-index") || $.closest(".expansion-index") || i("row:click", e.rowIndex, b);
-    }, W = e.store.config.view === "list-expansion";
-    if (e.addNavigation || W) {
+    }, j = e.store.config.view === "list-expansion";
+    if (e.addNavigation || j) {
       let b = {};
-      e.addNavigation === !0 ? b = { ...Ve } : typeof e.addNavigation == "object" && (b = { ...Ve, ...e.addNavigation }), W && !b["keydown.control.g"] && (b["keydown.control.g"] = ($) => {
+      e.addNavigation === !0 ? b = { ...Ve } : typeof e.addNavigation == "object" && (b = { ...Ve, ...e.addNavigation }), j && !b["keydown.control.g"] && (b["keydown.control.g"] = ($) => {
         $.stopPropagation(), $.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
       }), qe([
         {
@@ -1041,16 +1045,16 @@ const yt = (e) => {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: ["atable-row", { "atable-row-clickable": l.value }],
-        onClick: U
+        onClick: Y
       }), [
         v.value && n.value === "before-index" ? (h(), oe(Me, {
           key: 0,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
           onAction: m
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
+        }, null, 8, ["row-index", "store", "config", "position"])) : W("", !0),
         e.store.config.view !== "uncounted" ? le(b.$slots, "index", {}, () => [
           e.store.config.view === "list" ? (h(), w("td", {
             key: 0,
@@ -1066,26 +1070,26 @@ const yt = (e) => {
             tabIndex: -1,
             class: J(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
             onClick: $[1] || ($[1] = (a) => e.store.toggleRowExpand(e.rowIndex))
-          }, ie(s.value), 3)) : G("", !0)
-        ], !0, 1) : G("", !0),
+          }, ie(s.value), 3)) : W("", !0)
+        ], !0, 1) : W("", !0),
         v.value && n.value === "after-index" ? (h(), oe(Me, {
           key: 2,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
           onAction: m
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
+        }, null, 8, ["row-index", "store", "config", "position"])) : W("", !0),
         le(b.$slots, "default", {}, void 0, !0),
         v.value && n.value === "end" ? (h(), oe(Me, {
           key: 3,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
           onAction: m
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0)
-      ], 16, Jt), [
+        }, null, 8, ["row-index", "store", "config", "position"])) : W("", !0)
+      ], 16, Qt), [
         [Le, M.value]
       ]),
       C.value ? (h(), w("tr", {
@@ -1103,11 +1107,11 @@ const yt = (e) => {
             rowIndex: e.rowIndex,
             store: e.store
           }, void 0, !0)
-        ], 8, Kt)
-      ], 8, Qt)) : G("", !0)
+        ], 8, _t)
+      ], 8, Kt)) : W("", !0)
     ], 64));
   }
-}), _e = /* @__PURE__ */ he(_t, [["__scopeId", "data-v-4dd47763"]]), en = { class: "gantt-connection-overlay" }, tn = {
+}), _e = /* @__PURE__ */ he(en, [["__scopeId", "data-v-4dd47763"]]), tn = { class: "gantt-connection-overlay" }, nn = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1118,31 +1122,31 @@ const yt = (e) => {
     pointerEvents: "none",
     zIndex: 1
   }
-}, nn = ["d", "stroke-width", "onDblclick"], on = ["id", "d", "stroke", "stroke-width", "onDblclick"], ln = 0.25, ke = 16, an = /* @__PURE__ */ ce({
+}, on = ["d", "stroke-width", "onDblclick"], ln = ["id", "d", "stroke", "stroke-width", "onDblclick"], an = 0.25, ke = 16, sn = /* @__PURE__ */ ce({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: k }) {
-    const i = k, u = B(() => e.store.connectionPaths.filter((l) => {
-      const c = e.store.ganttBars.find((n) => n.id === l.from.barId), v = e.store.ganttBars.find((n) => n.id === l.to.barId);
-      return c && v;
+    const i = k, u = Z(() => e.store.connectionPaths.filter((l) => {
+      const r = e.store.ganttBars.find((n) => n.id === l.from.barId), v = e.store.ganttBars.find((n) => n.id === l.to.barId);
+      return r && v;
     })), M = (l) => {
-      const c = e.store.connectionHandles.find(
+      const r = e.store.connectionHandles.find(
         (O) => O.barId === l.from.barId && O.side === l.from.side
       ), v = e.store.connectionHandles.find(
         (O) => O.barId === l.to.barId && O.side === l.to.side
       );
-      if (!c || !v) return "";
-      const n = c.position.x + ke / 2, C = c.position.y + ke / 2, d = v.position.x + ke / 2, m = v.position.y + ke / 2, U = Math.abs(d - n), W = Math.max(U * ln, 50), b = n + (l.from.side === "left" ? -W : W), $ = d + (l.to.side === "left" ? -W : W), a = { x: 0.5 * n + 0.5 * b, y: 0.5 * C + 0.5 * C }, f = { x: 0.5 * b + 0.5 * $, y: 0.5 * C + 0.5 * m }, x = { x: 0.5 * $ + 0.5 * d, y: 0.5 * m + 0.5 * m }, y = { x: 0.5 * a.x + 0.5 * f.x, y: 0.5 * a.y + 0.5 * f.y }, g = { x: 0.5 * f.x + 0.5 * x.x, y: 0.5 * f.y + 0.5 * x.y }, T = { x: 0.5 * y.x + 0.5 * g.x, y: 0.5 * y.y + 0.5 * g.y };
+      if (!r || !v) return "";
+      const n = r.position.x + ke / 2, C = r.position.y + ke / 2, d = v.position.x + ke / 2, m = v.position.y + ke / 2, Y = Math.abs(d - n), j = Math.max(Y * an, 50), b = n + (l.from.side === "left" ? -j : j), $ = d + (l.to.side === "left" ? -j : j), a = { x: 0.5 * n + 0.5 * b, y: 0.5 * C + 0.5 * C }, f = { x: 0.5 * b + 0.5 * $, y: 0.5 * C + 0.5 * m }, x = { x: 0.5 * $ + 0.5 * d, y: 0.5 * m + 0.5 * m }, y = { x: 0.5 * a.x + 0.5 * f.x, y: 0.5 * a.y + 0.5 * f.y }, g = { x: 0.5 * f.x + 0.5 * x.x, y: 0.5 * f.y + 0.5 * x.y }, T = { x: 0.5 * y.x + 0.5 * g.x, y: 0.5 * y.y + 0.5 * g.y };
       return `M ${n} ${C} Q ${b} ${C}, ${T.x} ${T.y} Q ${$} ${m}, ${d} ${m}`;
     }, s = (l) => {
       e.store.deleteConnection(l.id) && i("connection:delete", l);
     };
-    return (l, c) => (h(), w("div", en, [
-      (h(), w("svg", tn, [
-        c[0] || (c[0] = V("defs", null, [
+    return (l, r) => (h(), w("div", tn, [
+      (h(), w("svg", nn, [
+        r[0] || (r[0] = V("defs", null, [
           V("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
@@ -1173,7 +1177,7 @@ const yt = (e) => {
           fill: "none",
           class: "connection-hitbox",
           onDblclick: (n) => s(v)
-        }, null, 40, nn))), 128)),
+        }, null, 40, on))), 128)),
         (h(!0), w(ae, null, re(u.value, (v) => (h(), w("path", {
           id: v.id,
           key: v.id,
@@ -1184,17 +1188,17 @@ const yt = (e) => {
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
           onDblclick: (n) => s(v)
-        }, null, 40, on))), 128))
+        }, null, 40, ln))), 128))
       ]))
     ]));
   }
-}), sn = /* @__PURE__ */ he(an, [["__scopeId", "data-v-d5929c98"]]), rn = { class: "column-filter" }, cn = {
+}), rn = /* @__PURE__ */ he(sn, [["__scopeId", "data-v-d5929c98"]]), cn = { class: "column-filter" }, dn = {
   key: 2,
   class: "checkbox-filter"
-}, dn = ["value"], un = {
+}, un = ["value"], vn = {
   key: 5,
   class: "date-range-filter"
-}, vn = /* @__PURE__ */ ce({
+}, fn = /* @__PURE__ */ ce({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1217,7 +1221,7 @@ const yt = (e) => {
     }, i = E(""), u = lt({
       startValue: "",
       endValue: ""
-    }), M = B(() => {
+    }), M = Z(() => {
       if (e.column.filterType) return e.column.filterType;
       const C = Re(e.column.component);
       return C ? k[C] : "text";
@@ -1225,13 +1229,13 @@ const yt = (e) => {
       if (C.filterOptions) return C.filterOptions;
       const d = /* @__PURE__ */ new Set();
       return e.store.rows.forEach((m) => {
-        const U = m[C.name];
-        U != null && U !== "" && d.add(U);
+        const Y = m[C.name];
+        Y != null && Y !== "" && d.add(Y);
       }), Array.from(d).map((m) => ({
         value: m,
         label: String(m)
       }));
-    }, l = B(() => !!(i.value || u.startValue || u.endValue)), c = (C) => {
+    }, l = Z(() => !!(i.value || u.startValue || u.endValue)), r = (C) => {
       !C && M.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), i.value = "") : (i.value = C, e.store.setFilter(e.colIndex, { value: C }));
     }, v = (C, d) => {
       C === "start" ? u.startValue = d : u.endValue = d, !u.startValue && !u.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
@@ -1242,13 +1246,13 @@ const yt = (e) => {
     }, n = () => {
       i.value = "", u.startValue = "", u.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (C, d) => (h(), w("div", rn, [
+    return (C, d) => (h(), w("div", cn, [
       M.value === "text" ? te((h(), w("input", {
         key: 0,
         "onUpdate:modelValue": d[0] || (d[0] = (m) => i.value = m),
         type: "text",
         class: "filter-input",
-        onInput: d[1] || (d[1] = (m) => c(i.value))
+        onInput: d[1] || (d[1] = (m) => r(i.value))
       }, null, 544)), [
         [ge, i.value]
       ]) : M.value === "number" ? te((h(), w("input", {
@@ -1256,15 +1260,15 @@ const yt = (e) => {
         "onUpdate:modelValue": d[2] || (d[2] = (m) => i.value = m),
         type: "number",
         class: "filter-input",
-        onInput: d[3] || (d[3] = (m) => c(i.value))
+        onInput: d[3] || (d[3] = (m) => r(i.value))
       }, null, 544)), [
         [ge, i.value]
-      ]) : M.value === "checkbox" ? (h(), w("label", cn, [
+      ]) : M.value === "checkbox" ? (h(), w("label", dn, [
         te(V("input", {
           "onUpdate:modelValue": d[4] || (d[4] = (m) => i.value = m),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: d[5] || (d[5] = (m) => c(i.value))
+          onChange: d[5] || (d[5] = (m) => r(i.value))
         }, null, 544), [
           [at, i.value]
         ]),
@@ -1273,13 +1277,13 @@ const yt = (e) => {
         key: 3,
         "onUpdate:modelValue": d[6] || (d[6] = (m) => i.value = m),
         class: "filter-select",
-        onChange: d[7] || (d[7] = (m) => c(i.value))
+        onChange: d[7] || (d[7] = (m) => r(i.value))
       }, [
         d[15] || (d[15] = V("option", { value: "" }, "All", -1)),
         (h(!0), w(ae, null, re(s(e.column), (m) => (h(), w("option", {
           key: m.value || m,
           value: m.value || m
-        }, ie(m.label || m), 9, dn))), 128))
+        }, ie(m.label || m), 9, un))), 128))
       ], 544)), [
         [st, i.value]
       ]) : M.value === "date" ? te((h(), w("input", {
@@ -1287,10 +1291,10 @@ const yt = (e) => {
         "onUpdate:modelValue": d[8] || (d[8] = (m) => i.value = m),
         type: "date",
         class: "filter-input",
-        onChange: d[9] || (d[9] = (m) => c(i.value))
+        onChange: d[9] || (d[9] = (m) => r(i.value))
       }, null, 544)), [
         [ge, i.value]
-      ]) : M.value === "dateRange" ? (h(), w("div", un, [
+      ]) : M.value === "dateRange" ? (h(), w("div", vn, [
         te(V("input", {
           "onUpdate:modelValue": d[10] || (d[10] = (m) => u.startValue = m),
           type: "date",
@@ -1314,32 +1318,32 @@ const yt = (e) => {
         column: e.column,
         "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": d[14] || (d[14] = (m) => c(m))
-      }, null, 40, ["value", "column", "col-index", "store"])) : G("", !0),
+        "onUpdate:value": d[14] || (d[14] = (m) => r(m))
+      }, null, 40, ["value", "column", "col-index", "store"])) : W("", !0),
       l.value ? (h(), w("button", {
         key: 7,
         class: "clear-btn",
         title: "Clear",
         onClick: n
-      }, "×")) : G("", !0)
+      }, "×")) : W("", !0)
     ]));
   }
-}), fn = /* @__PURE__ */ he(vn, [["__scopeId", "data-v-a0263c77"]]), hn = { key: 0 }, gn = {
+}), hn = /* @__PURE__ */ he(fn, [["__scopeId", "data-v-a0263c77"]]), gn = { key: 0 }, mn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, mn = {
+}, wn = {
   key: 2,
   class: "row-actions-header"
-}, wn = ["data-colindex", "onClick"], xn = {
+}, xn = ["data-colindex", "onClick"], bn = {
   key: 3,
   class: "row-actions-header"
-}, bn = {
+}, yn = {
   key: 0,
   class: "atable-filters-row"
-}, yn = {
+}, Cn = {
   key: 2,
   class: "row-actions-header"
-}, Cn = {
+}, pn = {
   key: 3,
   class: "row-actions-header"
 }, et = /* @__PURE__ */ ce({
@@ -1349,19 +1353,19 @@ const yt = (e) => {
     store: {}
   },
   setup(e) {
-    const k = B(() => e.columns.filter((l) => l.filterable)), i = B(() => e.store.config.rowActions?.enabled ?? !1), u = B(() => e.store.config.rowActions?.position ?? "before-index"), M = (l) => e.store.sortByColumn(l), s = (l) => {
-      for (const c of l) {
-        if (c.borderBoxSize.length === 0) continue;
-        const n = c.borderBoxSize[0].inlineSize, C = Number(c.target.dataset.colindex), d = e.store.columns[C]?.width;
+    const k = Z(() => e.columns.filter((l) => l.filterable)), i = Z(() => e.store.config.rowActions?.enabled ?? !1), u = Z(() => e.store.config.rowActions?.position ?? "before-index"), M = (l) => e.store.sortByColumn(l), s = (l) => {
+      for (const r of l) {
+        if (r.borderBoxSize.length === 0) continue;
+        const n = r.borderBoxSize[0].inlineSize, C = Number(r.target.dataset.colindex), d = e.store.columns[C]?.width;
         typeof d == "number" && d !== n && e.store.resizeColumn(C, n);
       }
     };
-    return (l, c) => e.columns.length ? (h(), w("thead", hn, [
-      V("tr", gn, [
+    return (l, r) => e.columns.length ? (h(), w("thead", gn, [
+      V("tr", mn, [
         i.value && u.value === "before-index" ? (h(), w("th", {
           key: 0,
           class: J(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : G("", !0),
+        }, null, 2)) : W("", !0),
         e.store.zeroColumn ? (h(), w("th", {
           key: 1,
           id: "header-index",
@@ -1370,8 +1374,8 @@ const yt = (e) => {
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : G("", !0),
-        i.value && u.value === "after-index" ? (h(), w("th", mn)) : G("", !0),
+        }, null, 2)) : W("", !0),
+        i.value && u.value === "after-index" ? (h(), w("th", wn)) : W("", !0),
         (h(!0), w(ae, null, re(e.columns, (v, n) => te((h(), w("th", {
           key: v.name,
           "data-colindex": n,
@@ -1383,16 +1387,16 @@ const yt = (e) => {
           le(l.$slots, "default", {}, () => [
             it(ie(v.label || String.fromCharCode(n + 97).toUpperCase()), 1)
           ])
-        ], 14, wn)), [
-          [A(ht), s]
+        ], 14, xn)), [
+          [A(gt), s]
         ])), 128)),
-        i.value && u.value === "end" ? (h(), w("th", xn)) : G("", !0)
+        i.value && u.value === "end" ? (h(), w("th", bn)) : W("", !0)
       ]),
-      k.value.length > 0 ? (h(), w("tr", bn, [
+      k.value.length > 0 ? (h(), w("tr", yn, [
         i.value && u.value === "before-index" ? (h(), w("th", {
           key: 0,
           class: J(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : G("", !0),
+        }, null, 2)) : W("", !0),
         e.store.zeroColumn ? (h(), w("th", {
           key: 1,
           class: J([[
@@ -1400,23 +1404,23 @@ const yt = (e) => {
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : G("", !0),
-        i.value && u.value === "after-index" ? (h(), w("th", yn)) : G("", !0),
+        }, null, 2)) : W("", !0),
+        i.value && u.value === "after-index" ? (h(), w("th", Cn)) : W("", !0),
         (h(!0), w(ae, null, re(e.columns, (v, n) => (h(), w("th", {
           key: `filter-${v.name}`,
           class: J(`${v.pinned ? "sticky-column" : ""}`),
           style: se(e.store.getHeaderCellStyle(v))
         }, [
-          v.filterable ? (h(), oe(fn, {
+          v.filterable ? (h(), oe(hn, {
             key: 0,
             column: v,
             "col-index": n,
             store: e.store
-          }, null, 8, ["column", "col-index", "store"])) : G("", !0)
+          }, null, 8, ["column", "col-index", "store"])) : W("", !0)
         ], 6))), 128)),
-        i.value && u.value === "end" ? (h(), w("th", Cn)) : G("", !0)
-      ])) : G("", !0)
-    ])) : G("", !0);
+        i.value && u.value === "end" ? (h(), w("th", pn)) : W("", !0)
+      ])) : W("", !0)
+    ])) : W("", !0);
   }
 }), tt = /* @__PURE__ */ ce({
   __name: "ATableModal",
@@ -1424,16 +1428,16 @@ const yt = (e) => {
     store: {}
   },
   setup(e) {
-    const k = ne("amodal"), { width: i, height: u } = ve(k), M = B(() => {
+    const k = ne("amodal"), { width: i, height: u } = ve(k), M = Z(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
       const s = e.store.modal.cell?.closest("table");
       if (!s) return {};
-      const l = s.offsetHeight || 0, c = s.offsetWidth || 0;
+      const l = s.offsetHeight || 0, r = s.offsetWidth || 0;
       let v = e.store.modal.cell?.offsetTop || 0;
       const n = s.querySelector("thead")?.offsetHeight || 0;
       v += n, v = v + u.value < l ? v : v - (u.value + e.store.modal.height);
       let C = e.store.modal.cell?.offsetLeft || 0;
-      return C = C + i.value <= c ? C : C - (i.value - e.store.modal.width), {
+      return C = C + i.value <= r ? C : C - (i.value - e.store.modal.width), {
         left: `${C}px`,
         top: `${v}px`
       };
@@ -1452,7 +1456,7 @@ const yt = (e) => {
     ], 36));
   }
 });
-function pn(e) {
+function kn(e) {
   return e.filter((k) => !k.hidden && k.component).map(({ fieldname: k, hidden: i, ...u }) => {
     const M = Object.assign({ name: k }, u);
     return u.doctype && !u.cellComponent && (M.linkDoctype = u.doctype, u.format || (M.format = (s) => {
@@ -1465,10 +1469,10 @@ function pn(e) {
     })), Re(u.component) === "quantity" && !u.format && (M.format = Je), Re(u.component) === "currency" && !u.format && (M.format = Qe), M;
   });
 }
-const kn = {
+const Mn = {
   class: "atable-container",
   style: { position: "relative" }
-}, Mn = /* @__PURE__ */ ce({
+}, Rn = /* @__PURE__ */ ce({
   __name: "ATable",
   props: /* @__PURE__ */ Ue({
     id: { default: "" },
@@ -1483,8 +1487,8 @@ const kn = {
   }),
   emits: /* @__PURE__ */ Ue(["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: k, emit: i }) {
-    const u = Xe(e, "rows"), M = Xe(e, "columns"), s = i, l = ne("table"), c = M.value?.length ? M.value : pn(e.schema ?? []), v = rt("aformLinkResolver", null), n = yt({
-      columns: c,
+    const u = Xe(e, "rows"), M = Xe(e, "columns"), s = i, l = ne("table"), r = M.value?.length ? M.value : kn(e.schema ?? []), v = rt("aformLinkResolver", null), n = Ct({
+      columns: r,
       rows: u.value,
       id: e.id,
       config: e.config,
@@ -1518,9 +1522,9 @@ const kn = {
       },
       { deep: !0 }
     ), Ne(() => {
-      M.value?.some((a) => a.pinned) && (d(), n.isTreeView && vt(l, d, { childList: !0, subtree: !0 }));
+      M.value?.some((a) => a.pinned) && (d(), n.isTreeView && ft(l, d, { childList: !0, subtree: !0 }));
     });
-    const C = B(() => n.columns.filter((a) => a.pinned).length), d = () => {
+    const C = Z(() => n.columns.filter((a) => a.pinned).length), d = () => {
       const a = l.value, f = a?.rows[0], x = a?.rows[1], y = f ? Array.from(f.cells) : [];
       for (const [g, T] of y.entries()) {
         const O = x?.cells[g];
@@ -1557,9 +1561,9 @@ const kn = {
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), f;
-    }, U = (a) => {
+    }, Y = (a) => {
       s("connection:event", { type: "create", connection: a });
-    }, W = (a) => {
+    }, j = (a) => {
       s("connection:event", { type: "delete", connection: a });
     }, b = (a, f) => {
       const x = n.rows[a];
@@ -1626,7 +1630,7 @@ const kn = {
       insertRowAbove: n.insertRowAbove,
       insertRowBelow: n.insertRowBelow,
       moveRow: n.moveRow
-    }), (a, f) => (h(), w("div", kn, [
+    }), (a, f) => (h(), w("div", Mn, [
       te((h(), w("table", {
         ref: "table",
         class: "atable",
@@ -1670,7 +1674,7 @@ const kn = {
                       minWidth: g?.width || "40ch",
                       width: A(n).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": U
+                    "onConnection:create": Y
                   }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (h(), oe(me(g.cellComponent || "ACell"), {
                     key: 1,
                     store: A(n),
@@ -1706,57 +1710,57 @@ const kn = {
           ])
         ], !0)
       ], 4)), [
-        [A(gt), A(n).closeModal]
+        [A(mt), A(n).closeModal]
       ]),
-      A(n).isGanttView && A(n).isDependencyGraphEnabled ? (h(), oe(sn, {
+      A(n).isGanttView && A(n).isDependencyGraphEnabled ? (h(), oe(rn, {
         key: 0,
         store: A(n),
-        "onConnection:delete": W
-      }, null, 8, ["store"])) : G("", !0)
+        "onConnection:delete": j
+      }, null, 8, ["store"])) : W("", !0)
     ]));
   }
-}), Rn = /* @__PURE__ */ he(Mn, [["__scopeId", "data-v-4bfbbeab"]]), $n = {}, In = { class: "aloading" }, Sn = { class: "aloading-header" };
-function Dn(e, k) {
-  return h(), w("div", In, [
-    V("h2", Sn, [
+}), $n = /* @__PURE__ */ he(Rn, [["__scopeId", "data-v-4bfbbeab"]]), In = {}, Sn = { class: "aloading" }, Dn = { class: "aloading-header" };
+function An(e, k) {
+  return h(), w("div", Sn, [
+    V("h2", Dn, [
       le(e.$slots, "default", {}, void 0, !0)
     ]),
     k[0] || (k[0] = V("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const An = /* @__PURE__ */ he($n, [["render", Dn], ["__scopeId", "data-v-a930a25b"]]), Hn = {}, Bn = { class: "aloading" }, Zn = { class: "aloading-header" };
-function Tn(e, k) {
-  return h(), w("div", Bn, [
-    V("h2", Zn, [
+const Hn = /* @__PURE__ */ he(In, [["render", An], ["__scopeId", "data-v-a930a25b"]]), Bn = {}, Zn = { class: "aloading" }, Tn = { class: "aloading-header" };
+function Vn(e, k) {
+  return h(), w("div", Zn, [
+    V("h2", Tn, [
       le(e.$slots, "default", {}, void 0, !0)
     ]),
     k[0] || (k[0] = V("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Vn = /* @__PURE__ */ he(Hn, [["render", Tn], ["__scopeId", "data-v-e1165876"]]);
-function jn(e) {
-  e.component("ACell", Mt), e.component("AGanttCell", Ht), e.component("ARow", _e), e.component("ARowActions", Me), e.component("ATable", Rn), e.component("ATableHeader", et), e.component("ATableLoading", An), e.component("ATableLoadingBar", Vn), e.component("ATableModal", tt);
+const En = /* @__PURE__ */ he(Bn, [["render", Vn], ["__scopeId", "data-v-e1165876"]]);
+function Un(e) {
+  e.component("ACell", Rt), e.component("AGanttCell", Bt), e.component("ARow", _e), e.component("ARowActions", Me), e.component("ATable", $n), e.component("ATableHeader", et), e.component("ATableLoading", Hn), e.component("ATableLoadingBar", En), e.component("ATableModal", tt);
 }
 export {
-  Mt as ACell,
-  Ht as AGanttCell,
+  Rt as ACell,
+  Bt as AGanttCell,
   _e as ARow,
   Me as ARowActions,
-  Rn as ATable,
+  $n as ATable,
   et as ATableHeader,
-  An as ATableLoading,
-  Vn as ATableLoadingBar,
+  Hn as ATableLoading,
+  En as ATableLoadingBar,
   tt as ATableModal,
-  Bt as AddIcon,
-  Zt as DeleteIcon,
-  Tt as DuplicateIcon,
-  Vt as InsertAboveIcon,
-  Et as InsertBelowIcon,
-  Nt as MoveIcon,
-  Ot as OpenIcon,
-  Pt as actionIcons,
-  yt as createTableStore,
-  jn as install,
-  pn as schemaToColumns
+  Zt as AddIcon,
+  Tt as DeleteIcon,
+  Vt as DuplicateIcon,
+  Et as InsertAboveIcon,
+  Nt as InsertBelowIcon,
+  Ot as MoveIcon,
+  Lt as OpenIcon,
+  zt as actionIcons,
+  Ct as createTableStore,
+  Un as install,
+  kn as schemaToColumns
 };
 //# sourceMappingURL=atable.js.map