@stonecrop/atable 0.24.0 → 0.25.0

package/dist/atable.js

@@ -1,28 +1,69 @@
-import { ref as E, computed as D, defineComponent as ve, useTemplateRef as le, onMounted as Ne, openBlock as f, createElementBlock as w, unref as Z, normalizeClass as Q, normalizeStyle as re, createBlock as te, resolveDynamicComponent as we, normalizeProps as Xe, mergeProps as pe, toDisplayString as de, nextTick as Qe, useCssVars as at, onUnmounted as st, createElementVNode as T, withModifiers as xe, createCommentVNode as G, withDirectives as oe, Fragment as ie, renderList as ue, vShow as Le, renderSlot as se, reactive as it, vModelText as Ce, vModelCheckbox as rt, vModelSelect as ct, createTextVNode as dt, useModel as Ge, inject as ut, watch as We, createVNode as je, withCtx as Ue, mergeModels as Ye } from "vue";
-import { defaultKeypressHandlers as Ee, useKeyboardNav as Ke } from "@stonecrop/utilities";
-import { componentCategory as Ae, isBadgeDescriptor as qe, hasBadgeOptions as Je } from "@stonecrop/schema";
-import { useDebounceFn as vt, useElementBounding as me, useDraggable as Ve, useResizeObserver as ft, onClickOutside as ht, useMutationObserver as gt } from "@vueuse/core";
-import { defineStore as mt } from "pinia";
-import { vResizeObserver as wt, vOnClickOutside as xt } from "@vueuse/components";
-import './assets/index.css';const bt = (e) => {
-  const p = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(p.body.childNodes).some((i) => i.nodeType === 1);
-}, yt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), _e = (e) => {
+import { ref as F, computed as y, defineComponent as ge, useTemplateRef as re, onMounted as ze, openBlock as v, createElementBlock as w, unref as $, normalizeClass as te, normalizeStyle as he, createBlock as ae, resolveDynamicComponent as ye, normalizeProps as qe, mergeProps as ke, toDisplayString as ue, nextTick as Xe, useCssVars as ct, onUnmounted as dt, createElementVNode as T, withModifiers as Ce, createCommentVNode as U, withDirectives as ie, Fragment as ve, renderList as me, vShow as Ge, renderSlot as de, reactive as ut, vModelText as pe, vModelCheckbox as vt, vModelSelect as ft, createTextVNode as ht, toValue as Ze, watch as Be, useModel as Je, inject as gt, createVNode as Fe, withCtx as Ke, mergeModels as Qe } from "vue";
+import { defaultKeypressHandlers as Ve, useKeyboardNav as tt } from "@stonecrop/utilities";
+import { componentCategory as He, isBadgeDescriptor as _e, hasBadgeOptions as et } from "@stonecrop/schema";
+import { useDebounceFn as mt, useElementBounding as be, useDraggable as Le, useResizeObserver as wt, onClickOutside as xt, useMutationObserver as bt } from "@vueuse/core";
+import { defineStore as yt } from "pinia";
+import { vResizeObserver as Ct, vOnClickOutside as pt } from "@vueuse/components";
+import './assets/index.css';function Oe(e) {
+  if (!(e == null || typeof e == "object")) {
+    if (typeof e == "string") return e === "" ? void 0 : e;
+    if (typeof e == "number" || typeof e == "boolean" || typeof e == "bigint")
+      return String(e);
+  }
+}
+function kt(e) {
+  if (e == null || e === "") return "";
+  if (typeof e == "object") {
+    const a = [];
+    if ("id" in e) {
+      const i = Oe(e.id);
+      i !== void 0 && a.push(i);
+    }
+    if ("displayText" in e) {
+      const i = Oe(e.displayText);
+      i !== void 0 && a.push(i);
+    }
+    return a.join(" ");
+  }
+  return Oe(e) ?? "";
+}
+const Mt = {
+  text: "text",
+  number: "number",
+  boolean: "checkbox",
+  date: "date",
+  datetime: "dateRange",
+  select: "select",
+  code: "text",
+  link: "text",
+  attach: "text",
+  quantity: "number",
+  currency: "number"
+};
+function je(e) {
+  if (e.filterType) return e.filterType;
+  const a = He(e.component);
+  return a ? Mt[a] : "text";
+}
+const Rt = (e) => {
+  const a = new DOMParser().parseFromString(e, "text/html");
+  return Array.from(a.body.childNodes).some((i) => i.nodeType === 1);
+}, $t = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), nt = (e) => {
   if (e == null) return "";
   if (typeof e == "object") {
-    const p = e.qty ?? "", i = e.uom ?? "";
-    return i ? `${p} ${i}`.trim() : String(p);
+    const a = e.qty ?? "", i = e.uom ?? "";
+    return i ? `${a} ${i}`.trim() : String(a);
   }
   return String(e);
-}, et = (e) => {
+}, ot = (e) => {
   if (e == null) return "";
   if (typeof e == "object") {
-    const p = e.amount ?? "", i = e.currency?.displayText ?? e.currency?.id ?? "";
-    return i ? `${p} ${i}`.trim() : String(p);
+    const a = e.amount ?? "", i = e.currency?.displayText ?? e.currency?.id ?? "";
+    return i ? `${a} ${i}`.trim() : String(a);
   }
   return String(e);
 };
-function Oe(e) {
+function Pe(e) {
   if (e !== null && typeof e == "object") {
     if ("qty" in e) return Number(e.qty);
     if ("baseAmount" in e && e.baseAmount != null)
@@ -31,78 +72,78 @@ function Oe(e) {
   }
   return Number(e);
 }
-function tt(e, p) {
-  const i = p[e];
+function lt(e, a) {
+  const i = a[e];
   if (i.isRoot || i.parent === null || i.parent === void 0)
     return !0;
-  const u = i.parent;
-  return u < 0 || u >= p.length ? !1 : (p[u].childrenOpen || !1) && tt(u, p);
+  const g = i.parent;
+  return g < 0 || g >= a.length ? !1 : (a[g].childrenOpen || !1) && lt(g, a);
 }
-function Ct(e, p, i) {
-  const u = i.filterType || "text", k = p.value;
-  if (!k && u !== "dateRange" && u !== "checkbox") return !0;
-  switch (u) {
+function It(e, a, i) {
+  const g = je(i), x = a.value;
+  if (!x && g !== "dateRange" && g !== "checkbox") return !0;
+  switch (g) {
     case "text":
-      return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(k).toLowerCase());
+      return (i.linkDoctype ? kt(e) : typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(x).toLowerCase());
     case "number": {
-      const a = Oe(e), l = Number(k);
-      return !isNaN(a) && !isNaN(l) && a === l;
+      const s = Pe(e), l = Number(x);
+      return !isNaN(s) && !isNaN(l) && s === l;
     }
     case "select":
-      return e === k;
+      return e === x;
     case "checkbox":
-      return k === !0 ? !!e : !0;
+      return x === !0 ? !!e : !0;
     case "date": {
-      let a;
+      let s;
       if (typeof e == "number") {
-        const c = new Date(e), v = (/* @__PURE__ */ new Date()).getFullYear();
-        a = new Date(v, c.getMonth(), c.getDate());
+        const r = new Date(e), f = (/* @__PURE__ */ new Date()).getFullYear();
+        s = new Date(f, r.getMonth(), r.getDate());
       } else
-        a = new Date(String(e));
-      const l = new Date(String(k));
-      return a.toDateString() === l.toDateString();
+        s = new Date(String(e));
+      const l = new Date(String(x));
+      return s.toDateString() === l.toDateString();
     }
     case "dateRange": {
-      const a = p.startValue, l = p.endValue;
-      if (!a && !l) return !0;
-      let c;
+      const s = a.startValue, l = a.endValue;
+      if (!s && !l) return !0;
+      let r;
       if (typeof e == "number") {
-        const v = new Date(e), n = (/* @__PURE__ */ new Date()).getFullYear();
-        c = new Date(n, v.getMonth(), v.getDate());
+        const f = new Date(e), n = (/* @__PURE__ */ new Date()).getFullYear();
+        r = new Date(n, f.getMonth(), f.getDate());
       } else
-        c = new Date(String(e));
-      return !(a && c < new Date(String(a)) || 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 pt(e, p) {
-  return p && e === 0 && p > 0 ? `${p}ch` : "inherit";
+function St(e, a) {
+  return a && e === 0 && a > 0 ? `${a}ch` : "inherit";
 }
-const kt = (e) => {
-  const p = e.id || yt(), i = e.linkResolver ?? null;
-  return mt(`table-${p}`, () => {
-    const k = () => {
+const Dt = (e) => {
+  const a = e.id || $t(), i = e.linkResolver ?? null;
+  return yt(`table-${a}`, () => {
+    const x = () => {
       const t = [Object.assign({}, { rowModified: !1 })], o = /* @__PURE__ */ new Set();
-      for (let S = 0; S < l.value.length; S++) {
-        const M = l.value[S];
-        M.parent !== null && M.parent !== void 0 && o.add(M.parent);
+      for (let A = 0; A < l.value.length; A++) {
+        const p = l.value[A];
+        p.parent !== null && p.parent !== void 0 && o.add(p.parent);
       }
-      const r = (S) => l.value[S]?.gantt !== void 0, I = (S) => {
-        for (let M = 0; M < l.value.length; M++)
-          if (l.value[M].parent === S && (r(M) || I(M)))
+      const c = (A) => l.value[A]?.gantt !== void 0, S = (A) => {
+        for (let p = 0; p < l.value.length; p++)
+          if (l.value[p].parent === A && (c(p) || S(p)))
             return !0;
         return !1;
-      }, P = (S) => {
-        const M = c.value, N = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
-        if (!N) return !0;
-        switch (N) {
+      }, G = (A) => {
+        const p = r.value, P = p.view === "tree" || p.view === "tree-gantt" ? p.defaultTreeExpansion : void 0;
+        if (!P) return !0;
+        switch (P) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return I(S);
+            return S(A);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -110,295 +151,295 @@ const kt = (e) => {
             return !0;
         }
       };
-      for (let S = 0; S < l.value.length; S++) {
-        const M = l.value[S], N = M.parent === null || M.parent === void 0, _ = o.has(S);
-        t[S] = {
-          childrenOpen: P(S),
+      for (let A = 0; A < l.value.length; A++) {
+        const p = l.value[A], P = p.parent === null || p.parent === void 0, oe = o.has(A);
+        t[A] = {
+          childrenOpen: G(A),
           expanded: !1,
-          indent: M.indent || 0,
-          isParent: _,
-          isRoot: N,
+          indent: p.indent || 0,
+          isParent: oe,
+          isRoot: P,
           rowModified: !1,
-          open: N,
+          open: P,
           // This will be recalculated later for non-root nodes
-          parent: M.parent
+          parent: p.parent
         };
       }
       return t;
-    }, a = E(e.columns), l = E(e.rows), c = E(e.config || {}), v = E({}), n = E({}), C = D(() => {
+    }, s = F(e.columns), l = F(e.rows), r = F(e.config || {}), f = F({}), n = F({}), d = y(() => {
       const t = {};
-      for (const [o, r] of a.value.entries())
-        for (const [I, P] of l.value.entries())
-          t[`${o}:${I}`] = P[r.name];
+      for (const [o, c] of s.value.entries())
+        for (const [S, G] of l.value.entries())
+          t[`${o}:${S}`] = G[c.name];
       return t;
-    }), d = D({
+    }), u = y({
       get: () => {
-        const t = k();
+        const t = x();
         for (let o = 0; o < t.length; o++)
-          v.value[o] && (t[o].rowModified = v.value[o]), n.value[o] && (n.value[o].childrenOpen !== void 0 && (t[o].childrenOpen = n.value[o].childrenOpen), n.value[o].expanded !== void 0 && (t[o].expanded = n.value[o].expanded));
-        if (m.value)
+          f.value[o] && (t[o].rowModified = f.value[o]), n.value[o] && (n.value[o].childrenOpen !== void 0 && (t[o].childrenOpen = n.value[o].childrenOpen), n.value[o].expanded !== void 0 && (t[o].expanded = n.value[o].expanded));
+        if (V.value)
           for (let o = 0; o < t.length; o++)
-            t[o].isRoot || (t[o].open = tt(o, t));
+            t[o].isRoot || (t[o].open = lt(o, t));
         return t;
       },
       set: (t) => {
-        JSON.stringify(t) !== JSON.stringify(d.value) && (d.value = t);
+        JSON.stringify(t) !== JSON.stringify(u.value) && (u.value = t);
       }
-    }), g = E(e.modal || { visible: !1 }), W = E({}), j = E([]), b = E([]), R = E([]), s = E({
+    }), B = F(e.modal || { visible: !1 }), K = F({}), j = F([]), b = F([]), C = F([]), M = F({
       column: null,
       direction: null
-    }), h = E({}), x = D(() => a.value.some((t) => t.pinned)), y = D(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), m = D(() => c.value.view === "tree" || c.value.view === "tree-gantt"), B = D(() => {
-      const t = c.value;
+    }), L = F({}), E = y(() => s.value.some((t) => t.pinned)), O = y(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), V = y(() => r.value.view === "tree" || r.value.view === "tree-gantt"), W = y(() => {
+      const t = r.value;
       return t.view === "gantt" || t.view === "tree-gantt" ? t.dependencyGraph !== !1 : !0;
-    }), L = D(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), z = D(
-      () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
-    ), ce = D(() => {
-      let t = l.value.map((o, r) => ({
+    }), H = y(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), z = y(
+      () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
+    ), ce = y(() => {
+      let t = l.value.map((o, c) => ({
         ...o,
-        originalIndex: r
+        originalIndex: c
       }));
-      if (Object.entries(h.value).forEach(([o, r]) => {
-        const I = parseInt(o), P = a.value[I];
-        !P || !(r.value || r.startValue || r.endValue || P.filterType === "checkbox" && r.value !== void 0) || (t = t.filter((M) => {
-          const N = M[P.name];
-          return Ct(N, r, P);
+      if (Object.entries(L.value).forEach(([o, c]) => {
+        const S = parseInt(o), G = s.value[S];
+        !G || !(c.value || c.startValue || c.endValue || je(G) === "checkbox" && c.value !== void 0) || (t = t.filter((p) => {
+          const P = p[G.name];
+          return It(P, c, G);
         }));
-      }), s.value.column !== null && s.value.direction) {
-        const o = a.value[s.value.column], r = s.value.direction;
-        t.sort((I, P) => {
-          let S = I[o.name], M = P[o.name];
-          S == null && (S = ""), M == null && (M = "");
-          const N = Oe(S), _ = Oe(M);
-          if (!isNaN(N) && !isNaN(_) && S !== "" && M !== "")
-            return r === "asc" ? N - _ : _ - N;
+      }), M.value.column !== null && M.value.direction) {
+        const o = s.value[M.value.column], c = M.value.direction;
+        t.sort((S, G) => {
+          let A = S[o.name], p = G[o.name];
+          A == null && (A = ""), p == null && (p = "");
+          const P = Pe(A), oe = Pe(p);
+          if (!isNaN(P) && !isNaN(oe) && A !== "" && p !== "")
+            return c === "asc" ? P - oe : oe - P;
           {
-            const Pe = String(S).toLowerCase(), ze = String(M).toLowerCase();
-            return r === "asc" ? Pe.localeCompare(ze) : ze.localeCompare(Pe);
+            const Ue = String(A).toLowerCase(), Ye = String(p).toLowerCase();
+            return c === "asc" ? Ue.localeCompare(Ye) : Ye.localeCompare(Ue);
           }
         });
       }
       return t;
-    }), ye = (t, o) => C.value[`${t}:${o}`], Y = (t, o, r) => {
-      const I = `${t}:${o}`, P = a.value[t];
-      C.value[I] !== r && (v.value[o] = !0), C.value[I] = r, l.value[o] = {
+    }), we = (t, o) => d.value[`${t}:${o}`], Q = (t, o, c) => {
+      const S = `${t}:${o}`, G = s.value[t];
+      d.value[S] !== c && (f.value[o] = !0), d.value[S] = c, l.value[o] = {
         ...l.value[o],
-        [P.name]: r
+        [G.name]: c
       };
     }, fe = (t) => {
       l.value = t;
-    }, A = (t, o, r) => {
-      const I = `${t}:${o}`;
-      C.value[I] !== r && (v.value[o] = !0, W.value[I] = r);
-    }, V = (t) => {
-      const o = a.value.indexOf(t) === a.value.length - 1, r = c.value.fullWidth ? t.resizable && !o : t.resizable;
+    }, D = (t, o, c) => {
+      const S = `${t}:${o}`;
+      d.value[S] !== c && (f.value[o] = !0, K.value[S] = c);
+    }, h = (t) => {
+      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"
         }
       };
-    }, O = (t, o) => {
-      if (t < 0 || t >= a.value.length) return;
-      const I = Math.max(o, 40);
-      a.value[t] = {
-        ...a.value[t],
-        width: `${I}px`
+    }, m = (t, o) => {
+      if (t < 0 || t >= s.value.length) return;
+      const S = Math.max(o, 40);
+      s.value[t] = {
+        ...s.value[t],
+        width: `${S}px`
       };
-    }, ne = (t) => {
+    }, Z = (t) => {
       const o = l.value[t];
-      return y.value && o.gantt !== void 0;
-    }, q = (t) => !m.value || d.value[t].isRoot || d.value[t].open, ae = (t) => !m.value && c.value.view !== "list-expansion" ? "" : m.value && (d.value[t].isRoot || d.value[t].isParent) ? d.value[t].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? d.value[t].expanded ? "▼" : "►" : "", he = (t) => {
-      if (m.value) {
-        const o = n.value[t] || {}, I = !(o.childrenOpen ?? d.value[t].childrenOpen);
+      return O.value && o.gantt !== void 0;
+    }, R = (t) => !V.value || u.value[t].isRoot || u.value[t].open, k = (t) => !V.value && r.value.view !== "list-expansion" ? "" : V.value && (u.value[t].isRoot || u.value[t].isParent) ? u.value[t].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? u.value[t].expanded ? "▼" : "►" : "", q = (t) => {
+      if (V.value) {
+        const o = n.value[t] || {}, S = !(o.childrenOpen ?? u.value[t].childrenOpen);
         n.value[t] = {
           ...o,
-          childrenOpen: I
-        }, I || ge(t);
-      } else if (c.value.view === "list-expansion") {
-        const o = n.value[t] || {}, r = o.expanded ?? d.value[t].expanded;
+          childrenOpen: S
+        }, S || _(t);
+      } else if (r.value.view === "list-expansion") {
+        const o = n.value[t] || {}, c = o.expanded ?? u.value[t].expanded;
         n.value[t] = {
           ...o,
-          expanded: !r
+          expanded: !c
         };
       }
-    }, ge = (t) => {
+    }, _ = (t) => {
       for (let o = 0; o < l.value.length; o++)
-        if (d.value[o].parent === t) {
-          const r = n.value[o] || {};
+        if (u.value[o].parent === t) {
+          const c = n.value[o] || {};
           n.value[o] = {
-            ...r,
+            ...c,
             childrenOpen: !1
-          }, ge(o);
+          }, _(o);
         }
-    }, Be = (t, o) => {
-      const r = ye(t, o);
-      return ke(t, o, r);
-    }, ke = (t, o, r) => {
-      const I = a.value[t], P = l.value[o], S = I.format;
-      if (!S) {
-        const M = Ae(I.component);
-        return M === "boolean" ? r ? "✓" : "✗" : M === "date" ? r != null ? new Date(String(r)).toLocaleDateString() : r : M === "datetime" ? r != null ? new Date(String(r)).toLocaleString() : r : M === "quantity" ? _e(r) : M === "currency" ? et(r) : r;
+    }, se = (t, o) => {
+      const c = we(t, o);
+      return Me(t, o, c);
+    }, Me = (t, o, c) => {
+      const S = s.value[t], G = l.value[o], A = S.format;
+      if (!A) {
+        const p = He(S.component);
+        return p === "boolean" ? c ? "✓" : "✗" : p === "date" ? c != null ? new Date(String(c)).toLocaleDateString() : c : p === "datetime" ? c != null ? new Date(String(c)).toLocaleString() : c : p === "quantity" ? nt(c) : p === "currency" ? ot(c) : c;
       }
-      return typeof S == "function" ? S(r, { table: C.value, row: P, column: I }) : typeof S == "string" ? Function(`"use strict";return (${S})`)()(r, { table: C.value, row: P, column: I }) : r;
-    }, He = (t) => {
-      t.target instanceof Node && g.value.parent?.contains(t.target) || g.value.visible && (g.value.visible = !1);
-    }, Ze = (t) => {
+      return typeof A == "function" ? A(c, { table: d.value, row: G, column: S }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(c, { table: d.value, row: G, column: S }) : c;
+    }, Te = (t) => {
+      t.target instanceof Node && B.value.parent?.contains(t.target) || B.value.visible && (B.value.visible = !1);
+    }, Ee = (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));
-    }, Me = (t) => {
-      const o = j.value.findIndex((r) => r.id === t.id);
-      o >= 0 ? j.value[o] = t : j.value.push(t);
     }, Re = (t) => {
-      const o = j.value.findIndex((r) => r.id === t);
-      o >= 0 && j.value.splice(o, 1);
+      const o = j.value.findIndex((c) => c.id === t.id);
+      o >= 0 ? j.value[o] = t : j.value.push(t);
     }, $e = (t) => {
-      const o = b.value.findIndex((r) => r.id === t.id);
-      o >= 0 ? b.value[o] = t : b.value.push(t);
+      const o = j.value.findIndex((c) => c.id === t);
+      o >= 0 && j.value.splice(o, 1);
     }, Ie = (t) => {
-      const o = b.value.findIndex((r) => r.id === t);
+      const o = b.value.findIndex((c) => c.id === t.id);
+      o >= 0 ? b.value[o] = t : b.value.push(t);
+    }, Se = (t) => {
+      const o = b.value.findIndex((c) => c.id === t);
       o >= 0 && b.value.splice(o, 1);
-    }, $ = (t, o, r) => {
-      const I = b.value.find((M) => M.id === t), P = b.value.find((M) => M.id === o);
-      if (!I || !P)
+    }, I = (t, o, c) => {
+      const S = b.value.find((p) => p.id === t), G = b.value.find((p) => p.id === o);
+      if (!S || !G)
         return console.warn("Cannot create connection: handle not found"), null;
-      const S = {
+      const A = {
         id: `connection-${t}-${o}`,
         from: {
-          barId: I.barId,
-          side: I.side
+          barId: S.barId,
+          side: S.side
         },
         to: {
-          barId: P.barId,
-          side: P.side
+          barId: G.barId,
+          side: G.side
         },
-        style: r?.style,
-        label: r?.label
+        style: c?.style,
+        label: c?.label
       };
-      return R.value.push(S), S;
-    }, H = (t) => {
-      const o = R.value.findIndex((r) => r.id === t);
-      return o >= 0 ? (R.value.splice(o, 1), !0) : !1;
-    }, X = (t) => R.value.filter((o) => o.from.barId === t || o.to.barId === t), F = (t) => b.value.filter((o) => o.barId === t), U = (t) => {
-      if (a.value[t].sortable === !1) return;
-      let r;
-      s.value.column === t && s.value.direction === "asc" ? r = "desc" : r = "asc", s.value.column = t, s.value.direction = r;
-    }, J = (t, o) => {
-      !o.value && !o.startValue && !o.endValue ? delete h.value[t] : h.value[t] = o;
-    }, ee = (t) => {
-      delete h.value[t];
-    }, K = (t, o = "end") => {
-      const r = {};
-      for (const P of a.value)
-        r[P.name] = "";
-      t && Object.assign(r, t);
-      let I;
-      return o === "start" ? (I = 0, l.value.unshift(r)) : o === "end" ? (I = l.value.length, l.value.push(r)) : (I = Math.max(0, Math.min(o, l.value.length)), l.value.splice(I, 0, r)), I;
+      return C.value.push(A), A;
+    }, N = (t) => {
+      const o = C.value.findIndex((c) => c.id === t);
+      return o >= 0 ? (C.value.splice(o, 1), !0) : !1;
+    }, Y = (t) => C.value.filter((o) => o.from.barId === t || o.to.barId === t), X = (t) => b.value.filter((o) => o.barId === t), J = (t) => {
+      if (s.value[t].sortable === !1) return;
+      let c;
+      M.value.column === t && M.value.direction === "asc" ? c = "desc" : c = "asc", M.value.column = t, M.value.direction = c;
+    }, ee = (t, o) => {
+      !o.value && !o.startValue && !o.endValue ? delete L.value[t] : L.value[t] = o;
+    }, le = (t) => {
+      delete L.value[t];
+    }, ne = (t, o = "end") => {
+      const c = {};
+      for (const G of s.value)
+        c[G.name] = "";
+      t && Object.assign(c, t);
+      let 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: a,
-      config: c,
+      columns: s,
+      config: r,
       connectionHandles: b,
-      connectionPaths: R,
-      display: d,
-      filterState: h,
+      connectionPaths: C,
+      display: u,
+      filterState: L,
       ganttBars: j,
-      modal: g,
+      modal: B,
       rows: l,
-      sortState: s,
-      table: C,
-      updates: W,
+      sortState: M,
+      table: d,
+      updates: K,
       // getters
       filteredRows: ce,
-      hasPinnedColumns: x,
-      isGanttView: y,
-      isTreeView: m,
-      isDependencyGraphEnabled: B,
-      numberedRowWidth: L,
+      hasPinnedColumns: E,
+      isGanttView: O,
+      isTreeView: V,
+      isDependencyGraphEnabled: W,
+      numberedRowWidth: H,
       zeroColumn: z,
       // resolver
       linkResolver: i,
       // actions
-      addRow: K,
-      clearFilter: ee,
-      closeModal: He,
-      createConnection: $,
-      deleteConnection: H,
+      addRow: ne,
+      clearFilter: le,
+      closeModal: Te,
+      createConnection: I,
+      deleteConnection: N,
       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 = {}, I = {};
-        for (const [P, S] of Object.entries(v.value)) {
-          const M = parseInt(P);
-          M > t ? r[M - 1] = S : r[M] = S;
+        delete f.value[t], delete n.value[t];
+        const c = {}, S = {};
+        for (const [G, A] of Object.entries(f.value)) {
+          const p = parseInt(G);
+          p > t ? c[p - 1] = A : c[p] = A;
         }
-        for (const [P, S] of Object.entries(n.value)) {
-          const M = parseInt(P);
-          M > t ? I[M - 1] = S : I[M] = S;
+        for (const [G, A] of Object.entries(n.value)) {
+          const p = parseInt(G);
+          p > t ? S[p - 1] = A : S[p] = A;
         }
-        return v.value = r, n.value = I, o;
+        return f.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)), I = t + 1;
-        return l.value.splice(I, 0, r), I;
+        const o = l.value[t], c = JSON.parse(JSON.stringify(o)), S = t + 1;
+        return l.value.splice(S, 0, c), S;
       },
-      getCellData: ye,
-      getCellDisplayValue: Be,
-      getConnectionsForBar: X,
-      getFormattedValue: ke,
-      getHandlesForBar: F,
-      getHeaderCellStyle: V,
-      getRowExpandSymbol: ae,
+      getCellData: we,
+      getCellDisplayValue: se,
+      getConnectionsForBar: Y,
+      getFormattedValue: Me,
+      getHandlesForBar: X,
+      getHeaderCellStyle: h,
+      getRowExpandSymbol: k,
       insertRowAbove: (t, o) => {
-        const r = Math.max(0, t);
-        return K(o, r);
+        const c = Math.max(0, t);
+        return ne(o, c);
       },
       insertRowBelow: (t, o) => {
-        const r = Math.min(t + 1, l.value.length);
-        return K(o, r);
+        const c = Math.min(t + 1, l.value.length);
+        return ne(o, c);
       },
-      isRowGantt: ne,
-      isRowVisible: q,
+      isRowGantt: Z,
+      isRowVisible: R,
       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 I = {}, P = {};
-        for (const [S, M] of Object.entries(v.value)) {
-          const N = parseInt(S);
-          let _ = N;
-          N === t ? _ = o : t < o ? N > t && N <= o && (_ = N - 1) : N >= o && N < t && (_ = N + 1), I[_] = M;
+        const [c] = l.value.splice(t, 1);
+        l.value.splice(o, 0, c);
+        const S = {}, G = {};
+        for (const [A, p] of Object.entries(f.value)) {
+          const P = parseInt(A);
+          let oe = P;
+          P === t ? oe = o : t < o ? P > t && P <= o && (oe = P - 1) : P >= o && P < t && (oe = P + 1), S[oe] = p;
         }
-        for (const [S, M] of Object.entries(n.value)) {
-          const N = parseInt(S);
-          let _ = N;
-          N === t ? _ = o : t < o ? N > t && N <= o && (_ = N - 1) : N >= o && N < t && (_ = N + 1), P[_] = M;
+        for (const [A, p] of Object.entries(n.value)) {
+          const P = parseInt(A);
+          let oe = P;
+          P === t ? oe = o : t < o ? P > t && P <= o && (oe = P - 1) : P >= o && P < t && (oe = P + 1), G[oe] = p;
         }
-        return v.value = I, n.value = P, !0;
+        return f.value = S, n.value = G, !0;
       },
-      registerConnectionHandle: $e,
-      registerGanttBar: Me,
-      resizeColumn: O,
-      setCellData: Y,
-      setCellText: A,
-      setFilter: J,
-      sortByColumn: U,
-      toggleRowExpand: he,
-      unregisterConnectionHandle: Ie,
-      unregisterGanttBar: Re,
-      updateGanttBar: Ze,
+      registerConnectionHandle: Ie,
+      registerGanttBar: Re,
+      resizeColumn: m,
+      setCellData: Q,
+      setCellText: D,
+      setFilter: ee,
+      sortByColumn: J,
+      toggleRowExpand: q,
+      unregisterConnectionHandle: Se,
+      unregisterGanttBar: $e,
+      updateGanttBar: Ee,
       updateRows: fe
     };
   })();
-}, Mt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Rt = ["innerHTML"], $t = { key: 4 }, It = /* @__PURE__ */ ve({
+}, At = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Bt = ["innerHTML"], Ht = { key: 4 }, Tt = /* @__PURE__ */ ge({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -409,158 +450,158 @@ const kt = (e) => {
     pinned: { type: Boolean, default: !1 },
     debounce: { default: 300 }
   },
-  setup(e, { expose: p }) {
-    const i = le("cell"), u = e.store.getCellData(e.colIndex, e.rowIndex), k = E(""), a = E(!1), l = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], v = l.align || "center", n = l.width || "40ch", C = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = E(null);
-    Ne(() => {
+  setup(e, { expose: a }) {
+    const i = re("cell"), g = e.store.getCellData(e.colIndex, e.rowIndex), x = F(""), s = F(!1), l = e.store.columns[e.colIndex], r = e.store.rows[e.rowIndex], f = l.align || "center", n = l.width || "40ch", d = y(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), u = F(null);
+    ze(() => {
       if (!l.linkDoctype) return;
-      const A = e.store.getCellData(e.colIndex, e.rowIndex);
-      if (A != null && typeof A == "object") {
-        const O = A, ne = O.displayText ?? O.id;
-        (typeof ne == "string" || typeof ne == "number") && (d.value = String(ne));
+      const D = e.store.getCellData(e.colIndex, e.rowIndex);
+      if (D != null && typeof D == "object") {
+        const m = D, Z = m.displayText ?? m.id;
+        (typeof Z == "string" || typeof Z == "number") && (u.value = String(Z));
         return;
       }
-      const V = e.store.linkResolver;
-      !V || typeof A != "string" || A === "" || V(l.linkDoctype, A).then((O) => (O != null && (d.value = O), O));
+      const h = e.store.linkResolver;
+      !h || typeof D != "string" || D === "" || h(l.linkDoctype, D).then((m) => (m != null && (u.value = m), m));
     });
-    const g = D(() => d.value ?? C.value), W = D(() => {
+    const B = y(() => u.value ?? d.value), K = y(() => {
       if (l.cellComponent) return;
-      const A = g.value;
-      return qe(A) ? A : void 0;
-    }), j = D(() => {
-      if (!(l.cellComponent || W.value) && Je(l.options))
+      const D = B.value;
+      return _e(D) ? D : void 0;
+    }), j = y(() => {
+      if (!(l.cellComponent || K.value) && et(l.options))
         return {
           value: e.store.getCellData(e.colIndex, e.rowIndex),
           options: l.options,
           presentation: "cell-fill"
         };
-    }), b = D(
-      () => !!l.cellComponent || W.value !== void 0 || Je(l.options)
-    ), R = D(() => l.edit && !b.value), s = D(() => {
-      const A = { ...l.cellComponentProps };
-      return l.cellComponent !== "ABadge" ? { ...A, value: g.value } : qe(g.value) ? { presentation: "cell-fill", ...A, ...g.value } : {
+    }), b = y(
+      () => !!l.cellComponent || K.value !== void 0 || et(l.options)
+    ), C = y(() => l.edit && !b.value), M = y(() => {
+      const D = { ...l.cellComponentProps };
+      return l.cellComponent !== "ABadge" ? { ...D, value: B.value } : _e(B.value) ? { presentation: "cell-fill", ...D, ...B.value } : {
         presentation: "cell-fill",
         options: l.options,
-        ...A,
+        ...D,
         value: e.store.getCellData(e.colIndex, e.rowIndex)
       };
-    }), h = D(() => typeof g.value == "string" ? bt(g.value) : !1), x = D(() => ({
-      textAlign: v,
+    }), L = y(() => typeof B.value == "string" ? Rt(B.value) : !1), E = y(() => ({
+      textAlign: f,
       width: n,
-      fontWeight: a.value ? "bold" : "inherit",
-      paddingLeft: pt(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), y = D(() => ({
+      fontWeight: s.value ? "bold" : "inherit",
+      paddingLeft: St(e.colIndex, e.store.display[e.rowIndex]?.indent)
+    })), O = y(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": a.value,
+      "cell-modified": s.value,
       "atable-cell--badge-fill": b.value
-    })), m = () => {
-      L(), B();
-    }, B = () => {
-      const { left: A, bottom: V, width: O, height: ne } = me(i);
-      l.mask, l.modalComponent && e.store.$patch((q) => {
-        q.modal.visible = !0, q.modal.colIndex = e.colIndex, q.modal.rowIndex = e.rowIndex, q.modal.left = A.value, q.modal.bottom = V.value, q.modal.width = O.value, q.modal.height = ne.value, q.modal.cell = i.value, typeof l.modalComponent == "function" ? q.modal.component = l.modalComponent({ table: e.store.table, row: c, column: l }) : q.modal.component = l.modalComponent, q.modal.componentProps = l.modalComponentExtraProps;
+    })), V = () => {
+      H(), W();
+    }, W = () => {
+      const { left: D, bottom: h, width: m, height: Z } = be(i);
+      l.mask, l.modalComponent && e.store.$patch((R) => {
+        R.modal.visible = !0, R.modal.colIndex = e.colIndex, R.modal.rowIndex = e.rowIndex, R.modal.left = D.value, R.modal.bottom = h.value, R.modal.width = m.value, R.modal.height = Z.value, R.modal.cell = i.value, typeof l.modalComponent == "function" ? R.modal.component = l.modalComponent({ table: e.store.table, row: r, column: l }) : R.modal.component = l.modalComponent, R.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let A = {
-        ...Ee,
-        "keydown.f2": B,
-        "keydown.alt.up": B,
-        "keydown.alt.down": B,
-        "keydown.alt.left": B,
-        "keydown.alt.right": B
+      let D = {
+        ...Ve,
+        "keydown.f2": W,
+        "keydown.alt.up": W,
+        "keydown.alt.down": W,
+        "keydown.alt.left": W,
+        "keydown.alt.right": W
       };
-      typeof e.addNavigation == "object" && (A = {
-        ...A,
+      typeof e.addNavigation == "object" && (D = {
+        ...D,
         ...e.addNavigation
-      }), Ke([
+      }), tt([
         {
           selectors: i,
-          handlers: A
+          handlers: D
         }
       ]);
     }
-    const L = () => {
+    const H = () => {
       if (i.value && l.edit) {
-        const A = window.getSelection();
-        if (A)
+        const D = window.getSelection();
+        if (D)
           try {
-            const V = document.createRange();
-            V.selectNodeContents && (V.selectNodeContents(i.value), A.removeAllRanges(), A.addRange(V));
+            const h = document.createRange();
+            h.selectNodeContents && (h.selectNodeContents(i.value), D.removeAllRanges(), D.addRange(h));
           } catch {
           }
       }
     }, z = () => {
-      i.value && (k.value = i.value.textContent, L());
+      i.value && (x.value = i.value.textContent, H());
     }, ce = () => {
       try {
-        const A = window.getSelection();
-        if (A && A.rangeCount > 0 && i.value) {
-          const V = A.getRangeAt(0), O = V.cloneRange();
-          if (O.selectNodeContents && O.setEnd)
-            return O.selectNodeContents(i.value), O.setEnd(V.endContainer, V.endOffset), O.toString().length;
+        const D = window.getSelection();
+        if (D && D.rangeCount > 0 && i.value) {
+          const h = D.getRangeAt(0), m = h.cloneRange();
+          if (m.selectNodeContents && m.setEnd)
+            return m.selectNodeContents(i.value), m.setEnd(h.endContainer, h.endOffset), m.toString().length;
         }
       } catch {
       }
       return 0;
-    }, ye = (A) => {
+    }, we = (D) => {
       if (i.value)
         try {
-          const V = window.getSelection();
-          if (!V) return;
-          let O = 0;
-          const ne = document.createTreeWalker ? document.createTreeWalker(i.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!ne) return;
-          let q, ae = null;
-          for (; q = ne.nextNode(); ) {
-            const he = q, ge = O + he.textContent.length;
-            if (A <= ge && (ae = document.createRange(), ae.setStart && ae.setEnd)) {
-              ae.setStart(he, A - O), ae.setEnd(he, A - O);
+          const h = window.getSelection();
+          if (!h) return;
+          let m = 0;
+          const Z = document.createTreeWalker ? document.createTreeWalker(i.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!Z) return;
+          let R, k = null;
+          for (; R = Z.nextNode(); ) {
+            const q = R, _ = m + q.textContent.length;
+            if (D <= _ && (k = document.createRange(), k.setStart && k.setEnd)) {
+              k.setStart(q, D - m), k.setEnd(q, D - m);
               break;
             }
-            O = ge;
+            m = _;
           }
-          ae && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ae));
+          k && h.removeAllRanges && h.addRange && (h.removeAllRanges(), h.addRange(k));
         } catch {
         }
-    }, Y = (A) => {
+    }, Q = (D) => {
       if (!l.edit) return;
-      const V = A.target;
-      if (V.textContent === k.value)
+      const h = D.target;
+      if (h.textContent === x.value)
         return;
-      const O = ce();
-      k.value = V.textContent, l.format ? (a.value = V.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, u), e.store.setCellText(e.colIndex, e.rowIndex, V.textContent)) : (a.value = V.textContent !== u, e.store.setCellData(e.colIndex, e.rowIndex, V.textContent)), Qe().then(() => ye(O));
-    }, fe = vt(Y, e.debounce);
-    return p({
-      currentData: k
-    }), (A, V) => (f(), w("td", {
+      const m = ce();
+      x.value = h.textContent, l.format ? (s.value = h.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, g), e.store.setCellText(e.colIndex, e.rowIndex, h.textContent)) : (s.value = h.textContent !== g, e.store.setCellData(e.colIndex, e.rowIndex, h.textContent)), Xe().then(() => we(m));
+    }, fe = mt(Q, e.debounce);
+    return a({
+      currentData: x
+    }), (D, h) => (v(), w("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": Z(l).edit,
-      contenteditable: R.value,
+      "data-editable": $(l).edit,
+      contenteditable: C.value,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: re(x.value),
-      class: Q(["atable-cell", y.value]),
+      style: he(E.value),
+      class: te(["atable-cell", O.value]),
       onFocus: z,
-      onPaste: Y,
-      onInput: V[0] || (V[0] = //@ts-ignore
-      (...O) => Z(fe) && Z(fe)(...O)),
-      onClick: m
+      onPaste: Q,
+      onInput: h[0] || (h[0] = //@ts-ignore
+      (...m) => $(fe) && $(fe)(...m)),
+      onClick: V
     }, [
-      Z(l).cellComponent ? (f(), te(we(Z(l).cellComponent), Xe(pe({ key: 0 }, s.value)), null, 16)) : W.value ? (f(), te(we("ABadge"), pe({ key: 1 }, W.value, { presentation: "cell-fill" }), null, 16)) : j.value ? (f(), te(we("ABadge"), Xe(pe({ key: 2 }, j.value)), null, 16)) : h.value ? (f(), w("span", {
+      $(l).cellComponent ? (v(), ae(ye($(l).cellComponent), qe(ke({ key: 0 }, M.value)), null, 16)) : K.value ? (v(), ae(ye("ABadge"), ke({ key: 1 }, K.value, { presentation: "cell-fill" }), null, 16)) : j.value ? (v(), ae(ye("ABadge"), qe(ke({ key: 2 }, j.value)), null, 16)) : L.value ? (v(), w("span", {
         key: 3,
-        innerHTML: g.value
-      }, null, 8, Rt)) : (f(), w("span", $t, de(g.value), 1))
-    ], 46, Mt));
+        innerHTML: B.value
+      }, null, 8, Bt)) : (v(), w("span", Ht, ue(B.value), 1))
+    ], 46, At));
   }
-}), St = ["colspan"], Dt = {
+}), Et = ["colspan"], Nt = {
   ref: "container",
   class: "gantt-container"
-}, At = ["data-rowindex", "data-colindex"], Bt = {
+}, Zt = ["data-rowindex", "data-colindex"], Ft = {
   key: 2,
   class: "gantt-label"
-}, Ht = ["x1", "y1", "x2", "y2"], Zt = /* @__PURE__ */ ve({
+}, Lt = ["x1", "y1", "x2", "y2"], Ot = /* @__PURE__ */ ge({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -574,19 +615,19 @@ const kt = (e) => {
     color: { default: "#cccccc" }
   },
   emits: ["connection:create"],
-  setup(e, { expose: p, emit: i }) {
-    at(($) => ({
-      v564d6da1: k.value,
-      v4f540c19: $.colspan
+  setup(e, { expose: a, emit: i }) {
+    ct((I) => ({
+      v564d6da1: x.value,
+      v4f540c19: I.colspan
     }));
-    const u = i, k = E(e.color.length >= 6 ? e.color : "#cccccc"), a = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = le("container"), c = le("bar"), v = le("leftResizeHandle"), n = le("rightResizeHandle"), C = le("leftConnectionHandle"), d = le("rightConnectionHandle"), { width: g } = me(l), { left: W, right: j } = me(c), b = E(e.start), R = E(e.end || b.value + e.colspan), s = E(!1), h = E(!1), x = E(!1), y = E(!1), m = E(!1), B = E({ startX: 0, startY: 0, endX: 0, endY: 0 }), L = D(() => V.value || fe.value || A.value), z = D(() => e.colspan > 0 ? g.value / e.colspan : 0), ce = D(() => {
-      const $ = b.value / e.colspan * 100, H = R.value / e.colspan * 100;
+    const g = i, x = F(e.color.length >= 6 ? e.color : "#cccccc"), s = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = re("container"), r = re("bar"), f = re("leftResizeHandle"), n = re("rightResizeHandle"), d = re("leftConnectionHandle"), u = re("rightConnectionHandle"), { width: B } = be(l), { left: K, right: j } = be(r), b = F(e.start), C = F(e.end || b.value + e.colspan), M = F(!1), L = F(!1), E = F(!1), O = F(!1), V = F(!1), W = F({ startX: 0, startY: 0, endX: 0, endY: 0 }), H = y(() => h.value || fe.value || D.value), z = y(() => e.colspan > 0 ? B.value / e.colspan : 0), ce = y(() => {
+      const I = b.value / e.colspan * 100, N = C.value / e.colspan * 100;
       return {
-        left: `${$}%`,
-        width: `${H - $}%`,
-        backgroundColor: k.value
+        left: `${I}%`,
+        width: `${N - I}%`,
+        backgroundColor: x.value
       };
-    }), ye = D(() => ({
+    }), we = y(() => ({
       position: "fixed",
       top: 0,
       left: 0,
@@ -594,254 +635,254 @@ const kt = (e) => {
       height: "100vh",
       pointerEvents: "none",
       zIndex: 1e3
-    })), Y = E({ startX: 0, startPos: 0 }), { isDragging: fe } = Ve(v, {
+    })), Q = F({ startX: 0, startPos: 0 }), { isDragging: fe } = Le(f, {
       axis: "x",
-      onStart: () => O(W.value, b.value),
-      onMove: ({ x: $ }) => ne($),
-      onEnd: ({ x: $ }) => q($)
-    }), { isDragging: A } = Ve(n, {
+      onStart: () => m(K.value, b.value),
+      onMove: ({ x: I }) => Z(I),
+      onEnd: ({ x: I }) => R(I)
+    }), { isDragging: D } = Le(n, {
       axis: "x",
-      onStart: () => O(j.value, R.value),
-      onMove: ({ x: $ }) => ae($),
-      onEnd: ({ x: $ }) => he($)
-    }), { isDragging: V } = Ve(c, {
+      onStart: () => m(j.value, C.value),
+      onMove: ({ x: I }) => k(I),
+      onEnd: ({ x: I }) => q(I)
+    }), { isDragging: h } = Le(r, {
       exact: !0,
       axis: "x",
-      onStart: () => O(W.value, b.value),
-      onMove: ({ x: $ }) => ge($),
-      onEnd: ({ x: $ }) => Be($)
+      onStart: () => m(K.value, b.value),
+      onMove: ({ x: I }) => _(I),
+      onEnd: ({ x: I }) => se(I)
     });
-    Ne(() => {
-      ke();
-    }), st(() => {
-      He();
+    ze(() => {
+      Me();
+    }), dt(() => {
+      Te();
     });
-    function O($, H) {
-      c.value && (c.value.style.transition = "none"), Y.value = { startX: $, startPos: H };
+    function m(I, N) {
+      r.value && (r.value.style.transition = "none"), Q.value = { startX: I, startPos: N };
     }
-    function ne($) {
-      if (!fe.value || !c.value) return;
-      const X = ($ - Y.value.startX) / z.value, F = Math.max(0, Math.min(R.value - 1, Y.value.startPos + X));
-      c.value.style.left = `${F / e.colspan * 100}%`, c.value.style.width = `${(R.value - F) / e.colspan * 100}%`;
+    function Z(I) {
+      if (!fe.value || !r.value) return;
+      const Y = (I - Q.value.startX) / z.value, X = Math.max(0, Math.min(C.value - 1, Q.value.startPos + Y));
+      r.value.style.left = `${X / e.colspan * 100}%`, r.value.style.width = `${(C.value - X) / e.colspan * 100}%`;
     }
-    function q($) {
-      if (!c.value) return;
-      const H = $ - Y.value.startX, X = Math.round(H / z.value), F = b.value, U = Math.max(0, Math.min(R.value - 1, Y.value.startPos + X));
-      b.value = U, e.store.updateGanttBar({
+    function R(I) {
+      if (!r.value) return;
+      const N = I - Q.value.startX, Y = Math.round(N / z.value), X = b.value, J = Math.max(0, Math.min(C.value - 1, Q.value.startPos + Y));
+      b.value = J, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: F,
-        newStart: U,
-        end: R.value,
-        delta: X,
-        oldColspan: R.value - F,
-        newColspan: R.value - U
+        oldStart: X,
+        newStart: J,
+        end: C.value,
+        delta: Y,
+        oldColspan: C.value - X,
+        newColspan: C.value - J
       });
     }
-    function ae($) {
-      if (!A.value || !c.value) return;
-      const X = ($ - Y.value.startX) / z.value, F = Math.max(b.value + 1, Math.min(e.columnsCount, Y.value.startPos + X));
-      c.value.style.width = `${(F - b.value) / e.colspan * 100}%`;
+    function k(I) {
+      if (!D.value || !r.value) return;
+      const Y = (I - Q.value.startX) / z.value, X = Math.max(b.value + 1, Math.min(e.columnsCount, Q.value.startPos + Y));
+      r.value.style.width = `${(X - b.value) / e.colspan * 100}%`;
     }
-    function he($) {
-      if (!c.value) return;
-      const H = $ - Y.value.startX, X = Math.round(H / z.value), F = R.value, U = Math.max(b.value + 1, Math.min(e.columnsCount, Y.value.startPos + X));
-      R.value = U, e.store.updateGanttBar({
+    function q(I) {
+      if (!r.value) return;
+      const N = I - Q.value.startX, Y = Math.round(N / z.value), X = C.value, J = Math.max(b.value + 1, Math.min(e.columnsCount, Q.value.startPos + Y));
+      C.value = J, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: F,
-        newEnd: U,
+        oldEnd: X,
+        newEnd: J,
         start: b.value,
-        delta: X,
-        oldColspan: F - b.value,
-        newColspan: U - b.value
+        delta: Y,
+        oldColspan: X - b.value,
+        newColspan: J - b.value
       });
     }
-    function ge($) {
-      if (!V.value || !c.value) return;
-      const X = ($ - Y.value.startX) / z.value, F = R.value - b.value, U = Math.max(0, Math.min(Y.value.startPos + X, e.columnsCount - F));
-      c.value.style.left = `${U / e.colspan * 100}%`;
+    function _(I) {
+      if (!h.value || !r.value) return;
+      const Y = (I - Q.value.startX) / z.value, X = C.value - b.value, J = Math.max(0, Math.min(Q.value.startPos + Y, e.columnsCount - X));
+      r.value.style.left = `${J / e.colspan * 100}%`;
     }
-    function Be($) {
-      if (!c.value) return;
-      const H = $ - Y.value.startX, X = Math.round(H / z.value), F = R.value - b.value, U = b.value, J = R.value;
-      let ee = Y.value.startPos + X, K = ee + F;
-      ee < 0 ? (ee = 0, K = F) : K > e.columnsCount && (K = e.columnsCount, ee = K - F), b.value = ee, R.value = K, e.store.updateGanttBar({
+    function se(I) {
+      if (!r.value) return;
+      const N = I - Q.value.startX, Y = Math.round(N / z.value), X = C.value - b.value, J = b.value, ee = C.value;
+      let le = Q.value.startPos + Y, ne = le + X;
+      le < 0 ? (le = 0, ne = X) : ne > e.columnsCount && (ne = e.columnsCount, le = ne - X), b.value = le, C.value = ne, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: U,
-        oldEnd: J,
-        newStart: ee,
-        newEnd: K,
-        delta: X,
-        colspan: K - ee
+        oldStart: J,
+        oldEnd: ee,
+        newStart: le,
+        newEnd: ne,
+        delta: Y,
+        colspan: ne - le
       });
     }
-    function ke() {
-      const { x: $, y: H } = me(c), { x: X, y: F } = me(C), { x: U, y: J } = me(d);
+    function Me() {
+      const { x: I, y: N } = be(r), { x: Y, y: X } = be(d), { x: J, y: ee } = be(u);
       e.store.registerGanttBar({
-        id: a,
+        id: s,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: b,
-        endIndex: R,
-        color: k,
+        endIndex: C,
+        color: x,
         label: e.label,
-        position: { x: $, y: H }
+        position: { x: I, y: N }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${a}-connection-left`,
+        id: `${s}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: X, y: F },
-        visible: s,
-        barId: a
+        position: { x: Y, y: X },
+        visible: M,
+        barId: s
       }), e.store.registerConnectionHandle({
-        id: `${a}-connection-right`,
+        id: `${s}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: U, y: J },
-        visible: h,
-        barId: a
+        position: { x: J, y: ee },
+        visible: L,
+        barId: s
       }));
     }
-    function He() {
-      e.store.unregisterGanttBar(a), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${a}-connection-left`), e.store.unregisterConnectionHandle(`${a}-connection-right`));
+    function Te() {
+      e.store.unregisterGanttBar(s), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${s}-connection-left`), e.store.unregisterConnectionHandle(`${s}-connection-right`));
     }
-    function Ze() {
-      e.store.isDependencyGraphEnabled && (s.value = !0, h.value = !0);
+    function Ee() {
+      e.store.isDependencyGraphEnabled && (M.value = !0, L.value = !0);
     }
-    function Me() {
-      !x.value && !y.value && (s.value = !1, h.value = !1);
+    function Re() {
+      !E.value && !O.value && (M.value = !1, L.value = !1);
     }
-    function Re($, H) {
-      H.preventDefault(), H.stopPropagation(), m.value = !0, $ === "left" ? x.value = !0 : y.value = !0;
-      const X = $ === "left" ? C.value : d.value;
-      if (X) {
-        const J = X.getBoundingClientRect(), ee = J.left + J.width / 2, K = J.top + J.height / 2;
-        B.value = { startX: ee, startY: K, endX: ee, endY: K };
+    function $e(I, N) {
+      N.preventDefault(), N.stopPropagation(), V.value = !0, I === "left" ? E.value = !0 : O.value = !0;
+      const Y = I === "left" ? d.value : u.value;
+      if (Y) {
+        const ee = Y.getBoundingClientRect(), le = ee.left + ee.width / 2, ne = ee.top + ee.height / 2;
+        W.value = { startX: le, startY: ne, endX: le, endY: ne };
       }
-      const F = (J) => {
-        B.value.endX = J.clientX, B.value.endY = J.clientY;
-      }, U = (J) => {
-        $e(J, $), Ie(F, U);
+      const X = (ee) => {
+        W.value.endX = ee.clientX, W.value.endY = ee.clientY;
+      }, J = (ee) => {
+        Ie(ee, I), Se(X, J);
       };
-      document.addEventListener("mousemove", F), document.addEventListener("mouseup", U);
+      document.addEventListener("mousemove", X), document.addEventListener("mouseup", J);
     }
-    function $e($, H) {
-      const F = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
-      if (F && F !== (H === "left" ? C.value : d.value)) {
-        const U = F.closest(".gantt-bar");
-        if (U) {
-          const J = parseInt(U.getAttribute("data-rowindex") || "0"), ee = parseInt(U.getAttribute("data-colindex") || "0"), K = F.classList.contains("left-connection-handle") ? "left" : "right", Fe = `gantt-bar-row-${J}-col-${ee}`, Te = e.store.createConnection(
-            `${a}-connection-${H}`,
-            `${Fe}-connection-${K}`
+    function Ie(I, N) {
+      const X = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
+      if (X && X !== (N === "left" ? d.value : u.value)) {
+        const J = X.closest(".gantt-bar");
+        if (J) {
+          const ee = parseInt(J.getAttribute("data-rowindex") || "0"), le = parseInt(J.getAttribute("data-colindex") || "0"), ne = X.classList.contains("left-connection-handle") ? "left" : "right", We = `gantt-bar-row-${ee}-col-${le}`, Ne = e.store.createConnection(
+            `${s}-connection-${N}`,
+            `${We}-connection-${ne}`
           );
-          Te && u("connection:create", Te);
+          Ne && g("connection:create", Ne);
         }
       }
     }
-    function Ie($, H) {
-      m.value = !1, x.value = !1, y.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", H), c.value?.matches(":hover") || Me();
+    function Se(I, N) {
+      V.value = !1, E.value = !1, O.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", N), r.value?.matches(":hover") || Re();
     }
-    return p({
+    return a({
       barStyle: ce,
-      cleanupConnectionDrag: Ie,
-      currentEnd: R,
-      handleConnectionDrop: $e,
-      isLeftConnectionDragging: x,
-      isLeftConnectionVisible: s,
-      isRightConnectionDragging: y,
-      isRightConnectionVisible: h,
-      showDragPreview: m
-    }), ($, H) => (f(), w("td", {
+      cleanupConnectionDrag: Se,
+      currentEnd: C,
+      handleConnectionDrop: Ie,
+      isLeftConnectionDragging: E,
+      isLeftConnectionVisible: M,
+      isRightConnectionDragging: O,
+      isRightConnectionVisible: L,
+      showDragPreview: V
+    }), (I, N) => (v(), w("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      T("div", Dt, [
+      T("div", Nt, [
         T("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: Q(["gantt-bar", { "is-dragging": L.value }]),
-          style: re(ce.value),
-          onMouseenter: Ze,
-          onMouseleave: Me
+          class: te(["gantt-bar", { "is-dragging": H.value }]),
+          style: he(ce.value),
+          onMouseenter: Ee,
+          onMouseleave: Re
         }, [
-          e.store.isDependencyGraphEnabled ? (f(), w("div", {
+          e.store.isDependencyGraphEnabled ? (v(), w("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: Q(["connection-handle left-connection-handle", { visible: s.value, "is-dragging": x.value }]),
-            onMousedown: H[0] || (H[0] = xe((X) => Re("left", X), ["stop"]))
-          }, [...H[2] || (H[2] = [
+            class: te(["connection-handle left-connection-handle", { visible: M.value, "is-dragging": E.value }]),
+            onMousedown: N[0] || (N[0] = Ce((Y) => $e("left", Y), ["stop"]))
+          }, [...N[2] || (N[2] = [
             T("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : G("", !0),
-          e.store.isDependencyGraphEnabled ? (f(), w("div", {
+          ])], 34)) : U("", !0),
+          e.store.isDependencyGraphEnabled ? (v(), w("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: Q(["connection-handle right-connection-handle", { visible: h.value, "is-dragging": y.value }]),
-            onMousedown: H[1] || (H[1] = xe((X) => Re("right", X), ["stop"]))
-          }, [...H[3] || (H[3] = [
+            class: te(["connection-handle right-connection-handle", { visible: L.value, "is-dragging": O.value }]),
+            onMousedown: N[1] || (N[1] = Ce((Y) => $e("right", Y), ["stop"]))
+          }, [...N[3] || (N[3] = [
             T("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : G("", !0),
+          ])], 34)) : U("", !0),
           T("div", {
             ref: "leftResizeHandle",
-            class: Q(["resize-handle left-resize-handle", { "is-dragging": Z(fe) }])
-          }, [...H[4] || (H[4] = [
+            class: te(["resize-handle left-resize-handle", { "is-dragging": $(fe) }])
+          }, [...N[4] || (N[4] = [
             T("div", { class: "handle-grip" }, null, -1),
             T("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (f(), w("label", Bt, de(e.label), 1)) : G("", !0),
+          e.label ? (v(), w("label", Ft, ue(e.label), 1)) : U("", !0),
           T("div", {
             ref: "rightResizeHandle",
-            class: Q(["resize-handle right-resize-handle", { "is-dragging": Z(A) }])
-          }, [...H[5] || (H[5] = [
+            class: te(["resize-handle right-resize-handle", { "is-dragging": $(D) }])
+          }, [...N[5] || (N[5] = [
             T("div", { class: "handle-grip" }, null, -1),
             T("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, At)
+        ], 46, Zt)
       ], 512),
-      e.store.isDependencyGraphEnabled && m.value ? (f(), w("svg", {
+      e.store.isDependencyGraphEnabled && V.value ? (v(), w("svg", {
         key: 0,
-        style: re(ye.value)
+        style: he(we.value)
       }, [
         T("line", {
-          x1: B.value.startX,
-          y1: B.value.startY,
-          x2: B.value.endX,
-          y2: B.value.endY,
+          x1: W.value.startX,
+          y1: W.value.startY,
+          x2: W.value.endX,
+          y2: W.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, Ht)
-      ], 4)) : G("", !0)
-    ], 8, St));
+        }, null, 8, Lt)
+      ], 4)) : U("", !0)
+    ], 8, Et));
   }
-}), be = (e, p) => {
+}), xe = (e, a) => {
   const i = e.__vccOpts || e;
-  for (const [u, k] of p)
-    i[u] = k;
+  for (const [g, x] of a)
+    i[g] = x;
   return i;
-}, Tt = /* @__PURE__ */ be(Zt, [["__scopeId", "data-v-032ef6d9"]]), Vt = `<?xml version="1.0" encoding="UTF-8"?>
+}, Vt = /* @__PURE__ */ xe(Ot, [["__scopeId", "data-v-032ef6d9"]]), Pt = `<?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>
-`, Et = `<?xml version="1.0" encoding="UTF-8"?>
+`, 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="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>`, Ot = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Xt = `<?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>`, Nt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Gt = `<?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"/>
@@ -855,7 +896,7 @@ const kt = (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>`, Lt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, jt = `<?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"/>
@@ -869,31 +910,31 @@ const kt = (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>`, Ft = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Wt = `<?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>`, Pt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Ut = `<?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>
-`, zt = '<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>', Xt = '<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>', Gt = {
-  add: Vt,
-  delete: Et,
-  duplicate: Ot,
-  insertAbove: Nt,
-  insertBelow: Lt,
-  move: Ft,
-  moveUp: zt,
-  moveDown: Xt,
-  open: Pt
-}, Wt = {
+`, Yt = '<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>', qt = '<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>', Jt = {
+  add: Pt,
+  delete: zt,
+  duplicate: Xt,
+  insertAbove: Gt,
+  insertBelow: jt,
+  move: Wt,
+  moveUp: Yt,
+  moveDown: qt,
+  open: Ut
+}, Kt = {
   key: 0,
   class: "row-actions-dropdown"
-}, jt = ["aria-expanded"], Ut = ["disabled", "onClick"], Yt = ["innerHTML"], qt = { class: "action-label" }, Jt = {
+}, Qt = ["aria-expanded"], _t = ["disabled", "onClick"], en = ["innerHTML"], tn = { class: "action-label" }, nn = {
   key: 1,
   class: "row-actions-icons"
-}, Qt = ["title", "aria-label", "disabled", "onClick"], Kt = ["innerHTML"], De = /* @__PURE__ */ ve({
+}, on = ["title", "aria-label", "disabled", "onClick"], ln = ["innerHTML"], Ae = /* @__PURE__ */ ge({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -902,8 +943,8 @@ const kt = (e) => {
     position: {}
   },
   emits: ["action"],
-  setup(e, { emit: p }) {
-    const i = e, u = p, k = le("actionsCell"), a = le("toggleButton"), l = E(0), c = E(!1), v = E(!1), n = E({ top: 0, left: 0 }), C = {
+  setup(e, { emit: a }) {
+    const i = e, g = a, x = re("actionsCell"), s = re("toggleButton"), l = F(0), r = F(!1), f = F(!1), n = F({ top: 0, left: 0 }), d = {
       add: "Add Record",
       delete: "Delete Record",
       duplicate: "Duplicate Record",
@@ -913,8 +954,8 @@ const kt = (e) => {
       moveUp: "Move Up",
       moveDown: "Move Down",
       open: "Open Record"
-    }, d = D(() => {
-      const s = [], h = i.config.actions || {}, x = [
+    }, u = y(() => {
+      const M = [], L = i.config.actions || {}, E = [
         "open",
         "moveUp",
         "moveDown",
@@ -925,18 +966,18 @@ const kt = (e) => {
         "delete",
         "move"
       ];
-      for (const y of x) {
-        const m = h[y];
-        if (m === !1 || m === void 0) continue;
-        let B = !0, L = C[y], z = Gt[y], ce = !1;
-        typeof m == "object" && (B = m.enabled !== !1, L = m.label || L, z = m.icon || z, m.disabled && (ce = m.disabled(i.rowIndex, i.store))), B && s.push({ type: y, label: L, icon: z, disabled: ce });
+      for (const O of E) {
+        const V = L[O];
+        if (V === !1 || V === void 0) continue;
+        let W = !0, H = d[O], z = Jt[O], ce = !1;
+        typeof V == "object" && (W = V.enabled !== !1, H = V.label || H, z = V.icon || z, V.disabled && (ce = V.disabled(i.rowIndex, i.store))), W && M.push({ type: O, label: H, icon: z, disabled: ce });
       }
-      return s;
-    }), g = D(() => {
+      return M;
+    }), B = y(() => {
       if (i.config.forceDropdown) return !0;
-      const s = i.config.dropdownThreshold ?? 150;
-      return s === 0 ? !1 : l.value > 0 && l.value < s;
-    }), W = D(() => c.value ? v.value ? {
+      const M = i.config.dropdownThreshold ?? 150;
+      return M === 0 ? !1 : l.value > 0 && l.value < M;
+    }), K = y(() => r.value ? f.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - n.value.top}px`,
       left: `${n.value.left}px`,
@@ -946,86 +987,86 @@ const kt = (e) => {
       top: `${n.value.top}px`,
       left: `${n.value.left}px`
     } : {});
-    ft(k, (s) => {
-      const h = s[0];
-      h && (l.value = h.contentRect.width);
+    wt(x, (M) => {
+      const L = M[0];
+      L && (l.value = L.contentRect.width);
     });
     const j = () => {
-      c.value || b(), c.value = !c.value;
+      r.value || b(), r.value = !r.value;
     }, b = () => {
-      if (!a.value) return;
-      const s = a.value.getBoundingClientRect(), h = window.innerHeight, x = window.innerWidth, y = d.value.length * 40 + 16, m = 160, B = h - s.bottom, L = s.top;
-      v.value = B < y && L > y;
-      let z = s.left;
-      z + m > x && (z = Math.max(0, s.right - m)), n.value = {
-        top: v.value ? s.top : s.bottom,
+      if (!s.value) return;
+      const M = s.value.getBoundingClientRect(), L = window.innerHeight, E = window.innerWidth, O = u.value.length * 40 + 16, V = 160, W = L - M.bottom, H = M.top;
+      f.value = W < O && H > O;
+      let z = M.left;
+      z + V > E && (z = Math.max(0, M.right - V)), n.value = {
+        top: f.value ? M.top : M.bottom,
         left: z
       };
     };
-    ht(k, () => {
-      c.value = !1;
+    xt(x, () => {
+      r.value = !1;
     });
-    const R = (s, h) => {
-      c.value = !1;
-      const x = i.config.actions?.[s];
-      typeof x == "object" && x.handler && x.handler(i.rowIndex, i.store) === !1 || u("action", s, i.rowIndex, h);
+    const C = (M, L) => {
+      r.value = !1;
+      const E = i.config.actions?.[M];
+      typeof E == "object" && E.handler && E.handler(i.rowIndex, i.store) === !1 || g("action", M, i.rowIndex, L);
     };
-    return (s, h) => (f(), w("td", {
+    return (M, L) => (v(), w("td", {
       ref: "actionsCell",
-      class: Q(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
+      class: te(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": r.value }])
     }, [
-      g.value ? (f(), w("div", Wt, [
+      B.value ? (v(), w("div", Kt, [
         T("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
-          "aria-expanded": c.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "true",
-          onClick: xe(j, ["stop"])
-        }, [...h[0] || (h[0] = [
+          onClick: Ce(j, ["stop"])
+        }, [...L[0] || (L[0] = [
           T("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, jt),
-        oe(T("div", {
-          class: Q(["row-actions-menu", { "menu-flipped": v.value }]),
-          style: re(W.value),
+        ])], 8, Qt),
+        ie(T("div", {
+          class: te(["row-actions-menu", { "menu-flipped": f.value }]),
+          style: he(K.value),
           role: "menu"
         }, [
-          (f(!0), w(ie, null, ue(d.value, (x) => (f(), w("button", {
-            key: x.type,
+          (v(!0), w(ve, null, me(u.value, (E) => (v(), w("button", {
+            key: E.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            disabled: x.disabled,
-            onClick: xe((y) => R(x.type, y), ["stop"])
+            disabled: E.disabled,
+            onClick: Ce((O) => C(E.type, O), ["stop"])
           }, [
             T("span", {
               class: "action-icon",
-              innerHTML: x.icon
-            }, null, 8, Yt),
-            T("span", qt, de(x.label), 1)
-          ], 8, Ut))), 128))
+              innerHTML: E.icon
+            }, null, 8, en),
+            T("span", tn, ue(E.label), 1)
+          ], 8, _t))), 128))
         ], 6), [
-          [Le, c.value]
+          [Ge, r.value]
         ])
-      ])) : (f(), w("div", Jt, [
-        (f(!0), w(ie, null, ue(d.value, (x) => (f(), w("button", {
-          key: x.type,
+      ])) : (v(), w("div", nn, [
+        (v(!0), w(ve, null, me(u.value, (E) => (v(), w("button", {
+          key: E.type,
           type: "button",
           class: "row-action-btn",
-          title: x.label,
-          "aria-label": x.label,
-          disabled: x.disabled,
-          onClick: xe((y) => R(x.type, y), ["stop"])
+          title: E.label,
+          "aria-label": E.label,
+          disabled: E.disabled,
+          onClick: Ce((O) => C(E.type, O), ["stop"])
         }, [
           T("span", {
             class: "action-icon",
-            innerHTML: x.icon
-          }, null, 8, Kt)
-        ], 8, Qt))), 128))
+            innerHTML: E.icon
+          }, null, 8, ln)
+        ], 8, on))), 128))
       ]))
     ], 2));
   }
-}), _t = ["tabindex"], en = ["tabindex"], tn = ["colspan"], nn = /* @__PURE__ */ ve({
+}), an = ["tabindex"], sn = ["tabindex"], rn = ["colspan"], cn = /* @__PURE__ */ ge({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1034,99 +1075,99 @@ const kt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   emits: ["row:action", "row:click"],
-  setup(e, { emit: p }) {
-    const i = p, u = le("rowEl"), k = D(() => e.store.isRowVisible(e.rowIndex)), a = D(() => e.store.getRowExpandSymbol(e.rowIndex)), l = D(() => e.store.config.clickable ?? !1), c = D(() => e.store.config.rowActions || { enabled: !1 }), v = D(() => c.value.enabled), n = D(() => c.value.position || "before-index"), C = D(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), d = D(() => {
-      const b = e.store.config.view === "uncounted" ? 0 : 1, R = v.value ? 1 : 0;
-      return e.store.columns.length + b + R;
-    }), g = (b, R, s) => {
-      i("row:action", b, R, s);
-    }, W = (b) => {
-      const R = b.target;
-      R.closest(".atable-row-actions") || R.closest(".tree-index") || R.closest(".expansion-index") || i("row:click", e.rowIndex, b);
+  setup(e, { emit: a }) {
+    const i = a, g = re("rowEl"), x = y(() => e.store.isRowVisible(e.rowIndex)), s = y(() => e.store.getRowExpandSymbol(e.rowIndex)), l = y(() => e.store.config.clickable ?? !1), r = y(() => e.store.config.rowActions || { enabled: !1 }), f = y(() => r.value.enabled), n = y(() => r.value.position || "before-index"), d = y(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), u = y(() => {
+      const b = e.store.config.view === "uncounted" ? 0 : 1, C = f.value ? 1 : 0;
+      return e.store.columns.length + b + C;
+    }), B = (b, C, M) => {
+      i("row:action", b, C, M);
+    }, K = (b) => {
+      const C = b.target;
+      C.closest(".atable-row-actions") || C.closest(".tree-index") || C.closest(".expansion-index") || i("row:click", e.rowIndex, b);
     }, j = e.store.config.view === "list-expansion";
     if (e.addNavigation || j) {
       let b = {};
-      e.addNavigation === !0 ? b = { ...Ee } : typeof e.addNavigation == "object" && (b = { ...Ee, ...e.addNavigation }), j && !b["keydown.control.g"] && (b["keydown.control.g"] = (R) => {
-        R.stopPropagation(), R.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
-      }), Ke([
+      e.addNavigation === !0 ? b = { ...Ve } : typeof e.addNavigation == "object" && (b = { ...Ve, ...e.addNavigation }), j && !b["keydown.control.g"] && (b["keydown.control.g"] = (C) => {
+        C.stopPropagation(), C.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      }), tt([
         {
-          selectors: u,
+          selectors: g,
           handlers: b
         }
       ]);
     }
-    return (b, R) => (f(), w(ie, null, [
-      oe(T("tr", pe(b.$attrs, {
+    return (b, C) => (v(), w(ve, null, [
+      ie(T("tr", ke(b.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: ["atable-row", { "atable-row-clickable": l.value }],
-        onClick: W
+        onClick: K
       }), [
-        v.value && n.value === "before-index" ? (f(), te(De, {
+        f.value && n.value === "before-index" ? (v(), ae(Ae, {
           key: 0,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
-          onAction: g
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
-        e.store.config.view !== "uncounted" ? se(b.$slots, "index", {}, () => [
-          e.store.config.view === "list" ? (f(), w("td", {
+          onAction: B
+        }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0),
+        e.store.config.view !== "uncounted" ? de(b.$slots, "index", {}, () => [
+          e.store.config.view === "list" ? (v(), w("td", {
             key: 0,
             tabIndex: -1,
-            class: Q(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-          }, de(e.rowIndex + 1), 3)) : e.store.isTreeView ? (f(), w("td", {
+            class: te(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+          }, ue(e.rowIndex + 1), 3)) : e.store.isTreeView ? (v(), w("td", {
             key: 1,
             tabIndex: -1,
-            class: Q(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-            onClick: R[0] || (R[0] = (s) => e.store.toggleRowExpand(e.rowIndex))
-          }, de(a.value), 3)) : e.store.config.view === "list-expansion" ? (f(), w("td", {
+            class: te(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+            onClick: C[0] || (C[0] = (M) => e.store.toggleRowExpand(e.rowIndex))
+          }, ue(s.value), 3)) : e.store.config.view === "list-expansion" ? (v(), w("td", {
             key: 2,
             tabIndex: -1,
-            class: Q(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-            onClick: R[1] || (R[1] = (s) => e.store.toggleRowExpand(e.rowIndex))
-          }, de(a.value), 3)) : G("", !0)
-        ], !0, 1) : G("", !0),
-        v.value && n.value === "after-index" ? (f(), te(De, {
+            class: te(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+            onClick: C[1] || (C[1] = (M) => e.store.toggleRowExpand(e.rowIndex))
+          }, ue(s.value), 3)) : U("", !0)
+        ], !0, 1) : U("", !0),
+        f.value && n.value === "after-index" ? (v(), ae(Ae, {
           key: 2,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
-          onAction: g
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
-        se(b.$slots, "default", {}, void 0, !0),
-        v.value && n.value === "end" ? (f(), te(De, {
+          onAction: B
+        }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0),
+        de(b.$slots, "default", {}, void 0, !0),
+        f.value && n.value === "end" ? (v(), ae(Ae, {
           key: 3,
           "row-index": e.rowIndex,
           store: e.store,
-          config: c.value,
+          config: r.value,
           position: n.value,
-          onAction: g
-        }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0)
-      ], 16, _t), [
-        [Le, k.value]
+          onAction: B
+        }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0)
+      ], 16, an), [
+        [Ge, x.value]
       ]),
-      C.value ? (f(), w("tr", {
+      d.value ? (v(), w("tr", {
         key: 0,
         tabindex: e.tabIndex,
         class: "atable-expanded-row"
       }, [
         T("td", {
           tabIndex: -1,
-          colspan: d.value,
+          colspan: u.value,
           class: "atable-expanded-content"
         }, [
-          se(b.$slots, "content", {
+          de(b.$slots, "content", {
             row: e.store.rows[e.rowIndex],
             rowIndex: e.rowIndex,
             store: e.store
           }, void 0, !0)
-        ], 8, tn)
-      ], 8, en)) : G("", !0)
+        ], 8, rn)
+      ], 8, sn)) : U("", !0)
     ], 64));
   }
-}), nt = /* @__PURE__ */ be(nn, [["__scopeId", "data-v-4dd47763"]]), on = { class: "gantt-connection-overlay" }, ln = {
+}), at = /* @__PURE__ */ xe(cn, [["__scopeId", "data-v-4dd47763"]]), dn = { class: "gantt-connection-overlay" }, un = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1137,31 +1178,31 @@ const kt = (e) => {
     pointerEvents: "none",
     zIndex: 1
   }
-}, an = ["d", "stroke-width", "onDblclick"], sn = ["id", "d", "stroke", "stroke-width", "onDblclick"], rn = 0.25, Se = 16, cn = /* @__PURE__ */ ve({
+}, vn = ["d", "stroke-width", "onDblclick"], fn = ["id", "d", "stroke", "stroke-width", "onDblclick"], hn = 0.25, De = 16, gn = /* @__PURE__ */ ge({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
-  setup(e, { emit: p }) {
-    const i = p, u = D(() => 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;
-    })), k = (l) => {
-      const c = e.store.connectionHandles.find(
-        (L) => L.barId === l.from.barId && L.side === l.from.side
-      ), v = e.store.connectionHandles.find(
-        (L) => L.barId === l.to.barId && L.side === l.to.side
+  setup(e, { emit: a }) {
+    const i = a, g = y(() => e.store.connectionPaths.filter((l) => {
+      const r = e.store.ganttBars.find((n) => n.id === l.from.barId), f = e.store.ganttBars.find((n) => n.id === l.to.barId);
+      return r && f;
+    })), x = (l) => {
+      const r = e.store.connectionHandles.find(
+        (H) => H.barId === l.from.barId && H.side === l.from.side
+      ), f = e.store.connectionHandles.find(
+        (H) => H.barId === l.to.barId && H.side === l.to.side
       );
-      if (!c || !v) return "";
-      const n = c.position.x + Se / 2, C = c.position.y + Se / 2, d = v.position.x + Se / 2, g = v.position.y + Se / 2, W = Math.abs(d - n), j = Math.max(W * rn, 50), b = n + (l.from.side === "left" ? -j : j), R = d + (l.to.side === "left" ? -j : j), s = { x: 0.5 * n + 0.5 * b, y: 0.5 * C + 0.5 * C }, h = { x: 0.5 * b + 0.5 * R, y: 0.5 * C + 0.5 * g }, x = { x: 0.5 * R + 0.5 * d, y: 0.5 * g + 0.5 * g }, y = { x: 0.5 * s.x + 0.5 * h.x, y: 0.5 * s.y + 0.5 * h.y }, m = { x: 0.5 * h.x + 0.5 * x.x, y: 0.5 * h.y + 0.5 * x.y }, B = { x: 0.5 * y.x + 0.5 * m.x, y: 0.5 * y.y + 0.5 * m.y };
-      return `M ${n} ${C} Q ${b} ${C}, ${B.x} ${B.y} Q ${R} ${g}, ${d} ${g}`;
-    }, a = (l) => {
+      if (!r || !f) return "";
+      const n = r.position.x + De / 2, d = r.position.y + De / 2, u = f.position.x + De / 2, B = f.position.y + De / 2, K = Math.abs(u - n), j = Math.max(K * hn, 50), b = n + (l.from.side === "left" ? -j : j), C = u + (l.to.side === "left" ? -j : j), M = { x: 0.5 * n + 0.5 * b, y: 0.5 * d + 0.5 * d }, L = { x: 0.5 * b + 0.5 * C, y: 0.5 * d + 0.5 * B }, E = { x: 0.5 * C + 0.5 * u, y: 0.5 * B + 0.5 * B }, O = { x: 0.5 * M.x + 0.5 * L.x, y: 0.5 * M.y + 0.5 * L.y }, V = { x: 0.5 * L.x + 0.5 * E.x, y: 0.5 * L.y + 0.5 * E.y }, W = { x: 0.5 * O.x + 0.5 * V.x, y: 0.5 * O.y + 0.5 * V.y };
+      return `M ${n} ${d} Q ${b} ${d}, ${W.x} ${W.y} Q ${C} ${B}, ${u} ${B}`;
+    }, s = (l) => {
       e.store.deleteConnection(l.id) && i("connection:delete", l);
     };
-    return (l, c) => (f(), w("div", on, [
-      (f(), w("svg", ln, [
-        c[0] || (c[0] = T("defs", null, [
+    return (l, r) => (v(), w("div", dn, [
+      (v(), w("svg", un, [
+        r[0] || (r[0] = T("defs", null, [
           T("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
@@ -1184,36 +1225,36 @@ const kt = (e) => {
             })
           ])
         ], -1)),
-        (f(!0), w(ie, null, ue(u.value, (v) => (f(), w("path", {
-          key: `${v.id}-hitbox`,
-          d: k(v),
+        (v(!0), w(ve, null, me(g.value, (f) => (v(), w("path", {
+          key: `${f.id}-hitbox`,
+          d: x(f),
           stroke: "transparent",
-          "stroke-width": (v.style?.width || 2) + 10,
+          "stroke-width": (f.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (n) => a(v)
-        }, null, 40, an))), 128)),
-        (f(!0), w(ie, null, ue(u.value, (v) => (f(), w("path", {
-          id: v.id,
-          key: v.id,
-          d: k(v),
-          stroke: v.style?.color || "#666",
-          "stroke-width": v.style?.width || 2,
+          onDblclick: (n) => s(f)
+        }, null, 40, vn))), 128)),
+        (v(!0), w(ve, null, me(g.value, (f) => (v(), w("path", {
+          id: f.id,
+          key: f.id,
+          d: x(f),
+          stroke: f.style?.color || "#666",
+          "stroke-width": f.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (n) => a(v)
-        }, null, 40, sn))), 128))
+          onDblclick: (n) => s(f)
+        }, null, 40, fn))), 128))
       ]))
     ]));
   }
-}), dn = /* @__PURE__ */ be(cn, [["__scopeId", "data-v-d5929c98"]]), un = { class: "column-filter" }, vn = {
+}), mn = /* @__PURE__ */ xe(gn, [["__scopeId", "data-v-d5929c98"]]), wn = { class: "column-filter" }, xn = {
   key: 2,
   class: "checkbox-filter"
-}, fn = ["value"], hn = {
+}, bn = ["value"], yn = {
   key: 5,
   class: "date-range-filter"
-}, gn = /* @__PURE__ */ ve({
+}, Cn = /* @__PURE__ */ ge({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1221,419 +1262,536 @@ const kt = (e) => {
     store: {}
   },
   setup(e) {
-    const p = {
-      text: "text",
-      number: "number",
-      boolean: "checkbox",
-      date: "date",
-      datetime: "dateRange",
-      select: "select",
-      code: "text",
-      link: "text",
-      attach: "text",
-      quantity: "number",
-      currency: "number"
-    }, i = E(""), u = it({
+    const a = F(""), i = ut({
       startValue: "",
       endValue: ""
-    }), k = D(() => {
-      if (e.column.filterType) return e.column.filterType;
-      const C = Ae(e.column.component);
-      return C ? p[C] : "text";
-    }), a = (C) => {
-      if (C.filterOptions) return C.filterOptions;
+    }), g = y(() => je(e.column)), x = (n) => {
+      if (n.filterOptions) return n.filterOptions;
       const d = /* @__PURE__ */ new Set();
-      return e.store.rows.forEach((g) => {
-        const W = g[C.name];
-        W != null && W !== "" && d.add(W);
-      }), Array.from(d).map((g) => ({
-        value: g,
-        label: String(g)
+      return e.store.rows.forEach((u) => {
+        const B = u[n.name];
+        B != null && B !== "" && d.add(B);
+      }), Array.from(d).map((u) => ({
+        value: u,
+        label: String(u)
       }));
-    }, l = D(() => !!(i.value || u.startValue || u.endValue)), c = (C) => {
-      !C && k.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, {
+    }, s = y(() => !!(a.value || i.startValue || i.endValue)), l = (n) => {
+      !n && g.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), a.value = "") : (a.value = n, e.store.setFilter(e.colIndex, { value: n }));
+    }, r = (n, d) => {
+      n === "start" ? i.startValue = d : i.endValue = d, !i.startValue && !i.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
         value: null,
-        startValue: u.startValue,
-        endValue: u.endValue
+        startValue: i.startValue,
+        endValue: i.endValue
       });
-    }, n = () => {
-      i.value = "", u.startValue = "", u.endValue = "", e.store.clearFilter(e.colIndex);
+    }, f = () => {
+      a.value = "", i.startValue = "", i.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (C, d) => (f(), w("div", un, [
-      k.value === "text" ? oe((f(), w("input", {
+    return (n, d) => (v(), w("div", wn, [
+      g.value === "text" ? ie((v(), w("input", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => a.value = u),
         type: "text",
         class: "filter-input",
-        onInput: d[1] || (d[1] = (g) => c(i.value))
+        onInput: d[1] || (d[1] = (u) => l(a.value))
       }, null, 544)), [
-        [Ce, i.value]
-      ]) : k.value === "number" ? oe((f(), w("input", {
+        [pe, a.value]
+      ]) : g.value === "number" ? ie((v(), w("input", {
         key: 1,
-        "onUpdate:modelValue": d[2] || (d[2] = (g) => i.value = g),
+        "onUpdate:modelValue": d[2] || (d[2] = (u) => a.value = u),
         type: "number",
         class: "filter-input",
-        onInput: d[3] || (d[3] = (g) => c(i.value))
+        onInput: d[3] || (d[3] = (u) => l(a.value))
       }, null, 544)), [
-        [Ce, i.value]
-      ]) : k.value === "checkbox" ? (f(), w("label", vn, [
-        oe(T("input", {
-          "onUpdate:modelValue": d[4] || (d[4] = (g) => i.value = g),
+        [pe, a.value]
+      ]) : g.value === "checkbox" ? (v(), w("label", xn, [
+        ie(T("input", {
+          "onUpdate:modelValue": d[4] || (d[4] = (u) => a.value = u),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: d[5] || (d[5] = (g) => c(i.value))
+          onChange: d[5] || (d[5] = (u) => l(a.value))
         }, null, 544), [
-          [rt, i.value]
+          [vt, a.value]
         ]),
-        T("span", null, de(e.column.label), 1)
-      ])) : k.value === "select" ? oe((f(), w("select", {
+        T("span", null, ue(e.column.label), 1)
+      ])) : g.value === "select" ? ie((v(), w("select", {
         key: 3,
-        "onUpdate:modelValue": d[6] || (d[6] = (g) => i.value = g),
+        "onUpdate:modelValue": d[6] || (d[6] = (u) => a.value = u),
         class: "filter-select",
-        onChange: d[7] || (d[7] = (g) => c(i.value))
+        onChange: d[7] || (d[7] = (u) => l(a.value))
       }, [
         d[15] || (d[15] = T("option", { value: "" }, "All", -1)),
-        (f(!0), w(ie, null, ue(a(e.column), (g) => (f(), w("option", {
-          key: g.value || g,
-          value: g.value || g
-        }, de(g.label || g), 9, fn))), 128))
+        (v(!0), w(ve, null, me(x(e.column), (u) => (v(), w("option", {
+          key: u.value || u,
+          value: u.value || u
+        }, ue(u.label || u), 9, bn))), 128))
       ], 544)), [
-        [ct, i.value]
-      ]) : k.value === "date" ? oe((f(), w("input", {
+        [ft, a.value]
+      ]) : g.value === "date" ? ie((v(), w("input", {
         key: 4,
-        "onUpdate:modelValue": d[8] || (d[8] = (g) => i.value = g),
+        "onUpdate:modelValue": d[8] || (d[8] = (u) => a.value = u),
         type: "date",
         class: "filter-input",
-        onChange: d[9] || (d[9] = (g) => c(i.value))
+        onChange: d[9] || (d[9] = (u) => l(a.value))
       }, null, 544)), [
-        [Ce, i.value]
-      ]) : k.value === "dateRange" ? (f(), w("div", hn, [
-        oe(T("input", {
-          "onUpdate:modelValue": d[10] || (d[10] = (g) => u.startValue = g),
+        [pe, a.value]
+      ]) : g.value === "dateRange" ? (v(), w("div", yn, [
+        ie(T("input", {
+          "onUpdate:modelValue": d[10] || (d[10] = (u) => i.startValue = u),
           type: "date",
           class: "filter-input",
-          onChange: d[11] || (d[11] = (g) => v("start", u.startValue))
+          onChange: d[11] || (d[11] = (u) => r("start", i.startValue))
         }, null, 544), [
-          [Ce, u.startValue]
+          [pe, i.startValue]
         ]),
         d[16] || (d[16] = T("span", { class: "date-separator" }, "-", -1)),
-        oe(T("input", {
-          "onUpdate:modelValue": d[12] || (d[12] = (g) => u.endValue = g),
+        ie(T("input", {
+          "onUpdate:modelValue": d[12] || (d[12] = (u) => i.endValue = u),
           type: "date",
           class: "filter-input",
-          onChange: d[13] || (d[13] = (g) => v("end", u.endValue))
+          onChange: d[13] || (d[13] = (u) => r("end", i.endValue))
         }, null, 544), [
-          [Ce, u.endValue]
+          [pe, i.endValue]
         ])
-      ])) : k.value === "component" && e.column.filterComponent ? (f(), te(we(e.column.filterComponent), {
+      ])) : g.value === "component" && e.column.filterComponent ? (v(), ae(ye(e.column.filterComponent), {
         key: 6,
-        value: i.value,
+        value: a.value,
         column: e.column,
         "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": d[14] || (d[14] = (g) => c(g))
-      }, null, 40, ["value", "column", "col-index", "store"])) : G("", !0),
-      l.value ? (f(), w("button", {
+        "onUpdate:value": d[14] || (d[14] = (u) => l(u))
+      }, null, 40, ["value", "column", "col-index", "store"])) : U("", !0),
+      s.value ? (v(), w("button", {
         key: 7,
         class: "clear-btn",
         title: "Clear",
-        onClick: n
-      }, "×")) : G("", !0)
+        onClick: f
+      }, "×")) : U("", !0)
     ]));
   }
-}), mn = /* @__PURE__ */ be(gn, [["__scopeId", "data-v-a0263c77"]]), wn = { key: 0 }, xn = {
+}), pn = /* @__PURE__ */ xe(Cn, [["__scopeId", "data-v-cb540703"]]), kn = { key: 0 }, Mn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, bn = {
+}, Rn = {
   key: 2,
   class: "row-actions-header"
-}, yn = ["data-colindex", "onClick"], Cn = {
+}, $n = ["data-colindex", "onClick"], In = {
   key: 3,
   class: "row-actions-header"
-}, pn = {
+}, Sn = {
   key: 0,
   class: "atable-filters-row"
-}, kn = {
+}, Dn = {
   key: 2,
   class: "row-actions-header"
-}, Mn = {
+}, An = {
   key: 3,
   class: "row-actions-header"
-}, ot = /* @__PURE__ */ ve({
+}, st = /* @__PURE__ */ ge({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const p = D(() => e.columns.filter((l) => l.filterable)), i = D(() => e.store.config.rowActions?.enabled ?? !1), u = D(() => e.store.config.rowActions?.position ?? "before-index"), k = (l) => e.store.sortByColumn(l), a = (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;
-        typeof d == "number" && d !== n && e.store.resizeColumn(C, n);
+    const a = y(() => e.columns.filter((l) => l.filterable)), i = y(() => e.store.config.rowActions?.enabled ?? !1), g = y(() => e.store.config.rowActions?.position ?? "before-index"), x = (l) => e.store.sortByColumn(l), s = (l) => {
+      for (const r of l) {
+        if (r.borderBoxSize.length === 0) continue;
+        const n = r.borderBoxSize[0].inlineSize, d = Number(r.target.dataset.colindex), u = e.store.columns[d]?.width;
+        typeof u == "number" && u !== n && e.store.resizeColumn(d, n);
       }
     };
-    return (l, c) => e.columns.length ? (f(), w("thead", wn, [
-      T("tr", xn, [
-        i.value && u.value === "before-index" ? (f(), w("th", {
+    return (l, r) => e.columns.length ? (v(), w("thead", kn, [
+      T("tr", Mn, [
+        i.value && g.value === "before-index" ? (v(), w("th", {
           key: 0,
-          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : G("", !0),
-        e.store.zeroColumn ? (f(), w("th", {
+          class: te(["row-actions-header", { "sticky-column": g.value === "before-index" }])
+        }, null, 2)) : U("", !0),
+        e.store.zeroColumn ? (v(), w("th", {
           key: 1,
           id: "header-index",
-          class: Q([[
+          class: te([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             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" ? (f(), w("th", bn)) : G("", !0),
-        (f(!0), w(ie, null, ue(e.columns, (v, n) => oe((f(), w("th", {
-          key: v.name,
+        }, null, 2)) : U("", !0),
+        i.value && g.value === "after-index" ? (v(), w("th", Rn)) : U("", !0),
+        (v(!0), w(ve, null, me(e.columns, (f, n) => ie((v(), w("th", {
+          key: f.name,
           "data-colindex": n,
           tabindex: "-1",
-          style: re(e.store.getHeaderCellStyle(v)),
-          class: Q(`${v.pinned ? "sticky-column" : ""} ${v.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (C) => v.sortable !== !1 ? k(n) : void 0
+          style: he(e.store.getHeaderCellStyle(f)),
+          class: te(`${f.pinned ? "sticky-column" : ""} ${f.sortable === !1 ? "" : "cursor-pointer"}`),
+          onClick: (d) => f.sortable !== !1 ? x(n) : void 0
         }, [
-          se(l.$slots, "default", {}, () => [
-            dt(de(v.label || String.fromCharCode(n + 97).toUpperCase()), 1)
+          de(l.$slots, "default", {}, () => [
+            ht(ue(f.label || String.fromCharCode(n + 97).toUpperCase()), 1)
           ])
-        ], 14, yn)), [
-          [Z(wt), a]
+        ], 14, $n)), [
+          [$(Ct), s]
         ])), 128)),
-        i.value && u.value === "end" ? (f(), w("th", Cn)) : G("", !0)
+        i.value && g.value === "end" ? (v(), w("th", In)) : U("", !0)
       ]),
-      p.value.length > 0 ? (f(), w("tr", pn, [
-        i.value && u.value === "before-index" ? (f(), w("th", {
+      a.value.length > 0 ? (v(), w("tr", Sn, [
+        i.value && g.value === "before-index" ? (v(), w("th", {
           key: 0,
-          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : G("", !0),
-        e.store.zeroColumn ? (f(), w("th", {
+          class: te(["row-actions-header", { "sticky-column": g.value === "before-index" }])
+        }, null, 2)) : U("", !0),
+        e.store.zeroColumn ? (v(), w("th", {
           key: 1,
-          class: Q([[
+          class: te([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             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" ? (f(), w("th", kn)) : G("", !0),
-        (f(!0), w(ie, null, ue(e.columns, (v, n) => (f(), w("th", {
-          key: `filter-${v.name}`,
-          class: Q(`${v.pinned ? "sticky-column" : ""}`),
-          style: re(e.store.getHeaderCellStyle(v))
+        }, null, 2)) : U("", !0),
+        i.value && g.value === "after-index" ? (v(), w("th", Dn)) : U("", !0),
+        (v(!0), w(ve, null, me(e.columns, (f, n) => (v(), w("th", {
+          key: `filter-${f.name}`,
+          class: te(`${f.pinned ? "sticky-column" : ""}`),
+          style: he(e.store.getHeaderCellStyle(f))
         }, [
-          v.filterable ? (f(), te(mn, {
+          f.filterable ? (v(), ae(pn, {
             key: 0,
-            column: v,
+            column: f,
             "col-index": n,
             store: e.store
-          }, null, 8, ["column", "col-index", "store"])) : G("", !0)
+          }, null, 8, ["column", "col-index", "store"])) : U("", !0)
         ], 6))), 128)),
-        i.value && u.value === "end" ? (f(), w("th", Mn)) : G("", !0)
-      ])) : G("", !0)
-    ])) : G("", !0);
+        i.value && g.value === "end" ? (v(), w("th", An)) : U("", !0)
+      ])) : U("", !0)
+    ])) : U("", !0);
   }
-}), lt = /* @__PURE__ */ ve({
+}), it = /* @__PURE__ */ ge({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const p = le("amodal"), { width: i, height: u } = me(p), k = D(() => {
+    const a = re("amodal"), { width: i, height: g } = be(a), x = y(() => {
       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 l = a.offsetHeight || 0, c = a.offsetWidth || 0;
-      let v = e.store.modal.cell?.offsetTop || 0;
-      const n = a.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), {
-        left: `${C}px`,
-        top: `${v}px`
+      const s = e.store.modal.cell?.closest("table");
+      if (!s) return {};
+      const l = s.offsetHeight || 0, r = s.offsetWidth || 0;
+      let f = e.store.modal.cell?.offsetTop || 0;
+      const n = s.querySelector("thead")?.offsetHeight || 0;
+      f += n, f = f + g.value < l ? f : f - (g.value + e.store.modal.height);
+      let d = e.store.modal.cell?.offsetLeft || 0;
+      return d = d + i.value <= r ? d : d - (i.value - e.store.modal.width), {
+        left: `${d}px`,
+        top: `${f}px`
       };
     });
-    return (a, l) => (f(), w("div", {
+    return (s, l) => (v(), w("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: re(k.value),
-      onClick: l[0] || (l[0] = xe(() => {
+      style: he(x.value),
+      onClick: l[0] || (l[0] = Ce(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = xe(() => {
+      onInput: l[1] || (l[1] = Ce(() => {
       }, ["stop"]))
     }, [
-      se(a.$slots, "default")
+      de(s.$slots, "default")
     ], 36));
   }
-});
-function Rn(e) {
-  return e.filter((p) => !p.hidden && p.component).map(({ fieldname: p, hidden: i, ...u }) => {
-    const k = Object.assign({ name: p }, u);
-    return u.doctype && !u.cellComponent && (k.linkDoctype = u.doctype, u.format || (k.format = (a) => {
-      if (a == null) return "";
-      if (typeof a == "object") {
-        const l = a.displayText ?? a.id ?? "";
+}), Bn = {
+  key: 0,
+  class: "atable-pagination"
+}, Hn = ["colspan"], Tn = {
+  key: 0,
+  class: "truncation-note"
+}, En = {
+  key: 1,
+  class: "completion-note"
+}, Nn = {
+  key: 2,
+  class: "atable-pagination-controls"
+}, Zn = ["disabled"], Fn = ["disabled"], Ln = /* @__PURE__ */ ge({
+  __name: "ATablePaginationFooter",
+  props: {
+    columnCount: {},
+    showFooter: { type: Boolean },
+    hasMore: { type: Boolean },
+    hasPrev: { type: Boolean },
+    hasNext: { type: Boolean },
+    hasLocalNext: { type: Boolean },
+    hasEverHadMore: { type: Boolean },
+    loadedCount: {},
+    loading: { type: Boolean },
+    next: { type: Function },
+    prev: { type: Function }
+  },
+  setup(e) {
+    const a = e, i = y(() => !a.hasMore && a.hasEverHadMore), g = y(() => a.hasMore || a.hasPrev), x = () => {
+      a.next();
+    };
+    return (s, l) => e.showFooter ? (v(), w("tfoot", Bn, [
+      T("tr", null, [
+        T("td", { colspan: e.columnCount }, [
+          e.hasMore ? (v(), w("p", Tn, "This is a partial list — more records exist on the server.")) : i.value ? (v(), w("p", En, "All " + ue(e.loadedCount) + " records loaded.", 1)) : U("", !0),
+          g.value ? (v(), w("div", Nn, [
+            T("button", {
+              type: "button",
+              class: "atable-pagination-btn",
+              disabled: !e.hasPrev || e.loading,
+              onClick: l[0] || (l[0] = //@ts-ignore
+              (...r) => e.prev && e.prev(...r))
+            }, " Previous ", 8, Zn),
+            T("button", {
+              type: "button",
+              class: "atable-pagination-btn",
+              disabled: !e.hasNext || e.loading,
+              onClick: x
+            }, ue(e.hasMore && !e.hasLocalNext ? "Load more" : "Next"), 9, Fn)
+          ])) : U("", !0)
+        ], 8, Hn)
+      ])
+    ])) : U("", !0);
+  }
+}), rt = /* @__PURE__ */ xe(Ln, [["__scopeId", "data-v-87bc1af7"]]);
+function On(e) {
+  const a = y(() => Ze(e.rows)), i = y(() => Ze(e.pageSize)), g = y(() => Ze(e.sourceKey)), x = F(0), s = F(!1), l = F(!1), r = F(!1), f = F(0), n = F(0), d = y(() => a.value.length), u = y(() => {
+    const H = i.value;
+    if (H != null && H > 0)
+      return H;
+    const z = a.value.length;
+    return z > 0 ? z : 1;
+  }), B = y(() => Math.max(1, Math.ceil(a.value.length / u.value))), K = y(() => {
+    const H = x.value * u.value;
+    return a.value.slice(H, H + u.value);
+  }), j = y(() => x.value < B.value - 1), b = y(() => x.value > 0), C = y(() => j.value || !!e.getRecords && l.value), M = y(() => l.value), L = y(() => {
+    if (e.getRecords)
+      return l.value || b.value || s.value || r.value && !l.value;
+    const H = i.value;
+    return H != null && H > 0 && a.value.length > H;
+  }), E = () => {
+    x.value = 0, r.value = !1;
+  }, O = async (H) => {
+    if (e.getRecords) {
+      s.value = !0;
+      try {
+        const z = await e.getRecords(H);
+        l.value = z.hasMore, z.hasMore && (r.value = !0), f.value = H?.offset ?? 0, n.value = z.data.length;
+      } finally {
+        s.value = !1;
+      }
+    }
+  };
+  return Be(
+    () => g.value,
+    () => {
+      E(), e.getRecords && O();
+    },
+    { immediate: !0 }
+  ), Be(a, () => {
+    x.value >= B.value && (x.value = Math.max(0, B.value - 1));
+  }), {
+    visibleRows: K,
+    hasPrev: b,
+    hasNext: C,
+    hasMore: M,
+    loading: s,
+    next: async () => {
+      if (j.value) {
+        x.value += 1;
+        return;
+      }
+      e.getRecords && l.value && (await O({ offset: f.value + n.value }), await Xe(), x.value = Math.max(0, B.value - 1));
+    },
+    prev: () => {
+      x.value > 0 && (x.value -= 1);
+    },
+    showFooter: L,
+    hasLocalNext: j,
+    loadedCount: d,
+    hasEverHadMore: r
+  };
+}
+function Vn(e) {
+  return e.filter((a) => !a.hidden && a.component).map(({ fieldname: a, hidden: i, ...g }) => {
+    const x = Object.assign({ name: a }, g);
+    return g.doctype && !g.cellComponent && (x.linkDoctype = g.doctype, g.format || (x.format = (s) => {
+      if (s == null) return "";
+      if (typeof s == "object") {
+        const l = s.displayText ?? s.id ?? "";
         return typeof l == "string" || typeof l == "number" ? String(l) : "";
       }
-      return String(a);
-    })), Ae(u.component) === "quantity" && !u.format && (k.format = _e), Ae(u.component) === "currency" && !u.format && (k.format = et), k;
+      return String(s);
+    })), He(g.component) === "quantity" && !g.format && (x.format = nt), He(g.component) === "currency" && !g.format && (x.format = ot), x;
   });
 }
-const $n = {
+const Pn = {
   class: "atable-container",
   style: { position: "relative" }
-}, In = /* @__PURE__ */ ve({
+}, zn = /* @__PURE__ */ ge({
   __name: "ATable",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Qe({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
-    linkResolver: { type: Function, default: void 0 }
+    linkResolver: { type: Function, default: void 0 },
+    getRecords: { type: Function, default: void 0 },
+    sourceKey: { default: () => {
+    } }
   }, {
     rows: { required: !0 },
     rowsModifiers: {},
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ye(["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: p, emit: i }) {
-    const u = Ge(e, "rows"), k = Ge(e, "columns"), a = i, l = le("table"), c = k.value?.length ? k.value : Rn(e.schema ?? []), v = ut("aformLinkResolver", null), n = kt({
-      columns: c,
-      rows: u.value,
+  emits: /* @__PURE__ */ Qe(["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: a, emit: i }) {
+    const g = Je(e, "rows"), x = Je(e, "columns"), s = i, l = re("table"), r = x.value?.length ? x.value : Vn(e.schema ?? []), f = gt("aformLinkResolver", null), n = Dt({
+      columns: r,
+      rows: g.value,
       id: e.id,
       config: e.config,
-      linkResolver: e.linkResolver ?? v
-    });
-    n.$onAction(({ name: s, store: h, args: x, after: y }) => {
-      if (s === "setCellData" || s === "setCellText") {
-        const [m, B, L] = x, z = h.getCellData(m, B);
-        y(() => {
-          u.value = [...n.rows], a("cellUpdate", { colIndex: m, rowIndex: B, newValue: L, oldValue: z });
+      linkResolver: e.linkResolver ?? f
+    }), d = On({
+      rows: () => n.filteredRows,
+      pageSize: () => n.config.pageSize,
+      getRecords: e.getRecords,
+      sourceKey: () => e.sourceKey
+    }), {
+      visibleRows: u,
+      showFooter: B,
+      hasMore: K,
+      hasPrev: j,
+      hasNext: b,
+      hasLocalNext: C,
+      hasEverHadMore: M,
+      loadedCount: L,
+      loading: E,
+      next: O,
+      prev: V
+    } = d, W = y(() => n.columns.length + (n.zeroColumn ? 1 : 0));
+    n.$onAction(({ name: h, store: m, args: Z, after: R }) => {
+      if (h === "setCellData" || h === "setCellText") {
+        const [k, q, _] = Z, se = m.getCellData(k, q);
+        R(() => {
+          g.value = [...n.rows], s("cellUpdate", { colIndex: k, rowIndex: q, newValue: _, oldValue: se });
         });
-      } else if (s === "updateGanttBar") {
-        const [m] = x;
-        let B = !1;
-        m.type === "resize" ? B = m.oldColspan !== m.newColspan : m.type === "bar" && (B = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), B && y(() => {
-          a("gantt:drag", m);
+      } else if (h === "updateGanttBar") {
+        const [k] = Z;
+        let q = !1;
+        k.type === "resize" ? q = k.oldColspan !== k.newColspan : k.type === "bar" && (q = k.oldStart !== k.newStart || k.oldEnd !== k.newEnd), q && R(() => {
+          s("gantt:drag", k);
         });
-      } else s === "resizeColumn" && y(() => {
-        k.value = [...n.columns], a("columns:update", [...n.columns]);
+      } else h === "resizeColumn" && R(() => {
+        x.value = [...n.columns], s("columns:update", [...n.columns]);
       });
-    }), We(
-      () => u.value,
-      (s) => {
-        JSON.stringify(s) !== JSON.stringify(n.rows) && (n.rows = [...s]);
+    }), Be(
+      () => g.value,
+      (h) => {
+        JSON.stringify(h) !== JSON.stringify(n.rows) && (n.rows = [...h]);
       },
       { deep: !0 }
-    ), We(
-      k,
-      (s) => {
-        s && JSON.stringify(s) !== JSON.stringify(n.columns) && (n.columns = [...s], a("columns:update", [...s]));
+    ), Be(
+      x,
+      (h) => {
+        h && JSON.stringify(h) !== JSON.stringify(n.columns) && (n.columns = [...h], s("columns:update", [...h]));
       },
       { deep: !0 }
-    ), Ne(() => {
-      k.value?.some((s) => s.pinned) && (d(), n.isTreeView && gt(l, d, { childList: !0, subtree: !0 }));
+    ), ze(() => {
+      x.value?.some((h) => h.pinned) && (z(), n.isTreeView && bt(l, z, { childList: !0, subtree: !0 }));
     });
-    const C = D(() => n.columns.filter((s) => s.pinned).length), d = () => {
-      const s = l.value, h = s?.rows[0], x = s?.rows[1], y = h ? Array.from(h.cells) : [];
-      for (const [m, B] of y.entries()) {
-        const L = x?.cells[m];
-        L && (B.style.width = `${L.offsetWidth}px`);
+    const H = y(() => n.columns.filter((h) => h.pinned).length), z = () => {
+      const h = l.value, m = h?.rows[0], Z = h?.rows[1], R = m ? Array.from(m.cells) : [];
+      for (const [k, q] of R.entries()) {
+        const _ = Z?.cells[k];
+        _ && (q.style.width = `${_.offsetWidth}px`);
       }
-      for (const m of s?.rows || []) {
-        let B = 0;
-        const L = [];
-        for (const z of m.cells)
-          (z.classList.contains("sticky-column") || z.classList.contains("sticky-index")) && (z.style.left = `${B}px`, B += z.offsetWidth, L.push(z));
-        L.length > 0 && L[L.length - 1].classList.add("sticky-column-edge");
+      for (const k of h?.rows || []) {
+        let q = 0;
+        const _ = [];
+        for (const se of k.cells)
+          (se.classList.contains("sticky-column") || se.classList.contains("sticky-index")) && (se.style.left = `${q}px`, q += se.offsetWidth, _.push(se));
+        _.length > 0 && _[_.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (s) => {
-      if (s.key === "Escape" && n.modal.visible) {
+    window.addEventListener("keydown", (h) => {
+      if (h.key === "Escape" && n.modal.visible) {
         n.modal.visible = !1;
-        const h = n.modal.parent;
-        h && Qe().then(() => h.focus());
+        const m = n.modal.parent;
+        m && Xe().then(() => m.focus());
       }
     });
-    const g = (s) => {
-      if (!s.gantt || C.value === 0)
+    const ce = (h) => {
+      if (!h.gantt || H.value === 0)
         return n.columns;
-      const h = [];
-      for (let x = 0; x < C.value; x++) {
-        const y = { ...n.columns[x] };
-        y.originalIndex = x, h.push(y);
+      const m = [];
+      for (let Z = 0; Z < H.value; Z++) {
+        const R = { ...n.columns[Z] };
+        R.originalIndex = Z, m.push(R);
       }
-      return h.push({
-        ...n.columns[C.value],
+      return m.push({
+        ...n.columns[H.value],
         isGantt: !0,
-        colspan: s.gantt?.colspan || n.columns.length - C.value,
-        originalIndex: C.value,
+        colspan: h.gantt?.colspan || n.columns.length - H.value,
+        originalIndex: H.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), h;
-    }, W = (s) => {
-      a("connection:event", { type: "create", connection: s });
-    }, j = (s) => {
-      a("connection:event", { type: "delete", connection: s });
-    }, b = (s, h) => {
-      const x = n.rows[s];
-      a("row:click", { row: x, rowIndex: s, event: h });
-    }, R = (s, h, x) => {
-      switch (s) {
+      }), m;
+    }, we = (h) => {
+      s("connection:event", { type: "create", connection: h });
+    }, Q = (h) => {
+      s("connection:event", { type: "delete", connection: h });
+    }, fe = (h, m) => {
+      const Z = n.rows[h];
+      s("row:click", { row: Z, rowIndex: h, event: m });
+    }, D = (h, m, Z) => {
+      switch (h) {
         case "add": {
-          const y = n.addRow({}, h + 1), m = n.rows[y];
-          u.value = [...n.rows], a("row:add", { rowIndex: y, row: m });
+          const R = n.addRow({}, m + 1), k = n.rows[R];
+          g.value = [...n.rows], s("row:add", { rowIndex: R, row: k });
           break;
         }
         case "delete": {
-          const y = n.deleteRow(h);
-          y && (u.value = [...n.rows], a("row:delete", { rowIndex: h, row: y }));
+          const R = n.deleteRow(m);
+          R && (g.value = [...n.rows], s("row:delete", { rowIndex: m, row: R }));
           break;
         }
         case "duplicate": {
-          const y = n.duplicateRow(h);
-          if (y >= 0) {
-            const m = n.rows[y];
-            u.value = [...n.rows], a("row:duplicate", { sourceIndex: h, newIndex: y, row: m });
+          const R = n.duplicateRow(m);
+          if (R >= 0) {
+            const k = n.rows[R];
+            g.value = [...n.rows], s("row:duplicate", { sourceIndex: m, newIndex: R, row: k });
           }
           break;
         }
         case "insertAbove": {
-          const y = n.insertRowAbove(h), m = n.rows[y];
-          u.value = [...n.rows], a("row:insert-above", { targetIndex: h, newIndex: y, row: m });
+          const R = n.insertRowAbove(m), k = n.rows[R];
+          g.value = [...n.rows], s("row:insert-above", { targetIndex: m, newIndex: R, row: k });
           break;
         }
         case "insertBelow": {
-          const y = n.insertRowBelow(h), m = n.rows[y];
-          u.value = [...n.rows], a("row:insert-below", { targetIndex: h, newIndex: y, row: m });
+          const R = n.insertRowBelow(m), k = n.rows[R];
+          g.value = [...n.rows], s("row:insert-below", { targetIndex: m, newIndex: R, row: k });
           break;
         }
         case "move": {
-          a("row:move", { fromIndex: h, toIndex: -1 });
+          s("row:move", { fromIndex: m, toIndex: -1 });
           break;
         }
         case "moveUp": {
-          h > 0 && n.moveRow(h, h - 1) && (u.value = [...n.rows], a("row:move", { fromIndex: h, toIndex: h - 1 }));
+          m > 0 && n.moveRow(m, m - 1) && (g.value = [...n.rows], s("row:move", { fromIndex: m, toIndex: m - 1 }));
           break;
         }
         case "moveDown": {
-          h < n.rows.length - 1 && n.moveRow(h, h + 1) && (u.value = [...n.rows], a("row:move", { fromIndex: h, toIndex: h + 1 }));
+          m < n.rows.length - 1 && n.moveRow(m, m + 1) && (g.value = [...n.rows], s("row:move", { fromIndex: m, toIndex: m + 1 }));
           break;
         }
         case "open": {
-          const y = n.rows[h];
-          a("row:open", { row: y, rowIndex: h, event: x });
+          const R = n.rows[m];
+          s("row:open", { row: R, rowIndex: m, event: Z });
           break;
         }
       }
     };
-    return p({
+    return a({
       store: n,
+      pagination: d,
       createConnection: n.createConnection,
       deleteConnection: n.deleteConnection,
       getConnectionsForBar: n.getConnectionsForBar,
@@ -1645,60 +1803,60 @@ const $n = {
       insertRowAbove: n.insertRowAbove,
       insertRowBelow: n.insertRowBelow,
       moveRow: n.moveRow
-    }), (s, h) => (f(), w("div", $n, [
-      oe((f(), w("table", {
+    }), (h, m) => (v(), w("div", Pn, [
+      ie((v(), w("table", {
         ref: "table",
         class: "atable",
-        style: re({
-          width: Z(n).config.fullWidth ? "100%" : "auto"
+        style: he({
+          width: $(n).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        se(s.$slots, "header", { data: Z(n) }, () => [
-          je(ot, {
-            columns: Z(n).columns,
-            store: Z(n)
+        de(h.$slots, "header", { data: $(n) }, () => [
+          Fe(st, {
+            columns: $(n).columns,
+            store: $(n)
           }, null, 8, ["columns", "store"])
         ], !0),
         T("tbody", null, [
-          se(s.$slots, "body", { data: Z(n) }, () => [
-            (f(!0), w(ie, null, ue(Z(n).filteredRows, (x, y) => (f(), te(nt, {
-              key: `${x.originalIndex}-${y}`,
-              row: x,
-              "row-index": x.originalIndex,
-              store: Z(n),
-              "onRow:action": R,
-              "onRow:click": b
+          de(h.$slots, "body", { data: $(n) }, () => [
+            (v(!0), w(ve, null, me($(u), (Z, R) => (v(), ae(at, {
+              key: `${Z.originalIndex}-${R}`,
+              row: Z,
+              "row-index": Z.originalIndex,
+              store: $(n),
+              "onRow:action": D,
+              "onRow:click": fe
             }, {
-              default: Ue(() => [
-                (f(!0), w(ie, null, ue(g(x), (m, B) => (f(), w(ie, {
-                  key: m.name
+              default: Ke(() => [
+                (v(!0), w(ve, null, me(ce(Z), (k, q) => (v(), w(ve, {
+                  key: k.name
                 }, [
-                  m.isGantt ? (f(), te(we(m.ganttComponent || "AGanttCell"), {
+                  k.isGantt ? (v(), ae(ye(k.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: Z(n),
-                    "columns-count": Z(n).columns.length - C.value,
-                    color: x.gantt?.color,
-                    start: x.gantt?.startIndex,
-                    end: x.gantt?.endIndex,
-                    colspan: m.colspan,
-                    pinned: m.pinned,
-                    "row-index": x.originalIndex,
-                    "col-index": m.originalIndex ?? B,
-                    style: re({
-                      textAlign: m?.align || "center",
-                      minWidth: m?.width || "40ch",
-                      width: Z(n).config.fullWidth ? "auto" : null
+                    store: $(n),
+                    "columns-count": $(n).columns.length - H.value,
+                    color: Z.gantt?.color,
+                    start: Z.gantt?.startIndex,
+                    end: Z.gantt?.endIndex,
+                    colspan: k.colspan,
+                    pinned: k.pinned,
+                    "row-index": Z.originalIndex,
+                    "col-index": k.originalIndex ?? q,
+                    style: he({
+                      textAlign: k?.align || "center",
+                      minWidth: k?.width || "40ch",
+                      width: $(n).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": W
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (f(), te(we(m.cellComponent || "ACell"), {
+                    "onConnection:create": we
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (v(), ae(ye(k.cellComponent || "ACell"), {
                     key: 1,
-                    store: Z(n),
-                    pinned: m.pinned,
-                    "row-index": x.originalIndex,
-                    "col-index": B,
-                    style: re({
-                      textAlign: m?.align || "center",
-                      width: Z(n).config.fullWidth ? "auto" : null
+                    store: $(n),
+                    pinned: k.pinned,
+                    "row-index": Z.originalIndex,
+                    "col-index": q,
+                    style: he({
+                      textAlign: k?.align || "center",
+                      width: $(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
@@ -1708,74 +1866,93 @@ const $n = {
             }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        se(s.$slots, "footer", { data: Z(n) }, void 0, !0),
-        se(s.$slots, "modal", { data: Z(n) }, () => [
-          oe(je(lt, { store: Z(n) }, {
-            default: Ue(() => [
-              (f(), te(we(Z(n).modal.component), pe({
-                key: `${Z(n).modal.rowIndex}:${Z(n).modal.colIndex}`,
-                "col-index": Z(n).modal.colIndex,
-                "row-index": Z(n).modal.rowIndex,
-                store: Z(n)
-              }, Z(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+        de(h.$slots, "footer", {
+          data: $(n),
+          page: $(d)
+        }, () => [
+          Fe(rt, {
+            "column-count": W.value,
+            "show-footer": $(B),
+            "has-more": $(K),
+            "has-prev": $(j),
+            "has-next": $(b),
+            "has-local-next": $(C),
+            "has-ever-had-more": $(M),
+            "loaded-count": $(L),
+            loading: $(E),
+            next: $(O),
+            prev: $(V)
+          }, null, 8, ["column-count", "show-footer", "has-more", "has-prev", "has-next", "has-local-next", "has-ever-had-more", "loaded-count", "loading", "next", "prev"])
+        ], !0),
+        de(h.$slots, "modal", { data: $(n) }, () => [
+          ie(Fe(it, { store: $(n) }, {
+            default: Ke(() => [
+              (v(), ae(ye($(n).modal.component), ke({
+                key: `${$(n).modal.rowIndex}:${$(n).modal.colIndex}`,
+                "col-index": $(n).modal.colIndex,
+                "row-index": $(n).modal.rowIndex,
+                store: $(n)
+              }, $(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [Le, Z(n).modal.visible]
+            [Ge, $(n).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [Z(xt), Z(n).closeModal]
+        [$(pt), $(n).closeModal]
       ]),
-      Z(n).isGanttView && Z(n).isDependencyGraphEnabled ? (f(), te(dn, {
+      $(n).isGanttView && $(n).isDependencyGraphEnabled ? (v(), ae(mn, {
         key: 0,
-        store: Z(n),
-        "onConnection:delete": j
-      }, null, 8, ["store"])) : G("", !0)
+        store: $(n),
+        "onConnection:delete": Q
+      }, null, 8, ["store"])) : U("", !0)
     ]));
   }
-}), Sn = /* @__PURE__ */ be(In, [["__scopeId", "data-v-4bfbbeab"]]), Dn = {}, An = { class: "aloading" }, Bn = { class: "aloading-header" };
-function Hn(e, p) {
-  return f(), w("div", An, [
-    T("h2", Bn, [
-      se(e.$slots, "default", {}, void 0, !0)
+}), Xn = /* @__PURE__ */ xe(zn, [["__scopeId", "data-v-004f5f0f"]]), Gn = {}, jn = { class: "aloading" }, Wn = { class: "aloading-header" };
+function Un(e, a) {
+  return v(), w("div", jn, [
+    T("h2", Wn, [
+      de(e.$slots, "default", {}, void 0, !0)
     ]),
-    p[0] || (p[0] = T("div", { class: "aloading-bar" }, null, -1))
+    a[0] || (a[0] = T("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Zn = /* @__PURE__ */ be(Dn, [["render", Hn], ["__scopeId", "data-v-a930a25b"]]), Tn = {}, Vn = { class: "aloading" }, En = { class: "aloading-header" };
-function On(e, p) {
-  return f(), w("div", Vn, [
-    T("h2", En, [
-      se(e.$slots, "default", {}, void 0, !0)
+const Yn = /* @__PURE__ */ xe(Gn, [["render", Un], ["__scopeId", "data-v-a930a25b"]]), qn = {}, Jn = { class: "aloading" }, Kn = { class: "aloading-header" };
+function Qn(e, a) {
+  return v(), w("div", Jn, [
+    T("h2", Kn, [
+      de(e.$slots, "default", {}, void 0, !0)
     ]),
-    p[0] || (p[0] = T("div", { class: "aloading-bar" }, null, -1))
+    a[0] || (a[0] = T("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Nn = /* @__PURE__ */ be(Tn, [["render", On], ["__scopeId", "data-v-e1165876"]]);
-function qn(e) {
-  e.component("ACell", It), e.component("AGanttCell", Tt), e.component("ARow", nt), e.component("ARowActions", De), e.component("ATable", Sn), e.component("ATableHeader", ot), e.component("ATableLoading", Zn), e.component("ATableLoadingBar", Nn), e.component("ATableModal", lt);
+const _n = /* @__PURE__ */ xe(qn, [["render", Qn], ["__scopeId", "data-v-e1165876"]]);
+function uo(e) {
+  e.component("ACell", Tt), e.component("AGanttCell", Vt), e.component("ARow", at), e.component("ARowActions", Ae), e.component("ATable", Xn), e.component("ATableHeader", st), e.component("ATableLoading", Yn), e.component("ATableLoadingBar", _n), e.component("ATableModal", it), e.component("ATablePaginationFooter", rt);
 }
 export {
-  It as ACell,
-  Tt as AGanttCell,
-  nt as ARow,
-  De as ARowActions,
-  Sn as ATable,
-  ot as ATableHeader,
-  Zn as ATableLoading,
-  Nn as ATableLoadingBar,
-  lt as ATableModal,
-  Vt as AddIcon,
-  Et as DeleteIcon,
-  Ot as DuplicateIcon,
-  Nt as InsertAboveIcon,
-  Lt as InsertBelowIcon,
-  Ft as MoveIcon,
-  Pt as OpenIcon,
-  Gt as actionIcons,
-  kt as createTableStore,
-  qn as install,
-  Rn as schemaToColumns
+  Tt as ACell,
+  Vt as AGanttCell,
+  at as ARow,
+  Ae as ARowActions,
+  Xn as ATable,
+  st as ATableHeader,
+  Yn as ATableLoading,
+  _n as ATableLoadingBar,
+  it as ATableModal,
+  rt as ATablePaginationFooter,
+  Pt as AddIcon,
+  zt as DeleteIcon,
+  Xt as DuplicateIcon,
+  Gt as InsertAboveIcon,
+  jt as InsertBelowIcon,
+  Wt as MoveIcon,
+  Ut as OpenIcon,
+  Jt as actionIcons,
+  Dt as createTableStore,
+  uo as install,
+  Vn as schemaToColumns,
+  On as useTablePagination
 };
 //# sourceMappingURL=atable.js.map