@stonecrop/atable 0.16.0 → 0.16.2

package/dist/atable.js

@@ -1,111 +1,111 @@
-import { onMounted as Ie, ref as W, watch as ce, onBeforeUnmount as Nt, computed as T, shallowRef as re, toValue as H, watchEffect as Ft, getCurrentScope as Et, onScopeDispose as Tt, getCurrentInstance as lt, unref as P, nextTick as at, isRef as Wt, toRefs as zt, customRef as St, toRef as Xt, readonly as Gt, defineComponent as Ce, useTemplateRef as de, openBlock as b, createElementBlock as R, normalizeClass as ae, normalizeStyle as pe, createBlock as ve, resolveDynamicComponent as Ne, mergeProps as st, toDisplayString as ye, useCssVars as Ut, onUnmounted as jt, createElementVNode as z, withModifiers as $e, createCommentVNode as _, withDirectives as ue, Fragment as me, renderList as be, vShow as it, renderSlot as he, reactive as Yt, vModelText as Ze, vModelCheckbox as Jt, vModelSelect as qt, createTextVNode as Qt, useModel as gt, inject as Kt, createVNode as wt, withCtx as pt, mergeModels as xt } from "vue";
-import { defineStore as _t } from "pinia";
-import './assets/index.css';function $t(e, t) {
-  return Et() ? (Tt(e, t), !0) : !1;
+import { onMounted as Ie, ref as W, watch as ce, onBeforeUnmount as Wt, computed as S, shallowRef as re, toValue as H, watchEffect as zt, getCurrentScope as St, onScopeDispose as $t, getCurrentInstance as at, unref as P, nextTick as st, isRef as Xt, toRefs as Gt, customRef as It, toRef as jt, readonly as Ut, defineComponent as Ce, useTemplateRef as de, openBlock as b, createElementBlock as R, normalizeClass as ae, normalizeStyle as pe, createBlock as ve, resolveDynamicComponent as Ne, mergeProps as it, toDisplayString as ye, useCssVars as Yt, onUnmounted as qt, createElementVNode as z, withModifiers as $e, createCommentVNode as _, withDirectives as ue, Fragment as me, renderList as be, vShow as rt, renderSlot as he, reactive as Jt, vModelText as Ze, vModelCheckbox as Qt, vModelSelect as Kt, createTextVNode as _t, useModel as pt, inject as en, createVNode as xt, withCtx as yt, mergeModels as bt } from "vue";
+import { defineStore as tn } from "pinia";
+import './assets/index.css';function At(e, t) {
+  return St() ? ($t(e, t), !0) : !1;
 }
-const en = typeof window < "u" && typeof document < "u";
+const nn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const tn = (e) => e != null, nn = Object.prototype.toString, on = (e) => nn.call(e) === "[object Object]", ln = () => {
+const on = (e) => e != null, ln = Object.prototype.toString, an = (e) => ln.call(e) === "[object Object]", sn = () => {
 };
-function Ue(e) {
+function je(e) {
   return Array.isArray(e) ? e : [e];
 }
-function an(e, t, n) {
+function rn(e, t, n) {
   return ce(e, t, {
     ...n,
     immediate: !0
   });
 }
-const De = en ? window : void 0;
+const De = nn ? window : void 0;
 function Le(e) {
   var t;
   const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Fe(...e) {
-  const t = (l, u, o, a) => (l.addEventListener(u, o, a), () => l.removeEventListener(u, o, a)), n = T(() => {
-    const l = Ue(H(e[0])).filter((u) => u != null);
-    return l.every((u) => typeof u != "string") ? l : void 0;
+  const t = (o, u, l, a) => (o.addEventListener(u, l, a), () => o.removeEventListener(u, l, a)), n = S(() => {
+    const o = je(H(e[0])).filter((u) => u != null);
+    return o.every((u) => typeof u != "string") ? o : void 0;
   });
-  return an(() => {
-    var l, u;
+  return rn(() => {
+    var o, u;
     return [
-      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((o) => Le(o))) !== null && l !== void 0 ? l : [De].filter((o) => o != null),
-      Ue(H(n.value ? e[1] : e[0])),
-      Ue(P(n.value ? e[2] : e[1])),
+      (o = (u = n.value) === null || u === void 0 ? void 0 : u.map((l) => Le(l))) !== null && o !== void 0 ? o : [De].filter((l) => l != null),
+      je(H(n.value ? e[1] : e[0])),
+      je(P(n.value ? e[2] : e[1])),
       H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, o, a], c, r) => {
-    if (!l?.length || !u?.length || !o?.length) return;
-    const s = on(a) ? { ...a } : a, h = l.flatMap((f) => u.flatMap((w) => o.map((L) => t(f, w, L, s))));
+  }, ([o, u, l, a], c, r) => {
+    if (!o?.length || !u?.length || !l?.length) return;
+    const s = an(a) ? { ...a } : a, h = o.flatMap((f) => u.flatMap((w) => l.map((L) => t(f, w, L, s))));
     r(() => {
       h.forEach((f) => f());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function sn() {
-  const e = re(!1), t = lt();
+function cn() {
+  const e = re(!1), t = at();
   return t && Ie(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function rn(e) {
-  const t = /* @__PURE__ */ sn();
-  return T(() => (t.value, !!e()));
+function un(e) {
+  const t = /* @__PURE__ */ cn();
+  return S(() => (t.value, !!e()));
 }
-function cn(e, t, n = {}) {
-  const { window: l = De, ...u } = n;
-  let o;
-  const a = /* @__PURE__ */ rn(() => l && "MutationObserver" in l), c = () => {
-    o && (o.disconnect(), o = void 0);
-  }, r = ce(T(() => {
-    const f = Ue(H(e)).map(Le).filter(tn);
+function dn(e, t, n = {}) {
+  const { window: o = De, ...u } = n;
+  let l;
+  const a = /* @__PURE__ */ un(() => o && "MutationObserver" in o), c = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(S(() => {
+    const f = je(H(e)).map(Le).filter(on);
     return new Set(f);
   }), (f) => {
-    c(), a.value && f.size && (o = new MutationObserver(t), f.forEach((w) => o.observe(w, u)));
+    c(), a.value && f.size && (l = new MutationObserver(t), f.forEach((w) => l.observe(w, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => o?.takeRecords(), h = () => {
+  }), s = () => l?.takeRecords(), h = () => {
     r(), c();
   };
-  return $t(h), {
+  return At(h), {
     isSupported: a,
     stop: h,
     takeRecords: s
   };
 }
-function un(e, t, n = {}) {
-  const { window: l = De, document: u = l?.document, flush: o = "sync" } = n;
-  if (!l || !u) return ln;
+function fn(e, t, n = {}) {
+  const { window: o = De, document: u = o?.document, flush: l = "sync" } = n;
+  if (!o || !u) return sn;
   let a;
   const c = (h) => {
     a?.(), a = h;
-  }, r = Ft(() => {
+  }, r = zt(() => {
     const h = Le(e);
     if (h) {
-      const { stop: f } = cn(u, (w) => {
+      const { stop: f } = dn(u, (w) => {
         w.map((L) => [...L.removedNodes]).flat().some((L) => L === h || L.contains(h)) && t(w);
       }, {
-        window: l,
+        window: o,
         childList: !0,
         subtree: !0
       });
       c(f);
     }
-  }, { flush: o }), s = () => {
+  }, { flush: l }), s = () => {
     r(), c();
   };
-  return $t(s), s;
+  return At(s), s;
 }
 // @__NO_SIDE_EFFECTS__
-function dn(e = {}) {
+function vn(e = {}) {
   var t;
-  const { window: n = De, deep: l = !0, triggerOnRemoval: u = !1 } = e, o = (t = e.document) !== null && t !== void 0 ? t : n?.document, a = () => {
-    let s = o?.activeElement;
-    if (l)
+  const { window: n = De, deep: o = !0, triggerOnRemoval: u = !1 } = e, l = (t = e.document) !== null && t !== void 0 ? t : n?.document, a = () => {
+    let s = l?.activeElement;
+    if (o)
       for (var h; s?.shadowRoot; ) s = s == null || (h = s.shadowRoot) === null || h === void 0 ? void 0 : h.activeElement;
     return s;
   }, c = re(), r = () => {
@@ -120,27 +120,27 @@ function dn(e = {}) {
       h.relatedTarget === null && r();
     }, s), Fe(n, "focus", r, s);
   }
-  return u && un(c, r, { document: o }), r(), c;
+  return u && fn(c, r, { document: l }), r(), c;
 }
-const fn = "focusin", vn = "focusout", hn = ":focus-within";
-function mn(e, t = {}) {
-  const { window: n = De } = t, l = T(() => Le(e)), u = re(!1), o = T(() => u.value);
-  if (!n || !(/* @__PURE__ */ dn(t)).value) return { focused: o };
+const hn = "focusin", mn = "focusout", gn = ":focus-within";
+function wn(e, t = {}) {
+  const { window: n = De } = t, o = S(() => Le(e)), u = re(!1), l = S(() => u.value);
+  if (!n || !(/* @__PURE__ */ vn(t)).value) return { focused: l };
   const a = { passive: !0 };
-  return Fe(l, fn, () => u.value = !0, a), Fe(l, vn, () => {
+  return Fe(o, hn, () => u.value = !0, a), Fe(o, mn, () => {
     var c, r, s;
-    return u.value = (c = (r = l.value) === null || r === void 0 || (s = r.matches) === null || s === void 0 ? void 0 : s.call(r, hn)) !== null && c !== void 0 ? c : !1;
-  }, a), { focused: o };
+    return u.value = (c = (r = o.value) === null || r === void 0 || (s = r.matches) === null || s === void 0 ? void 0 : s.call(r, gn)) !== null && c !== void 0 ? c : !1;
+  }, a), { focused: l };
 }
-function gn(e, { window: t = De, scrollTarget: n } = {}) {
-  const l = W(!1), u = () => {
+function pn(e, { window: t = De, scrollTarget: n } = {}) {
+  const o = W(!1), u = () => {
     if (!t) return;
-    const o = t.document, a = Le(e);
+    const l = t.document, a = Le(e);
     if (!a)
-      l.value = !1;
+      o.value = !1;
     else {
       const c = a.getBoundingClientRect();
-      l.value = c.top <= (t.innerHeight || o.documentElement.clientHeight) && c.left <= (t.innerWidth || o.documentElement.clientWidth) && c.bottom >= 0 && c.right >= 0;
+      o.value = c.top <= (t.innerHeight || l.documentElement.clientHeight) && c.left <= (t.innerWidth || l.documentElement.clientWidth) && c.bottom >= 0 && c.right >= 0;
     }
   };
   return ce(
@@ -150,179 +150,179 @@ function gn(e, { window: t = De, scrollTarget: n } = {}) {
   ), t && Fe(n || t, "scroll", u, {
     capture: !1,
     passive: !0
-  }), l;
+  }), o;
 }
 const ke = (e) => {
-  let t = gn(e).value;
+  let t = pn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, Me = (e) => e.tabIndex >= 0, yt = (e) => {
+}, Me = (e) => e.tabIndex >= 0, Ct = (e) => {
   if (e.target instanceof HTMLElement)
-    return rt(e.target);
-}, rt = (e) => {
+    return ct(e.target);
+}, ct = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.previousElementSibling;
     if (n instanceof HTMLTableRowElement) {
-      const l = Array.from(n.children)[e.cellIndex];
-      l instanceof HTMLElement && (t = l);
+      const o = Array.from(n.children)[e.cellIndex];
+      o instanceof HTMLElement && (t = o);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const n = e.previousElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!Me(t) || !ke(t)) ? rt(t) : t;
-}, wn = (e) => {
+  return t && (!Me(t) || !ke(t)) ? ct(t) : t;
+}, xn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const l = t.parentElement?.parentElement;
-    if (l) {
-      const u = l.firstElementChild?.children[t.cellIndex];
+    const o = t.parentElement?.parentElement;
+    if (o) {
+      const u = o.firstElementChild?.children[t.cellIndex];
       u instanceof HTMLElement && (n = u);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const l = t.parentElement;
-    if (l) {
-      const u = l.firstElementChild;
+    const o = t.parentElement;
+    if (o) {
+      const u = o.firstElementChild;
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!Me(n) || !ke(n)) ? ct(n) : n;
-}, bt = (e) => {
+  return n && (!Me(n) || !ke(n)) ? ut(n) : n;
+}, kt = (e) => {
   if (e.target instanceof HTMLElement)
-    return ct(e.target);
-}, ct = (e) => {
+    return ut(e.target);
+}, ut = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.nextElementSibling;
     if (n) {
-      const l = Array.from(n.children)[e.cellIndex];
-      l instanceof HTMLElement && (t = l);
+      const o = Array.from(n.children)[e.cellIndex];
+      o instanceof HTMLElement && (t = o);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const n = e.nextElementSibling;
     n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!Me(t) || !ke(t)) ? ct(t) : t;
-}, pn = (e) => {
+  return t && (!Me(t) || !ke(t)) ? ut(t) : t;
+}, yn = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const l = t.parentElement?.parentElement;
-    if (l) {
-      const u = l.lastElementChild?.children[t.cellIndex];
+    const o = t.parentElement?.parentElement;
+    if (o) {
+      const u = o.lastElementChild?.children[t.cellIndex];
       u instanceof HTMLElement && (n = u);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const l = t.parentElement;
-    if (l) {
-      const u = l.lastElementChild;
+    const o = t.parentElement;
+    if (o) {
+      const u = o.lastElementChild;
       u instanceof HTMLTableRowElement && (n = u);
     }
   }
-  return n && (!Me(n) || !ke(n)) ? rt(n) : n;
-}, Ct = (e) => {
+  return n && (!Me(n) || !ke(n)) ? ct(n) : n;
+}, Mt = (e) => {
   if (e.target instanceof HTMLElement)
-    return ut(e.target);
-}, ut = (e) => {
+    return dt(e.target);
+}, dt = (e) => {
   let t;
   const n = e.previousElementSibling;
   if (n instanceof HTMLElement)
     t = n;
   else {
-    const l = e.parentElement?.previousElementSibling?.lastElementChild;
-    l instanceof HTMLElement && (t = l);
+    const o = e.parentElement?.previousElementSibling?.lastElementChild;
+    o instanceof HTMLElement && (t = o);
   }
-  return t && (!Me(t) || !ke(t)) ? ut(t) : t;
-}, kt = (e) => {
+  return t && (!Me(t) || !ke(t)) ? dt(t) : t;
+}, Rt = (e) => {
   if (e.target instanceof HTMLElement)
-    return dt(e.target);
-}, dt = (e) => {
+    return ft(e.target);
+}, ft = (e) => {
   let t;
   const n = e.nextElementSibling;
   if (n instanceof HTMLElement)
     t = n;
   else {
-    const l = e.parentElement?.nextElementSibling?.firstElementChild;
-    l instanceof HTMLElement && (t = l);
+    const o = e.parentElement?.nextElementSibling?.firstElementChild;
+    o instanceof HTMLElement && (t = o);
   }
-  return t && (!Me(t) || !ke(t)) ? dt(t) : t;
-}, Mt = (e) => {
+  return t && (!Me(t) || !ke(t)) ? ft(t) : t;
+}, Et = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.firstElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!Me(n) || !ke(n)) ? dt(n) : n;
-}, Rt = (e) => {
+  return n && (!Me(n) || !ke(n)) ? ft(n) : n;
+}, Tt = (e) => {
   if (!(e.target instanceof HTMLElement)) return;
   const t = e.target.parentElement?.lastElementChild, n = t instanceof HTMLElement ? t : null;
-  return n && (!Me(n) || !ke(n)) ? ut(n) : n;
-}, ze = ["alt", "control", "shift", "meta"], xn = {
+  return n && (!Me(n) || !ke(n)) ? dt(n) : n;
+}, ze = ["alt", "control", "shift", "meta"], bn = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Je = {
+}, qe = {
   "keydown.up": (e) => {
-    const t = yt(e);
+    const t = Ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = bt(e);
+    const t = kt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ct(e);
+    const t = Mt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = kt(e);
+    const t = Rt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = wn(e);
+    const t = xn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = pn(e);
+    const t = yn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Mt(e);
+    const t = Et(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Rt(e);
+    const t = Tt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Rt(e);
+    const t = Tt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLElement && e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = bt(e);
+      const t = kt(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLElement && e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = yt(e);
+      const t = Ct(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Mt(e);
+    const t = Et(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = kt(e);
+    const t = Rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ct(e);
+    const t = Mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
@@ -330,32 +330,32 @@ function Ke(e) {
   let t = null;
   return e.parent && (typeof e.parent == "string" ? t = document.querySelector(e.parent) : e.parent instanceof HTMLElement ? t = e.parent : t = e.parent.value), t;
 }
-function It(e) {
-  const t = (o) => {
-    const a = Ke(o);
+function Ht(e) {
+  const t = (l) => {
+    const a = Ke(l);
     let c = [];
-    if (typeof o.selectors == "string")
-      c = Array.from(a ? a.querySelectorAll(o.selectors) : document.querySelectorAll(o.selectors));
-    else if (Array.isArray(o.selectors))
-      for (const r of o.selectors)
+    if (typeof l.selectors == "string")
+      c = Array.from(a ? a.querySelectorAll(l.selectors) : document.querySelectorAll(l.selectors));
+    else if (Array.isArray(l.selectors))
+      for (const r of l.selectors)
         r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
-    else if (o.selectors instanceof HTMLElement)
-      c.push(o.selectors);
-    else if (o.selectors?.value)
-      if (Array.isArray(o.selectors.value))
-        for (const r of o.selectors.value)
+    else if (l.selectors instanceof HTMLElement)
+      c.push(l.selectors);
+    else if (l.selectors?.value)
+      if (Array.isArray(l.selectors.value))
+        for (const r of l.selectors.value)
           r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
       else
-        c.push(o.selectors.value);
+        c.push(l.selectors.value);
     return c;
-  }, n = (o) => {
-    const a = Ke(o);
+  }, n = (l) => {
+    const a = Ke(l);
     let c = [];
-    return o.selectors ? c = t(o) : a && (c = Array.from(a.children).filter((r) => r instanceof HTMLElement).filter((r) => Me(r) && ke(r))), c;
-  }, l = (o) => (a) => {
-    const c = xn[a.key] || a.key.toLowerCase();
+    return l.selectors ? c = t(l) : a && (c = Array.from(a.children).filter((r) => r instanceof HTMLElement).filter((r) => Me(r) && ke(r))), c;
+  }, o = (l) => (a) => {
+    const c = bn[a.key] || a.key.toLowerCase();
     if (ze.includes(c)) return;
-    const r = o.handlers || Je;
+    const r = l.handlers || qe;
     for (const s of Object.keys(r)) {
       const [h, ...f] = s.split(".");
       if (h === "keydown" && f.includes(c)) {
@@ -377,144 +377,144 @@ function It(e) {
     }
   }, u = [];
   Ie(() => {
-    for (const o of e) {
-      const a = Ke(o), c = n(o), r = l(o), s = a ? [a] : c;
+    for (const l of e) {
+      const a = Ke(l), c = n(l), r = o(l), s = a ? [a] : c;
       for (const h of s) {
-        const { focused: f } = mn(W(h)), w = ce(f, (L) => {
+        const { focused: f } = wn(W(h)), w = ce(f, (L) => {
           L ? h.addEventListener("keydown", r) : h.removeEventListener("keydown", r);
         });
         u.push(w);
       }
     }
-  }), Nt(() => {
-    for (const o of u)
-      o();
+  }), Wt(() => {
+    for (const l of u)
+      l();
   });
 }
-function ft(e, t) {
-  return Et() ? (Tt(e, t), !0) : !1;
+function vt(e, t) {
+  return St() ? ($t(e, t), !0) : !1;
 }
-const At = typeof window < "u" && typeof document < "u";
+const Lt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const yn = (e) => e != null, bn = Object.prototype.toString, Cn = (e) => bn.call(e) === "[object Object]", Se = () => {
+const Cn = (e) => e != null, kn = Object.prototype.toString, Mn = (e) => kn.call(e) === "[object Object]", Se = () => {
 };
-function kn(...e) {
-  if (e.length !== 1) return Xt(...e);
+function Rn(...e) {
+  if (e.length !== 1) return jt(...e);
   const t = e[0];
-  return typeof t == "function" ? Gt(St(() => ({
+  return typeof t == "function" ? Ut(It(() => ({
     get: t,
     set: Se
   }))) : W(t);
 }
-function Mn(e, t) {
-  function n(...l) {
-    return new Promise((u, o) => {
-      Promise.resolve(e(() => t.apply(this, l), {
+function En(e, t) {
+  function n(...o) {
+    return new Promise((u, l) => {
+      Promise.resolve(e(() => t.apply(this, o), {
         fn: t,
         thisArg: this,
-        args: l
-      })).then(u).catch(o);
+        args: o
+      })).then(u).catch(l);
     });
   }
   return n;
 }
-function Rn(e, t = {}) {
-  let n, l, u = Se;
-  const o = (r) => {
+function Tn(e, t = {}) {
+  let n, o, u = Se;
+  const l = (r) => {
     clearTimeout(r), u(), u = Se;
   };
   let a;
   return (r) => {
     const s = H(e), h = H(t.maxWait);
-    return n && o(n), s <= 0 || h !== void 0 && h <= 0 ? (l && (o(l), l = void 0), Promise.resolve(r())) : new Promise((f, w) => {
-      u = t.rejectOnCancel ? w : f, a = r, h && !l && (l = setTimeout(() => {
-        n && o(n), l = void 0, f(a());
+    return n && l(n), s <= 0 || h !== void 0 && h <= 0 ? (o && (l(o), o = void 0), Promise.resolve(r())) : new Promise((f, w) => {
+      u = t.rejectOnCancel ? w : f, a = r, h && !o && (o = setTimeout(() => {
+        n && l(n), o = void 0, f(a());
       }, h)), n = setTimeout(() => {
-        l && o(l), l = void 0, f(r());
+        o && l(o), o = void 0, f(r());
       }, s);
     });
   };
 }
-function je(e) {
+function Ue(e) {
   return Array.isArray(e) ? e : [e];
 }
-function En(e) {
-  return lt();
+function Sn(e) {
+  return at();
 }
 // @__NO_SIDE_EFFECTS__
-function Tn(e, t = 200, n = {}) {
-  return Mn(Rn(t, n), e);
+function $n(e, t = 200, n = {}) {
+  return En(Tn(t, n), e);
 }
-function Sn(e, t = {}) {
-  if (!Wt(e)) return zt(e);
+function In(e, t = {}) {
+  if (!Xt(e)) return Gt(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const l in e.value) n[l] = St(() => ({
+  for (const o in e.value) n[o] = It(() => ({
     get() {
-      return e.value[l];
+      return e.value[o];
     },
     set(u) {
-      var o;
-      if (!((o = H(t.replaceRef)) !== null && o !== void 0) || o) if (Array.isArray(e.value)) {
+      var l;
+      if (!((l = H(t.replaceRef)) !== null && l !== void 0) || l) if (Array.isArray(e.value)) {
         const a = [...e.value];
-        a[l] = u, e.value = a;
+        a[o] = u, e.value = a;
       } else {
         const a = {
           ...e.value,
-          [l]: u
+          [o]: u
         };
         Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
       }
-      else e.value[l] = u;
+      else e.value[o] = u;
     }
   }));
   return n;
 }
-function $n(e, t = !0, n) {
-  En() ? Ie(e, n) : t ? e() : at(e);
+function An(e, t = !0, n) {
+  Sn() ? Ie(e, n) : t ? e() : st(e);
 }
-function In(e, t, n) {
+function Hn(e, t, n) {
   return ce(e, t, {
     ...n,
     immediate: !0
   });
 }
-const We = At ? window : void 0;
+const We = Lt ? window : void 0;
 function we(e) {
   var t;
   const n = H(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Ee(...e) {
-  const t = (l, u, o, a) => (l.addEventListener(u, o, a), () => l.removeEventListener(u, o, a)), n = T(() => {
-    const l = je(H(e[0])).filter((u) => u != null);
-    return l.every((u) => typeof u != "string") ? l : void 0;
+  const t = (o, u, l, a) => (o.addEventListener(u, l, a), () => o.removeEventListener(u, l, a)), n = S(() => {
+    const o = Ue(H(e[0])).filter((u) => u != null);
+    return o.every((u) => typeof u != "string") ? o : void 0;
   });
-  return In(() => {
-    var l, u;
+  return Hn(() => {
+    var o, u;
     return [
-      (l = (u = n.value) === null || u === void 0 ? void 0 : u.map((o) => we(o))) !== null && l !== void 0 ? l : [We].filter((o) => o != null),
-      je(H(n.value ? e[1] : e[0])),
-      je(P(n.value ? e[2] : e[1])),
+      (o = (u = n.value) === null || u === void 0 ? void 0 : u.map((l) => we(l))) !== null && o !== void 0 ? o : [We].filter((l) => l != null),
+      Ue(H(n.value ? e[1] : e[0])),
+      Ue(P(n.value ? e[2] : e[1])),
       H(n.value ? e[3] : e[2])
     ];
-  }, ([l, u, o, a], c, r) => {
-    if (!l?.length || !u?.length || !o?.length) return;
-    const s = Cn(a) ? { ...a } : a, h = l.flatMap((f) => u.flatMap((w) => o.map((L) => t(f, w, L, s))));
+  }, ([o, u, l, a], c, r) => {
+    if (!o?.length || !u?.length || !l?.length) return;
+    const s = Mn(a) ? { ...a } : a, h = o.flatMap((f) => u.flatMap((w) => l.map((L) => t(f, w, L, s))));
     r(() => {
       h.forEach((f) => f());
     });
   }, { flush: "post" });
 }
 function ot(e, t, n = {}) {
-  const { window: l = We, ignore: u = [], capture: o = !0, detectIframe: a = !1, controls: c = !1 } = n;
-  if (!l) return c ? {
+  const { window: o = We, ignore: u = [], capture: l = !0, detectIframe: a = !1, controls: c = !1 } = n;
+  if (!o) return c ? {
     stop: Se,
     cancel: Se,
     trigger: Se
   } : Se;
   let r = !0;
   const s = (m) => H(u).some((v) => {
-    if (typeof v == "string") return Array.from(l.document.querySelectorAll(v)).some((g) => g === m.target || m.composedPath().includes(g));
+    if (typeof v == "string") return Array.from(o.document.querySelectorAll(v)).some((g) => g === m.target || m.composedPath().includes(g));
     {
       const g = we(v);
       return g && (m.target === g || m.composedPath().includes(g));
@@ -540,23 +540,23 @@ function ot(e, t, n = {}) {
   };
   let L = !1;
   const Z = [
-    Ee(l, "click", (m) => {
+    Ee(o, "click", (m) => {
       L || (L = !0, setTimeout(() => {
         L = !1;
       }, 0), w(m));
     }, {
       passive: !0,
-      capture: o
+      capture: l
     }),
-    Ee(l, "pointerdown", (m) => {
+    Ee(o, "pointerdown", (m) => {
       const v = we(e);
       r = !s(m) && !!(v && !m.composedPath().includes(v));
     }, { passive: !0 }),
-    a && Ee(l, "blur", (m) => {
+    a && Ee(o, "blur", (m) => {
       setTimeout(() => {
         var v;
         const g = we(e);
-        ((v = l.document.activeElement) === null || v === void 0 ? void 0 : v.tagName) === "IFRAME" && !g?.contains(l.document.activeElement) && t(m);
+        ((v = o.document.activeElement) === null || v === void 0 ? void 0 : v.tagName) === "IFRAME" && !g?.contains(o.document.activeElement) && t(m);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), y = () => Z.forEach((m) => m());
@@ -571,34 +571,34 @@ function ot(e, t, n = {}) {
   } : y;
 }
 // @__NO_SIDE_EFFECTS__
-function An() {
-  const e = re(!1), t = lt();
+function Ln() {
+  const e = re(!1), t = at();
   return t && Ie(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Ht(e) {
-  const t = /* @__PURE__ */ An();
-  return T(() => (t.value, !!e()));
+function Dt(e) {
+  const t = /* @__PURE__ */ Ln();
+  return S(() => (t.value, !!e()));
 }
-function Lt(e, t, n = {}) {
-  const { window: l = We, ...u } = n;
-  let o;
-  const a = /* @__PURE__ */ Ht(() => l && "MutationObserver" in l), c = () => {
-    o && (o.disconnect(), o = void 0);
-  }, r = ce(T(() => {
-    const f = je(H(e)).map(we).filter(yn);
+function Ot(e, t, n = {}) {
+  const { window: o = We, ...u } = n;
+  let l;
+  const a = /* @__PURE__ */ Dt(() => o && "MutationObserver" in o), c = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(S(() => {
+    const f = Ue(H(e)).map(we).filter(Cn);
     return new Set(f);
   }), (f) => {
-    c(), a.value && f.size && (o = new MutationObserver(t), f.forEach((w) => o.observe(w, u)));
+    c(), a.value && f.size && (l = new MutationObserver(t), f.forEach((w) => l.observe(w, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => o?.takeRecords(), h = () => {
+  }), s = () => l?.takeRecords(), h = () => {
     r(), c();
   };
-  return ft(h), {
+  return vt(h), {
     isSupported: a,
     stop: h,
     takeRecords: s
@@ -609,24 +609,24 @@ const Xe = {
   margin: 30,
   direction: "both"
 };
-function Hn(e) {
+function Dn(e) {
   e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
 }
 function _e(e, t = {}) {
-  var n, l, u, o;
+  var n, o, u, l;
   const { pointerTypes: a, preventDefault: c, stopPropagation: r, exact: s, onMove: h, onEnd: f, onStart: w, initialValue: L, axis: Z = "both", draggingElement: y = We, containerElement: m, handle: v = e, buttons: g = [0], restrictInView: k, autoScroll: C = !1 } = t, x = W((n = H(L)) !== null && n !== void 0 ? n : {
     x: 0,
     y: 0
   }), I = W(), X = (E) => a ? a.includes(E.pointerType) : !0, M = (E) => {
     H(c) && E.preventDefault(), H(r) && E.stopPropagation();
-  }, V = H(C), N = typeof V == "object" ? {
-    speed: (l = H(V.speed)) !== null && l !== void 0 ? l : Xe.speed,
-    margin: (u = H(V.margin)) !== null && u !== void 0 ? u : Xe.margin,
-    direction: (o = V.direction) !== null && o !== void 0 ? o : Xe.direction
-  } : Xe, q = (E) => typeof E == "number" ? [E, E] : [E.x, E.y], ee = (E, D, F) => {
-    const { clientWidth: Q, clientHeight: G, scrollLeft: oe, scrollTop: xe, scrollWidth: Re, scrollHeight: $ } = E, [B, j] = q(N.margin), [U, K] = q(N.speed);
+  }, B = H(C), N = typeof B == "object" ? {
+    speed: (o = H(B.speed)) !== null && o !== void 0 ? o : Xe.speed,
+    margin: (u = H(B.margin)) !== null && u !== void 0 ? u : Xe.margin,
+    direction: (l = B.direction) !== null && l !== void 0 ? l : Xe.direction
+  } : Xe, J = (E) => typeof E == "number" ? [E, E] : [E.x, E.y], ee = (E, D, F) => {
+    const { clientWidth: Q, clientHeight: G, scrollLeft: oe, scrollTop: xe, scrollWidth: Re, scrollHeight: $ } = E, [V, U] = J(N.margin), [j, K] = J(N.speed);
     let te = 0, le = 0;
-    (N.direction === "x" || N.direction === "both") && (F.x < B && oe > 0 ? te = -U : F.x + D.width > Q - B && oe < Re - Q && (te = U)), (N.direction === "y" || N.direction === "both") && (F.y < j && xe > 0 ? le = -K : F.y + D.height > G - j && xe < $ - G && (le = K)), (te || le) && E.scrollBy({
+    (N.direction === "x" || N.direction === "both") && (F.x < V && oe > 0 ? te = -j : F.x + D.width > Q - V && oe < Re - Q && (te = j)), (N.direction === "y" || N.direction === "both") && (F.y < U && xe > 0 ? le = -K : F.y + D.height > G - U && xe < $ - G && (le = K)), (te || le) && E.scrollBy({
       left: te,
       top: le,
       behavior: "auto"
@@ -647,7 +647,7 @@ function _e(e, t = {}) {
   }, Oe = (E, D, F, Q) => {
     const [G, oe] = typeof F == "number" ? [F, F] : [F.x, F.y], { clientWidth: xe, clientHeight: Re } = D;
     return E.x < G || E.x + Q.width > xe - G || E.y < oe || E.y + Q.height > Re - oe;
-  }, Ve = () => {
+  }, Be = () => {
     if (H(t.disabled) || !I.value) return;
     const E = H(m);
     if (!E) return;
@@ -657,8 +657,8 @@ function _e(e, t = {}) {
       y: Q - E.scrollTop
     }, E, N.margin, D) ? ge() : fe();
   };
-  H(C) && ce(x, Ve);
-  const Be = (E) => {
+  H(C) && ce(x, Be);
+  const Ve = (E) => {
     var D;
     if (!H(g).includes(E.button) || H(t.disabled) || !X(E) || H(s) && E.target !== H(e)) return;
     const F = H(m), Q = F == null || (D = F.getBoundingClientRect) === null || D === void 0 ? void 0 : D.call(F), G = H(e).getBoundingClientRect(), oe = {
@@ -669,7 +669,7 @@ function _e(e, t = {}) {
   }, Pe = (E) => {
     if (H(t.disabled) || !X(E) || !I.value) return;
     const D = H(m);
-    D instanceof HTMLElement && Hn(D);
+    D instanceof HTMLElement && Dn(D);
     const F = H(e).getBoundingClientRect();
     let { x: Q, y: G } = x.value;
     if ((Z === "x" || Z === "both") && (Q = E.clientX - I.value.x, D && (Q = Math.min(Math.max(0, Q), D.scrollWidth - F.width))), (Z === "y" || Z === "both") && (G = E.clientY - I.value.y, D && (G = Math.min(Math.max(0, G), D.scrollHeight - F.height))), H(C) && D && (ne === null && ee(D, F, {
@@ -692,7 +692,7 @@ function _e(e, t = {}) {
   }, He = (E) => {
     H(t.disabled) || !X(E) || I.value && (I.value = void 0, C && fe(), f?.(x.value, E), M(E));
   };
-  if (At) {
+  if (Lt) {
     const E = () => {
       var D;
       return {
@@ -700,31 +700,31 @@ function _e(e, t = {}) {
         passive: !H(c)
       };
     };
-    Ee(v, "pointerdown", Be, E), Ee(y, "pointermove", Pe, E), Ee(y, "pointerup", He, E);
+    Ee(v, "pointerdown", Ve, E), Ee(y, "pointermove", Pe, E), Ee(y, "pointerup", He, E);
   }
   return {
-    ...Sn(x),
+    ...In(x),
     position: x,
-    isDragging: T(() => !!I.value),
-    style: T(() => `
+    isDragging: S(() => !!I.value),
+    style: S(() => `
       left: ${x.value.x}px;
       top: ${x.value.y}px;
       ${C ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
-function qe(e, t, n = {}) {
-  const { window: l = We, ...u } = n;
-  let o;
-  const a = /* @__PURE__ */ Ht(() => l && "ResizeObserver" in l), c = () => {
-    o && (o.disconnect(), o = void 0);
-  }, r = ce(T(() => {
+function Je(e, t, n = {}) {
+  const { window: o = We, ...u } = n;
+  let l;
+  const a = /* @__PURE__ */ Dt(() => o && "ResizeObserver" in o), c = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(S(() => {
     const h = H(e);
     return Array.isArray(h) ? h.map((f) => we(f)) : [we(h)];
   }), (h) => {
-    if (c(), a.value && l) {
-      o = new ResizeObserver(t);
-      for (const f of h) f && o.observe(f, u);
+    if (c(), a.value && o) {
+      l = new ResizeObserver(t);
+      for (const f of h) f && l.observe(f, u);
     }
   }, {
     immediate: !0,
@@ -732,13 +732,13 @@ function qe(e, t, n = {}) {
   }), s = () => {
     c(), r();
   };
-  return ft(s), {
+  return vt(s), {
     isSupported: a,
     stop: s
   };
 }
 function Te(e, t = {}) {
-  const { reset: n = !0, windowResize: l = !0, windowScroll: u = !0, immediate: o = !0, updateTiming: a = "sync" } = t, c = re(0), r = re(0), s = re(0), h = re(0), f = re(0), w = re(0), L = re(0), Z = re(0);
+  const { reset: n = !0, windowResize: o = !0, windowScroll: u = !0, immediate: l = !0, updateTiming: a = "sync" } = t, c = re(0), r = re(0), s = re(0), h = re(0), f = re(0), w = re(0), L = re(0), Z = re(0);
   function y() {
     const v = we(e);
     if (!v) {
@@ -751,11 +751,11 @@ function Te(e, t = {}) {
   function m() {
     a === "sync" ? y() : a === "next-frame" && requestAnimationFrame(() => y());
   }
-  return qe(e, m), ce(() => we(e), (v) => !v && m()), Lt(e, m, { attributeFilter: ["style", "class"] }), u && Ee("scroll", m, {
+  return Je(e, m), ce(() => we(e), (v) => !v && m()), Ot(e, m, { attributeFilter: ["style", "class"] }), u && Ee("scroll", m, {
     capture: !0,
     passive: !0
-  }), l && Ee("resize", m, { passive: !0 }), $n(() => {
-    o && m();
+  }), o && Ee("resize", m, { passive: !0 }), An(() => {
+    l && m();
   }), {
     height: c,
     bottom: r,
@@ -772,36 +772,36 @@ function et(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 const tt = /* @__PURE__ */ new WeakMap();
-function Ln(e, t = !1) {
+function On(e, t = !1) {
   const n = re(t);
-  let l = "";
-  ce(kn(e), (a) => {
+  let o = "";
+  ce(Rn(e), (a) => {
     const c = et(H(a));
     if (c) {
       const r = c;
-      if (tt.get(r) || tt.set(r, r.style.overflow), r.style.overflow !== "hidden" && (l = r.style.overflow), r.style.overflow === "hidden") return n.value = !0;
+      if (tt.get(r) || tt.set(r, r.style.overflow), r.style.overflow !== "hidden" && (o = r.style.overflow), r.style.overflow === "hidden") return n.value = !0;
       if (n.value) return r.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const u = () => {
     const a = et(H(e));
     !a || n.value || (a.style.overflow = "hidden", n.value = !0);
-  }, o = () => {
+  }, l = () => {
     const a = et(H(e));
-    !a || !n.value || (a.style.overflow = l, tt.delete(a), n.value = !1);
+    !a || !n.value || (a.style.overflow = o, tt.delete(a), n.value = !1);
   };
-  return ft(o), T({
+  return vt(l), S({
     get() {
       return n.value;
     },
     set(a) {
-      a ? u() : o();
+      a ? u() : l();
     }
   });
 }
-const Dt = {
+const Bt = {
   ATextInput: "text",
-  ATextarea: "text",
+  ATextboxInput: "text",
   ANumericInput: "number",
   ACheckbox: "boolean",
   ADate: "date",
@@ -813,88 +813,99 @@ const Dt = {
   ADropdown: "select",
   ACodeEditor: "code",
   AFormLink: "link",
-  AFileAttach: "attach"
+  AFileAttach: "attach",
+  AQuantityInput: "quantity"
 };
-function Ot(e) {
-  return e ? Dt[e] : void 0;
+function ht(e) {
+  return e ? Bt[e] : void 0;
 }
-const Dn = {
+const Bn = {
   AFormLink: "inline",
   AForm: "expand",
   ATable: "expand"
 };
 [
-  .../* @__PURE__ */ new Set([...Object.keys(Dt), ...Object.keys(Dn)])
+  .../* @__PURE__ */ new Set([...Object.keys(Bt), ...Object.keys(Bn)])
 ].toSorted();
-const On = (e) => {
+const Vn = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, Vn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join("");
-function Vt(e, t) {
+}, Pn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Vt = (e) => {
+  if (e == null) return "";
+  if (typeof e == "object") {
+    const t = e.qty ?? "", n = e.uom ?? "";
+    return n ? `${t} ${n}`.trim() : String(t);
+  }
+  return String(e);
+};
+function lt(e) {
+  return e !== null && typeof e == "object" && "qty" in e ? Number(e.qty) : Number(e);
+}
+function Pt(e, t) {
   const n = t[e];
   if (n.isRoot || n.parent === null || n.parent === void 0)
     return !0;
-  const l = n.parent;
-  return l < 0 || l >= t.length ? !1 : (t[l].childrenOpen || !1) && Vt(l, t);
+  const o = n.parent;
+  return o < 0 || o >= t.length ? !1 : (t[o].childrenOpen || !1) && Pt(o, t);
 }
-function Bn(e, t, n) {
-  const l = n.filterType || "text", u = t.value;
-  if (!u && l !== "dateRange" && l !== "checkbox") return !0;
-  switch (l) {
+function Zn(e, t, n) {
+  const o = n.filterType || "text", u = t.value;
+  if (!u && o !== "dateRange" && o !== "checkbox") return !0;
+  switch (o) {
     case "text":
       return (typeof e == "object" && e !== null ? Object.values(e).join(" ") : String(e || "")).toLowerCase().includes(String(u).toLowerCase());
     case "number": {
-      const o = Number(e), a = Number(u);
-      return !isNaN(o) && !isNaN(a) && o === a;
+      const l = lt(e), a = Number(u);
+      return !isNaN(l) && !isNaN(a) && l === a;
     }
     case "select":
       return e === u;
     case "checkbox":
       return u === !0 ? !!e : !0;
     case "date": {
-      let o;
+      let l;
       if (typeof e == "number") {
         const c = new Date(e), r = (/* @__PURE__ */ new Date()).getFullYear();
-        o = new Date(r, c.getMonth(), c.getDate());
+        l = new Date(r, c.getMonth(), c.getDate());
       } else
-        o = new Date(String(e));
+        l = new Date(String(e));
       const a = new Date(String(u));
-      return o.toDateString() === a.toDateString();
+      return l.toDateString() === a.toDateString();
     }
     case "dateRange": {
-      const o = t.startValue, a = t.endValue;
-      if (!o && !a) return !0;
+      const l = t.startValue, a = t.endValue;
+      if (!l && !a) return !0;
       let c;
       if (typeof e == "number") {
         const r = new Date(e), s = (/* @__PURE__ */ new Date()).getFullYear();
         c = new Date(s, r.getMonth(), r.getDate());
       } else
         c = new Date(String(e));
-      return !(o && c < new Date(String(o)) || a && c > new Date(String(a)));
+      return !(l && c < new Date(String(l)) || a && c > new Date(String(a)));
     }
     default:
       return !0;
   }
 }
-function Pn(e, t) {
+function Nn(e, t) {
   return t && e === 0 && t > 0 ? `${t}ch` : "inherit";
 }
-const Zn = (e) => {
-  const t = e.id || Vn(), n = e.linkResolver ?? null;
-  return _t(`table-${t}`, () => {
+const Fn = (e) => {
+  const t = e.id || Pn(), n = e.linkResolver ?? null;
+  return tn(`table-${t}`, () => {
     const u = () => {
       const i = [Object.assign({}, { rowModified: !1 })], d = /* @__PURE__ */ new Set();
       for (let O = 0; O < a.value.length; O++) {
-        const S = a.value[O];
-        S.parent !== null && S.parent !== void 0 && d.add(S.parent);
+        const T = a.value[O];
+        T.parent !== null && T.parent !== void 0 && d.add(T.parent);
       }
       const p = (O) => a.value[O]?.gantt !== void 0, A = (O) => {
-        for (let S = 0; S < a.value.length; S++)
-          if (a.value[S].parent === O && (p(S) || A(S)))
+        for (let T = 0; T < a.value.length; T++)
+          if (a.value[T].parent === O && (p(T) || A(T)))
             return !0;
         return !1;
-      }, J = (O) => {
-        const S = c.value, Y = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
+      }, q = (O) => {
+        const T = c.value, Y = T.view === "tree" || T.view === "tree-gantt" ? T.defaultTreeExpansion : void 0;
         if (!Y) return !0;
         switch (Y) {
           case "root":
@@ -910,34 +921,34 @@ const Zn = (e) => {
         }
       };
       for (let O = 0; O < a.value.length; O++) {
-        const S = a.value[O], Y = S.parent === null || S.parent === void 0, ie = d.has(O);
+        const T = a.value[O], Y = T.parent === null || T.parent === void 0, ie = d.has(O);
         i[O] = {
-          childrenOpen: J(O),
+          childrenOpen: q(O),
           expanded: !1,
-          indent: S.indent || 0,
+          indent: T.indent || 0,
           isParent: ie,
           isRoot: Y,
           rowModified: !1,
           open: Y,
           // This will be recalculated later for non-root nodes
-          parent: S.parent
+          parent: T.parent
         };
       }
       return i;
-    }, o = W(e.columns), a = W(e.rows), c = W(e.config || {}), r = W({}), s = W({}), h = T(() => {
+    }, l = W(e.columns), a = W(e.rows), c = W(e.config || {}), r = W({}), s = W({}), h = S(() => {
       const i = {};
-      for (const [d, p] of o.value.entries())
-        for (const [A, J] of a.value.entries())
-          i[`${d}:${A}`] = J[p.name];
+      for (const [d, p] of l.value.entries())
+        for (const [A, q] of a.value.entries())
+          i[`${d}:${A}`] = q[p.name];
       return i;
-    }), f = T({
+    }), f = S({
       get: () => {
         const i = u();
         for (let d = 0; d < i.length; d++)
           r.value[d] && (i[d].rowModified = r.value[d]), s.value[d] && (s.value[d].childrenOpen !== void 0 && (i[d].childrenOpen = s.value[d].childrenOpen), s.value[d].expanded !== void 0 && (i[d].expanded = s.value[d].expanded));
         if (x.value)
           for (let d = 0; d < i.length; d++)
-            i[d].isRoot || (i[d].open = Vt(d, i));
+            i[d].isRoot || (i[d].open = Pt(d, i));
         return i;
       },
       set: (i) => {
@@ -946,42 +957,42 @@ const Zn = (e) => {
     }), w = W(e.modal || { visible: !1 }), L = W({}), Z = W([]), y = W([]), m = W([]), v = W({
       column: null,
       direction: null
-    }), g = W({}), k = T(() => o.value.some((i) => i.pinned)), C = T(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), x = T(() => c.value.view === "tree" || c.value.view === "tree-gantt"), I = T(() => {
+    }), g = W({}), k = S(() => l.value.some((i) => i.pinned)), C = S(() => c.value.view === "gantt" || c.value.view === "tree-gantt"), x = S(() => c.value.view === "tree" || c.value.view === "tree-gantt"), I = S(() => {
       const i = c.value;
       return i.view === "gantt" || i.view === "tree-gantt" ? i.dependencyGraph !== !1 : !0;
-    }), X = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), M = T(
+    }), X = S(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), M = S(
       () => c.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(c.value.view) : !1
-    ), V = T(() => {
+    ), B = S(() => {
       let i = a.value.map((d, p) => ({
         ...d,
         originalIndex: p
       }));
       if (Object.entries(g.value).forEach(([d, p]) => {
-        const A = parseInt(d), J = o.value[A];
-        !J || !(p.value || p.startValue || p.endValue || J.filterType === "checkbox" && p.value !== void 0) || (i = i.filter((S) => {
-          const Y = S[J.name];
-          return Bn(Y, p, J);
+        const A = parseInt(d), q = l.value[A];
+        !q || !(p.value || p.startValue || p.endValue || q.filterType === "checkbox" && p.value !== void 0) || (i = i.filter((T) => {
+          const Y = T[q.name];
+          return Zn(Y, p, q);
         }));
       }), v.value.column !== null && v.value.direction) {
-        const d = o.value[v.value.column], p = v.value.direction;
-        i.sort((A, J) => {
-          let O = A[d.name], S = J[d.name];
-          O == null && (O = ""), S == null && (S = "");
-          const Y = Number(O), ie = Number(S);
-          if (!isNaN(Y) && !isNaN(ie) && O !== "" && S !== "")
+        const d = l.value[v.value.column], p = v.value.direction;
+        i.sort((A, q) => {
+          let O = A[d.name], T = q[d.name];
+          O == null && (O = ""), T == null && (T = "");
+          const Y = lt(O), ie = lt(T);
+          if (!isNaN(Y) && !isNaN(ie) && O !== "" && T !== "")
             return p === "asc" ? Y - ie : ie - Y;
           {
-            const ht = String(O).toLowerCase(), mt = String(S).toLowerCase();
-            return p === "asc" ? ht.localeCompare(mt) : mt.localeCompare(ht);
+            const gt = String(O).toLowerCase(), wt = String(T).toLowerCase();
+            return p === "asc" ? gt.localeCompare(wt) : wt.localeCompare(gt);
           }
         });
       }
       return i;
-    }), N = (i, d) => h.value[`${i}:${d}`], q = (i, d, p) => {
-      const A = `${i}:${d}`, J = o.value[i];
+    }), N = (i, d) => h.value[`${i}:${d}`], J = (i, d, p) => {
+      const A = `${i}:${d}`, q = l.value[i];
       h.value[A] !== p && (r.value[d] = !0), h.value[A] = p, a.value[d] = {
         ...a.value[d],
-        [J.name]: p
+        [q.name]: p
       };
     }, ee = (i) => {
       a.value = i;
@@ -989,7 +1000,7 @@ const Zn = (e) => {
       const A = `${i}:${d}`;
       h.value[A] !== p && (r.value[d] = !0, L.value[A] = p);
     }, ge = (i) => {
-      const d = o.value.indexOf(i) === o.value.length - 1, p = c.value.fullWidth ? i.resizable && !d : i.resizable;
+      const d = l.value.indexOf(i) === l.value.length - 1, p = c.value.fullWidth ? i.resizable && !d : i.resizable;
       return {
         width: i.width || "40ch",
         textAlign: i.align || "center",
@@ -1000,16 +1011,16 @@ const Zn = (e) => {
         }
       };
     }, fe = (i, d) => {
-      if (i < 0 || i >= o.value.length) return;
+      if (i < 0 || i >= l.value.length) return;
       const A = Math.max(d, 40);
-      o.value[i] = {
-        ...o.value[i],
+      l.value[i] = {
+        ...l.value[i],
         width: `${A}px`
       };
     }, Oe = (i) => {
       const d = a.value[i];
       return C.value && d.gantt !== void 0;
-    }, Ve = (i) => !x.value || f.value[i].isRoot || f.value[i].open, Be = (i) => !x.value && c.value.view !== "list-expansion" ? "" : x.value && (f.value[i].isRoot || f.value[i].isParent) ? f.value[i].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? f.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
+    }, Be = (i) => !x.value || f.value[i].isRoot || f.value[i].open, Ve = (i) => !x.value && c.value.view !== "list-expansion" ? "" : x.value && (f.value[i].isRoot || f.value[i].isParent) ? f.value[i].childrenOpen ? "▼" : "►" : c.value.view === "list-expansion" ? f.value[i].expanded ? "▼" : "►" : "", Pe = (i) => {
       if (x.value) {
         const d = s.value[i] || {}, A = !(d.childrenOpen ?? f.value[i].childrenOpen);
         s.value[i] = {
@@ -1036,12 +1047,12 @@ const Zn = (e) => {
       const p = N(i, d);
       return D(i, d, p);
     }, D = (i, d, p) => {
-      const A = o.value[i], J = a.value[d], O = A.format;
+      const A = l.value[i], q = a.value[d], O = A.format;
       if (!O) {
-        const S = Ot(A.component);
-        return S === "boolean" ? p ? "✓" : "✗" : S === "date" ? p != null ? new Date(String(p)).toLocaleDateString() : p : S === "datetime" && p != null ? new Date(String(p)).toLocaleString() : p;
+        const T = ht(A.component);
+        return T === "boolean" ? p ? "✓" : "✗" : T === "date" ? p != null ? new Date(String(p)).toLocaleDateString() : p : T === "datetime" ? p != null ? new Date(String(p)).toLocaleString() : p : T === "quantity" ? Vt(p) : p;
       }
-      return typeof O == "function" ? O(p, { table: h.value, row: J, column: A }) : typeof O == "string" ? Function(`"use strict";return (${O})`)()(p, { table: h.value, row: J, column: A }) : p;
+      return typeof O == "function" ? O(p, { table: h.value, row: q, column: A }) : typeof O == "string" ? Function(`"use strict";return (${O})`)()(p, { table: h.value, row: q, column: A }) : p;
     }, F = (i) => {
       i.target instanceof Node && w.value.parent?.contains(i.target) || w.value.visible && (w.value.visible = !1);
     }, Q = (i) => {
@@ -1060,8 +1071,8 @@ const Zn = (e) => {
       const d = y.value.findIndex((p) => p.id === i);
       d >= 0 && y.value.splice(d, 1);
     }, $ = (i, d, p) => {
-      const A = y.value.find((S) => S.id === i), J = y.value.find((S) => S.id === d);
-      if (!A || !J)
+      const A = y.value.find((T) => T.id === i), q = y.value.find((T) => T.id === d);
+      if (!A || !q)
         return console.warn("Cannot create connection: handle not found"), null;
       const O = {
         id: `connection-${i}-${d}`,
@@ -1070,18 +1081,18 @@ const Zn = (e) => {
           side: A.side
         },
         to: {
-          barId: J.barId,
-          side: J.side
+          barId: q.barId,
+          side: q.side
         },
         style: p?.style,
         label: p?.label
       };
       return m.value.push(O), O;
-    }, B = (i) => {
+    }, V = (i) => {
       const d = m.value.findIndex((p) => p.id === i);
       return d >= 0 ? (m.value.splice(d, 1), !0) : !1;
-    }, j = (i) => m.value.filter((d) => d.from.barId === i || d.to.barId === i), U = (i) => y.value.filter((d) => d.barId === i), K = (i) => {
-      if (o.value[i].sortable === !1) return;
+    }, U = (i) => m.value.filter((d) => d.from.barId === i || d.to.barId === i), j = (i) => y.value.filter((d) => d.barId === i), K = (i) => {
+      if (l.value[i].sortable === !1) return;
       let p;
       v.value.column === i && v.value.direction === "asc" ? p = "desc" : p = "asc", v.value.column = i, v.value.direction = p;
     }, te = (i, d) => {
@@ -1090,15 +1101,15 @@ const Zn = (e) => {
       delete g.value[i];
     }, se = (i, d = "end") => {
       const p = {};
-      for (const J of o.value)
-        p[J.name] = "";
+      for (const q of l.value)
+        p[q.name] = "";
       i && Object.assign(p, i);
       let A;
       return d === "start" ? (A = 0, a.value.unshift(p)) : d === "end" ? (A = a.value.length, a.value.push(p)) : (A = Math.max(0, Math.min(d, a.value.length)), a.value.splice(A, 0, p)), A;
     };
     return {
       // state
-      columns: o,
+      columns: l,
       config: c,
       connectionHandles: y,
       connectionPaths: m,
@@ -1111,7 +1122,7 @@ const Zn = (e) => {
       table: h,
       updates: L,
       // getters
-      filteredRows: V,
+      filteredRows: B,
       hasPinnedColumns: k,
       isGanttView: C,
       isTreeView: x,
@@ -1125,20 +1136,20 @@ const Zn = (e) => {
       clearFilter: le,
       closeModal: F,
       createConnection: $,
-      deleteConnection: B,
+      deleteConnection: V,
       deleteRow: (i) => {
         if (i < 0 || i >= a.value.length)
           return null;
         const [d] = a.value.splice(i, 1);
         delete r.value[i], delete s.value[i];
         const p = {}, A = {};
-        for (const [J, O] of Object.entries(r.value)) {
-          const S = parseInt(J);
-          S > i ? p[S - 1] = O : p[S] = O;
+        for (const [q, O] of Object.entries(r.value)) {
+          const T = parseInt(q);
+          T > i ? p[T - 1] = O : p[T] = O;
         }
-        for (const [J, O] of Object.entries(s.value)) {
-          const S = parseInt(J);
-          S > i ? A[S - 1] = O : A[S] = O;
+        for (const [q, O] of Object.entries(s.value)) {
+          const T = parseInt(q);
+          T > i ? A[T - 1] = O : A[T] = O;
         }
         return r.value = p, s.value = A, d;
       },
@@ -1150,11 +1161,11 @@ const Zn = (e) => {
       },
       getCellData: N,
       getCellDisplayValue: E,
-      getConnectionsForBar: j,
+      getConnectionsForBar: U,
       getFormattedValue: D,
-      getHandlesForBar: U,
+      getHandlesForBar: j,
       getHeaderCellStyle: ge,
-      getRowExpandSymbol: Be,
+      getRowExpandSymbol: Ve,
       insertRowAbove: (i, d) => {
         const p = Math.max(0, i);
         return se(d, p);
@@ -1164,29 +1175,29 @@ const Zn = (e) => {
         return se(d, p);
       },
       isRowGantt: Oe,
-      isRowVisible: Ve,
+      isRowVisible: Be,
       moveRow: (i, d) => {
         if (i < 0 || i >= a.value.length || d < 0 || d >= a.value.length || i === d)
           return !1;
         const [p] = a.value.splice(i, 1);
         a.value.splice(d, 0, p);
-        const A = {}, J = {};
-        for (const [O, S] of Object.entries(r.value)) {
+        const A = {}, q = {};
+        for (const [O, T] of Object.entries(r.value)) {
           const Y = parseInt(O);
           let ie = Y;
-          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), A[ie] = S;
+          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), A[ie] = T;
         }
-        for (const [O, S] of Object.entries(s.value)) {
+        for (const [O, T] of Object.entries(s.value)) {
           const Y = parseInt(O);
           let ie = Y;
-          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), J[ie] = S;
+          Y === i ? ie = d : i < d ? Y > i && Y <= d && (ie = Y - 1) : Y >= d && Y < i && (ie = Y + 1), q[ie] = T;
         }
-        return r.value = A, s.value = J, !0;
+        return r.value = A, s.value = q, !0;
       },
       registerConnectionHandle: xe,
       registerGanttBar: G,
       resizeColumn: fe,
-      setCellData: q,
+      setCellData: J,
       setCellText: ne,
       setFilter: te,
       sortByColumn: K,
@@ -1197,7 +1208,7 @@ const Zn = (e) => {
       updateRows: ee
     };
   })();
-}, Nn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Fn = ["innerHTML"], Wn = { key: 2 }, zn = /* @__PURE__ */ Ce({
+}, Wn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], zn = ["innerHTML"], Xn = { key: 2 }, Gn = /* @__PURE__ */ Ce({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -1209,37 +1220,37 @@ const Zn = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const n = de("cell"), l = e.store.getCellData(e.colIndex, e.rowIndex), u = W(""), o = W(!1), a = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], r = a.align || "center", s = a.width || "40ch", h = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), f = W(null);
+    const n = de("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), u = W(""), l = W(!1), a = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], r = a.align || "center", s = a.width || "40ch", h = S(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), f = W(null);
     Ie(() => {
       if (!a.linkDoctype) return;
       const M = e.store.getCellData(e.colIndex, e.rowIndex);
       if (M != null && typeof M == "object") {
-        const N = M, q = N.displayText ?? N.id;
-        (typeof q == "string" || typeof q == "number") && (f.value = String(q));
+        const N = M, J = N.displayText ?? N.id;
+        (typeof J == "string" || typeof J == "number") && (f.value = String(J));
         return;
       }
-      const V = e.store.linkResolver;
-      !V || typeof M != "string" || M === "" || V(a.linkDoctype, M).then((N) => (N != null && (f.value = N), N));
+      const B = e.store.linkResolver;
+      !B || typeof M != "string" || M === "" || B(a.linkDoctype, M).then((N) => (N != null && (f.value = N), N));
     });
-    const w = T(() => f.value ?? h.value), L = T(() => typeof w.value == "string" ? On(w.value) : !1), Z = T(() => ({
+    const w = S(() => f.value ?? h.value), L = S(() => typeof w.value == "string" ? Vn(w.value) : !1), Z = S(() => ({
       textAlign: r,
       width: s,
-      fontWeight: o.value ? "bold" : "inherit",
-      paddingLeft: Pn(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), y = T(() => ({
+      fontWeight: l.value ? "bold" : "inherit",
+      paddingLeft: Nn(e.colIndex, e.store.display[e.rowIndex]?.indent)
+    })), y = S(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": o.value
+      "cell-modified": l.value
     })), m = () => {
       g(), v();
     }, v = () => {
-      const { left: M, bottom: V, width: N, height: q } = Te(n);
+      const { left: M, bottom: B, width: N, height: J } = Te(n);
       a.mask, a.modalComponent && e.store.$patch((ee) => {
-        ee.modal.visible = !0, ee.modal.colIndex = e.colIndex, ee.modal.rowIndex = e.rowIndex, ee.modal.left = M.value, ee.modal.bottom = V.value, ee.modal.width = N.value, ee.modal.height = q.value, ee.modal.cell = n.value, typeof a.modalComponent == "function" ? ee.modal.component = a.modalComponent({ table: e.store.table, row: c, column: a }) : ee.modal.component = a.modalComponent, ee.modal.componentProps = a.modalComponentExtraProps;
+        ee.modal.visible = !0, ee.modal.colIndex = e.colIndex, ee.modal.rowIndex = e.rowIndex, ee.modal.left = M.value, ee.modal.bottom = B.value, ee.modal.width = N.value, ee.modal.height = J.value, ee.modal.cell = n.value, typeof a.modalComponent == "function" ? ee.modal.component = a.modalComponent({ table: e.store.table, row: c, column: a }) : ee.modal.component = a.modalComponent, ee.modal.componentProps = a.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
       let M = {
-        ...Je,
+        ...qe,
         "keydown.f2": v,
         "keydown.alt.up": v,
         "keydown.alt.down": v,
@@ -1249,7 +1260,7 @@ const Zn = (e) => {
       typeof e.addNavigation == "object" && (M = {
         ...M,
         ...e.addNavigation
-      }), It([
+      }), Ht([
         {
           selectors: n,
           handlers: M
@@ -1261,8 +1272,8 @@ const Zn = (e) => {
         const M = window.getSelection();
         if (M)
           try {
-            const V = document.createRange();
-            V.selectNodeContents && (V.selectNodeContents(n.value), M.removeAllRanges(), M.addRange(V));
+            const B = document.createRange();
+            B.selectNodeContents && (B.selectNodeContents(n.value), M.removeAllRanges(), M.addRange(B));
           } catch {
           }
       }
@@ -1272,9 +1283,9 @@ const Zn = (e) => {
       try {
         const M = window.getSelection();
         if (M && M.rangeCount > 0 && n.value) {
-          const V = M.getRangeAt(0), N = V.cloneRange();
+          const B = M.getRangeAt(0), N = B.cloneRange();
           if (N.selectNodeContents && N.setEnd)
-            return N.selectNodeContents(n.value), N.setEnd(V.endContainer, V.endOffset), N.toString().length;
+            return N.selectNodeContents(n.value), N.setEnd(B.endContainer, B.endOffset), N.toString().length;
         }
       } catch {
       }
@@ -1282,13 +1293,13 @@ const Zn = (e) => {
     }, x = (M) => {
       if (n.value)
         try {
-          const V = window.getSelection();
-          if (!V) return;
+          const B = window.getSelection();
+          if (!B) return;
           let N = 0;
-          const q = document.createTreeWalker ? document.createTreeWalker(n.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!q) return;
+          const J = document.createTreeWalker ? document.createTreeWalker(n.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!J) return;
           let ee, ne = null;
-          for (; ee = q.nextNode(); ) {
+          for (; ee = J.nextNode(); ) {
             const ge = ee, fe = N + ge.textContent.length;
             if (M <= fe && (ne = document.createRange(), ne.setStart && ne.setEnd)) {
               ne.setStart(ge, M - N), ne.setEnd(ge, M - N);
@@ -1296,20 +1307,20 @@ const Zn = (e) => {
             }
             N = fe;
           }
-          ne && V.removeAllRanges && V.addRange && (V.removeAllRanges(), V.addRange(ne));
+          ne && B.removeAllRanges && B.addRange && (B.removeAllRanges(), B.addRange(ne));
         } catch {
         }
     }, I = (M) => {
       if (!a.edit) return;
-      const V = M.target;
-      if (V.textContent === u.value)
+      const B = M.target;
+      if (B.textContent === u.value)
         return;
       const N = C();
-      u.value = V.textContent, a.format ? (o.value = V.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, V.textContent)) : (o.value = V.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, V.textContent)), at().then(() => x(N));
-    }, X = /* @__PURE__ */ Tn(I, e.debounce);
+      u.value = B.textContent, a.format ? (l.value = B.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, B.textContent)) : (l.value = B.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, B.textContent)), st().then(() => x(N));
+    }, X = /* @__PURE__ */ $n(I, e.debounce);
     return t({
       currentData: u
-    }), (M, V) => (b(), R("td", {
+    }), (M, B) => (b(), R("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
@@ -1321,26 +1332,26 @@ const Zn = (e) => {
       class: ae(["atable-cell", y.value]),
       onFocus: k,
       onPaste: I,
-      onInput: V[0] || (V[0] = //@ts-ignore
+      onInput: B[0] || (B[0] = //@ts-ignore
       (...N) => P(X) && P(X)(...N)),
       onClick: m
     }, [
-      P(a).cellComponent ? (b(), ve(Ne(P(a).cellComponent), st({
+      P(a).cellComponent ? (b(), ve(Ne(P(a).cellComponent), it({
         key: 0,
         value: w.value
       }, P(a).cellComponentProps), null, 16, ["value"])) : L.value ? (b(), R("span", {
         key: 1,
         innerHTML: w.value
-      }, null, 8, Fn)) : (b(), R("span", Wn, ye(w.value), 1))
-    ], 46, Nn));
+      }, null, 8, zn)) : (b(), R("span", Xn, ye(w.value), 1))
+    ], 46, Wn));
   }
-}), Xn = ["colspan"], Gn = {
+}), jn = ["colspan"], Un = {
   ref: "container",
   class: "gantt-container"
-}, Un = ["data-rowindex", "data-colindex"], jn = {
+}, Yn = ["data-rowindex", "data-colindex"], qn = {
   key: 2,
   class: "gantt-label"
-}, Yn = ["x1", "y1", "x2", "y2"], Jn = /* @__PURE__ */ Ce({
+}, Jn = ["x1", "y1", "x2", "y2"], Qn = /* @__PURE__ */ Ce({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -1355,18 +1366,18 @@ const Zn = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: n }) {
-    Ut(($) => ({
+    Yt(($) => ({
       v564d6da1: u.value,
       v4f540c19: $.colspan
     }));
-    const l = n, u = W(e.color.length >= 6 ? e.color : "#cccccc"), o = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = de("container"), c = de("bar"), r = de("leftResizeHandle"), s = de("rightResizeHandle"), h = de("leftConnectionHandle"), f = de("rightConnectionHandle"), { width: w } = Te(a), { left: L, right: Z } = Te(c), y = W(e.start), m = W(e.end || y.value + e.colspan), v = W(!1), g = W(!1), k = W(!1), C = W(!1), x = W(!1), I = W({ startX: 0, startY: 0, endX: 0, endY: 0 }), X = T(() => ge.value || ee.value || ne.value), M = T(() => e.colspan > 0 ? w.value / e.colspan : 0), V = T(() => {
-      const $ = y.value / e.colspan * 100, B = m.value / e.colspan * 100;
+    const o = n, u = W(e.color.length >= 6 ? e.color : "#cccccc"), l = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = de("container"), c = de("bar"), r = de("leftResizeHandle"), s = de("rightResizeHandle"), h = de("leftConnectionHandle"), f = de("rightConnectionHandle"), { width: w } = Te(a), { left: L, right: Z } = Te(c), y = W(e.start), m = W(e.end || y.value + e.colspan), v = W(!1), g = W(!1), k = W(!1), C = W(!1), x = W(!1), I = W({ startX: 0, startY: 0, endX: 0, endY: 0 }), X = S(() => ge.value || ee.value || ne.value), M = S(() => e.colspan > 0 ? w.value / e.colspan : 0), B = S(() => {
+      const $ = y.value / e.colspan * 100, V = m.value / e.colspan * 100;
       return {
         left: `${$}%`,
-        width: `${B - $}%`,
+        width: `${V - $}%`,
         backgroundColor: u.value
       };
-    }), N = T(() => ({
+    }), N = S(() => ({
       position: "fixed",
       top: 0,
       left: 0,
@@ -1374,15 +1385,15 @@ const Zn = (e) => {
       height: "100vh",
       pointerEvents: "none",
       zIndex: 1e3
-    })), q = W({ startX: 0, startPos: 0 }), { isDragging: ee } = _e(r, {
+    })), J = W({ startX: 0, startPos: 0 }), { isDragging: ee } = _e(r, {
       axis: "x",
       onStart: () => fe(L.value, y.value),
       onMove: ({ x: $ }) => Oe($),
-      onEnd: ({ x: $ }) => Ve($)
+      onEnd: ({ x: $ }) => Be($)
     }), { isDragging: ne } = _e(s, {
       axis: "x",
       onStart: () => fe(Z.value, m.value),
-      onMove: ({ x: $ }) => Be($),
+      onMove: ({ x: $ }) => Ve($),
       onEnd: ({ x: $ }) => Pe($)
     }), { isDragging: ge } = _e(c, {
       exact: !0,
@@ -1393,64 +1404,64 @@ const Zn = (e) => {
     });
     Ie(() => {
       D();
-    }), jt(() => {
+    }), qt(() => {
       F();
     });
-    function fe($, B) {
-      c.value && (c.value.style.transition = "none"), q.value = { startX: $, startPos: B };
+    function fe($, V) {
+      c.value && (c.value.style.transition = "none"), J.value = { startX: $, startPos: V };
     }
     function Oe($) {
       if (!ee.value || !c.value) return;
-      const j = ($ - q.value.startX) / M.value, U = Math.max(0, Math.min(m.value - 1, q.value.startPos + j));
-      c.value.style.left = `${U / e.colspan * 100}%`, c.value.style.width = `${(m.value - U) / e.colspan * 100}%`;
+      const U = ($ - J.value.startX) / M.value, j = Math.max(0, Math.min(m.value - 1, J.value.startPos + U));
+      c.value.style.left = `${j / e.colspan * 100}%`, c.value.style.width = `${(m.value - j) / e.colspan * 100}%`;
     }
-    function Ve($) {
+    function Be($) {
       if (!c.value) return;
-      const B = $ - q.value.startX, j = Math.round(B / M.value), U = y.value, K = Math.max(0, Math.min(m.value - 1, q.value.startPos + j));
+      const V = $ - J.value.startX, U = Math.round(V / M.value), j = y.value, K = Math.max(0, Math.min(m.value - 1, J.value.startPos + U));
       y.value = K, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: U,
+        oldStart: j,
         newStart: K,
         end: m.value,
-        delta: j,
-        oldColspan: m.value - U,
+        delta: U,
+        oldColspan: m.value - j,
         newColspan: m.value - K
       });
     }
-    function Be($) {
+    function Ve($) {
       if (!ne.value || !c.value) return;
-      const j = ($ - q.value.startX) / M.value, U = Math.max(y.value + 1, Math.min(e.columnsCount, q.value.startPos + j));
-      c.value.style.width = `${(U - y.value) / e.colspan * 100}%`;
+      const U = ($ - J.value.startX) / M.value, j = Math.max(y.value + 1, Math.min(e.columnsCount, J.value.startPos + U));
+      c.value.style.width = `${(j - y.value) / e.colspan * 100}%`;
     }
     function Pe($) {
       if (!c.value) return;
-      const B = $ - q.value.startX, j = Math.round(B / M.value), U = m.value, K = Math.max(y.value + 1, Math.min(e.columnsCount, q.value.startPos + j));
+      const V = $ - J.value.startX, U = Math.round(V / M.value), j = m.value, K = Math.max(y.value + 1, Math.min(e.columnsCount, J.value.startPos + U));
       m.value = K, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: U,
+        oldEnd: j,
         newEnd: K,
         start: y.value,
-        delta: j,
-        oldColspan: U - y.value,
+        delta: U,
+        oldColspan: j - y.value,
         newColspan: K - y.value
       });
     }
     function He($) {
       if (!ge.value || !c.value) return;
-      const j = ($ - q.value.startX) / M.value, U = m.value - y.value, K = Math.max(0, Math.min(q.value.startPos + j, e.columnsCount - U));
+      const U = ($ - J.value.startX) / M.value, j = m.value - y.value, K = Math.max(0, Math.min(J.value.startPos + U, e.columnsCount - j));
       c.value.style.left = `${K / e.colspan * 100}%`;
     }
     function E($) {
       if (!c.value) return;
-      const B = $ - q.value.startX, j = Math.round(B / M.value), U = m.value - y.value, K = y.value, te = m.value;
-      let le = q.value.startPos + j, se = le + U;
-      le < 0 ? (le = 0, se = U) : se > e.columnsCount && (se = e.columnsCount, le = se - U), y.value = le, m.value = se, e.store.updateGanttBar({
+      const V = $ - J.value.startX, U = Math.round(V / M.value), j = m.value - y.value, K = y.value, te = m.value;
+      let le = J.value.startPos + U, se = le + j;
+      le < 0 ? (le = 0, se = j) : se > e.columnsCount && (se = e.columnsCount, le = se - j), y.value = le, m.value = se, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
@@ -1458,41 +1469,41 @@ const Zn = (e) => {
         oldEnd: te,
         newStart: le,
         newEnd: se,
-        delta: j,
+        delta: U,
         colspan: se - le
       });
     }
     function D() {
-      const { x: $, y: B } = Te(c), { x: j, y: U } = Te(h), { x: K, y: te } = Te(f);
+      const { x: $, y: V } = Te(c), { x: U, y: j } = Te(h), { x: K, y: te } = Te(f);
       e.store.registerGanttBar({
-        id: o,
+        id: l,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: y,
         endIndex: m,
         color: u,
         label: e.label,
-        position: { x: $, y: B }
+        position: { x: $, y: V }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${o}-connection-left`,
+        id: `${l}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: j, y: U },
+        position: { x: U, y: j },
         visible: v,
-        barId: o
+        barId: l
       }), e.store.registerConnectionHandle({
-        id: `${o}-connection-right`,
+        id: `${l}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
         position: { x: K, y: te },
         visible: g,
-        barId: o
+        barId: l
       }));
     }
     function F() {
-      e.store.unregisterGanttBar(o), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${o}-connection-left`), e.store.unregisterConnectionHandle(`${o}-connection-right`));
+      e.store.unregisterGanttBar(l), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${l}-connection-left`), e.store.unregisterConnectionHandle(`${l}-connection-right`));
     }
     function Q() {
       e.store.isDependencyGraphEnabled && (v.value = !0, g.value = !0);
@@ -1500,38 +1511,38 @@ const Zn = (e) => {
     function G() {
       !k.value && !C.value && (v.value = !1, g.value = !1);
     }
-    function oe($, B) {
-      B.preventDefault(), B.stopPropagation(), x.value = !0, $ === "left" ? k.value = !0 : C.value = !0;
-      const j = $ === "left" ? h.value : f.value;
-      if (j) {
-        const te = j.getBoundingClientRect(), le = te.left + te.width / 2, se = te.top + te.height / 2;
+    function oe($, V) {
+      V.preventDefault(), V.stopPropagation(), x.value = !0, $ === "left" ? k.value = !0 : C.value = !0;
+      const U = $ === "left" ? h.value : f.value;
+      if (U) {
+        const te = U.getBoundingClientRect(), le = te.left + te.width / 2, se = te.top + te.height / 2;
         I.value = { startX: le, startY: se, endX: le, endY: se };
       }
-      const U = (te) => {
+      const j = (te) => {
         I.value.endX = te.clientX, I.value.endY = te.clientY;
       }, K = (te) => {
-        xe(te, $), Re(U, K);
+        xe(te, $), Re(j, K);
       };
-      document.addEventListener("mousemove", U), document.addEventListener("mouseup", K);
+      document.addEventListener("mousemove", j), document.addEventListener("mouseup", K);
     }
-    function xe($, B) {
-      const U = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
-      if (U && U !== (B === "left" ? h.value : f.value)) {
-        const K = U.closest(".gantt-bar");
+    function xe($, V) {
+      const j = document.elementFromPoint($.clientX, $.clientY)?.closest(".connection-handle");
+      if (j && j !== (V === "left" ? h.value : f.value)) {
+        const K = j.closest(".gantt-bar");
         if (K) {
-          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), se = U.classList.contains("left-connection-handle") ? "left" : "right", vt = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
-            `${o}-connection-${B}`,
-            `${vt}-connection-${se}`
+          const te = parseInt(K.getAttribute("data-rowindex") || "0"), le = parseInt(K.getAttribute("data-colindex") || "0"), se = j.classList.contains("left-connection-handle") ? "left" : "right", mt = `gantt-bar-row-${te}-col-${le}`, Qe = e.store.createConnection(
+            `${l}-connection-${V}`,
+            `${mt}-connection-${se}`
           );
-          Qe && l("connection:create", Qe);
+          Qe && o("connection:create", Qe);
         }
       }
     }
-    function Re($, B) {
-      x.value = !1, k.value = !1, C.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", B), c.value?.matches(":hover") || G();
+    function Re($, V) {
+      x.value = !1, k.value = !1, C.value = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", V), c.value?.matches(":hover") || G();
     }
     return t({
-      barStyle: V,
+      barStyle: B,
       cleanupConnectionDrag: Re,
       currentEnd: m,
       handleConnectionDrop: xe,
@@ -1540,17 +1551,17 @@ const Zn = (e) => {
       isRightConnectionDragging: C,
       isRightConnectionVisible: g,
       showDragPreview: x
-    }), ($, B) => (b(), R("td", {
+    }), ($, V) => (b(), R("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      z("div", Gn, [
+      z("div", Un, [
         z("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
           class: ae(["gantt-bar", { "is-dragging": X.value }]),
-          style: pe(V.value),
+          style: pe(B.value),
           onMouseenter: Q,
           onMouseleave: G
         }, [
@@ -1558,34 +1569,34 @@ const Zn = (e) => {
             key: 0,
             ref: "leftConnectionHandle",
             class: ae(["connection-handle left-connection-handle", { visible: v.value, "is-dragging": k.value }]),
-            onMousedown: B[0] || (B[0] = $e((j) => oe("left", j), ["stop"]))
-          }, [...B[2] || (B[2] = [
+            onMousedown: V[0] || (V[0] = $e((U) => oe("left", U), ["stop"]))
+          }, [...V[2] || (V[2] = [
             z("div", { class: "connection-dot" }, null, -1)
           ])], 34)) : _("", !0),
           e.store.isDependencyGraphEnabled ? (b(), R("div", {
             key: 1,
             ref: "rightConnectionHandle",
             class: ae(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": C.value }]),
-            onMousedown: B[1] || (B[1] = $e((j) => oe("right", j), ["stop"]))
-          }, [...B[3] || (B[3] = [
+            onMousedown: V[1] || (V[1] = $e((U) => oe("right", U), ["stop"]))
+          }, [...V[3] || (V[3] = [
             z("div", { class: "connection-dot" }, null, -1)
           ])], 34)) : _("", !0),
           z("div", {
             ref: "leftResizeHandle",
             class: ae(["resize-handle left-resize-handle", { "is-dragging": P(ee) }])
-          }, [...B[4] || (B[4] = [
+          }, [...V[4] || (V[4] = [
             z("div", { class: "handle-grip" }, null, -1),
             z("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (b(), R("label", jn, ye(e.label), 1)) : _("", !0),
+          e.label ? (b(), R("label", qn, ye(e.label), 1)) : _("", !0),
           z("div", {
             ref: "rightResizeHandle",
             class: ae(["resize-handle right-resize-handle", { "is-dragging": P(ne) }])
-          }, [...B[5] || (B[5] = [
+          }, [...V[5] || (V[5] = [
             z("div", { class: "handle-grip" }, null, -1),
             z("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, Un)
+        ], 46, Yn)
       ], 512),
       e.store.isDependencyGraphEnabled && x.value ? (b(), R("svg", {
         key: 0,
@@ -1599,29 +1610,29 @@ const Zn = (e) => {
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, Yn)
+        }, null, 8, Jn)
       ], 4)) : _("", !0)
-    ], 8, Xn));
+    ], 8, jn));
   }
 }), Ae = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, u] of t)
-    n[l] = u;
+  for (const [o, u] of t)
+    n[o] = u;
   return n;
-}, qn = /* @__PURE__ */ Ae(Jn, [["__scopeId", "data-v-032ef6d9"]]), Qn = `<?xml version="1.0" encoding="UTF-8"?>
+}, Kn = /* @__PURE__ */ Ae(Qn, [["__scopeId", "data-v-032ef6d9"]]), _n = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 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>
-`, Kn = `<?xml version="1.0" encoding="UTF-8"?>
+`, eo = `<?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>`, _n = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, to = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.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>`, eo = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, no = `<?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"/>
@@ -1635,7 +1646,7 @@ const Zn = (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>`, to = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, oo = `<?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"/>
@@ -1649,31 +1660,31 @@ const Zn = (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>`, no = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, lo = `<?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>`, oo = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, ao = `<?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>
-`, lo = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 13V3.5M4.5 7 8 3.5 11.5 7" stroke-linecap="round" stroke-linejoin="round"/></svg>', ao = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 3v9.5M4.5 9 8 12.5 11.5 9" stroke-linecap="round" stroke-linejoin="round"/></svg>', so = {
-  add: Qn,
-  delete: Kn,
-  duplicate: _n,
-  insertAbove: eo,
-  insertBelow: to,
-  move: no,
-  moveUp: lo,
-  moveDown: ao,
-  open: oo
-}, io = {
+`, so = '<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>', io = '<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>', ro = {
+  add: _n,
+  delete: eo,
+  duplicate: to,
+  insertAbove: no,
+  insertBelow: oo,
+  move: lo,
+  moveUp: so,
+  moveDown: io,
+  open: ao
+}, co = {
   key: 0,
   class: "row-actions-dropdown"
-}, ro = ["aria-expanded"], co = ["disabled", "onClick"], uo = ["innerHTML"], fo = { class: "action-label" }, vo = {
+}, uo = ["aria-expanded"], fo = ["disabled", "onClick"], vo = ["innerHTML"], ho = { class: "action-label" }, mo = {
   key: 1,
   class: "row-actions-icons"
-}, ho = ["title", "aria-label", "disabled", "onClick"], mo = ["innerHTML"], Ye = /* @__PURE__ */ Ce({
+}, go = ["title", "aria-label", "disabled", "onClick"], wo = ["innerHTML"], Ye = /* @__PURE__ */ Ce({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1683,7 +1694,7 @@ const Zn = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const n = e, l = t, u = de("actionsCell"), o = de("toggleButton"), a = W(0), c = W(!1), r = W(!1), s = W({ top: 0, left: 0 }), h = {
+    const n = e, o = t, u = de("actionsCell"), l = de("toggleButton"), a = W(0), c = W(!1), r = W(!1), s = W({ top: 0, left: 0 }), h = {
       add: "Add Record",
       delete: "Delete Record",
       duplicate: "Duplicate Record",
@@ -1693,7 +1704,7 @@ const Zn = (e) => {
       moveUp: "Move Up",
       moveDown: "Move Down",
       open: "Open Record"
-    }, f = T(() => {
+    }, f = S(() => {
       const v = [], g = n.config.actions || {}, k = [
         "open",
         "moveUp",
@@ -1708,15 +1719,15 @@ const Zn = (e) => {
       for (const C of k) {
         const x = g[C];
         if (x === !1 || x === void 0) continue;
-        let I = !0, X = h[C], M = so[C], V = !1;
-        typeof x == "object" && (I = x.enabled !== !1, X = x.label || X, M = x.icon || M, x.disabled && (V = x.disabled(n.rowIndex, n.store))), I && v.push({ type: C, label: X, icon: M, disabled: V });
+        let I = !0, X = h[C], M = ro[C], B = !1;
+        typeof x == "object" && (I = x.enabled !== !1, X = x.label || X, M = x.icon || M, x.disabled && (B = x.disabled(n.rowIndex, n.store))), I && v.push({ type: C, label: X, icon: M, disabled: B });
       }
       return v;
-    }), w = T(() => {
+    }), w = S(() => {
       if (n.config.forceDropdown) return !0;
       const v = n.config.dropdownThreshold ?? 150;
       return v === 0 ? !1 : a.value > 0 && a.value < v;
-    }), L = T(() => c.value ? r.value ? {
+    }), L = S(() => c.value ? r.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - s.value.top}px`,
       left: `${s.value.left}px`,
@@ -1726,15 +1737,15 @@ const Zn = (e) => {
       top: `${s.value.top}px`,
       left: `${s.value.left}px`
     } : {});
-    qe(u, (v) => {
+    Je(u, (v) => {
       const g = v[0];
       g && (a.value = g.contentRect.width);
     });
     const Z = () => {
       c.value || y(), c.value = !c.value;
     }, y = () => {
-      if (!o.value) return;
-      const v = o.value.getBoundingClientRect(), g = window.innerHeight, k = window.innerWidth, C = f.value.length * 40 + 16, x = 160, I = g - v.bottom, X = v.top;
+      if (!l.value) return;
+      const v = l.value.getBoundingClientRect(), g = window.innerHeight, k = window.innerWidth, C = f.value.length * 40 + 16, x = 160, I = g - v.bottom, X = v.top;
       r.value = I < C && X > C;
       let M = v.left;
       M + x > k && (M = Math.max(0, v.right - x)), s.value = {
@@ -1748,13 +1759,13 @@ const Zn = (e) => {
     const m = (v, g) => {
       c.value = !1;
       const k = n.config.actions?.[v];
-      typeof k == "object" && k.handler && k.handler(n.rowIndex, n.store) === !1 || l("action", v, n.rowIndex, g);
+      typeof k == "object" && k.handler && k.handler(n.rowIndex, n.store) === !1 || o("action", v, n.rowIndex, g);
     };
     return (v, g) => (b(), R("td", {
       ref: "actionsCell",
       class: ae(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": c.value }])
     }, [
-      w.value ? (b(), R("div", io, [
+      w.value ? (b(), R("div", co, [
         z("button", {
           ref: "toggleButton",
           type: "button",
@@ -1764,7 +1775,7 @@ const Zn = (e) => {
           onClick: $e(Z, ["stop"])
         }, [...g[0] || (g[0] = [
           z("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, ro),
+        ])], 8, uo),
         ue(z("div", {
           class: ae(["row-actions-menu", { "menu-flipped": r.value }]),
           style: pe(L.value),
@@ -1781,13 +1792,13 @@ const Zn = (e) => {
             z("span", {
               class: "action-icon",
               innerHTML: k.icon
-            }, null, 8, uo),
-            z("span", fo, ye(k.label), 1)
-          ], 8, co))), 128))
+            }, null, 8, vo),
+            z("span", ho, ye(k.label), 1)
+          ], 8, fo))), 128))
         ], 6), [
-          [it, c.value]
+          [rt, c.value]
         ])
-      ])) : (b(), R("div", vo, [
+      ])) : (b(), R("div", mo, [
         (b(!0), R(me, null, be(f.value, (k) => (b(), R("button", {
           key: k.type,
           type: "button",
@@ -1800,12 +1811,12 @@ const Zn = (e) => {
           z("span", {
             class: "action-icon",
             innerHTML: k.icon
-          }, null, 8, mo)
-        ], 8, ho))), 128))
+          }, null, 8, wo)
+        ], 8, go))), 128))
       ]))
     ], 2));
   }
-}), go = ["tabindex"], wo = ["tabindex"], po = ["colspan"], xo = /* @__PURE__ */ Ce({
+}), po = ["tabindex"], xo = ["tabindex"], yo = ["colspan"], bo = /* @__PURE__ */ Ce({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1815,7 +1826,7 @@ const Zn = (e) => {
   },
   emits: ["row:action", "row:click"],
   setup(e, { emit: t }) {
-    const n = t, l = de("rowEl"), u = T(() => e.store.isRowVisible(e.rowIndex)), o = T(() => e.store.getRowExpandSymbol(e.rowIndex)), a = T(() => e.store.config.clickable ?? !1), c = T(() => e.store.config.rowActions || { enabled: !1 }), r = T(() => c.value.enabled), s = T(() => c.value.position || "before-index"), h = T(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), f = T(() => {
+    const n = t, o = de("rowEl"), u = S(() => e.store.isRowVisible(e.rowIndex)), l = S(() => e.store.getRowExpandSymbol(e.rowIndex)), a = S(() => e.store.config.clickable ?? !1), c = S(() => e.store.config.rowActions || { enabled: !1 }), r = S(() => c.value.enabled), s = S(() => c.value.position || "before-index"), h = S(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), f = S(() => {
       const y = e.store.config.view === "uncounted" ? 0 : 1, m = r.value ? 1 : 0;
       return e.store.columns.length + y + m;
     }), w = (y, m, v) => {
@@ -1826,17 +1837,17 @@ const Zn = (e) => {
     }, Z = e.store.config.view === "list-expansion";
     if (e.addNavigation || Z) {
       let y = {};
-      e.addNavigation === !0 ? y = { ...Je } : typeof e.addNavigation == "object" && (y = { ...Je, ...e.addNavigation }), Z && !y["keydown.control.g"] && (y["keydown.control.g"] = (m) => {
+      e.addNavigation === !0 ? y = { ...qe } : typeof e.addNavigation == "object" && (y = { ...qe, ...e.addNavigation }), Z && !y["keydown.control.g"] && (y["keydown.control.g"] = (m) => {
         m.stopPropagation(), m.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
-      }), It([
+      }), Ht([
         {
-          selectors: l,
+          selectors: o,
           handlers: y
         }
       ]);
     }
     return (y, m) => (b(), R(me, null, [
-      ue(z("tr", st(y.$attrs, {
+      ue(z("tr", it(y.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: ["atable-row", { "atable-row-clickable": a.value }],
@@ -1860,12 +1871,12 @@ const Zn = (e) => {
             tabIndex: -1,
             class: ae(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
             onClick: m[0] || (m[0] = (v) => e.store.toggleRowExpand(e.rowIndex))
-          }, ye(o.value), 3)) : e.store.config.view === "list-expansion" ? (b(), R("td", {
+          }, ye(l.value), 3)) : e.store.config.view === "list-expansion" ? (b(), R("td", {
             key: 2,
             tabIndex: -1,
             class: ae(["expansion-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
             onClick: m[1] || (m[1] = (v) => e.store.toggleRowExpand(e.rowIndex))
-          }, ye(o.value), 3)) : _("", !0)
+          }, ye(l.value), 3)) : _("", !0)
         ], !0) : _("", !0),
         r.value && s.value === "after-index" ? (b(), ve(Ye, {
           key: 2,
@@ -1884,8 +1895,8 @@ const Zn = (e) => {
           position: s.value,
           onAction: w
         }, null, 8, ["row-index", "store", "config", "position"])) : _("", !0)
-      ], 16, go), [
-        [it, u.value]
+      ], 16, po), [
+        [rt, u.value]
       ]),
       h.value ? (b(), R("tr", {
         key: 0,
@@ -1902,40 +1913,40 @@ const Zn = (e) => {
             rowIndex: e.rowIndex,
             store: e.store
           }, void 0, !0)
-        ], 8, po)
-      ], 8, wo)) : _("", !0)
+        ], 8, yo)
+      ], 8, xo)) : _("", !0)
     ], 64));
   }
-}), Bt = /* @__PURE__ */ Ae(xo, [["__scopeId", "data-v-4dd47763"]]), nt = /* @__PURE__ */ new WeakMap(), yo = {
+}), Zt = /* @__PURE__ */ Ae(bo, [["__scopeId", "data-v-4dd47763"]]), nt = /* @__PURE__ */ new WeakMap(), Co = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
-    let l;
-    if (typeof t.value == "function") l = ot(e, t.value, { capture: n });
+    let o;
+    if (typeof t.value == "function") o = ot(e, t.value, { capture: n });
     else {
-      const [u, o] = t.value;
-      l = ot(e, u, Object.assign({ capture: n }, o));
+      const [u, l] = t.value;
+      o = ot(e, u, Object.assign({ capture: n }, l));
     }
-    nt.set(e, l);
+    nt.set(e, o);
   },
   unmounted(e) {
     const t = nt.get(e);
     t && typeof t == "function" ? t() : t?.stop(), nt.delete(e);
   }
-}, bo = { mounted(e, t) {
-  typeof t.value == "function" ? qe(e, t.value) : qe(e, ...t.value);
+}, ko = { mounted(e, t) {
+  typeof t.value == "function" ? Je(e, t.value) : Je(e, ...t.value);
 } };
-function Co() {
+function Mo() {
   let e = !1;
   const t = re(!1);
-  return (n, l) => {
-    if (t.value = l.value, e) return;
+  return (n, o) => {
+    if (t.value = o.value, e) return;
     e = !0;
-    const u = Ln(n, l.value);
-    ce(t, (o) => u.value = o);
+    const u = On(n, o.value);
+    ce(t, (l) => u.value = l);
   };
 }
-Co();
-const ko = { class: "gantt-connection-overlay" }, Mo = {
+Mo();
+const Ro = { class: "gantt-connection-overlay" }, Eo = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1946,14 +1957,14 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, Ro = ["d", "stroke-width", "onDblclick"], Eo = ["id", "d", "stroke", "stroke-width", "onDblclick"], To = 0.25, Ge = 16, So = /* @__PURE__ */ Ce({
+}, To = ["d", "stroke-width", "onDblclick"], So = ["id", "d", "stroke", "stroke-width", "onDblclick"], $o = 0.25, Ge = 16, Io = /* @__PURE__ */ Ce({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const n = t, l = T(() => e.store.connectionPaths.filter((a) => {
+    const n = t, o = S(() => e.store.connectionPaths.filter((a) => {
       const c = e.store.ganttBars.find((s) => s.id === a.from.barId), r = e.store.ganttBars.find((s) => s.id === a.to.barId);
       return c && r;
     })), u = (a) => {
@@ -1963,13 +1974,13 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
         (X) => X.barId === a.to.barId && X.side === a.to.side
       );
       if (!c || !r) return "";
-      const s = c.position.x + Ge / 2, h = c.position.y + Ge / 2, f = r.position.x + Ge / 2, w = r.position.y + Ge / 2, L = Math.abs(f - s), Z = Math.max(L * To, 50), y = s + (a.from.side === "left" ? -Z : Z), m = f + (a.to.side === "left" ? -Z : Z), v = { x: 0.5 * s + 0.5 * y, y: 0.5 * h + 0.5 * h }, g = { x: 0.5 * y + 0.5 * m, y: 0.5 * h + 0.5 * w }, k = { x: 0.5 * m + 0.5 * f, y: 0.5 * w + 0.5 * w }, C = { x: 0.5 * v.x + 0.5 * g.x, y: 0.5 * v.y + 0.5 * g.y }, x = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, I = { x: 0.5 * C.x + 0.5 * x.x, y: 0.5 * C.y + 0.5 * x.y };
+      const s = c.position.x + Ge / 2, h = c.position.y + Ge / 2, f = r.position.x + Ge / 2, w = r.position.y + Ge / 2, L = Math.abs(f - s), Z = Math.max(L * $o, 50), y = s + (a.from.side === "left" ? -Z : Z), m = f + (a.to.side === "left" ? -Z : Z), v = { x: 0.5 * s + 0.5 * y, y: 0.5 * h + 0.5 * h }, g = { x: 0.5 * y + 0.5 * m, y: 0.5 * h + 0.5 * w }, k = { x: 0.5 * m + 0.5 * f, y: 0.5 * w + 0.5 * w }, C = { x: 0.5 * v.x + 0.5 * g.x, y: 0.5 * v.y + 0.5 * g.y }, x = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, I = { x: 0.5 * C.x + 0.5 * x.x, y: 0.5 * C.y + 0.5 * x.y };
       return `M ${s} ${h} Q ${y} ${h}, ${I.x} ${I.y} Q ${m} ${w}, ${f} ${w}`;
-    }, o = (a) => {
+    }, l = (a) => {
       e.store.deleteConnection(a.id) && n("connection:delete", a);
     };
-    return (a, c) => (b(), R("div", ko, [
-      (b(), R("svg", Mo, [
+    return (a, c) => (b(), R("div", Ro, [
+      (b(), R("svg", Eo, [
         c[0] || (c[0] = z("defs", null, [
           z("path", {
             id: "arrowhead",
@@ -1993,16 +2004,16 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
             })
           ])
         ], -1)),
-        (b(!0), R(me, null, be(l.value, (r) => (b(), R("path", {
+        (b(!0), R(me, null, be(o.value, (r) => (b(), R("path", {
           key: `${r.id}-hitbox`,
           d: u(r),
           stroke: "transparent",
           "stroke-width": (r.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (s) => o(r)
-        }, null, 40, Ro))), 128)),
-        (b(!0), R(me, null, be(l.value, (r) => (b(), R("path", {
+          onDblclick: (s) => l(r)
+        }, null, 40, To))), 128)),
+        (b(!0), R(me, null, be(o.value, (r) => (b(), R("path", {
           id: r.id,
           key: r.id,
           d: u(r),
@@ -2011,18 +2022,18 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (s) => o(r)
-        }, null, 40, Eo))), 128))
+          onDblclick: (s) => l(r)
+        }, null, 40, So))), 128))
       ]))
     ]));
   }
-}), $o = /* @__PURE__ */ Ae(So, [["__scopeId", "data-v-d5929c98"]]), Io = { class: "column-filter" }, Ao = {
+}), Ao = /* @__PURE__ */ Ae(Io, [["__scopeId", "data-v-d5929c98"]]), Ho = { class: "column-filter" }, Lo = {
   key: 2,
   class: "checkbox-filter"
-}, Ho = ["value"], Lo = {
+}, Do = ["value"], Oo = {
   key: 5,
   class: "date-range-filter"
-}, Do = /* @__PURE__ */ Ce({
+}, Bo = /* @__PURE__ */ Ce({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -2039,15 +2050,16 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
       select: "select",
       code: "text",
       link: "text",
-      attach: "text"
-    }, n = W(""), l = Yt({
+      attach: "text",
+      quantity: "number"
+    }, n = W(""), o = Jt({
       startValue: "",
       endValue: ""
-    }), u = T(() => {
+    }), u = S(() => {
       if (e.column.filterType) return e.column.filterType;
-      const h = Ot(e.column.component);
+      const h = ht(e.column.component);
       return h ? t[h] : "text";
-    }), o = (h) => {
+    }), l = (h) => {
       if (h.filterOptions) return h.filterOptions;
       const f = /* @__PURE__ */ new Set();
       return e.store.rows.forEach((w) => {
@@ -2057,18 +2069,18 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
         value: w,
         label: String(w)
       }));
-    }, a = T(() => !!(n.value || l.startValue || l.endValue)), c = (h) => {
+    }, a = S(() => !!(n.value || o.startValue || o.endValue)), c = (h) => {
       !h && u.value !== "checkbox" ? (e.store.clearFilter(e.colIndex), n.value = "") : (n.value = h, e.store.setFilter(e.colIndex, { value: h }));
     }, r = (h, f) => {
-      h === "start" ? l.startValue = f : l.endValue = f, !l.startValue && !l.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
+      h === "start" ? o.startValue = f : o.endValue = f, !o.startValue && !o.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
         value: null,
-        startValue: l.startValue,
-        endValue: l.endValue
+        startValue: o.startValue,
+        endValue: o.endValue
       });
     }, s = () => {
-      n.value = "", l.startValue = "", l.endValue = "", e.store.clearFilter(e.colIndex);
+      n.value = "", o.startValue = "", o.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (h, f) => (b(), R("div", Io, [
+    return (h, f) => (b(), R("div", Ho, [
       u.value === "text" ? ue((b(), R("input", {
         key: 0,
         "onUpdate:modelValue": f[0] || (f[0] = (w) => n.value = w),
@@ -2085,14 +2097,14 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
         onInput: f[3] || (f[3] = (w) => c(n.value))
       }, null, 544)), [
         [Ze, n.value]
-      ]) : u.value === "checkbox" ? (b(), R("label", Ao, [
+      ]) : u.value === "checkbox" ? (b(), R("label", Lo, [
         ue(z("input", {
           "onUpdate:modelValue": f[4] || (f[4] = (w) => n.value = w),
           type: "checkbox",
           class: "filter-checkbox",
           onChange: f[5] || (f[5] = (w) => c(n.value))
         }, null, 544), [
-          [Jt, n.value]
+          [Qt, n.value]
         ]),
         z("span", null, ye(e.column.label), 1)
       ])) : u.value === "select" ? ue((b(), R("select", {
@@ -2102,12 +2114,12 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
         onChange: f[7] || (f[7] = (w) => c(n.value))
       }, [
         f[15] || (f[15] = z("option", { value: "" }, "All", -1)),
-        (b(!0), R(me, null, be(o(e.column), (w) => (b(), R("option", {
+        (b(!0), R(me, null, be(l(e.column), (w) => (b(), R("option", {
           key: w.value || w,
           value: w.value || w
-        }, ye(w.label || w), 9, Ho))), 128))
+        }, ye(w.label || w), 9, Do))), 128))
       ], 544)), [
-        [qt, n.value]
+        [Kt, n.value]
       ]) : u.value === "date" ? ue((b(), R("input", {
         key: 4,
         "onUpdate:modelValue": f[8] || (f[8] = (w) => n.value = w),
@@ -2116,23 +2128,23 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
         onChange: f[9] || (f[9] = (w) => c(n.value))
       }, null, 544)), [
         [Ze, n.value]
-      ]) : u.value === "dateRange" ? (b(), R("div", Lo, [
+      ]) : u.value === "dateRange" ? (b(), R("div", Oo, [
         ue(z("input", {
-          "onUpdate:modelValue": f[10] || (f[10] = (w) => l.startValue = w),
+          "onUpdate:modelValue": f[10] || (f[10] = (w) => o.startValue = w),
           type: "date",
           class: "filter-input",
-          onChange: f[11] || (f[11] = (w) => r("start", l.startValue))
+          onChange: f[11] || (f[11] = (w) => r("start", o.startValue))
         }, null, 544), [
-          [Ze, l.startValue]
+          [Ze, o.startValue]
         ]),
         f[16] || (f[16] = z("span", { class: "date-separator" }, "-", -1)),
         ue(z("input", {
-          "onUpdate:modelValue": f[12] || (f[12] = (w) => l.endValue = w),
+          "onUpdate:modelValue": f[12] || (f[12] = (w) => o.endValue = w),
           type: "date",
           class: "filter-input",
-          onChange: f[13] || (f[13] = (w) => r("end", l.endValue))
+          onChange: f[13] || (f[13] = (w) => r("end", o.endValue))
         }, null, 544), [
-          [Ze, l.endValue]
+          [Ze, o.endValue]
         ])
       ])) : u.value === "component" && e.column.filterComponent ? (b(), ve(Ne(e.column.filterComponent), {
         key: 6,
@@ -2150,43 +2162,43 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
       }, "×")) : _("", !0)
     ]));
   }
-}), Oo = /* @__PURE__ */ Ae(Do, [["__scopeId", "data-v-b57e3235"]]), Vo = { key: 0 }, Bo = {
+}), Vo = /* @__PURE__ */ Ae(Bo, [["__scopeId", "data-v-3257dbbe"]]), Po = { key: 0 }, Zo = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Po = {
+}, No = {
   key: 2,
   class: "row-actions-header"
-}, Zo = ["data-colindex", "onClick"], No = {
+}, Fo = ["data-colindex", "onClick"], Wo = {
   key: 3,
   class: "row-actions-header"
-}, Fo = {
+}, zo = {
   key: 0,
   class: "atable-filters-row"
-}, Wo = {
+}, Xo = {
   key: 2,
   class: "row-actions-header"
-}, zo = {
+}, Go = {
   key: 3,
   class: "row-actions-header"
-}, Pt = /* @__PURE__ */ Ce({
+}, Nt = /* @__PURE__ */ Ce({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = T(() => e.columns.filter((a) => a.filterable)), n = T(() => e.store.config.rowActions?.enabled ?? !1), l = T(() => e.store.config.rowActions?.position ?? "before-index"), u = (a) => e.store.sortByColumn(a), o = (a) => {
+    const t = S(() => e.columns.filter((a) => a.filterable)), n = S(() => e.store.config.rowActions?.enabled ?? !1), o = S(() => e.store.config.rowActions?.position ?? "before-index"), u = (a) => e.store.sortByColumn(a), l = (a) => {
       for (const c of a) {
         if (c.borderBoxSize.length === 0) continue;
         const s = c.borderBoxSize[0].inlineSize, h = Number(c.target.dataset.colindex), f = e.store.columns[h]?.width;
         typeof f == "number" && f !== s && e.store.resizeColumn(h, s);
       }
     };
-    return (a, c) => e.columns.length ? (b(), R("thead", Vo, [
-      z("tr", Bo, [
-        n.value && l.value === "before-index" ? (b(), R("th", {
+    return (a, c) => e.columns.length ? (b(), R("thead", Po, [
+      z("tr", Zo, [
+        n.value && o.value === "before-index" ? (b(), R("th", {
           key: 0,
-          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+          class: ae(["row-actions-header", { "sticky-column": o.value === "before-index" }])
         }, null, 2)) : _("", !0),
         e.store.zeroColumn ? (b(), R("th", {
           key: 1,
@@ -2197,7 +2209,7 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : _("", !0),
-        n.value && l.value === "after-index" ? (b(), R("th", Po)) : _("", !0),
+        n.value && o.value === "after-index" ? (b(), R("th", No)) : _("", !0),
         (b(!0), R(me, null, be(e.columns, (r, s) => ue((b(), R("th", {
           key: r.name,
           "data-colindex": s,
@@ -2207,17 +2219,17 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
           onClick: (h) => r.sortable !== !1 ? u(s) : void 0
         }, [
           he(a.$slots, "default", {}, () => [
-            Qt(ye(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+            _t(ye(r.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
-        ], 14, Zo)), [
-          [P(bo), o]
+        ], 14, Fo)), [
+          [P(ko), l]
         ])), 128)),
-        n.value && l.value === "end" ? (b(), R("th", No)) : _("", !0)
+        n.value && o.value === "end" ? (b(), R("th", Wo)) : _("", !0)
       ]),
-      t.value.length > 0 ? (b(), R("tr", Fo, [
-        n.value && l.value === "before-index" ? (b(), R("th", {
+      t.value.length > 0 ? (b(), R("tr", zo, [
+        n.value && o.value === "before-index" ? (b(), R("th", {
           key: 0,
-          class: ae(["row-actions-header", { "sticky-column": l.value === "before-index" }])
+          class: ae(["row-actions-header", { "sticky-column": o.value === "before-index" }])
         }, null, 2)) : _("", !0),
         e.store.zeroColumn ? (b(), R("th", {
           key: 1,
@@ -2227,44 +2239,44 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : _("", !0),
-        n.value && l.value === "after-index" ? (b(), R("th", Wo)) : _("", !0),
+        n.value && o.value === "after-index" ? (b(), R("th", Xo)) : _("", !0),
         (b(!0), R(me, null, be(e.columns, (r, s) => (b(), R("th", {
           key: `filter-${r.name}`,
           class: ae(`${r.pinned ? "sticky-column" : ""}`),
           style: pe(e.store.getHeaderCellStyle(r))
         }, [
-          r.filterable ? (b(), ve(Oo, {
+          r.filterable ? (b(), ve(Vo, {
             key: 0,
             column: r,
             "col-index": s,
             store: e.store
           }, null, 8, ["column", "col-index", "store"])) : _("", !0)
         ], 6))), 128)),
-        n.value && l.value === "end" ? (b(), R("th", zo)) : _("", !0)
+        n.value && o.value === "end" ? (b(), R("th", Go)) : _("", !0)
       ])) : _("", !0)
     ])) : _("", !0);
   }
-}), Zt = /* @__PURE__ */ Ce({
+}), Ft = /* @__PURE__ */ Ce({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = de("amodal"), { width: n, height: l } = Te(t), u = T(() => {
+    const t = de("amodal"), { width: n, height: o } = Te(t), u = S(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
-      const o = e.store.modal.cell?.closest("table");
-      if (!o) return {};
-      const a = o.offsetHeight || 0, c = o.offsetWidth || 0;
+      const l = e.store.modal.cell?.closest("table");
+      if (!l) return {};
+      const a = l.offsetHeight || 0, c = l.offsetWidth || 0;
       let r = e.store.modal.cell?.offsetTop || 0;
-      const s = o.querySelector("thead")?.offsetHeight || 0;
-      r += s, r = r + l.value < a ? r : r - (l.value + e.store.modal.height);
+      const s = l.querySelector("thead")?.offsetHeight || 0;
+      r += s, r = r + o.value < a ? r : r - (o.value + e.store.modal.height);
       let h = e.store.modal.cell?.offsetLeft || 0;
       return h = h + n.value <= c ? h : h - (n.value - e.store.modal.width), {
         left: `${h}px`,
         top: `${r}px`
       };
     });
-    return (o, a) => (b(), R("div", {
+    return (l, a) => (b(), R("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
@@ -2274,29 +2286,29 @@ const ko = { class: "gantt-connection-overlay" }, Mo = {
       onInput: a[1] || (a[1] = $e(() => {
       }, ["stop"]))
     }, [
-      he(o.$slots, "default")
+      he(l.$slots, "default")
     ], 36));
   }
 });
-function Xo(e) {
-  return e.filter((t) => !t.hidden && t.component).map(({ fieldname: t, hidden: n, ...l }) => {
-    const u = Object.assign({ name: t }, l);
-    return l.doctype && !l.cellComponent && (u.linkDoctype = l.doctype, l.format || (u.format = (o) => {
-      if (o == null) return "";
-      if (typeof o == "object") {
-        const a = o.displayText ?? o.id ?? "";
+function jo(e) {
+  return e.filter((t) => !t.hidden && t.component).map(({ fieldname: t, hidden: n, ...o }) => {
+    const u = Object.assign({ name: t }, o);
+    return o.doctype && !o.cellComponent && (u.linkDoctype = o.doctype, o.format || (u.format = (l) => {
+      if (l == null) return "";
+      if (typeof l == "object") {
+        const a = l.displayText ?? l.id ?? "";
         return typeof a == "string" || typeof a == "number" ? String(a) : "";
       }
-      return String(o);
-    })), u;
+      return String(l);
+    })), ht(o.component) === "quantity" && !o.format && (u.format = Vt), u;
   });
 }
-const Go = {
+const Uo = {
   class: "atable-container",
   style: { position: "relative" }
-}, Uo = /* @__PURE__ */ Ce({
+}, Yo = /* @__PURE__ */ Ce({
   __name: "ATable",
-  props: /* @__PURE__ */ xt({
+  props: /* @__PURE__ */ bt({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
@@ -2307,11 +2319,11 @@ const Go = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ xt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ bt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: n }) {
-    const l = gt(e, "rows"), u = gt(e, "columns"), o = n, a = de("table"), c = u.value?.length ? u.value : Xo(e.schema ?? []), r = Kt("aformLinkResolver", null), s = Zn({
+    const o = pt(e, "rows"), u = pt(e, "columns"), l = n, a = de("table"), c = u.value?.length ? u.value : jo(e.schema ?? []), r = en("aformLinkResolver", null), s = Fn({
       columns: c,
-      rows: l.value,
+      rows: o.value,
       id: e.id,
       config: e.config,
       linkResolver: e.linkResolver ?? r
@@ -2320,19 +2332,19 @@ const Go = {
       if (v === "setCellData" || v === "setCellText") {
         const [x, I, X] = k, M = g.getCellData(x, I);
         C(() => {
-          l.value = [...s.rows], o("cellUpdate", { colIndex: x, rowIndex: I, newValue: X, oldValue: M });
+          o.value = [...s.rows], l("cellUpdate", { colIndex: x, rowIndex: I, newValue: X, oldValue: M });
         });
       } else if (v === "updateGanttBar") {
         const [x] = k;
         let I = !1;
         x.type === "resize" ? I = x.oldColspan !== x.newColspan : x.type === "bar" && (I = x.oldStart !== x.newStart || x.oldEnd !== x.newEnd), I && C(() => {
-          o("gantt:drag", x);
+          l("gantt:drag", x);
         });
       } else v === "resizeColumn" && C(() => {
-        u.value = [...s.columns], o("columns:update", [...s.columns]);
+        u.value = [...s.columns], l("columns:update", [...s.columns]);
       });
     }), ce(
-      () => l.value,
+      () => o.value,
       (v) => {
         JSON.stringify(v) !== JSON.stringify(s.rows) && (s.rows = [...v]);
       },
@@ -2340,13 +2352,13 @@ const Go = {
     ), ce(
       u,
       (v) => {
-        v && JSON.stringify(v) !== JSON.stringify(s.columns) && (s.columns = [...v], o("columns:update", [...v]));
+        v && JSON.stringify(v) !== JSON.stringify(s.columns) && (s.columns = [...v], l("columns:update", [...v]));
       },
       { deep: !0 }
     ), Ie(() => {
-      u.value?.some((v) => v.pinned) && (f(), s.isTreeView && Lt(a, f, { childList: !0, subtree: !0 }));
+      u.value?.some((v) => v.pinned) && (f(), s.isTreeView && Ot(a, f, { childList: !0, subtree: !0 }));
     });
-    const h = T(() => s.columns.filter((v) => v.pinned).length), f = () => {
+    const h = S(() => s.columns.filter((v) => v.pinned).length), f = () => {
       const v = a.value, g = v?.rows[0], k = v?.rows[1], C = g ? Array.from(g.cells) : [];
       for (const [x, I] of C.entries()) {
         const X = k?.cells[x];
@@ -2364,7 +2376,7 @@ const Go = {
       if (v.key === "Escape" && s.modal.visible) {
         s.modal.visible = !1;
         const g = s.modal.parent;
-        g && at().then(() => g.focus());
+        g && st().then(() => g.focus());
       }
     });
     const w = (v) => {
@@ -2384,57 +2396,57 @@ const Go = {
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), g;
     }, L = (v) => {
-      o("connection:event", { type: "create", connection: v });
+      l("connection:event", { type: "create", connection: v });
     }, Z = (v) => {
-      o("connection:event", { type: "delete", connection: v });
+      l("connection:event", { type: "delete", connection: v });
     }, y = (v, g) => {
       const k = s.rows[v];
-      o("row:click", { row: k, rowIndex: v, event: g });
+      l("row:click", { row: k, rowIndex: v, event: g });
     }, m = (v, g, k) => {
       switch (v) {
         case "add": {
           const C = s.addRow({}, g + 1), x = s.rows[C];
-          l.value = [...s.rows], o("row:add", { rowIndex: C, row: x });
+          o.value = [...s.rows], l("row:add", { rowIndex: C, row: x });
           break;
         }
         case "delete": {
           const C = s.deleteRow(g);
-          C && (l.value = [...s.rows], o("row:delete", { rowIndex: g, row: C }));
+          C && (o.value = [...s.rows], l("row:delete", { rowIndex: g, row: C }));
           break;
         }
         case "duplicate": {
           const C = s.duplicateRow(g);
           if (C >= 0) {
             const x = s.rows[C];
-            l.value = [...s.rows], o("row:duplicate", { sourceIndex: g, newIndex: C, row: x });
+            o.value = [...s.rows], l("row:duplicate", { sourceIndex: g, newIndex: C, row: x });
           }
           break;
         }
         case "insertAbove": {
           const C = s.insertRowAbove(g), x = s.rows[C];
-          l.value = [...s.rows], o("row:insert-above", { targetIndex: g, newIndex: C, row: x });
+          o.value = [...s.rows], l("row:insert-above", { targetIndex: g, newIndex: C, row: x });
           break;
         }
         case "insertBelow": {
           const C = s.insertRowBelow(g), x = s.rows[C];
-          l.value = [...s.rows], o("row:insert-below", { targetIndex: g, newIndex: C, row: x });
+          o.value = [...s.rows], l("row:insert-below", { targetIndex: g, newIndex: C, row: x });
           break;
         }
         case "move": {
-          o("row:move", { fromIndex: g, toIndex: -1 });
+          l("row:move", { fromIndex: g, toIndex: -1 });
           break;
         }
         case "moveUp": {
-          g > 0 && s.moveRow(g, g - 1) && (l.value = [...s.rows], o("row:move", { fromIndex: g, toIndex: g - 1 }));
+          g > 0 && s.moveRow(g, g - 1) && (o.value = [...s.rows], l("row:move", { fromIndex: g, toIndex: g - 1 }));
           break;
         }
         case "moveDown": {
-          g < s.rows.length - 1 && s.moveRow(g, g + 1) && (l.value = [...s.rows], o("row:move", { fromIndex: g, toIndex: g + 1 }));
+          g < s.rows.length - 1 && s.moveRow(g, g + 1) && (o.value = [...s.rows], l("row:move", { fromIndex: g, toIndex: g + 1 }));
           break;
         }
         case "open": {
           const C = s.rows[g];
-          o("row:open", { row: C, rowIndex: g, event: k });
+          l("row:open", { row: C, rowIndex: g, event: k });
           break;
         }
       }
@@ -2452,7 +2464,7 @@ const Go = {
       insertRowAbove: s.insertRowAbove,
       insertRowBelow: s.insertRowBelow,
       moveRow: s.moveRow
-    }), (v, g) => (b(), R("div", Go, [
+    }), (v, g) => (b(), R("div", Uo, [
       ue((b(), R("table", {
         ref: "table",
         class: "atable",
@@ -2461,14 +2473,14 @@ const Go = {
         })
       }, [
         he(v.$slots, "header", { data: P(s) }, () => [
-          wt(Pt, {
+          xt(Nt, {
             columns: P(s).columns,
             store: P(s)
           }, null, 8, ["columns", "store"])
         ], !0),
         z("tbody", null, [
           he(v.$slots, "body", { data: P(s) }, () => [
-            (b(!0), R(me, null, be(P(s).filteredRows, (k, C) => (b(), ve(Bt, {
+            (b(!0), R(me, null, be(P(s).filteredRows, (k, C) => (b(), ve(Zt, {
               key: `${k.originalIndex}-${C}`,
               row: k,
               "row-index": k.originalIndex,
@@ -2476,7 +2488,7 @@ const Go = {
               "onRow:action": m,
               "onRow:click": y
             }, {
-              default: pt(() => [
+              default: yt(() => [
                 (b(!0), R(me, null, be(w(k), (x, I) => (b(), R(me, {
                   key: x.name
                 }, [
@@ -2517,9 +2529,9 @@ const Go = {
         ]),
         he(v.$slots, "footer", { data: P(s) }, void 0, !0),
         he(v.$slots, "modal", { data: P(s) }, () => [
-          ue(wt(Zt, { store: P(s) }, {
-            default: pt(() => [
-              (b(), ve(Ne(P(s).modal.component), st({
+          ue(xt(Ft, { store: P(s) }, {
+            default: yt(() => [
+              (b(), ve(Ne(P(s).modal.component), it({
                 key: `${P(s).modal.rowIndex}:${P(s).modal.colIndex}`,
                 "col-index": P(s).modal.colIndex,
                 "row-index": P(s).modal.rowIndex,
@@ -2528,61 +2540,61 @@ const Go = {
             ]),
             _: 1
           }, 8, ["store"]), [
-            [it, P(s).modal.visible]
+            [rt, P(s).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [P(yo), P(s).closeModal]
+        [P(Co), P(s).closeModal]
       ]),
-      P(s).isGanttView && P(s).isDependencyGraphEnabled ? (b(), ve($o, {
+      P(s).isGanttView && P(s).isDependencyGraphEnabled ? (b(), ve(Ao, {
         key: 0,
         store: P(s),
         "onConnection:delete": Z
       }, null, 8, ["store"])) : _("", !0)
     ]));
   }
-}), jo = /* @__PURE__ */ Ae(Uo, [["__scopeId", "data-v-4bfbbeab"]]), Yo = {}, Jo = { class: "aloading" }, qo = { class: "aloading-header" };
-function Qo(e, t) {
-  return b(), R("div", Jo, [
-    z("h2", qo, [
+}), qo = /* @__PURE__ */ Ae(Yo, [["__scopeId", "data-v-4bfbbeab"]]), Jo = {}, Qo = { class: "aloading" }, Ko = { class: "aloading-header" };
+function _o(e, t) {
+  return b(), R("div", Qo, [
+    z("h2", Ko, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Ko = /* @__PURE__ */ Ae(Yo, [["render", Qo], ["__scopeId", "data-v-a930a25b"]]), _o = {}, el = { class: "aloading" }, tl = { class: "aloading-header" };
-function nl(e, t) {
-  return b(), R("div", el, [
-    z("h2", tl, [
+const el = /* @__PURE__ */ Ae(Jo, [["render", _o], ["__scopeId", "data-v-a930a25b"]]), tl = {}, nl = { class: "aloading" }, ol = { class: "aloading-header" };
+function ll(e, t) {
+  return b(), R("div", nl, [
+    z("h2", ol, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const ol = /* @__PURE__ */ Ae(_o, [["render", nl], ["__scopeId", "data-v-e1165876"]]);
-function ul(e) {
-  e.component("ACell", zn), e.component("AGanttCell", qn), e.component("ARow", Bt), e.component("ARowActions", Ye), e.component("ATable", jo), e.component("ATableHeader", Pt), e.component("ATableLoading", Ko), e.component("ATableLoadingBar", ol), e.component("ATableModal", Zt);
+const al = /* @__PURE__ */ Ae(tl, [["render", ll], ["__scopeId", "data-v-e1165876"]]);
+function fl(e) {
+  e.component("ACell", Gn), e.component("AGanttCell", Kn), e.component("ARow", Zt), e.component("ARowActions", Ye), e.component("ATable", qo), e.component("ATableHeader", Nt), e.component("ATableLoading", el), e.component("ATableLoadingBar", al), e.component("ATableModal", Ft);
 }
 export {
-  zn as ACell,
-  qn as AGanttCell,
-  Bt as ARow,
+  Gn as ACell,
+  Kn as AGanttCell,
+  Zt as ARow,
   Ye as ARowActions,
-  jo as ATable,
-  Pt as ATableHeader,
-  Ko as ATableLoading,
-  ol as ATableLoadingBar,
-  Zt as ATableModal,
-  Qn as AddIcon,
-  Kn as DeleteIcon,
-  _n as DuplicateIcon,
-  eo as InsertAboveIcon,
-  to as InsertBelowIcon,
-  no as MoveIcon,
-  oo as OpenIcon,
-  so as actionIcons,
-  Zn as createTableStore,
-  ul as install,
-  Xo as schemaToColumns
+  qo as ATable,
+  Nt as ATableHeader,
+  el as ATableLoading,
+  al as ATableLoadingBar,
+  Ft as ATableModal,
+  _n as AddIcon,
+  eo as DeleteIcon,
+  to as DuplicateIcon,
+  no as InsertAboveIcon,
+  oo as InsertBelowIcon,
+  lo as MoveIcon,
+  ao as OpenIcon,
+  ro as actionIcons,
+  Fn as createTableStore,
+  fl as install,
+  jo as schemaToColumns
 };
 //# sourceMappingURL=atable.js.map