@stonecrop/atable 0.22.0 → 0.23.0

package/dist/atable.js

@@ -1,28 +1,28 @@
-import { ref as E, computed as B, defineComponent as ce, useTemplateRef as ne, onMounted as Ne, openBlock as h, createElementBlock as w, unref as A, normalizeClass as J, normalizeStyle as se, createBlock as oe, resolveDynamicComponent as me, mergeProps as Oe, toDisplayString as ie, nextTick as Ye, useCssVars as nt, onUnmounted as ot, createElementVNode as V, withModifiers as fe, createCommentVNode as G, withDirectives as te, Fragment as ae, renderList as re, vShow as Le, renderSlot as le, reactive as lt, vModelText as ge, vModelCheckbox as at, vModelSelect as st, createTextVNode as it, useModel as Xe, inject as rt, watch as Ge, createVNode as We, withCtx as je, mergeModels as Ue } from "vue";
-import { defaultKeypressHandlers as Ve, useKeyboardNav as qe } from "@stonecrop/utilities";
-import { useDebounceFn as ct, useElementBounding as ve, useDraggable as Te, useResizeObserver as dt, onClickOutside as ut, useMutationObserver as vt } from "@vueuse/core";
-import { defineStore as ft } from "pinia";
-import { componentCategory as Re } from "@stonecrop/schema";
-import { vResizeObserver as ht, vOnClickOutside as gt } from "@vueuse/components";
-import './assets/index.css';const mt = (e) => {
-  const k = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(k.body.childNodes).some((i) => i.nodeType === 1);
-}, wt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Je = (e) => {
+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) => {
   if (e == null) return "";
   if (typeof e == "object") {
-    const k = e.qty ?? "", i = e.uom ?? "";
-    return i ? `${k} ${i}`.trim() : String(k);
+    const p = e.qty ?? "", i = e.uom ?? "";
+    return i ? `${p} ${i}`.trim() : String(p);
   }
   return String(e);
-}, Qe = (e) => {
+}, et = (e) => {
   if (e == null) return "";
   if (typeof e == "object") {
-    const k = e.amount ?? "", i = e.currency?.displayText ?? e.currency?.id ?? "";
-    return i ? `${k} ${i}`.trim() : String(k);
+    const p = e.amount ?? "", i = e.currency?.displayText ?? e.currency?.id ?? "";
+    return i ? `${p} ${i}`.trim() : String(p);
   }
   return String(e);
 };
-function Ee(e) {
+function Oe(e) {
   if (e !== null && typeof e == "object") {
     if ("qty" in e) return Number(e.qty);
     if ("baseAmount" in e && e.baseAmount != null)
@@ -31,78 +31,78 @@ function Ee(e) {
   }
   return Number(e);
 }
-function Ke(e, k) {
-  const i = k[e];
+function tt(e, p) {
+  const i = p[e];
   if (i.isRoot || i.parent === null || i.parent === void 0)
     return !0;
   const u = i.parent;
-  return u < 0 || u >= k.length ? !1 : (k[u].childrenOpen || !1) && Ke(u, k);
+  return u < 0 || u >= p.length ? !1 : (p[u].childrenOpen || !1) && tt(u, p);
 }
-function xt(e, k, i) {
-  const u = i.filterType || "text", M = k.value;
-  if (!M && u !== "dateRange" && u !== "checkbox") return !0;
+function Ct(e, p, i) {
+  const u = i.filterType || "text", k = p.value;
+  if (!k && u !== "dateRange" && u !== "checkbox") return !0;
   switch (u) {
     case "text":
-      return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(M).toLowerCase());
+      return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(k).toLowerCase());
     case "number": {
-      const s = Ee(e), l = Number(M);
-      return !isNaN(s) && !isNaN(l) && s === l;
+      const a = Oe(e), l = Number(k);
+      return !isNaN(a) && !isNaN(l) && a === l;
     }
     case "select":
-      return e === M;
+      return e === k;
     case "checkbox":
-      return M === !0 ? !!e : !0;
+      return k === !0 ? !!e : !0;
     case "date": {
-      let s;
+      let a;
       if (typeof e == "number") {
         const c = new Date(e), v = (/* @__PURE__ */ new Date()).getFullYear();
-        s = new Date(v, c.getMonth(), c.getDate());
+        a = new Date(v, c.getMonth(), c.getDate());
       } else
-        s = new Date(String(e));
-      const l = new Date(String(M));
-      return s.toDateString() === l.toDateString();
+        a = new Date(String(e));
+      const l = new Date(String(k));
+      return a.toDateString() === l.toDateString();
     }
     case "dateRange": {
-      const s = k.startValue, l = k.endValue;
-      if (!s && !l) return !0;
+      const a = p.startValue, l = p.endValue;
+      if (!a && !l) return !0;
       let c;
       if (typeof e == "number") {
         const v = new Date(e), n = (/* @__PURE__ */ new Date()).getFullYear();
         c = new Date(n, v.getMonth(), v.getDate());
       } else
         c = new Date(String(e));
-      return !(s && c < new Date(String(s)) || l && c > new Date(String(l)));
+      return !(a && c < new Date(String(a)) || l && c > new Date(String(l)));
     }
     default:
       return !0;
   }
 }
-function bt(e, k) {
-  return k && e === 0 && k > 0 ? `${k}ch` : "inherit";
+function pt(e, p) {
+  return p && e === 0 && p > 0 ? `${p}ch` : "inherit";
 }
-const yt = (e) => {
-  const k = e.id || wt(), i = e.linkResolver ?? null;
-  return ft(`table-${k}`, () => {
-    const M = () => {
+const kt = (e) => {
+  const p = e.id || yt(), i = e.linkResolver ?? null;
+  return mt(`table-${p}`, () => {
+    const k = () => {
       const t = [Object.assign({}, { rowModified: !1 })], o = /* @__PURE__ */ new Set();
-      for (let D = 0; D < l.value.length; D++) {
-        const R = l.value[D];
-        R.parent !== null && R.parent !== void 0 && o.add(R.parent);
+      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);
       }
-      const r = (D) => l.value[D]?.gantt !== void 0, S = (D) => {
-        for (let R = 0; R < l.value.length; R++)
-          if (l.value[R].parent === D && (r(R) || S(R)))
+      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)))
             return !0;
         return !1;
-      }, P = (D) => {
-        const R = c.value, N = R.view === "tree" || R.view === "tree-gantt" ? R.defaultTreeExpansion : void 0;
+      }, P = (S) => {
+        const M = c.value, N = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
         if (!N) return !0;
         switch (N) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return S(D);
+            return I(S);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -110,87 +110,87 @@ const yt = (e) => {
             return !0;
         }
       };
-      for (let D = 0; D < l.value.length; D++) {
-        const R = l.value[D], N = R.parent === null || R.parent === void 0, K = o.has(D);
-        t[D] = {
-          childrenOpen: P(D),
+      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),
           expanded: !1,
-          indent: R.indent || 0,
-          isParent: K,
+          indent: M.indent || 0,
+          isParent: _,
           isRoot: N,
           rowModified: !1,
           open: N,
           // This will be recalculated later for non-root nodes
-          parent: R.parent
+          parent: M.parent
         };
       }
       return t;
-    }, s = E(e.columns), l = E(e.rows), c = E(e.config || {}), v = E({}), n = E({}), C = B(() => {
+    }, a = E(e.columns), l = E(e.rows), c = E(e.config || {}), v = E({}), n = E({}), C = D(() => {
       const t = {};
-      for (const [o, r] of s.value.entries())
-        for (const [S, P] of l.value.entries())
-          t[`${o}:${S}`] = P[r.name];
+      for (const [o, r] of a.value.entries())
+        for (const [I, P] of l.value.entries())
+          t[`${o}:${I}`] = P[r.name];
       return t;
-    }), d = B({
+    }), d = D({
       get: () => {
-        const t = M();
+        const t = k();
         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 (g.value)
+        if (m.value)
           for (let o = 0; o < t.length; o++)
-            t[o].isRoot || (t[o].open = Ke(o, t));
+            t[o].isRoot || (t[o].open = tt(o, t));
         return t;
       },
       set: (t) => {
         JSON.stringify(t) !== JSON.stringify(d.value) && (d.value = t);
       }
-    }), m = E(e.modal || { visible: !1 }), U = E({}), W = E([]), b = E([]), $ = E([]), a = E({
+    }), g = E(e.modal || { visible: !1 }), W = E({}), j = E([]), b = E([]), R = E([]), s = E({
       column: null,
       direction: null
-    }), f = E({}), x = B(() => s.value.some((t) => t.pinned)), y = B(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), g = B(() => c.value.view === "tree" || c.value.view === "tree-gantt"), T = B(() => {
+    }), 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;
       return t.view === "gantt" || t.view === "tree-gantt" ? t.dependencyGraph !== !1 : !0;
-    }), O = B(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), p = B(
+    }), 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
-    ), Z = B(() => {
+    ), ce = D(() => {
       let t = l.value.map((o, r) => ({
         ...o,
         originalIndex: r
       }));
-      if (Object.entries(f.value).forEach(([o, r]) => {
-        const S = parseInt(o), P = s.value[S];
-        !P || !(r.value || r.startValue || r.endValue || P.filterType === "checkbox" && r.value !== void 0) || (t = t.filter((R) => {
-          const N = R[P.name];
-          return xt(N, r, P);
+      if (Object.entries(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);
         }));
-      }), a.value.column !== null && a.value.direction) {
-        const o = s.value[a.value.column], r = a.value.direction;
-        t.sort((S, P) => {
-          let D = S[o.name], R = P[o.name];
-          D == null && (D = ""), R == null && (R = "");
-          const N = Ee(D), K = Ee(R);
-          if (!isNaN(N) && !isNaN(K) && D !== "" && R !== "")
-            return r === "asc" ? N - K : K - N;
+      }), 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;
           {
-            const Pe = String(D).toLowerCase(), ze = String(R).toLowerCase();
+            const Pe = String(S).toLowerCase(), ze = String(M).toLowerCase();
             return r === "asc" ? Pe.localeCompare(ze) : ze.localeCompare(Pe);
           }
         });
       }
       return t;
-    }), L = (t, o) => C.value[`${t}:${o}`], X = (t, o, r) => {
-      const S = `${t}:${o}`, P = s.value[t];
-      C.value[S] !== r && (v.value[o] = !0), C.value[S] = r, l.value[o] = {
+    }), 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] = {
         ...l.value[o],
         [P.name]: r
       };
-    }, Y = (t) => {
+    }, fe = (t) => {
       l.value = t;
-    }, ee = (t, o, r) => {
-      const S = `${t}:${o}`;
-      C.value[S] !== r && (v.value[o] = !0, U.value[S] = r);
-    }, de = (t) => {
-      const o = s.value.indexOf(t) === s.value.length - 1, r = c.value.fullWidth ? t.resizable && !o : t.resizable;
+    }, 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;
       return {
         width: t.width || "40ch",
         textAlign: t.align || "center",
@@ -200,23 +200,23 @@ const yt = (e) => {
           whiteSpace: "nowrap"
         }
       };
-    }, ue = (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`
+    }, 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`
       };
-    }, $e = (t) => {
+    }, ne = (t) => {
       const o = l.value[t];
       return y.value && o.gantt !== void 0;
-    }, Ie = (t) => !g.value || d.value[t].isRoot || d.value[t].open, Se = (t) => !g.value && c.value.view !== "list-expansion" ? "" : g.value && (d.value[t].isRoot || d.value[t].isParent) ? d.value[t].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? d.value[t].expanded ? "▼" : "►" : "", De = (t) => {
-      if (g.value) {
-        const o = n.value[t] || {}, S = !(o.childrenOpen ?? d.value[t].childrenOpen);
+    }, 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);
         n.value[t] = {
           ...o,
-          childrenOpen: S
-        }, S || we(t);
+          childrenOpen: I
+        }, I || ge(t);
       } else if (c.value.view === "list-expansion") {
         const o = n.value[t] || {}, r = o.expanded ?? d.value[t].expanded;
         n.value[t] = {
@@ -224,51 +224,51 @@ const yt = (e) => {
           expanded: !r
         };
       }
-    }, we = (t) => {
+    }, ge = (t) => {
       for (let o = 0; o < l.value.length; o++)
         if (d.value[o].parent === t) {
           const r = n.value[o] || {};
           n.value[o] = {
             ...r,
             childrenOpen: !1
-          }, we(o);
+          }, ge(o);
         }
-    }, Ae = (t, o) => {
-      const r = L(t, o);
-      return xe(t, o, r);
-    }, xe = (t, o, r) => {
-      const S = s.value[t], P = l.value[o], D = S.format;
-      if (!D) {
-        const R = Re(S.component);
-        return R === "boolean" ? r ? "✓" : "✗" : R === "date" ? r != null ? new Date(String(r)).toLocaleDateString() : r : R === "datetime" ? r != null ? new Date(String(r)).toLocaleString() : r : R === "quantity" ? Je(r) : R === "currency" ? Qe(r) : r;
+    }, 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;
       }
-      return typeof D == "function" ? D(r, { table: C.value, row: P, column: S }) : typeof D == "string" ? Function(`"use strict";return (${D})`)()(r, { table: C.value, row: P, column: S }) : r;
+      return typeof 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 && m.value.parent?.contains(t.target) || m.value.visible && (m.value.visible = !1);
-    }, Be = (t) => {
+      t.target instanceof Node && g.value.parent?.contains(t.target) || g.value.visible && (g.value.visible = !1);
+    }, Ze = (t) => {
       const o = l.value[t.rowIndex]?.gantt;
       o && (t.type === "resize" ? t.edge === "start" ? (o.startIndex = t.newStart, o.endIndex = t.end, o.colspan = o.endIndex - o.startIndex) : t.edge === "end" && (o.startIndex = t.start, o.endIndex = t.newEnd, o.colspan = o.endIndex - o.startIndex) : t.type === "bar" && (o.startIndex = t.newStart, o.endIndex = t.newEnd, o.colspan = o.endIndex - o.startIndex));
-    }, be = (t) => {
-      const o = W.value.findIndex((r) => r.id === t.id);
-      o >= 0 ? W.value[o] = t : W.value.push(t);
-    }, ye = (t) => {
-      const o = W.value.findIndex((r) => r.id === t);
-      o >= 0 && W.value.splice(o, 1);
-    }, Ce = (t) => {
+    }, 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);
+    }, $e = (t) => {
       const o = b.value.findIndex((r) => r.id === t.id);
       o >= 0 ? b.value[o] = t : b.value.push(t);
-    }, pe = (t) => {
+    }, Ie = (t) => {
       const o = b.value.findIndex((r) => r.id === t);
       o >= 0 && b.value.splice(o, 1);
-    }, I = (t, o, r) => {
-      const S = b.value.find((R) => R.id === t), P = b.value.find((R) => R.id === o);
-      if (!S || !P)
+    }, $ = (t, o, r) => {
+      const I = b.value.find((M) => M.id === t), P = b.value.find((M) => M.id === o);
+      if (!I || !P)
         return console.warn("Cannot create connection: handle not found"), null;
-      const D = {
+      const S = {
         id: `connection-${t}-${o}`,
         from: {
-          barId: S.barId,
-          side: S.side
+          barId: I.barId,
+          side: I.side
         },
         to: {
           barId: P.barId,
@@ -277,128 +277,128 @@ const yt = (e) => {
         style: r?.style,
         label: r?.label
       };
-      return $.value.push(D), D;
+      return R.value.push(S), S;
     }, H = (t) => {
-      const o = $.value.findIndex((r) => r.id === t);
-      return o >= 0 ? ($.value.splice(o, 1), !0) : !1;
-    }, z = (t) => $.value.filter((o) => o.from.barId === t || o.to.barId === t), F = (t) => b.value.filter((o) => o.barId === t), j = (t) => {
-      if (s.value[t].sortable === !1) return;
+      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;
-      a.value.column === t && a.value.direction === "asc" ? r = "desc" : r = "asc", a.value.column = t, a.value.direction = r;
-    }, q = (t, o) => {
-      !o.value && !o.startValue && !o.endValue ? delete f.value[t] : f.value[t] = o;
-    }, _ = (t) => {
-      delete f.value[t];
-    }, Q = (t, o = "end") => {
+      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 s.value)
+      for (const P of a.value)
         r[P.name] = "";
       t && Object.assign(r, t);
-      let S;
-      return o === "start" ? (S = 0, l.value.unshift(r)) : o === "end" ? (S = l.value.length, l.value.push(r)) : (S = Math.max(0, Math.min(o, l.value.length)), l.value.splice(S, 0, r)), S;
+      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 {
       // state
-      columns: s,
+      columns: a,
       config: c,
       connectionHandles: b,
-      connectionPaths: $,
+      connectionPaths: R,
       display: d,
-      filterState: f,
-      ganttBars: W,
-      modal: m,
+      filterState: h,
+      ganttBars: j,
+      modal: g,
       rows: l,
-      sortState: a,
+      sortState: s,
       table: C,
-      updates: U,
+      updates: W,
       // getters
-      filteredRows: Z,
+      filteredRows: ce,
       hasPinnedColumns: x,
       isGanttView: y,
-      isTreeView: g,
-      isDependencyGraphEnabled: T,
-      numberedRowWidth: O,
-      zeroColumn: p,
+      isTreeView: m,
+      isDependencyGraphEnabled: B,
+      numberedRowWidth: L,
+      zeroColumn: z,
       // resolver
       linkResolver: i,
       // actions
-      addRow: Q,
-      clearFilter: _,
+      addRow: K,
+      clearFilter: ee,
       closeModal: He,
-      createConnection: I,
+      createConnection: $,
       deleteConnection: H,
       deleteRow: (t) => {
         if (t < 0 || t >= l.value.length)
           return null;
         const [o] = l.value.splice(t, 1);
         delete v.value[t], delete n.value[t];
-        const r = {}, S = {};
-        for (const [P, D] of Object.entries(v.value)) {
-          const R = parseInt(P);
-          R > t ? r[R - 1] = D : r[R] = D;
+        const r = {}, I = {};
+        for (const [P, S] of Object.entries(v.value)) {
+          const M = parseInt(P);
+          M > t ? r[M - 1] = S : r[M] = S;
         }
-        for (const [P, D] of Object.entries(n.value)) {
-          const R = parseInt(P);
-          R > t ? S[R - 1] = D : S[R] = D;
+        for (const [P, S] of Object.entries(n.value)) {
+          const M = parseInt(P);
+          M > t ? I[M - 1] = S : I[M] = S;
         }
-        return v.value = r, n.value = S, o;
+        return v.value = r, n.value = I, o;
       },
       duplicateRow: (t) => {
         if (t < 0 || t >= l.value.length)
           return -1;
-        const o = l.value[t], r = JSON.parse(JSON.stringify(o)), S = t + 1;
-        return l.value.splice(S, 0, r), S;
+        const o = l.value[t], r = JSON.parse(JSON.stringify(o)), I = t + 1;
+        return l.value.splice(I, 0, r), I;
       },
-      getCellData: L,
-      getCellDisplayValue: Ae,
-      getConnectionsForBar: z,
-      getFormattedValue: xe,
+      getCellData: ye,
+      getCellDisplayValue: Be,
+      getConnectionsForBar: X,
+      getFormattedValue: ke,
       getHandlesForBar: F,
-      getHeaderCellStyle: de,
-      getRowExpandSymbol: Se,
+      getHeaderCellStyle: V,
+      getRowExpandSymbol: ae,
       insertRowAbove: (t, o) => {
         const r = Math.max(0, t);
-        return Q(o, r);
+        return K(o, r);
       },
       insertRowBelow: (t, o) => {
         const r = Math.min(t + 1, l.value.length);
-        return Q(o, r);
+        return K(o, r);
       },
-      isRowGantt: $e,
-      isRowVisible: Ie,
+      isRowGantt: ne,
+      isRowVisible: q,
       moveRow: (t, o) => {
         if (t < 0 || t >= l.value.length || o < 0 || o >= l.value.length || t === o)
           return !1;
         const [r] = l.value.splice(t, 1);
         l.value.splice(o, 0, r);
-        const S = {}, P = {};
-        for (const [D, R] of Object.entries(v.value)) {
-          const N = parseInt(D);
-          let K = N;
-          N === t ? K = o : t < o ? N > t && N <= o && (K = N - 1) : N >= o && N < t && (K = N + 1), S[K] = 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;
         }
-        for (const [D, R] of Object.entries(n.value)) {
-          const N = parseInt(D);
-          let K = N;
-          N === t ? K = o : t < o ? N > t && N <= o && (K = N - 1) : N >= o && N < t && (K = N + 1), P[K] = R;
+        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;
         }
-        return v.value = S, n.value = P, !0;
+        return v.value = I, n.value = P, !0;
       },
-      registerConnectionHandle: Ce,
-      registerGanttBar: be,
-      resizeColumn: ue,
-      setCellData: X,
-      setCellText: ee,
-      setFilter: q,
-      sortByColumn: j,
-      toggleRowExpand: De,
-      unregisterConnectionHandle: pe,
-      unregisterGanttBar: ye,
-      updateGanttBar: Be,
-      updateRows: Y
+      registerConnectionHandle: $e,
+      registerGanttBar: Me,
+      resizeColumn: O,
+      setCellData: Y,
+      setCellText: A,
+      setFilter: J,
+      sortByColumn: U,
+      toggleRowExpand: he,
+      unregisterConnectionHandle: Ie,
+      unregisterGanttBar: Re,
+      updateGanttBar: Ze,
+      updateRows: fe
     };
   })();
-}, Ct = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], pt = ["innerHTML"], kt = { key: 2 }, Mt = /* @__PURE__ */ ce({
+}, Mt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Rt = ["innerHTML"], $t = { key: 4 }, It = /* @__PURE__ */ ve({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -409,139 +409,158 @@ const yt = (e) => {
     pinned: { type: Boolean, default: !1 },
     debounce: { default: 300 }
   },
-  setup(e, { expose: k }) {
-    const i = ne("cell"), u = e.store.getCellData(e.colIndex, e.rowIndex), M = E(""), s = E(!1), l = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], v = l.align || "center", n = l.width || "40ch", C = B(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = E(null);
+  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(() => {
       if (!l.linkDoctype) return;
-      const p = e.store.getCellData(e.colIndex, e.rowIndex);
-      if (p != null && typeof p == "object") {
-        const L = p, X = L.displayText ?? L.id;
-        (typeof X == "string" || typeof X == "number") && (d.value = String(X));
+      const 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));
         return;
       }
-      const Z = e.store.linkResolver;
-      !Z || typeof p != "string" || p === "" || Z(l.linkDoctype, p).then((L) => (L != null && (d.value = L), L));
+      const V = e.store.linkResolver;
+      !V || typeof A != "string" || A === "" || V(l.linkDoctype, A).then((O) => (O != null && (d.value = O), O));
     });
-    const m = B(() => d.value ?? C.value), U = B(() => typeof m.value == "string" ? mt(m.value) : !1), W = B(() => ({
+    const g = D(() => d.value ?? C.value), W = D(() => {
+      if (l.cellComponent) return;
+      const A = g.value;
+      return qe(A) ? A : void 0;
+    }), j = D(() => {
+      if (!(l.cellComponent || W.value) && Je(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 } : {
+        presentation: "cell-fill",
+        options: l.options,
+        ...A,
+        value: e.store.getCellData(e.colIndex, e.rowIndex)
+      };
+    }), h = D(() => typeof g.value == "string" ? bt(g.value) : !1), x = D(() => ({
       textAlign: v,
       width: n,
-      fontWeight: s.value ? "bold" : "inherit",
-      paddingLeft: bt(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), b = B(() => ({
+      fontWeight: a.value ? "bold" : "inherit",
+      paddingLeft: pt(e.colIndex, e.store.display[e.rowIndex]?.indent)
+    })), y = D(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": s.value
-    })), $ = () => {
-      f(), a();
-    }, a = () => {
-      const { left: p, bottom: Z, width: L, height: X } = ve(i);
-      l.mask, l.modalComponent && e.store.$patch((Y) => {
-        Y.modal.visible = !0, Y.modal.colIndex = e.colIndex, Y.modal.rowIndex = e.rowIndex, Y.modal.left = p.value, Y.modal.bottom = Z.value, Y.modal.width = L.value, Y.modal.height = X.value, Y.modal.cell = i.value, typeof l.modalComponent == "function" ? Y.modal.component = l.modalComponent({ table: e.store.table, row: c, column: l }) : Y.modal.component = l.modalComponent, Y.modal.componentProps = l.modalComponentExtraProps;
+      "cell-modified": a.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;
       });
     };
     if (e.addNavigation) {
-      let p = {
-        ...Ve,
-        "keydown.f2": a,
-        "keydown.alt.up": a,
-        "keydown.alt.down": a,
-        "keydown.alt.left": a,
-        "keydown.alt.right": a
+      let A = {
+        ...Ee,
+        "keydown.f2": B,
+        "keydown.alt.up": B,
+        "keydown.alt.down": B,
+        "keydown.alt.left": B,
+        "keydown.alt.right": B
       };
-      typeof e.addNavigation == "object" && (p = {
-        ...p,
+      typeof e.addNavigation == "object" && (A = {
+        ...A,
         ...e.addNavigation
-      }), qe([
+      }), Ke([
         {
           selectors: i,
-          handlers: p
+          handlers: A
         }
       ]);
     }
-    const f = () => {
+    const L = () => {
       if (i.value && l.edit) {
-        const p = window.getSelection();
-        if (p)
+        const A = window.getSelection();
+        if (A)
           try {
-            const Z = document.createRange();
-            Z.selectNodeContents && (Z.selectNodeContents(i.value), p.removeAllRanges(), p.addRange(Z));
+            const V = document.createRange();
+            V.selectNodeContents && (V.selectNodeContents(i.value), A.removeAllRanges(), A.addRange(V));
           } catch {
           }
       }
-    }, x = () => {
-      i.value && (M.value = i.value.textContent, f());
-    }, y = () => {
+    }, z = () => {
+      i.value && (k.value = i.value.textContent, L());
+    }, ce = () => {
       try {
-        const p = window.getSelection();
-        if (p && p.rangeCount > 0 && i.value) {
-          const Z = p.getRangeAt(0), L = Z.cloneRange();
-          if (L.selectNodeContents && L.setEnd)
-            return L.selectNodeContents(i.value), L.setEnd(Z.endContainer, Z.endOffset), L.toString().length;
+        const 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;
         }
       } catch {
       }
       return 0;
-    }, g = (p) => {
+    }, ye = (A) => {
       if (i.value)
         try {
-          const Z = window.getSelection();
-          if (!Z) return;
-          let L = 0;
-          const X = document.createTreeWalker ? document.createTreeWalker(i.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!X) return;
-          let Y, ee = null;
-          for (; Y = X.nextNode(); ) {
-            const de = Y, ue = L + de.textContent.length;
-            if (p <= ue && (ee = document.createRange(), ee.setStart && ee.setEnd)) {
-              ee.setStart(de, p - L), ee.setEnd(de, p - L);
+          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);
               break;
             }
-            L = ue;
+            O = ge;
           }
-          ee && Z.removeAllRanges && Z.addRange && (Z.removeAllRanges(), Z.addRange(ee));
+          ae && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ae));
         } catch {
         }
-    }, T = (p) => {
+    }, Y = (A) => {
       if (!l.edit) return;
-      const Z = p.target;
-      if (Z.textContent === M.value)
+      const V = A.target;
+      if (V.textContent === k.value)
         return;
-      const L = y();
-      M.value = Z.textContent, l.format ? (s.value = Z.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, u), e.store.setCellText(e.colIndex, e.rowIndex, Z.textContent)) : (s.value = Z.textContent !== u, e.store.setCellData(e.colIndex, e.rowIndex, Z.textContent)), Ye().then(() => g(L));
-    }, O = ct(T, e.debounce);
-    return k({
-      currentData: M
-    }), (p, Z) => (h(), w("td", {
+      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", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": A(l).edit,
-      contenteditable: A(l).edit,
+      "data-editable": Z(l).edit,
+      contenteditable: R.value,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: se(W.value),
-      class: J(["atable-cell", b.value]),
-      onFocus: x,
-      onPaste: T,
-      onInput: Z[0] || (Z[0] = //@ts-ignore
-      (...L) => A(O) && A(O)(...L)),
-      onClick: $
+      style: re(x.value),
+      class: Q(["atable-cell", y.value]),
+      onFocus: z,
+      onPaste: Y,
+      onInput: V[0] || (V[0] = //@ts-ignore
+      (...O) => Z(fe) && Z(fe)(...O)),
+      onClick: m
     }, [
-      A(l).cellComponent ? (h(), oe(me(A(l).cellComponent), Oe({
-        key: 0,
-        value: m.value
-      }, A(l).cellComponentProps), null, 16, ["value"])) : U.value ? (h(), w("span", {
-        key: 1,
-        innerHTML: m.value
-      }, null, 8, pt)) : (h(), w("span", kt, ie(m.value), 1))
-    ], 46, Ct));
+      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", {
+        key: 3,
+        innerHTML: g.value
+      }, null, 8, Rt)) : (f(), w("span", $t, de(g.value), 1))
+    ], 46, Mt));
   }
-}), Rt = ["colspan"], $t = {
+}), St = ["colspan"], Dt = {
   ref: "container",
   class: "gantt-container"
-}, It = ["data-rowindex", "data-colindex"], St = {
+}, At = ["data-rowindex", "data-colindex"], Bt = {
   key: 2,
   class: "gantt-label"
-}, Dt = ["x1", "y1", "x2", "y2"], At = /* @__PURE__ */ ce({
+}, Ht = ["x1", "y1", "x2", "y2"], Zt = /* @__PURE__ */ ve({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -555,19 +574,19 @@ const yt = (e) => {
     color: { default: "#cccccc" }
   },
   emits: ["connection:create"],
-  setup(e, { expose: k, emit: i }) {
-    nt((I) => ({
-      v564d6da1: M.value,
-      v4f540c19: I.colspan
+  setup(e, { expose: p, emit: i }) {
+    at(($) => ({
+      v564d6da1: k.value,
+      v4f540c19: $.colspan
     }));
-    const u = i, M = E(e.color.length >= 6 ? e.color : "#cccccc"), s = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = ne("container"), c = ne("bar"), v = ne("leftResizeHandle"), n = ne("rightResizeHandle"), C = ne("leftConnectionHandle"), d = ne("rightConnectionHandle"), { width: m } = ve(l), { left: U, right: W } = ve(c), b = E(e.start), $ = E(e.end || b.value + e.colspan), a = E(!1), f = E(!1), x = E(!1), y = E(!1), g = E(!1), T = E({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = B(() => de.value || Y.value || ee.value), p = B(() => e.colspan > 0 ? m.value / e.colspan : 0), Z = B(() => {
-      const I = b.value / e.colspan * 100, H = $.value / e.colspan * 100;
+    const u = i, 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;
       return {
-        left: `${I}%`,
-        width: `${H - I}%`,
-        backgroundColor: M.value
+        left: `${$}%`,
+        width: `${H - $}%`,
+        backgroundColor: k.value
       };
-    }), L = B(() => ({
+    }), ye = D(() => ({
       position: "fixed",
       top: 0,
       left: 0,
@@ -575,254 +594,254 @@ const yt = (e) => {
       height: "100vh",
       pointerEvents: "none",
       zIndex: 1e3
-    })), X = E({ startX: 0, startPos: 0 }), { isDragging: Y } = Te(v, {
+    })), Y = E({ startX: 0, startPos: 0 }), { isDragging: fe } = Ve(v, {
       axis: "x",
-      onStart: () => ue(U.value, b.value),
-      onMove: ({ x: I }) => $e(I),
-      onEnd: ({ x: I }) => Ie(I)
-    }), { isDragging: ee } = Te(n, {
+      onStart: () => O(W.value, b.value),
+      onMove: ({ x: $ }) => ne($),
+      onEnd: ({ x: $ }) => q($)
+    }), { isDragging: A } = Ve(n, {
       axis: "x",
-      onStart: () => ue(W.value, $.value),
-      onMove: ({ x: I }) => Se(I),
-      onEnd: ({ x: I }) => De(I)
-    }), { isDragging: de } = Te(c, {
+      onStart: () => O(j.value, R.value),
+      onMove: ({ x: $ }) => ae($),
+      onEnd: ({ x: $ }) => he($)
+    }), { isDragging: V } = Ve(c, {
       exact: !0,
       axis: "x",
-      onStart: () => ue(U.value, b.value),
-      onMove: ({ x: I }) => we(I),
-      onEnd: ({ x: I }) => Ae(I)
+      onStart: () => O(W.value, b.value),
+      onMove: ({ x: $ }) => ge($),
+      onEnd: ({ x: $ }) => Be($)
     });
     Ne(() => {
-      xe();
-    }), ot(() => {
+      ke();
+    }), st(() => {
       He();
     });
-    function ue(I, H) {
-      c.value && (c.value.style.transition = "none"), X.value = { startX: I, startPos: H };
+    function O($, H) {
+      c.value && (c.value.style.transition = "none"), Y.value = { startX: $, startPos: H };
     }
-    function $e(I) {
-      if (!Y.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = Math.max(0, Math.min($.value - 1, X.value.startPos + z));
-      c.value.style.left = `${F / e.colspan * 100}%`, c.value.style.width = `${($.value - F) / e.colspan * 100}%`;
+    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 Ie(I) {
+    function q($) {
       if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = b.value, j = Math.max(0, Math.min($.value - 1, X.value.startPos + z));
-      b.value = j, e.store.updateGanttBar({
+      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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
         oldStart: F,
-        newStart: j,
-        end: $.value,
-        delta: z,
-        oldColspan: $.value - F,
-        newColspan: $.value - j
+        newStart: U,
+        end: R.value,
+        delta: X,
+        oldColspan: R.value - F,
+        newColspan: R.value - U
       });
     }
-    function Se(I) {
-      if (!ee.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = Math.max(b.value + 1, Math.min(e.columnsCount, X.value.startPos + z));
+    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 De(I) {
+    function he($) {
       if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = $.value, j = Math.max(b.value + 1, Math.min(e.columnsCount, X.value.startPos + z));
-      $.value = j, e.store.updateGanttBar({
+      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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
         oldEnd: F,
-        newEnd: j,
+        newEnd: U,
         start: b.value,
-        delta: z,
+        delta: X,
         oldColspan: F - b.value,
-        newColspan: j - b.value
+        newColspan: U - b.value
       });
     }
-    function we(I) {
-      if (!de.value || !c.value) return;
-      const z = (I - X.value.startX) / p.value, F = $.value - b.value, j = Math.max(0, Math.min(X.value.startPos + z, e.columnsCount - F));
-      c.value.style.left = `${j / e.colspan * 100}%`;
+    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 Ae(I) {
+    function Be($) {
       if (!c.value) return;
-      const H = I - X.value.startX, z = Math.round(H / p.value), F = $.value - b.value, j = b.value, q = $.value;
-      let _ = X.value.startPos + z, Q = _ + F;
-      _ < 0 ? (_ = 0, Q = F) : Q > e.columnsCount && (Q = e.columnsCount, _ = Q - F), b.value = _, $.value = Q, e.store.updateGanttBar({
+      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({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: j,
-        oldEnd: q,
-        newStart: _,
-        newEnd: Q,
-        delta: z,
-        colspan: Q - _
+        oldStart: U,
+        oldEnd: J,
+        newStart: ee,
+        newEnd: K,
+        delta: X,
+        colspan: K - ee
       });
     }
-    function xe() {
-      const { x: I, y: H } = ve(c), { x: z, y: F } = ve(C), { x: j, y: q } = ve(d);
+    function ke() {
+      const { x: $, y: H } = me(c), { x: X, y: F } = me(C), { x: U, y: J } = me(d);
       e.store.registerGanttBar({
-        id: s,
+        id: a,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: b,
-        endIndex: $,
-        color: M,
+        endIndex: R,
+        color: k,
         label: e.label,
-        position: { x: I, y: H }
+        position: { x: $, y: H }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${s}-connection-left`,
+        id: `${a}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: z, y: F },
-        visible: a,
-        barId: s
+        position: { x: X, y: F },
+        visible: s,
+        barId: a
       }), e.store.registerConnectionHandle({
-        id: `${s}-connection-right`,
+        id: `${a}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: j, y: q },
-        visible: f,
-        barId: s
+        position: { x: U, y: J },
+        visible: h,
+        barId: a
       }));
     }
     function He() {
-      e.store.unregisterGanttBar(s), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${s}-connection-left`), e.store.unregisterConnectionHandle(`${s}-connection-right`));
+      e.store.unregisterGanttBar(a), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${a}-connection-left`), e.store.unregisterConnectionHandle(`${a}-connection-right`));
     }
-    function Be() {
-      e.store.isDependencyGraphEnabled && (a.value = !0, f.value = !0);
+    function Ze() {
+      e.store.isDependencyGraphEnabled && (s.value = !0, h.value = !0);
     }
-    function be() {
-      !x.value && !y.value && (a.value = !1, f.value = !1);
+    function Me() {
+      !x.value && !y.value && (s.value = !1, h.value = !1);
     }
-    function ye(I, H) {
-      H.preventDefault(), H.stopPropagation(), g.value = !0, I === "left" ? x.value = !0 : y.value = !0;
-      const z = I === "left" ? C.value : d.value;
-      if (z) {
-        const q = z.getBoundingClientRect(), _ = q.left + q.width / 2, Q = q.top + q.height / 2;
-        T.value = { startX: _, startY: Q, endX: _, endY: Q };
+    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 };
       }
-      const F = (q) => {
-        T.value.endX = q.clientX, T.value.endY = q.clientY;
-      }, j = (q) => {
-        Ce(q, I), pe(F, j);
+      const F = (J) => {
+        B.value.endX = J.clientX, B.value.endY = J.clientY;
+      }, U = (J) => {
+        $e(J, $), Ie(F, U);
       };
-      document.addEventListener("mousemove", F), document.addEventListener("mouseup", j);
+      document.addEventListener("mousemove", F), document.addEventListener("mouseup", U);
     }
-    function Ce(I, H) {
-      const F = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
+    function $e($, H) {
+      const F = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
       if (F && F !== (H === "left" ? C.value : d.value)) {
-        const j = F.closest(".gantt-bar");
-        if (j) {
-          const q = parseInt(j.getAttribute("data-rowindex") || "0"), _ = parseInt(j.getAttribute("data-colindex") || "0"), Q = F.classList.contains("left-connection-handle") ? "left" : "right", Fe = `gantt-bar-row-${q}-col-${_}`, Ze = e.store.createConnection(
-            `${s}-connection-${H}`,
-            `${Fe}-connection-${Q}`
+        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}`
           );
-          Ze && u("connection:create", Ze);
+          Te && u("connection:create", Te);
         }
       }
     }
-    function pe(I, H) {
-      g.value = !1, x.value = !1, y.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", H), c.value?.matches(":hover") || be();
+    function Ie($, H) {
+      m.value = !1, x.value = !1, y.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", H), c.value?.matches(":hover") || Me();
     }
-    return k({
-      barStyle: Z,
-      cleanupConnectionDrag: pe,
-      currentEnd: $,
-      handleConnectionDrop: Ce,
+    return p({
+      barStyle: ce,
+      cleanupConnectionDrag: Ie,
+      currentEnd: R,
+      handleConnectionDrop: $e,
       isLeftConnectionDragging: x,
-      isLeftConnectionVisible: a,
+      isLeftConnectionVisible: s,
       isRightConnectionDragging: y,
-      isRightConnectionVisible: f,
-      showDragPreview: g
-    }), (I, H) => (h(), w("td", {
+      isRightConnectionVisible: h,
+      showDragPreview: m
+    }), ($, H) => (f(), w("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      V("div", $t, [
-        V("div", {
+      T("div", Dt, [
+        T("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: J(["gantt-bar", { "is-dragging": O.value }]),
-          style: se(Z.value),
-          onMouseenter: Be,
-          onMouseleave: be
+          class: Q(["gantt-bar", { "is-dragging": L.value }]),
+          style: re(ce.value),
+          onMouseenter: Ze,
+          onMouseleave: Me
         }, [
-          e.store.isDependencyGraphEnabled ? (h(), w("div", {
+          e.store.isDependencyGraphEnabled ? (f(), w("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: J(["connection-handle left-connection-handle", { visible: a.value, "is-dragging": x.value }]),
-            onMousedown: H[0] || (H[0] = fe((z) => ye("left", z), ["stop"]))
+            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] = [
-            V("div", { class: "connection-dot" }, null, -1)
+            T("div", { class: "connection-dot" }, null, -1)
           ])], 34)) : G("", !0),
-          e.store.isDependencyGraphEnabled ? (h(), w("div", {
+          e.store.isDependencyGraphEnabled ? (f(), w("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: J(["connection-handle right-connection-handle", { visible: f.value, "is-dragging": y.value }]),
-            onMousedown: H[1] || (H[1] = fe((z) => ye("right", z), ["stop"]))
+            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] = [
-            V("div", { class: "connection-dot" }, null, -1)
+            T("div", { class: "connection-dot" }, null, -1)
           ])], 34)) : G("", !0),
-          V("div", {
+          T("div", {
             ref: "leftResizeHandle",
-            class: J(["resize-handle left-resize-handle", { "is-dragging": A(Y) }])
+            class: Q(["resize-handle left-resize-handle", { "is-dragging": Z(fe) }])
           }, [...H[4] || (H[4] = [
-            V("div", { class: "handle-grip" }, null, -1),
-            V("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            T("div", { class: "handle-grip" }, null, -1),
+            T("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (h(), w("label", St, ie(e.label), 1)) : G("", !0),
-          V("div", {
+          e.label ? (f(), w("label", Bt, de(e.label), 1)) : G("", !0),
+          T("div", {
             ref: "rightResizeHandle",
-            class: J(["resize-handle right-resize-handle", { "is-dragging": A(ee) }])
+            class: Q(["resize-handle right-resize-handle", { "is-dragging": Z(A) }])
           }, [...H[5] || (H[5] = [
-            V("div", { class: "handle-grip" }, null, -1),
-            V("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            T("div", { class: "handle-grip" }, null, -1),
+            T("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, It)
+        ], 46, At)
       ], 512),
-      e.store.isDependencyGraphEnabled && g.value ? (h(), w("svg", {
+      e.store.isDependencyGraphEnabled && m.value ? (f(), w("svg", {
         key: 0,
-        style: se(L.value)
+        style: re(ye.value)
       }, [
-        V("line", {
-          x1: T.value.startX,
-          y1: T.value.startY,
-          x2: T.value.endX,
-          y2: T.value.endY,
+        T("line", {
+          x1: B.value.startX,
+          y1: B.value.startY,
+          x2: B.value.endX,
+          y2: B.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, Dt)
+        }, null, 8, Ht)
       ], 4)) : G("", !0)
-    ], 8, Rt));
+    ], 8, St));
   }
-}), he = (e, k) => {
+}), be = (e, p) => {
   const i = e.__vccOpts || e;
-  for (const [u, M] of k)
-    i[u] = M;
+  for (const [u, k] of p)
+    i[u] = k;
   return i;
-}, Ht = /* @__PURE__ */ he(At, [["__scopeId", "data-v-032ef6d9"]]), Bt = `<?xml version="1.0" encoding="UTF-8"?>
+}, Tt = /* @__PURE__ */ be(Zt, [["__scopeId", "data-v-032ef6d9"]]), Vt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="34 18 30 18 30 30 18 30 18 34 30 34 30 46 34 46 34 34 46 34 46 30 34 30 34 18" style="fill: #000; stroke-width: 0px;"/>
 </svg>
-`, Zt = `<?xml version="1.0" encoding="UTF-8"?>
+`, Et = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="46.84 19.99 44.01 17.16 32 29.17 19.99 17.16 17.16 19.99 29.17 32 17.16 44.01 19.99 46.84 32 34.83 44.01 46.84 46.84 44.01 34.83 32 46.84 19.99" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Tt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Ot = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.67">
   <path d="M68.67,16.67h-14.67V2c0-1.1-.9-2-2-2H2C.9,0,0,.9,0,2v50c0,1.1.9,2,2,2h14.67v14.67c0,1.1.9,2,2,2h50c1.1,0,2-.9,2-2V18.67c0-1.1-.9-2-2-2ZM4,4h46v46H4V4ZM66.67,66.67H20.67v-12.67h31.33c1.1,0,2-.9,2-2v-31.33h12.67v46Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="41 25 29 25 29 13 25 13 25 25 13 25 13 29 25 29 25 41 29 41 29 29 41 29 41 25" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Vt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Nt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <path d="M68.6,45.8v13.7H2v-13.7h66.6M70.6,43.8H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,24.2v13.7H2v-13.7h66.6M70.6,22.2H0v17.7h70.6v-17.7h0Z"/>
@@ -836,7 +855,7 @@ const yt = (e) => {
     <polygon points="70.6 18.7 68.1 18.7 68.1 16.7 68.6 16.7 68.6 16.2 70.6 16.2 70.6 18.7"/>
     <path d="M70.6,13.4h-2v-2.7h2v2.7ZM70.6,8h-2v-2.7h2v2.7Z"/>
   </g>
-</svg>`, Et = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Lt = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <g>
     <polygon points="70.6 45.3 68.6 45.3 68.6 44.8 68.1 44.8 68.1 42.8 70.6 42.8 70.6 45.3"/>
@@ -850,31 +869,31 @@ const yt = (e) => {
   </g>
   <path d="M68.6,23.7v13.7H2v-13.7h66.6M70.6,21.7H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,2v13.7H2V2h66.6M70.6,0H0v17.7h70.6V0h0Z"/>
-</svg>`, Nt = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Ft = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.64">
   <path d="M70.08,33.9l-9.75-9.75-2.83,2.83,6.33,6.33h-26.51V6.81l6.33,6.33,2.83-2.83L36.75.56c-.75-.75-2.08-.75-2.83,0l-9.75,9.75,2.83,2.83,6.33-6.33v26.5H6.83l6.33-6.33-2.83-2.83L.59,33.9c-.38.38-.59.88-.59,1.41s.21,1.04.59,1.41l9.75,9.75,2.83-2.83-6.33-6.33h26.5v26.51l-6.33-6.33-2.83,2.83,9.75,9.75c.38.38.88.59,1.41.59s1.04-.21,1.41-.59l9.75-9.75-2.83-2.83-6.33,6.33v-26.51h26.51l-6.33,6.33,2.83,2.83,9.75-9.75c.38-.38.59-.88.59-1.41s-.21-1.04-.59-1.41Z" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Ot = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, 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="18,20 18,44 46,32" style="fill: #000; stroke-width: 0px;"/>
 </svg>
-`, Lt = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 13V3.5M4.5 7 8 3.5 11.5 7" stroke-linecap="round" stroke-linejoin="round"/></svg>', Ft = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 3v9.5M4.5 9 8 12.5 11.5 9" stroke-linecap="round" stroke-linejoin="round"/></svg>', Pt = {
-  add: Bt,
-  delete: Zt,
-  duplicate: Tt,
-  insertAbove: Vt,
-  insertBelow: Et,
-  move: Nt,
-  moveUp: Lt,
-  moveDown: Ft,
-  open: Ot
-}, zt = {
+`, 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 = {
   key: 0,
   class: "row-actions-dropdown"
-}, Xt = ["aria-expanded"], Gt = ["disabled", "onClick"], Wt = ["innerHTML"], jt = { class: "action-label" }, Ut = {
+}, jt = ["aria-expanded"], Ut = ["disabled", "onClick"], Yt = ["innerHTML"], qt = { class: "action-label" }, Jt = {
   key: 1,
   class: "row-actions-icons"
-}, Yt = ["title", "aria-label", "disabled", "onClick"], qt = ["innerHTML"], Me = /* @__PURE__ */ ce({
+}, Qt = ["title", "aria-label", "disabled", "onClick"], Kt = ["innerHTML"], De = /* @__PURE__ */ ve({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -883,8 +902,8 @@ const yt = (e) => {
     position: {}
   },
   emits: ["action"],
-  setup(e, { emit: k }) {
-    const i = e, u = k, M = ne("actionsCell"), s = ne("toggleButton"), l = E(0), c = E(!1), v = E(!1), n = E({ top: 0, left: 0 }), C = {
+  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 = {
       add: "Add Record",
       delete: "Delete Record",
       duplicate: "Duplicate Record",
@@ -894,8 +913,8 @@ const yt = (e) => {
       moveUp: "Move Up",
       moveDown: "Move Down",
       open: "Open Record"
-    }, d = B(() => {
-      const a = [], f = i.config.actions || {}, x = [
+    }, d = D(() => {
+      const s = [], h = i.config.actions || {}, x = [
         "open",
         "moveUp",
         "moveDown",
@@ -907,17 +926,17 @@ const yt = (e) => {
         "move"
       ];
       for (const y of x) {
-        const g = f[y];
-        if (g === !1 || g === void 0) continue;
-        let T = !0, O = C[y], p = Pt[y], Z = !1;
-        typeof g == "object" && (T = g.enabled !== !1, O = g.label || O, p = g.icon || p, g.disabled && (Z = g.disabled(i.rowIndex, i.store))), T && a.push({ type: y, label: O, icon: p, disabled: Z });
+        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 });
       }
-      return a;
-    }), m = B(() => {
+      return s;
+    }), g = D(() => {
       if (i.config.forceDropdown) return !0;
-      const a = i.config.dropdownThreshold ?? 150;
-      return a === 0 ? !1 : l.value > 0 && l.value < a;
-    }), U = B(() => c.value ? v.value ? {
+      const s = i.config.dropdownThreshold ?? 150;
+      return s === 0 ? !1 : l.value > 0 && l.value < s;
+    }), W = D(() => c.value ? v.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - n.value.top}px`,
       left: `${n.value.left}px`,
@@ -927,86 +946,86 @@ const yt = (e) => {
       top: `${n.value.top}px`,
       left: `${n.value.left}px`
     } : {});
-    dt(M, (a) => {
-      const f = a[0];
-      f && (l.value = f.contentRect.width);
+    ft(k, (s) => {
+      const h = s[0];
+      h && (l.value = h.contentRect.width);
     });
-    const W = () => {
+    const j = () => {
       c.value || b(), c.value = !c.value;
     }, b = () => {
-      if (!s.value) return;
-      const a = s.value.getBoundingClientRect(), f = window.innerHeight, x = window.innerWidth, y = d.value.length * 40 + 16, g = 160, T = f - a.bottom, O = a.top;
-      v.value = T < y && O > y;
-      let p = a.left;
-      p + g > x && (p = Math.max(0, a.right - g)), n.value = {
-        top: v.value ? a.top : a.bottom,
-        left: p
+      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,
+        left: z
       };
     };
-    ut(M, () => {
+    ht(k, () => {
       c.value = !1;
     });
-    const $ = (a, f) => {
+    const R = (s, h) => {
       c.value = !1;
-      const x = i.config.actions?.[a];
-      typeof x == "object" && x.handler && x.handler(i.rowIndex, i.store) === !1 || u("action", a, i.rowIndex, f);
+      const x = i.config.actions?.[s];
+      typeof x == "object" && x.handler && x.handler(i.rowIndex, i.store) === !1 || u("action", s, i.rowIndex, h);
     };
-    return (a, f) => (h(), w("td", {
+    return (s, h) => (f(), w("td", {
       ref: "actionsCell",
-      class: J(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
+      class: Q(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
     }, [
-      m.value ? (h(), w("div", zt, [
-        V("button", {
+      g.value ? (f(), w("div", Wt, [
+        T("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
           "aria-expanded": c.value,
           "aria-haspopup": "true",
-          onClick: fe(W, ["stop"])
-        }, [...f[0] || (f[0] = [
-          V("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, Xt),
-        te(V("div", {
-          class: J(["row-actions-menu", { "menu-flipped": v.value }]),
-          style: se(U.value),
+          onClick: xe(j, ["stop"])
+        }, [...h[0] || (h[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),
           role: "menu"
         }, [
-          (h(!0), w(ae, null, re(d.value, (x) => (h(), w("button", {
+          (f(!0), w(ie, null, ue(d.value, (x) => (f(), w("button", {
             key: x.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
             disabled: x.disabled,
-            onClick: fe((y) => $(x.type, y), ["stop"])
+            onClick: xe((y) => R(x.type, y), ["stop"])
           }, [
-            V("span", {
+            T("span", {
               class: "action-icon",
               innerHTML: x.icon
-            }, null, 8, Wt),
-            V("span", jt, ie(x.label), 1)
-          ], 8, Gt))), 128))
+            }, null, 8, Yt),
+            T("span", qt, de(x.label), 1)
+          ], 8, Ut))), 128))
         ], 6), [
           [Le, c.value]
         ])
-      ])) : (h(), w("div", Ut, [
-        (h(!0), w(ae, null, re(d.value, (x) => (h(), w("button", {
+      ])) : (f(), w("div", Jt, [
+        (f(!0), w(ie, null, ue(d.value, (x) => (f(), w("button", {
           key: x.type,
           type: "button",
           class: "row-action-btn",
           title: x.label,
           "aria-label": x.label,
           disabled: x.disabled,
-          onClick: fe((y) => $(x.type, y), ["stop"])
+          onClick: xe((y) => R(x.type, y), ["stop"])
         }, [
-          V("span", {
+          T("span", {
             class: "action-icon",
             innerHTML: x.icon
-          }, null, 8, qt)
-        ], 8, Yt))), 128))
+          }, null, 8, Kt)
+        ], 8, Qt))), 128))
       ]))
     ], 2));
   }
-}), Jt = ["tabindex"], Qt = ["tabindex"], Kt = ["colspan"], _t = /* @__PURE__ */ ce({
+}), _t = ["tabindex"], en = ["tabindex"], tn = ["colspan"], nn = /* @__PURE__ */ ve({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1015,99 +1034,99 @@ const yt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   emits: ["row:action", "row:click"],
-  setup(e, { emit: k }) {
-    const i = k, u = ne("rowEl"), M = B(() => e.store.isRowVisible(e.rowIndex)), s = B(() => e.store.getRowExpandSymbol(e.rowIndex)), l = B(() => e.store.config.clickable ?? !1), c = B(() => e.store.config.rowActions || { enabled: !1 }), v = B(() => c.value.enabled), n = B(() => c.value.position || "before-index"), C = B(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), d = B(() => {
-      const b = e.store.config.view === "uncounted" ? 0 : 1, $ = v.value ? 1 : 0;
-      return e.store.columns.length + b + $;
-    }), m = (b, $, a) => {
-      i("row:action", b, $, a);
-    }, U = (b) => {
-      const $ = b.target;
-      $.closest(".atable-row-actions") || $.closest(".tree-index") || $.closest(".expansion-index") || i("row:click", e.rowIndex, b);
-    }, W = e.store.config.view === "list-expansion";
-    if (e.addNavigation || W) {
+  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);
+    }, j = e.store.config.view === "list-expansion";
+    if (e.addNavigation || j) {
       let b = {};
-      e.addNavigation === !0 ? b = { ...Ve } : typeof e.addNavigation == "object" && (b = { ...Ve, ...e.addNavigation }), W && !b["keydown.control.g"] && (b["keydown.control.g"] = ($) => {
-        $.stopPropagation(), $.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
-      }), qe([
+      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([
         {
           selectors: u,
           handlers: b
         }
       ]);
     }
-    return (b, $) => (h(), w(ae, null, [
-      te(V("tr", Oe(b.$attrs, {
+    return (b, R) => (f(), w(ie, null, [
+      oe(T("tr", pe(b.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: ["atable-row", { "atable-row-clickable": l.value }],
-        onClick: U
+        onClick: W
       }), [
-        v.value && n.value === "before-index" ? (h(), oe(Me, {
+        v.value && n.value === "before-index" ? (f(), te(De, {
           key: 0,
           "row-index": e.rowIndex,
           store: e.store,
           config: c.value,
           position: n.value,
-          onAction: m
+          onAction: g
         }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
-        e.store.config.view !== "uncounted" ? le(b.$slots, "index", {}, () => [
-          e.store.config.view === "list" ? (h(), w("td", {
+        e.store.config.view !== "uncounted" ? se(b.$slots, "index", {}, () => [
+          e.store.config.view === "list" ? (f(), w("td", {
             key: 0,
             tabIndex: -1,
-            class: J(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-          }, ie(e.rowIndex + 1), 3)) : e.store.isTreeView ? (h(), w("td", {
+            class: Q(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+          }, de(e.rowIndex + 1), 3)) : e.store.isTreeView ? (f(), w("td", {
             key: 1,
             tabIndex: -1,
-            class: J(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-            onClick: $[0] || ($[0] = (a) => e.store.toggleRowExpand(e.rowIndex))
-          }, ie(s.value), 3)) : e.store.config.view === "list-expansion" ? (h(), w("td", {
+            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", {
             key: 2,
             tabIndex: -1,
-            class: J(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-            onClick: $[1] || ($[1] = (a) => e.store.toggleRowExpand(e.rowIndex))
-          }, ie(s.value), 3)) : G("", !0)
+            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" ? (h(), oe(Me, {
+        v.value && n.value === "after-index" ? (f(), te(De, {
           key: 2,
           "row-index": e.rowIndex,
           store: e.store,
           config: c.value,
           position: n.value,
-          onAction: m
+          onAction: g
         }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0),
-        le(b.$slots, "default", {}, void 0, !0),
-        v.value && n.value === "end" ? (h(), oe(Me, {
+        se(b.$slots, "default", {}, void 0, !0),
+        v.value && n.value === "end" ? (f(), te(De, {
           key: 3,
           "row-index": e.rowIndex,
           store: e.store,
           config: c.value,
           position: n.value,
-          onAction: m
+          onAction: g
         }, null, 8, ["row-index", "store", "config", "position"])) : G("", !0)
-      ], 16, Jt), [
-        [Le, M.value]
+      ], 16, _t), [
+        [Le, k.value]
       ]),
-      C.value ? (h(), w("tr", {
+      C.value ? (f(), w("tr", {
         key: 0,
         tabindex: e.tabIndex,
         class: "atable-expanded-row"
       }, [
-        V("td", {
+        T("td", {
           tabIndex: -1,
           colspan: d.value,
           class: "atable-expanded-content"
         }, [
-          le(b.$slots, "content", {
+          se(b.$slots, "content", {
             row: e.store.rows[e.rowIndex],
             rowIndex: e.rowIndex,
             store: e.store
           }, void 0, !0)
-        ], 8, Kt)
-      ], 8, Qt)) : G("", !0)
+        ], 8, tn)
+      ], 8, en)) : G("", !0)
     ], 64));
   }
-}), _e = /* @__PURE__ */ he(_t, [["__scopeId", "data-v-4dd47763"]]), en = { class: "gantt-connection-overlay" }, tn = {
+}), nt = /* @__PURE__ */ be(nn, [["__scopeId", "data-v-4dd47763"]]), on = { class: "gantt-connection-overlay" }, ln = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1118,39 +1137,39 @@ const yt = (e) => {
     pointerEvents: "none",
     zIndex: 1
   }
-}, nn = ["d", "stroke-width", "onDblclick"], on = ["id", "d", "stroke", "stroke-width", "onDblclick"], ln = 0.25, ke = 16, an = /* @__PURE__ */ ce({
+}, an = ["d", "stroke-width", "onDblclick"], sn = ["id", "d", "stroke", "stroke-width", "onDblclick"], rn = 0.25, Se = 16, cn = /* @__PURE__ */ ve({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
-  setup(e, { emit: k }) {
-    const i = k, u = B(() => e.store.connectionPaths.filter((l) => {
+  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;
-    })), M = (l) => {
+    })), k = (l) => {
       const c = e.store.connectionHandles.find(
-        (O) => O.barId === l.from.barId && O.side === l.from.side
+        (L) => L.barId === l.from.barId && L.side === l.from.side
       ), v = e.store.connectionHandles.find(
-        (O) => O.barId === l.to.barId && O.side === l.to.side
+        (L) => L.barId === l.to.barId && L.side === l.to.side
       );
       if (!c || !v) return "";
-      const n = c.position.x + ke / 2, C = c.position.y + ke / 2, d = v.position.x + ke / 2, m = v.position.y + ke / 2, U = Math.abs(d - n), W = Math.max(U * ln, 50), b = n + (l.from.side === "left" ? -W : W), $ = d + (l.to.side === "left" ? -W : W), a = { x: 0.5 * n + 0.5 * b, y: 0.5 * C + 0.5 * C }, f = { x: 0.5 * b + 0.5 * $, y: 0.5 * C + 0.5 * m }, x = { x: 0.5 * $ + 0.5 * d, y: 0.5 * m + 0.5 * m }, y = { x: 0.5 * a.x + 0.5 * f.x, y: 0.5 * a.y + 0.5 * f.y }, g = { x: 0.5 * f.x + 0.5 * x.x, y: 0.5 * f.y + 0.5 * x.y }, T = { x: 0.5 * y.x + 0.5 * g.x, y: 0.5 * y.y + 0.5 * g.y };
-      return `M ${n} ${C} Q ${b} ${C}, ${T.x} ${T.y} Q ${$} ${m}, ${d} ${m}`;
-    }, s = (l) => {
+      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) => {
       e.store.deleteConnection(l.id) && i("connection:delete", l);
     };
-    return (l, c) => (h(), w("div", en, [
-      (h(), w("svg", tn, [
-        c[0] || (c[0] = V("defs", null, [
-          V("path", {
+    return (l, c) => (f(), w("div", on, [
+      (f(), w("svg", ln, [
+        c[0] || (c[0] = T("defs", null, [
+          T("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          V("marker", {
+          T("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1159,42 +1178,42 @@ const yt = (e) => {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            V("polygon", {
+            T("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (h(!0), w(ae, null, re(u.value, (v) => (h(), w("path", {
+        (f(!0), w(ie, null, ue(u.value, (v) => (f(), w("path", {
           key: `${v.id}-hitbox`,
-          d: M(v),
+          d: k(v),
           stroke: "transparent",
           "stroke-width": (v.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (n) => s(v)
-        }, null, 40, nn))), 128)),
-        (h(!0), w(ae, null, re(u.value, (v) => (h(), w("path", {
+          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: M(v),
+          d: k(v),
           stroke: v.style?.color || "#666",
           "stroke-width": v.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (n) => s(v)
-        }, null, 40, on))), 128))
+          onDblclick: (n) => a(v)
+        }, null, 40, sn))), 128))
       ]))
     ]));
   }
-}), sn = /* @__PURE__ */ he(an, [["__scopeId", "data-v-d5929c98"]]), rn = { class: "column-filter" }, cn = {
+}), dn = /* @__PURE__ */ be(cn, [["__scopeId", "data-v-d5929c98"]]), un = { class: "column-filter" }, vn = {
   key: 2,
   class: "checkbox-filter"
-}, dn = ["value"], un = {
+}, fn = ["value"], hn = {
   key: 5,
   class: "date-range-filter"
-}, vn = /* @__PURE__ */ ce({
+}, gn = /* @__PURE__ */ ve({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1202,7 +1221,7 @@ const yt = (e) => {
     store: {}
   },
   setup(e) {
-    const k = {
+    const p = {
       text: "text",
       number: "number",
       boolean: "checkbox",
@@ -1214,25 +1233,25 @@ const yt = (e) => {
       attach: "text",
       quantity: "number",
       currency: "number"
-    }, i = E(""), u = lt({
+    }, i = E(""), u = it({
       startValue: "",
       endValue: ""
-    }), M = B(() => {
+    }), k = D(() => {
       if (e.column.filterType) return e.column.filterType;
-      const C = Re(e.column.component);
-      return C ? k[C] : "text";
-    }), s = (C) => {
+      const C = Ae(e.column.component);
+      return C ? p[C] : "text";
+    }), a = (C) => {
       if (C.filterOptions) return C.filterOptions;
       const d = /* @__PURE__ */ new Set();
-      return e.store.rows.forEach((m) => {
-        const U = m[C.name];
-        U != null && U !== "" && d.add(U);
-      }), Array.from(d).map((m) => ({
-        value: m,
-        label: String(m)
+      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)
       }));
-    }, l = B(() => !!(i.value || u.startValue || u.endValue)), c = (C) => {
-      !C && M.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), i.value = "") : (i.value = C, e.store.setFilter(e.colIndex, { value: C }));
+    }, 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, {
         value: null,
@@ -1242,81 +1261,81 @@ const yt = (e) => {
     }, n = () => {
       i.value = "", u.startValue = "", u.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (C, d) => (h(), w("div", rn, [
-      M.value === "text" ? te((h(), w("input", {
+    return (C, d) => (f(), w("div", un, [
+      k.value === "text" ? oe((f(), w("input", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (m) => i.value = m),
+        "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
         type: "text",
         class: "filter-input",
-        onInput: d[1] || (d[1] = (m) => c(i.value))
+        onInput: d[1] || (d[1] = (g) => c(i.value))
       }, null, 544)), [
-        [ge, i.value]
-      ]) : M.value === "number" ? te((h(), w("input", {
+        [Ce, i.value]
+      ]) : k.value === "number" ? oe((f(), w("input", {
         key: 1,
-        "onUpdate:modelValue": d[2] || (d[2] = (m) => i.value = m),
+        "onUpdate:modelValue": d[2] || (d[2] = (g) => i.value = g),
         type: "number",
         class: "filter-input",
-        onInput: d[3] || (d[3] = (m) => c(i.value))
+        onInput: d[3] || (d[3] = (g) => c(i.value))
       }, null, 544)), [
-        [ge, i.value]
-      ]) : M.value === "checkbox" ? (h(), w("label", cn, [
-        te(V("input", {
-          "onUpdate:modelValue": d[4] || (d[4] = (m) => i.value = m),
+        [Ce, i.value]
+      ]) : k.value === "checkbox" ? (f(), w("label", vn, [
+        oe(T("input", {
+          "onUpdate:modelValue": d[4] || (d[4] = (g) => i.value = g),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: d[5] || (d[5] = (m) => c(i.value))
+          onChange: d[5] || (d[5] = (g) => c(i.value))
         }, null, 544), [
-          [at, i.value]
+          [rt, i.value]
         ]),
-        V("span", null, ie(e.column.label), 1)
-      ])) : M.value === "select" ? te((h(), w("select", {
+        T("span", null, de(e.column.label), 1)
+      ])) : k.value === "select" ? oe((f(), w("select", {
         key: 3,
-        "onUpdate:modelValue": d[6] || (d[6] = (m) => i.value = m),
+        "onUpdate:modelValue": d[6] || (d[6] = (g) => i.value = g),
         class: "filter-select",
-        onChange: d[7] || (d[7] = (m) => c(i.value))
+        onChange: d[7] || (d[7] = (g) => c(i.value))
       }, [
-        d[15] || (d[15] = V("option", { value: "" }, "All", -1)),
-        (h(!0), w(ae, null, re(s(e.column), (m) => (h(), w("option", {
-          key: m.value || m,
-          value: m.value || m
-        }, ie(m.label || m), 9, dn))), 128))
+        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))
       ], 544)), [
-        [st, i.value]
-      ]) : M.value === "date" ? te((h(), w("input", {
+        [ct, i.value]
+      ]) : k.value === "date" ? oe((f(), w("input", {
         key: 4,
-        "onUpdate:modelValue": d[8] || (d[8] = (m) => i.value = m),
+        "onUpdate:modelValue": d[8] || (d[8] = (g) => i.value = g),
         type: "date",
         class: "filter-input",
-        onChange: d[9] || (d[9] = (m) => c(i.value))
+        onChange: d[9] || (d[9] = (g) => c(i.value))
       }, null, 544)), [
-        [ge, i.value]
-      ]) : M.value === "dateRange" ? (h(), w("div", un, [
-        te(V("input", {
-          "onUpdate:modelValue": d[10] || (d[10] = (m) => u.startValue = m),
+        [Ce, i.value]
+      ]) : k.value === "dateRange" ? (f(), w("div", hn, [
+        oe(T("input", {
+          "onUpdate:modelValue": d[10] || (d[10] = (g) => u.startValue = g),
           type: "date",
           class: "filter-input",
-          onChange: d[11] || (d[11] = (m) => v("start", u.startValue))
+          onChange: d[11] || (d[11] = (g) => v("start", u.startValue))
         }, null, 544), [
-          [ge, u.startValue]
+          [Ce, u.startValue]
         ]),
-        d[16] || (d[16] = V("span", { class: "date-separator" }, "-", -1)),
-        te(V("input", {
-          "onUpdate:modelValue": d[12] || (d[12] = (m) => u.endValue = m),
+        d[16] || (d[16] = T("span", { class: "date-separator" }, "-", -1)),
+        oe(T("input", {
+          "onUpdate:modelValue": d[12] || (d[12] = (g) => u.endValue = g),
           type: "date",
           class: "filter-input",
-          onChange: d[13] || (d[13] = (m) => v("end", u.endValue))
+          onChange: d[13] || (d[13] = (g) => v("end", u.endValue))
         }, null, 544), [
-          [ge, u.endValue]
+          [Ce, u.endValue]
         ])
-      ])) : M.value === "component" && e.column.filterComponent ? (h(), oe(me(e.column.filterComponent), {
+      ])) : k.value === "component" && e.column.filterComponent ? (f(), te(we(e.column.filterComponent), {
         key: 6,
         value: i.value,
         column: e.column,
         "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": d[14] || (d[14] = (m) => c(m))
+        "onUpdate:value": d[14] || (d[14] = (g) => c(g))
       }, null, 40, ["value", "column", "col-index", "store"])) : G("", !0),
-      l.value ? (h(), w("button", {
+      l.value ? (f(), w("button", {
         key: 7,
         class: "clear-btn",
         title: "Clear",
@@ -1324,113 +1343,113 @@ const yt = (e) => {
       }, "×")) : G("", !0)
     ]));
   }
-}), fn = /* @__PURE__ */ he(vn, [["__scopeId", "data-v-a0263c77"]]), hn = { key: 0 }, gn = {
+}), mn = /* @__PURE__ */ be(gn, [["__scopeId", "data-v-a0263c77"]]), wn = { key: 0 }, xn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, mn = {
+}, bn = {
   key: 2,
   class: "row-actions-header"
-}, wn = ["data-colindex", "onClick"], xn = {
+}, yn = ["data-colindex", "onClick"], Cn = {
   key: 3,
   class: "row-actions-header"
-}, bn = {
+}, pn = {
   key: 0,
   class: "atable-filters-row"
-}, yn = {
+}, kn = {
   key: 2,
   class: "row-actions-header"
-}, Cn = {
+}, Mn = {
   key: 3,
   class: "row-actions-header"
-}, et = /* @__PURE__ */ ce({
+}, ot = /* @__PURE__ */ ve({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const k = B(() => e.columns.filter((l) => l.filterable)), i = B(() => e.store.config.rowActions?.enabled ?? !1), u = B(() => e.store.config.rowActions?.position ?? "before-index"), M = (l) => e.store.sortByColumn(l), s = (l) => {
+    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);
       }
     };
-    return (l, c) => e.columns.length ? (h(), w("thead", hn, [
-      V("tr", gn, [
-        i.value && u.value === "before-index" ? (h(), w("th", {
+    return (l, c) => e.columns.length ? (f(), w("thead", wn, [
+      T("tr", xn, [
+        i.value && u.value === "before-index" ? (f(), w("th", {
           key: 0,
-          class: J(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
         }, null, 2)) : G("", !0),
-        e.store.zeroColumn ? (h(), w("th", {
+        e.store.zeroColumn ? (f(), w("th", {
           key: 1,
           id: "header-index",
-          class: J([[
+          class: Q([[
             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" ? (h(), w("th", mn)) : G("", !0),
-        (h(!0), w(ae, null, re(e.columns, (v, n) => te((h(), w("th", {
+        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,
           "data-colindex": n,
           tabindex: "-1",
-          style: se(e.store.getHeaderCellStyle(v)),
-          class: J(`${v.pinned ? "sticky-column" : ""} ${v.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (C) => v.sortable !== !1 ? M(n) : void 0
+          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
         }, [
-          le(l.$slots, "default", {}, () => [
-            it(ie(v.label || String.fromCharCode(n + 97).toUpperCase()), 1)
+          se(l.$slots, "default", {}, () => [
+            dt(de(v.label || String.fromCharCode(n + 97).toUpperCase()), 1)
           ])
-        ], 14, wn)), [
-          [A(ht), s]
+        ], 14, yn)), [
+          [Z(wt), a]
         ])), 128)),
-        i.value && u.value === "end" ? (h(), w("th", xn)) : G("", !0)
+        i.value && u.value === "end" ? (f(), w("th", Cn)) : G("", !0)
       ]),
-      k.value.length > 0 ? (h(), w("tr", bn, [
-        i.value && u.value === "before-index" ? (h(), w("th", {
+      p.value.length > 0 ? (f(), w("tr", pn, [
+        i.value && u.value === "before-index" ? (f(), w("th", {
           key: 0,
-          class: J(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
         }, null, 2)) : G("", !0),
-        e.store.zeroColumn ? (h(), w("th", {
+        e.store.zeroColumn ? (f(), w("th", {
           key: 1,
-          class: J([[
+          class: Q([[
             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" ? (h(), w("th", yn)) : G("", !0),
-        (h(!0), w(ae, null, re(e.columns, (v, n) => (h(), w("th", {
+        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: J(`${v.pinned ? "sticky-column" : ""}`),
-          style: se(e.store.getHeaderCellStyle(v))
+          class: Q(`${v.pinned ? "sticky-column" : ""}`),
+          style: re(e.store.getHeaderCellStyle(v))
         }, [
-          v.filterable ? (h(), oe(fn, {
+          v.filterable ? (f(), te(mn, {
             key: 0,
             column: v,
             "col-index": n,
             store: e.store
           }, null, 8, ["column", "col-index", "store"])) : G("", !0)
         ], 6))), 128)),
-        i.value && u.value === "end" ? (h(), w("th", Cn)) : G("", !0)
+        i.value && u.value === "end" ? (f(), w("th", Mn)) : G("", !0)
       ])) : G("", !0)
     ])) : G("", !0);
   }
-}), tt = /* @__PURE__ */ ce({
+}), lt = /* @__PURE__ */ ve({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const k = ne("amodal"), { width: i, height: u } = ve(k), M = B(() => {
+    const p = le("amodal"), { width: i, height: u } = me(p), k = D(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
-      const s = e.store.modal.cell?.closest("table");
-      if (!s) return {};
-      const l = s.offsetHeight || 0, c = s.offsetWidth || 0;
+      const 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 = s.querySelector("thead")?.offsetHeight || 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), {
@@ -1438,39 +1457,39 @@ const yt = (e) => {
         top: `${v}px`
       };
     });
-    return (s, l) => (h(), w("div", {
+    return (a, l) => (f(), w("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: se(M.value),
-      onClick: l[0] || (l[0] = fe(() => {
+      style: re(k.value),
+      onClick: l[0] || (l[0] = xe(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = fe(() => {
+      onInput: l[1] || (l[1] = xe(() => {
       }, ["stop"]))
     }, [
-      le(s.$slots, "default")
+      se(a.$slots, "default")
     ], 36));
   }
 });
-function pn(e) {
-  return e.filter((k) => !k.hidden && k.component).map(({ fieldname: k, hidden: i, ...u }) => {
-    const M = Object.assign({ name: k }, u);
-    return u.doctype && !u.cellComponent && (M.linkDoctype = u.doctype, u.format || (M.format = (s) => {
-      if (s == null) return "";
-      if (typeof s == "object") {
-        const l = s.displayText ?? s.id ?? "";
+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 ?? "";
         return typeof l == "string" || typeof l == "number" ? String(l) : "";
       }
-      return String(s);
-    })), Re(u.component) === "quantity" && !u.format && (M.format = Je), Re(u.component) === "currency" && !u.format && (M.format = Qe), M;
+      return String(a);
+    })), Ae(u.component) === "quantity" && !u.format && (k.format = _e), Ae(u.component) === "currency" && !u.format && (k.format = et), k;
   });
 }
-const kn = {
+const $n = {
   class: "atable-container",
   style: { position: "relative" }
-}, Mn = /* @__PURE__ */ ce({
+}, In = /* @__PURE__ */ ve({
   __name: "ATable",
-  props: /* @__PURE__ */ Ue({
+  props: /* @__PURE__ */ Ye({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
@@ -1481,139 +1500,139 @@ const kn = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ue(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
-  setup(e, { expose: k, emit: i }) {
-    const u = Xe(e, "rows"), M = Xe(e, "columns"), s = i, l = ne("table"), c = M.value?.length ? M.value : pn(e.schema ?? []), v = rt("aformLinkResolver", null), n = yt({
+  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,
       id: e.id,
       config: e.config,
       linkResolver: e.linkResolver ?? v
     });
-    n.$onAction(({ name: a, store: f, args: x, after: y }) => {
-      if (a === "setCellData" || a === "setCellText") {
-        const [g, T, O] = x, p = f.getCellData(g, T);
+    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], s("cellUpdate", { colIndex: g, rowIndex: T, newValue: O, oldValue: p });
+          u.value = [...n.rows], a("cellUpdate", { colIndex: m, rowIndex: B, newValue: L, oldValue: z });
         });
-      } else if (a === "updateGanttBar") {
-        const [g] = x;
-        let T = !1;
-        g.type === "resize" ? T = g.oldColspan !== g.newColspan : g.type === "bar" && (T = g.oldStart !== g.newStart || g.oldEnd !== g.newEnd), T && y(() => {
-          s("gantt:drag", g);
+      } 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 a === "resizeColumn" && y(() => {
-        M.value = [...n.columns], s("columns:update", [...n.columns]);
+      } else s === "resizeColumn" && y(() => {
+        k.value = [...n.columns], a("columns:update", [...n.columns]);
       });
-    }), Ge(
+    }), We(
       () => u.value,
-      (a) => {
-        JSON.stringify(a) !== JSON.stringify(n.rows) && (n.rows = [...a]);
+      (s) => {
+        JSON.stringify(s) !== JSON.stringify(n.rows) && (n.rows = [...s]);
       },
       { deep: !0 }
-    ), Ge(
-      M,
-      (a) => {
-        a && JSON.stringify(a) !== JSON.stringify(n.columns) && (n.columns = [...a], s("columns:update", [...a]));
+    ), We(
+      k,
+      (s) => {
+        s && JSON.stringify(s) !== JSON.stringify(n.columns) && (n.columns = [...s], a("columns:update", [...s]));
       },
       { deep: !0 }
     ), Ne(() => {
-      M.value?.some((a) => a.pinned) && (d(), n.isTreeView && vt(l, d, { childList: !0, subtree: !0 }));
+      k.value?.some((s) => s.pinned) && (d(), n.isTreeView && gt(l, d, { childList: !0, subtree: !0 }));
     });
-    const C = B(() => n.columns.filter((a) => a.pinned).length), d = () => {
-      const a = l.value, f = a?.rows[0], x = a?.rows[1], y = f ? Array.from(f.cells) : [];
-      for (const [g, T] of y.entries()) {
-        const O = x?.cells[g];
-        O && (T.style.width = `${O.offsetWidth}px`);
+    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`);
       }
-      for (const g of a?.rows || []) {
-        let T = 0;
-        const O = [];
-        for (const p of g.cells)
-          (p.classList.contains("sticky-column") || p.classList.contains("sticky-index")) && (p.style.left = `${T}px`, T += p.offsetWidth, O.push(p));
-        O.length > 0 && O[O.length - 1].classList.add("sticky-column-edge");
+      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");
       }
     };
-    window.addEventListener("keydown", (a) => {
-      if (a.key === "Escape" && n.modal.visible) {
+    window.addEventListener("keydown", (s) => {
+      if (s.key === "Escape" && n.modal.visible) {
         n.modal.visible = !1;
-        const f = n.modal.parent;
-        f && Ye().then(() => f.focus());
+        const h = n.modal.parent;
+        h && Qe().then(() => h.focus());
       }
     });
-    const m = (a) => {
-      if (!a.gantt || C.value === 0)
+    const g = (s) => {
+      if (!s.gantt || C.value === 0)
         return n.columns;
-      const f = [];
+      const h = [];
       for (let x = 0; x < C.value; x++) {
         const y = { ...n.columns[x] };
-        y.originalIndex = x, f.push(y);
+        y.originalIndex = x, h.push(y);
       }
-      return f.push({
+      return h.push({
         ...n.columns[C.value],
         isGantt: !0,
-        colspan: a.gantt?.colspan || n.columns.length - C.value,
+        colspan: s.gantt?.colspan || n.columns.length - C.value,
         originalIndex: C.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), f;
-    }, U = (a) => {
-      s("connection:event", { type: "create", connection: a });
-    }, W = (a) => {
-      s("connection:event", { type: "delete", connection: a });
-    }, b = (a, f) => {
-      const x = n.rows[a];
-      s("row:click", { row: x, rowIndex: a, event: f });
-    }, $ = (a, f, x) => {
-      switch (a) {
+      }), 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) {
         case "add": {
-          const y = n.addRow({}, f + 1), g = n.rows[y];
-          u.value = [...n.rows], s("row:add", { rowIndex: y, row: g });
+          const y = n.addRow({}, h + 1), m = n.rows[y];
+          u.value = [...n.rows], a("row:add", { rowIndex: y, row: m });
           break;
         }
         case "delete": {
-          const y = n.deleteRow(f);
-          y && (u.value = [...n.rows], s("row:delete", { rowIndex: f, row: y }));
+          const y = n.deleteRow(h);
+          y && (u.value = [...n.rows], a("row:delete", { rowIndex: h, row: y }));
           break;
         }
         case "duplicate": {
-          const y = n.duplicateRow(f);
+          const y = n.duplicateRow(h);
           if (y >= 0) {
-            const g = n.rows[y];
-            u.value = [...n.rows], s("row:duplicate", { sourceIndex: f, newIndex: y, row: g });
+            const m = n.rows[y];
+            u.value = [...n.rows], a("row:duplicate", { sourceIndex: h, newIndex: y, row: m });
           }
           break;
         }
         case "insertAbove": {
-          const y = n.insertRowAbove(f), g = n.rows[y];
-          u.value = [...n.rows], s("row:insert-above", { targetIndex: f, newIndex: y, row: g });
+          const y = n.insertRowAbove(h), m = n.rows[y];
+          u.value = [...n.rows], a("row:insert-above", { targetIndex: h, newIndex: y, row: m });
           break;
         }
         case "insertBelow": {
-          const y = n.insertRowBelow(f), g = n.rows[y];
-          u.value = [...n.rows], s("row:insert-below", { targetIndex: f, newIndex: y, row: g });
+          const y = n.insertRowBelow(h), m = n.rows[y];
+          u.value = [...n.rows], a("row:insert-below", { targetIndex: h, newIndex: y, row: m });
           break;
         }
         case "move": {
-          s("row:move", { fromIndex: f, toIndex: -1 });
+          a("row:move", { fromIndex: h, toIndex: -1 });
           break;
         }
         case "moveUp": {
-          f > 0 && n.moveRow(f, f - 1) && (u.value = [...n.rows], s("row:move", { fromIndex: f, toIndex: f - 1 }));
+          h > 0 && n.moveRow(h, h - 1) && (u.value = [...n.rows], a("row:move", { fromIndex: h, toIndex: h - 1 }));
           break;
         }
         case "moveDown": {
-          f < n.rows.length - 1 && n.moveRow(f, f + 1) && (u.value = [...n.rows], s("row:move", { fromIndex: f, toIndex: f + 1 }));
+          h < n.rows.length - 1 && n.moveRow(h, h + 1) && (u.value = [...n.rows], a("row:move", { fromIndex: h, toIndex: h + 1 }));
           break;
         }
         case "open": {
-          const y = n.rows[f];
-          s("row:open", { row: y, rowIndex: f, event: x });
+          const y = n.rows[h];
+          a("row:open", { row: y, rowIndex: h, event: x });
           break;
         }
       }
     };
-    return k({
+    return p({
       store: n,
       createConnection: n.createConnection,
       deleteConnection: n.deleteConnection,
@@ -1626,60 +1645,60 @@ const kn = {
       insertRowAbove: n.insertRowAbove,
       insertRowBelow: n.insertRowBelow,
       moveRow: n.moveRow
-    }), (a, f) => (h(), w("div", kn, [
-      te((h(), w("table", {
+    }), (s, h) => (f(), w("div", $n, [
+      oe((f(), w("table", {
         ref: "table",
         class: "atable",
-        style: se({
-          width: A(n).config.fullWidth ? "100%" : "auto"
+        style: re({
+          width: Z(n).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        le(a.$slots, "header", { data: A(n) }, () => [
-          We(et, {
-            columns: A(n).columns,
-            store: A(n)
+        se(s.$slots, "header", { data: Z(n) }, () => [
+          je(ot, {
+            columns: Z(n).columns,
+            store: Z(n)
           }, null, 8, ["columns", "store"])
         ], !0),
-        V("tbody", null, [
-          le(a.$slots, "body", { data: A(n) }, () => [
-            (h(!0), w(ae, null, re(A(n).filteredRows, (x, y) => (h(), oe(_e, {
+        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: A(n),
-              "onRow:action": $,
+              store: Z(n),
+              "onRow:action": R,
               "onRow:click": b
             }, {
-              default: je(() => [
-                (h(!0), w(ae, null, re(m(x), (g, T) => (h(), w(ae, {
-                  key: g.name
+              default: Ue(() => [
+                (f(!0), w(ie, null, ue(g(x), (m, B) => (f(), w(ie, {
+                  key: m.name
                 }, [
-                  g.isGantt ? (h(), oe(me(g.ganttComponent || "AGanttCell"), {
+                  m.isGantt ? (f(), te(we(m.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: A(n),
-                    "columns-count": A(n).columns.length - C.value,
+                    store: Z(n),
+                    "columns-count": Z(n).columns.length - C.value,
                     color: x.gantt?.color,
                     start: x.gantt?.startIndex,
                     end: x.gantt?.endIndex,
-                    colspan: g.colspan,
-                    pinned: g.pinned,
+                    colspan: m.colspan,
+                    pinned: m.pinned,
                     "row-index": x.originalIndex,
-                    "col-index": g.originalIndex ?? T,
-                    style: se({
-                      textAlign: g?.align || "center",
-                      minWidth: g?.width || "40ch",
-                      width: A(n).config.fullWidth ? "auto" : null
+                    "col-index": m.originalIndex ?? B,
+                    style: re({
+                      textAlign: m?.align || "center",
+                      minWidth: m?.width || "40ch",
+                      width: Z(n).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": U
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (h(), oe(me(g.cellComponent || "ACell"), {
+                    "onConnection:create": W
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (f(), te(we(m.cellComponent || "ACell"), {
                     key: 1,
-                    store: A(n),
-                    pinned: g.pinned,
+                    store: Z(n),
+                    pinned: m.pinned,
                     "row-index": x.originalIndex,
-                    "col-index": T,
-                    style: se({
-                      textAlign: g?.align || "center",
-                      width: A(n).config.fullWidth ? "auto" : null
+                    "col-index": B,
+                    style: re({
+                      textAlign: m?.align || "center",
+                      width: Z(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
@@ -1689,74 +1708,74 @@ const kn = {
             }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        le(a.$slots, "footer", { data: A(n) }, void 0, !0),
-        le(a.$slots, "modal", { data: A(n) }, () => [
-          te(We(tt, { store: A(n) }, {
-            default: je(() => [
-              (h(), oe(me(A(n).modal.component), Oe({
-                key: `${A(n).modal.rowIndex}:${A(n).modal.colIndex}`,
-                "col-index": A(n).modal.colIndex,
-                "row-index": A(n).modal.rowIndex,
-                store: A(n)
-              }, A(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+        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"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [Le, A(n).modal.visible]
+            [Le, Z(n).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [A(gt), A(n).closeModal]
+        [Z(xt), Z(n).closeModal]
       ]),
-      A(n).isGanttView && A(n).isDependencyGraphEnabled ? (h(), oe(sn, {
+      Z(n).isGanttView && Z(n).isDependencyGraphEnabled ? (f(), te(dn, {
         key: 0,
-        store: A(n),
-        "onConnection:delete": W
+        store: Z(n),
+        "onConnection:delete": j
       }, null, 8, ["store"])) : G("", !0)
     ]));
   }
-}), Rn = /* @__PURE__ */ he(Mn, [["__scopeId", "data-v-4bfbbeab"]]), $n = {}, In = { class: "aloading" }, Sn = { class: "aloading-header" };
-function Dn(e, k) {
-  return h(), w("div", In, [
-    V("h2", Sn, [
-      le(e.$slots, "default", {}, void 0, !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)
     ]),
-    k[0] || (k[0] = V("div", { class: "aloading-bar" }, null, -1))
+    p[0] || (p[0] = T("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const An = /* @__PURE__ */ he($n, [["render", Dn], ["__scopeId", "data-v-a930a25b"]]), Hn = {}, Bn = { class: "aloading" }, Zn = { class: "aloading-header" };
-function Tn(e, k) {
-  return h(), w("div", Bn, [
-    V("h2", Zn, [
-      le(e.$slots, "default", {}, void 0, !0)
+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)
     ]),
-    k[0] || (k[0] = V("div", { class: "aloading-bar" }, null, -1))
+    p[0] || (p[0] = T("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Vn = /* @__PURE__ */ he(Hn, [["render", Tn], ["__scopeId", "data-v-e1165876"]]);
-function jn(e) {
-  e.component("ACell", Mt), e.component("AGanttCell", Ht), e.component("ARow", _e), e.component("ARowActions", Me), e.component("ATable", Rn), e.component("ATableHeader", et), e.component("ATableLoading", An), e.component("ATableLoadingBar", Vn), e.component("ATableModal", tt);
+const 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);
 }
 export {
-  Mt as ACell,
-  Ht as AGanttCell,
-  _e as ARow,
-  Me as ARowActions,
-  Rn as ATable,
-  et as ATableHeader,
-  An as ATableLoading,
-  Vn as ATableLoadingBar,
-  tt as ATableModal,
-  Bt as AddIcon,
-  Zt as DeleteIcon,
-  Tt as DuplicateIcon,
-  Vt as InsertAboveIcon,
-  Et as InsertBelowIcon,
-  Nt as MoveIcon,
-  Ot as OpenIcon,
-  Pt as actionIcons,
-  yt as createTableStore,
-  jn as install,
-  pn as schemaToColumns
+  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
 };
 //# sourceMappingURL=atable.js.map