@stonecrop/atable 0.5.0 → 0.6.1

package/dist/atable.js

@@ -1,727 +1,727 @@
-import { onMounted as de, ref as W, watch as j, onBeforeUnmount as Ct, computed as D, shallowRef as V, toValue as T, watchEffect as Et, getCurrentScope as ft, onScopeDispose as vt, unref as $, getCurrentInstance as Ne, nextTick as Ge, isRef as It, toRefs as kt, customRef as mt, toRef as $t, readonly as Rt, defineComponent as ne, useTemplateRef as U, createElementBlock as P, openBlock as M, normalizeClass as q, normalizeStyle as ee, createBlock as ie, resolveDynamicComponent as Ee, mergeProps as Xe, toDisplayString as ce, Fragment as se, createElementVNode as N, createCommentVNode as J, renderSlot as Y, useCssVars as St, onUnmounted as Mt, withModifiers as $e, withDirectives as Re, vShow as gt, renderList as me, createTextVNode as At, mergeModels as tt, useModel as nt, createVNode as ot, withCtx as lt } from "vue";
-import { defineStore as Tt } from "pinia";
-import './assets/index.css';function Ve(e, t) {
-  return ft() ? (vt(e, t), !0) : !1;
+import { onMounted as pe, ref as B, watch as ne, onBeforeUnmount as Ot, computed as A, shallowRef as Z, toValue as P, watchEffect as Pt, getCurrentScope as It, onScopeDispose as kt, unref as R, getCurrentInstance as et, nextTick as tt, isRef as Ht, toRefs as Lt, customRef as Et, toRef as Vt, readonly as Nt, defineComponent as ue, useTemplateRef as le, createElementBlock as k, openBlock as C, normalizeClass as ee, normalizeStyle as re, createBlock as ve, resolveDynamicComponent as Ee, mergeProps as nt, toDisplayString as ge, Fragment as ie, createElementVNode as z, createCommentVNode as q, renderSlot as te, useCssVars as Bt, onUnmounted as zt, withModifiers as Be, withDirectives as oe, vShow as $t, renderList as ye, reactive as Ft, vModelText as ke, vModelCheckbox as Wt, vModelSelect as Xt, createTextVNode as Gt, mergeModels as ft, useModel as vt, createVNode as mt, withCtx as gt } from "vue";
+import { defineStore as Yt } from "pinia";
+import './assets/index.css';function ot(e, t) {
+  return It() ? (kt(e, t), !0) : !1;
 }
-const Dt = typeof window < "u" && typeof document < "u";
+const Ut = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ot = (e) => e != null, Ht = Object.prototype.toString, Pt = (e) => Ht.call(e) === "[object Object]", Lt = () => {
+const jt = (e) => e != null, qt = Object.prototype.toString, Jt = (e) => qt.call(e) === "[object Object]", Zt = () => {
 };
-function Ie(e) {
+function Ve(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Bt(e, t, s) {
-  return j(e, t, {
-    ...s,
+function Qt(e, t, a) {
+  return ne(e, t, {
+    ...a,
     immediate: !0
   });
 }
-const fe = Dt ? window : void 0;
-function ue(e) {
+const Ce = Ut ? window : void 0;
+function be(e) {
   var t;
-  const s = T(e);
-  return (t = s?.$el) !== null && t !== void 0 ? t : s;
+  const a = P(e);
+  return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
-function ge(...e) {
-  const t = [], s = () => {
+function $e(...e) {
+  const t = [], a = () => {
     t.forEach((n) => n()), t.length = 0;
-  }, c = (n, a, d, v) => (n.addEventListener(a, d, v), () => n.removeEventListener(a, d, v)), u = D(() => {
-    const n = Ie(T(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
-  }), r = Bt(() => {
-    var n, a;
+  }, d = (n, l, s, u) => (n.addEventListener(l, s, u), () => n.removeEventListener(l, s, u)), c = A(() => {
+    const n = Ve(P(e[0])).filter((l) => l != null);
+    return n.every((l) => typeof l != "string") ? n : void 0;
+  }), i = Qt(() => {
+    var n, l;
     return [
-      (n = (a = u.value) === null || a === void 0 ? void 0 : a.map((d) => ue(d))) !== null && n !== void 0 ? n : [fe].filter((d) => d != null),
-      Ie(T(u.value ? e[1] : e[0])),
-      Ie($(u.value ? e[2] : e[1])),
-      T(u.value ? e[3] : e[2])
+      (n = (l = c.value) === null || l === void 0 ? void 0 : l.map((s) => be(s))) !== null && n !== void 0 ? n : [Ce].filter((s) => s != null),
+      Ve(P(c.value ? e[1] : e[0])),
+      Ve(R(c.value ? e[2] : e[1])),
+      P(c.value ? e[3] : e[2])
     ];
-  }, ([n, a, d, v]) => {
-    if (s(), !n?.length || !a?.length || !d?.length) return;
-    const p = Pt(v) ? { ...v } : v;
-    t.push(...n.flatMap((E) => a.flatMap((h) => d.map((b) => c(E, h, b, p)))));
-  }, { flush: "post" }), l = () => {
-    r(), s();
+  }, ([n, l, s, u]) => {
+    if (a(), !n?.length || !l?.length || !s?.length) return;
+    const h = Jt(u) ? { ...u } : u;
+    t.push(...n.flatMap(($) => l.flatMap((g) => s.map((I) => d($, g, I, h)))));
+  }, { flush: "post" }), o = () => {
+    i(), a();
   };
-  return Ve(s), l;
+  return ot(a), o;
 }
 // @__NO_SIDE_EFFECTS__
-function zt() {
-  const e = V(!1), t = Ne();
-  return t && de(() => {
+function Kt() {
+  const e = Z(!1), t = et();
+  return t && pe(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Wt(e) {
-  const t = /* @__PURE__ */ zt();
-  return D(() => (t.value, !!e()));
+function _t(e) {
+  const t = /* @__PURE__ */ Kt();
+  return A(() => (t.value, !!e()));
 }
-function Nt(e, t, s = {}) {
-  const { window: c = fe, ...u } = s;
-  let r;
-  const l = /* @__PURE__ */ Wt(() => c && "MutationObserver" in c), n = () => {
-    r && (r.disconnect(), r = void 0);
-  }, a = j(D(() => {
-    const p = Ie(T(e)).map(ue).filter(Ot);
-    return new Set(p);
-  }), (p) => {
-    n(), l.value && p.size && (r = new MutationObserver(t), p.forEach((E) => r.observe(E, u)));
+function en(e, t, a = {}) {
+  const { window: d = Ce, ...c } = a;
+  let i;
+  const o = /* @__PURE__ */ _t(() => d && "MutationObserver" in d), n = () => {
+    i && (i.disconnect(), i = void 0);
+  }, l = ne(A(() => {
+    const h = Ve(P(e)).map(be).filter(jt);
+    return new Set(h);
+  }), (h) => {
+    n(), o.value && h.size && (i = new MutationObserver(t), h.forEach(($) => i.observe($, c)));
   }, {
     immediate: !0,
     flush: "post"
-  }), d = () => r?.takeRecords(), v = () => {
-    a(), n();
+  }), s = () => i?.takeRecords(), u = () => {
+    l(), n();
   };
-  return Ve(v), {
-    isSupported: l,
-    stop: v,
-    takeRecords: d
+  return ot(u), {
+    isSupported: o,
+    stop: u,
+    takeRecords: s
   };
 }
-function Gt(e, t, s = {}) {
-  const { window: c = fe, document: u = c?.document, flush: r = "sync" } = s;
-  if (!c || !u) return Lt;
-  let l;
-  const n = (v) => {
-    l?.(), l = v;
-  }, a = Et(() => {
-    const v = ue(e);
-    if (v) {
-      const { stop: p } = Nt(u, (E) => {
-        E.map((h) => [...h.removedNodes]).flat().some((h) => h === v || h.contains(v)) && t(E);
+function tn(e, t, a = {}) {
+  const { window: d = Ce, document: c = d?.document, flush: i = "sync" } = a;
+  if (!d || !c) return Zt;
+  let o;
+  const n = (u) => {
+    o?.(), o = u;
+  }, l = Pt(() => {
+    const u = be(e);
+    if (u) {
+      const { stop: h } = en(c, ($) => {
+        $.map((g) => [...g.removedNodes]).flat().some((g) => g === u || g.contains(u)) && t($);
       }, {
-        window: c,
+        window: d,
         childList: !0,
         subtree: !0
       });
-      n(p);
+      n(h);
     }
-  }, { flush: r }), d = () => {
-    a(), n();
+  }, { flush: i }), s = () => {
+    l(), n();
   };
-  return Ve(d), d;
+  return ot(s), s;
 }
 // @__NO_SIDE_EFFECTS__
-function Xt(e = {}) {
+function nn(e = {}) {
   var t;
-  const { window: s = fe, deep: c = !0, triggerOnRemoval: u = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : s?.document, l = () => {
-    let d = r?.activeElement;
-    if (c)
-      for (var v; d?.shadowRoot; ) d = d == null || (v = d.shadowRoot) === null || v === void 0 ? void 0 : v.activeElement;
-    return d;
-  }, n = V(), a = () => {
-    n.value = l();
+  const { window: a = Ce, deep: d = !0, triggerOnRemoval: c = !1 } = e, i = (t = e.document) !== null && t !== void 0 ? t : a?.document, o = () => {
+    let s = i?.activeElement;
+    if (d)
+      for (var u; s?.shadowRoot; ) s = s == null || (u = s.shadowRoot) === null || u === void 0 ? void 0 : u.activeElement;
+    return s;
+  }, n = Z(), l = () => {
+    n.value = o();
   };
-  if (s) {
-    const d = {
+  if (a) {
+    const s = {
       capture: !0,
       passive: !0
     };
-    ge(s, "blur", (v) => {
-      v.relatedTarget === null && a();
-    }, d), ge(s, "focus", a, d);
+    $e(a, "blur", (u) => {
+      u.relatedTarget === null && l();
+    }, s), $e(a, "focus", l, s);
   }
-  return u && Gt(n, a, { document: r }), a(), n;
+  return c && tn(n, l, { document: i }), l(), n;
 }
-const Vt = "focusin", Ft = "focusout", Yt = ":focus-within";
-function jt(e, t = {}) {
-  const { window: s = fe } = t, c = D(() => ue(e)), u = V(!1), r = D(() => u.value);
-  if (!s || !(/* @__PURE__ */ Xt(t)).value) return { focused: r };
-  const l = { passive: !0 };
-  return ge(c, Vt, () => u.value = !0, l), ge(c, Ft, () => {
-    var n, a, d;
-    return u.value = (n = (a = c.value) === null || a === void 0 || (d = a.matches) === null || d === void 0 ? void 0 : d.call(a, Yt)) !== null && n !== void 0 ? n : !1;
-  }, l), { focused: r };
+const on = "focusin", ln = "focusout", an = ":focus-within";
+function sn(e, t = {}) {
+  const { window: a = Ce } = t, d = A(() => be(e)), c = Z(!1), i = A(() => c.value);
+  if (!a || !(/* @__PURE__ */ nn(t)).value) return { focused: i };
+  const o = { passive: !0 };
+  return $e(d, on, () => c.value = !0, o), $e(d, ln, () => {
+    var n, l, s;
+    return c.value = (n = (l = d.value) === null || l === void 0 || (s = l.matches) === null || s === void 0 ? void 0 : s.call(l, an)) !== null && n !== void 0 ? n : !1;
+  }, o), { focused: i };
 }
-function Ut(e, { window: t = fe, scrollTarget: s } = {}) {
-  const c = W(!1), u = () => {
+function rn(e, { window: t = Ce, scrollTarget: a } = {}) {
+  const d = B(!1), c = () => {
     if (!t) return;
-    const r = t.document, l = ue(e);
-    if (!l)
-      c.value = !1;
+    const i = t.document, o = be(e);
+    if (!o)
+      d.value = !1;
     else {
-      const n = l.getBoundingClientRect();
-      c.value = n.top <= (t.innerHeight || r.documentElement.clientHeight) && n.left <= (t.innerWidth || r.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
+      const n = o.getBoundingClientRect();
+      d.value = n.top <= (t.innerHeight || i.documentElement.clientHeight) && n.left <= (t.innerWidth || i.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
-  return j(
-    () => ue(e),
-    () => u(),
+  return ne(
+    () => be(e),
+    () => c(),
     { immediate: !0, flush: "post" }
-  ), t && ge(s || t, "scroll", u, {
+  ), t && $e(a || t, "scroll", c, {
     capture: !1,
     passive: !0
-  }), c;
+  }), d;
 }
-const Q = (e) => {
-  let t = Ut(e).value;
+const ce = (e) => {
+  let t = rn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, K = (e) => e.tabIndex >= 0, at = (e) => {
+}, de = (e) => e.tabIndex >= 0, ht = (e) => {
   const t = e.target;
-  return Fe(t);
-}, Fe = (e) => {
+  return lt(t);
+}, lt = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const s = e.parentElement?.previousElementSibling;
-    if (s) {
-      const c = Array.from(s.children)[e.cellIndex];
-      c && (t = c);
+    const a = e.parentElement?.previousElementSibling;
+    if (a) {
+      const d = Array.from(a.children)[e.cellIndex];
+      d && (t = d);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const s = e.previousElementSibling;
-    s && (t = s);
+    const a = e.previousElementSibling;
+    a && (t = a);
   }
-  return t && (!K(t) || !Q(t)) ? Fe(t) : t;
-}, qt = (e) => {
+  return t && (!de(t) || !ce(t)) ? lt(t) : t;
+}, un = (e) => {
   const t = e.target;
-  let s;
+  let a;
   if (t instanceof HTMLTableCellElement) {
-    const c = t.parentElement?.parentElement;
-    if (c) {
-      const u = c.firstElementChild?.children[t.cellIndex];
-      u && (s = u);
+    const d = t.parentElement?.parentElement;
+    if (d) {
+      const c = d.firstElementChild?.children[t.cellIndex];
+      c && (a = c);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const c = t.parentElement;
-    if (c) {
-      const u = c.firstElementChild;
-      u && (s = u);
+    const d = t.parentElement;
+    if (d) {
+      const c = d.firstElementChild;
+      c && (a = c);
     }
   }
-  return s && (!K(s) || !Q(s)) ? Ye(s) : s;
-}, st = (e) => {
+  return a && (!de(a) || !ce(a)) ? at(a) : a;
+}, xt = (e) => {
   const t = e.target;
-  return Ye(t);
-}, Ye = (e) => {
+  return at(t);
+}, at = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const s = e.parentElement?.nextElementSibling;
-    if (s) {
-      const c = Array.from(s.children)[e.cellIndex];
-      c && (t = c);
+    const a = e.parentElement?.nextElementSibling;
+    if (a) {
+      const d = Array.from(a.children)[e.cellIndex];
+      d && (t = d);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const s = e.nextElementSibling;
-    s && (t = s);
+    const a = e.nextElementSibling;
+    a && (t = a);
   }
-  return t && (!K(t) || !Q(t)) ? Ye(t) : t;
-}, Jt = (e) => {
+  return t && (!de(t) || !ce(t)) ? at(t) : t;
+}, cn = (e) => {
   const t = e.target;
-  let s;
+  let a;
   if (t instanceof HTMLTableCellElement) {
-    const c = t.parentElement?.parentElement;
-    if (c) {
-      const u = c.lastElementChild?.children[t.cellIndex];
-      u && (s = u);
+    const d = t.parentElement?.parentElement;
+    if (d) {
+      const c = d.lastElementChild?.children[t.cellIndex];
+      c && (a = c);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const c = t.parentElement;
-    if (c) {
-      const u = c.lastElementChild;
-      u && (s = u);
+    const d = t.parentElement;
+    if (d) {
+      const c = d.lastElementChild;
+      c && (a = c);
     }
   }
-  return s && (!K(s) || !Q(s)) ? Fe(s) : s;
-}, rt = (e) => {
+  return a && (!de(a) || !ce(a)) ? lt(a) : a;
+}, wt = (e) => {
   const t = e.target;
-  return je(t);
-}, je = (e) => {
+  return st(t);
+}, st = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!K(t) || !Q(t)) ? je(t) : t;
-}, it = (e) => {
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!de(t) || !ce(t)) ? st(t) : t;
+}, yt = (e) => {
   const t = e.target;
-  return Ue(t);
-}, Ue = (e) => {
+  return rt(t);
+}, rt = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!K(t) || !Q(t)) ? Ue(t) : t;
-}, ct = (e) => {
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!de(t) || !ce(t)) ? rt(t) : t;
+}, bt = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!K(t) || !Q(t)) ? Ue(t) : t;
-}, ut = (e) => {
+  return t && (!de(t) || !ce(t)) ? rt(t) : t;
+}, pt = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!K(t) || !Q(t)) ? je(t) : t;
-}, be = ["alt", "control", "shift", "meta"], Zt = {
+  return t && (!de(t) || !ce(t)) ? st(t) : t;
+}, He = ["alt", "control", "shift", "meta"], dn = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Se = {
+}, ze = {
   "keydown.up": (e) => {
-    const t = at(e);
+    const t = ht(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = st(e);
+    const t = xt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = rt(e);
+    const t = wt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = it(e);
+    const t = yt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = qt(e);
+    const t = un(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Jt(e);
+    const t = cn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = ct(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = ut(e);
+    const t = pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = ut(e);
+    const t = pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = st(e);
+      const t = xt(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = at(e);
+      const t = ht(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = ct(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = it(e);
+    const t = yt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = rt(e);
+    const t = wt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function qe(e) {
-  const t = (l) => {
+function it(e) {
+  const t = (o) => {
     let n = null;
-    return l.parent && (typeof l.parent == "string" ? n = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? n = l.parent : n = l.parent.value), n;
-  }, s = (l) => {
-    const n = t(l);
-    let a = [];
-    if (typeof l.selectors == "string")
-      a = n ? Array.from(n.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
-    else if (Array.isArray(l.selectors))
-      for (const d of l.selectors)
-        d instanceof HTMLElement ? a.push(d) : a.push(d.$el);
-    else if (l.selectors instanceof HTMLElement)
-      a.push(l.selectors);
-    else if (l.selectors?.value)
-      if (Array.isArray(l.selectors.value))
-        for (const d of l.selectors.value)
-          d instanceof HTMLElement ? a.push(d) : a.push(d.$el);
+    return o.parent && (typeof o.parent == "string" ? n = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? n = o.parent : n = o.parent.value), n;
+  }, a = (o) => {
+    const n = t(o);
+    let l = [];
+    if (typeof o.selectors == "string")
+      l = n ? Array.from(n.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));
+    else if (Array.isArray(o.selectors))
+      for (const s of o.selectors)
+        s instanceof HTMLElement ? l.push(s) : l.push(s.$el);
+    else if (o.selectors instanceof HTMLElement)
+      l.push(o.selectors);
+    else if (o.selectors?.value)
+      if (Array.isArray(o.selectors.value))
+        for (const s of o.selectors.value)
+          s instanceof HTMLElement ? l.push(s) : l.push(s.$el);
       else
-        a.push(l.selectors.value);
-    return a;
-  }, c = (l) => {
-    const n = t(l);
-    let a = [];
-    return l.selectors ? a = s(l) : n && (a = Array.from(n.children).filter((d) => K(d) && Q(d))), a;
-  }, u = (l) => (n) => {
-    const a = Zt[n.key] || n.key.toLowerCase();
-    if (be.includes(a)) return;
-    const d = l.handlers || Se;
-    for (const v of Object.keys(d)) {
-      const [p, ...E] = v.split(".");
-      if (p === "keydown" && E.includes(a)) {
-        const h = d[v], b = E.filter((f) => be.includes(f)), w = be.some((f) => {
-          const m = f.charAt(0).toUpperCase() + f.slice(1);
+        l.push(o.selectors.value);
+    return l;
+  }, d = (o) => {
+    const n = t(o);
+    let l = [];
+    return o.selectors ? l = a(o) : n && (l = Array.from(n.children).filter((s) => de(s) && ce(s))), l;
+  }, c = (o) => (n) => {
+    const l = dn[n.key] || n.key.toLowerCase();
+    if (He.includes(l)) return;
+    const s = o.handlers || ze;
+    for (const u of Object.keys(s)) {
+      const [h, ...$] = u.split(".");
+      if (h === "keydown" && $.includes(l)) {
+        const g = s[u], I = $.filter((v) => He.includes(v)), x = He.some((v) => {
+          const m = v.charAt(0).toUpperCase() + v.slice(1);
           return n.getModifierState(m);
         });
-        if (b.length > 0) {
-          if (w) {
-            for (const f of be)
-              if (E.includes(f)) {
-                const m = f.charAt(0).toUpperCase() + f.slice(1);
-                n.getModifierState(m) && h(n);
+        if (I.length > 0) {
+          if (x) {
+            for (const v of He)
+              if ($.includes(v)) {
+                const m = v.charAt(0).toUpperCase() + v.slice(1);
+                n.getModifierState(m) && g(n);
               }
           }
         } else
-          w || h(n);
+          x || g(n);
       }
     }
-  }, r = [];
-  de(() => {
-    for (const l of e) {
-      const n = t(l), a = c(l), d = u(l), v = n ? [n] : a;
-      for (const p of v) {
-        const { focused: E } = jt(W(p)), h = j(E, (b) => {
-          b ? p.addEventListener("keydown", d) : p.removeEventListener("keydown", d);
+  }, i = [];
+  pe(() => {
+    for (const o of e) {
+      const n = t(o), l = d(o), s = c(o), u = n ? [n] : l;
+      for (const h of u) {
+        const { focused: $ } = sn(B(h)), g = ne($, (I) => {
+          I ? h.addEventListener("keydown", s) : h.removeEventListener("keydown", s);
         });
-        r.push(h);
+        i.push(g);
       }
     }
-  }), Ct(() => {
-    for (const l of r)
-      l();
+  }), Ot(() => {
+    for (const o of i)
+      o();
   });
 }
-function Me(e, t) {
-  return ft() ? (vt(e, t), !0) : !1;
+function Fe(e, t) {
+  return It() ? (kt(e, t), !0) : !1;
 }
-const ht = typeof window < "u" && typeof document < "u";
+const St = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Qt = (e) => e != null, Kt = Object.prototype.toString, _t = (e) => Kt.call(e) === "[object Object]", ae = () => {
+const fn = (e) => e != null, vn = Object.prototype.toString, mn = (e) => vn.call(e) === "[object Object]", we = () => {
 };
-function en(...e) {
-  if (e.length !== 1) return $t(...e);
+function gn(...e) {
+  if (e.length !== 1) return Vt(...e);
   const t = e[0];
-  return typeof t == "function" ? Rt(mt(() => ({
+  return typeof t == "function" ? Nt(Et(() => ({
     get: t,
-    set: ae
-  }))) : W(t);
+    set: we
+  }))) : B(t);
 }
-function tn(e, t) {
-  function s(...c) {
-    return new Promise((u, r) => {
-      Promise.resolve(e(() => t.apply(this, c), {
+function hn(e, t) {
+  function a(...d) {
+    return new Promise((c, i) => {
+      Promise.resolve(e(() => t.apply(this, d), {
         fn: t,
         thisArg: this,
-        args: c
-      })).then(u).catch(r);
+        args: d
+      })).then(c).catch(i);
     });
   }
-  return s;
+  return a;
 }
-function nn(e, t = {}) {
-  let s, c, u = ae;
-  const r = (a) => {
-    clearTimeout(a), u(), u = ae;
+function xn(e, t = {}) {
+  let a, d, c = we;
+  const i = (l) => {
+    clearTimeout(l), c(), c = we;
   };
-  let l;
-  return (a) => {
-    const d = T(e), v = T(t.maxWait);
-    return s && r(s), d <= 0 || v !== void 0 && v <= 0 ? (c && (r(c), c = void 0), Promise.resolve(a())) : new Promise((p, E) => {
-      u = t.rejectOnCancel ? E : p, l = a, v && !c && (c = setTimeout(() => {
-        s && r(s), c = void 0, p(l());
-      }, v)), s = setTimeout(() => {
-        c && r(c), c = void 0, p(a());
-      }, d);
+  let o;
+  return (l) => {
+    const s = P(e), u = P(t.maxWait);
+    return a && i(a), s <= 0 || u !== void 0 && u <= 0 ? (d && (i(d), d = void 0), Promise.resolve(l())) : new Promise((h, $) => {
+      c = t.rejectOnCancel ? $ : h, o = l, u && !d && (d = setTimeout(() => {
+        a && i(a), d = void 0, h(o());
+      }, u)), a = setTimeout(() => {
+        d && i(d), d = void 0, h(l());
+      }, s);
     });
   };
 }
-function ke(e) {
+function Ne(e) {
   return Array.isArray(e) ? e : [e];
 }
-function on(e) {
-  return Ne();
+function wn(e) {
+  return et();
 }
 // @__NO_SIDE_EFFECTS__
-function ln(e, t = 200, s = {}) {
-  return tn(nn(t, s), e);
+function yn(e, t = 200, a = {}) {
+  return hn(xn(t, a), e);
 }
-function an(e, t = {}) {
-  if (!It(e)) return kt(e);
-  const s = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const c in e.value) s[c] = mt(() => ({
+function bn(e, t = {}) {
+  if (!Ht(e)) return Lt(e);
+  const a = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const d in e.value) a[d] = Et(() => ({
     get() {
-      return e.value[c];
+      return e.value[d];
     },
-    set(u) {
-      var r;
-      if (!((r = T(t.replaceRef)) !== null && r !== void 0) || r) if (Array.isArray(e.value)) {
-        const l = [...e.value];
-        l[c] = u, e.value = l;
+    set(c) {
+      var i;
+      if (!((i = P(t.replaceRef)) !== null && i !== void 0) || i) if (Array.isArray(e.value)) {
+        const o = [...e.value];
+        o[d] = c, e.value = o;
       } else {
-        const l = {
+        const o = {
           ...e.value,
-          [c]: u
+          [d]: c
         };
-        Object.setPrototypeOf(l, Object.getPrototypeOf(e.value)), e.value = l;
+        Object.setPrototypeOf(o, Object.getPrototypeOf(e.value)), e.value = o;
       }
-      else e.value[c] = u;
+      else e.value[d] = c;
     }
   }));
-  return s;
+  return a;
 }
-function sn(e, t = !0, s) {
-  on() ? de(e, s) : t ? e() : Ge(e);
+function pn(e, t = !0, a) {
+  wn() ? pe(e, a) : t ? e() : tt(e);
 }
-function rn(e, t, s) {
-  return j(e, t, {
-    ...s,
+function Cn(e, t, a) {
+  return ne(e, t, {
+    ...a,
     immediate: !0
   });
 }
-const he = ht ? window : void 0;
-function Z(e) {
+const Se = St ? window : void 0;
+function se(e) {
   var t;
-  const s = T(e);
-  return (t = s?.$el) !== null && t !== void 0 ? t : s;
+  const a = P(e);
+  return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
-function te(...e) {
-  const t = [], s = () => {
+function me(...e) {
+  const t = [], a = () => {
     t.forEach((n) => n()), t.length = 0;
-  }, c = (n, a, d, v) => (n.addEventListener(a, d, v), () => n.removeEventListener(a, d, v)), u = D(() => {
-    const n = ke(T(e[0])).filter((a) => a != null);
-    return n.every((a) => typeof a != "string") ? n : void 0;
-  }), r = rn(() => {
-    var n, a;
+  }, d = (n, l, s, u) => (n.addEventListener(l, s, u), () => n.removeEventListener(l, s, u)), c = A(() => {
+    const n = Ne(P(e[0])).filter((l) => l != null);
+    return n.every((l) => typeof l != "string") ? n : void 0;
+  }), i = Cn(() => {
+    var n, l;
     return [
-      (n = (a = u.value) === null || a === void 0 ? void 0 : a.map((d) => Z(d))) !== null && n !== void 0 ? n : [he].filter((d) => d != null),
-      ke(T(u.value ? e[1] : e[0])),
-      ke($(u.value ? e[2] : e[1])),
-      T(u.value ? e[3] : e[2])
+      (n = (l = c.value) === null || l === void 0 ? void 0 : l.map((s) => se(s))) !== null && n !== void 0 ? n : [Se].filter((s) => s != null),
+      Ne(P(c.value ? e[1] : e[0])),
+      Ne(R(c.value ? e[2] : e[1])),
+      P(c.value ? e[3] : e[2])
     ];
-  }, ([n, a, d, v]) => {
-    if (s(), !n?.length || !a?.length || !d?.length) return;
-    const p = _t(v) ? { ...v } : v;
-    t.push(...n.flatMap((E) => a.flatMap((h) => d.map((b) => c(E, h, b, p)))));
-  }, { flush: "post" }), l = () => {
-    r(), s();
+  }, ([n, l, s, u]) => {
+    if (a(), !n?.length || !l?.length || !s?.length) return;
+    const h = mn(u) ? { ...u } : u;
+    t.push(...n.flatMap(($) => l.flatMap((g) => s.map((I) => d($, g, I, h)))));
+  }, { flush: "post" }), o = () => {
+    i(), a();
   };
-  return Me(s), l;
+  return Fe(a), o;
 }
-function dt(e, t, s = {}) {
-  const { window: c = he, ignore: u = [], capture: r = !0, detectIframe: l = !1, controls: n = !1 } = s;
-  if (!c) return n ? {
-    stop: ae,
-    cancel: ae,
-    trigger: ae
-  } : ae;
-  let a = !0;
-  const d = (f) => T(u).some((m) => {
-    if (typeof m == "string") return Array.from(c.document.querySelectorAll(m)).some((y) => y === f.target || f.composedPath().includes(y));
+function Ct(e, t, a = {}) {
+  const { window: d = Se, ignore: c = [], capture: i = !0, detectIframe: o = !1, controls: n = !1 } = a;
+  if (!d) return n ? {
+    stop: we,
+    cancel: we,
+    trigger: we
+  } : we;
+  let l = !0;
+  const s = (v) => P(c).some((m) => {
+    if (typeof m == "string") return Array.from(d.document.querySelectorAll(m)).some((b) => b === v.target || v.composedPath().includes(b));
     {
-      const y = Z(m);
-      return y && (f.target === y || f.composedPath().includes(y));
+      const b = se(m);
+      return b && (v.target === b || v.composedPath().includes(b));
     }
   });
-  function v(f) {
-    const m = T(f);
+  function u(v) {
+    const m = P(v);
     return m && m.$.subTree.shapeFlag === 16;
   }
-  function p(f, m) {
-    const y = T(f), L = y.$.subTree && y.$.subTree.children;
-    return L == null || !Array.isArray(L) ? !1 : L.some((B) => B.el === m.target || m.composedPath().includes(B.el));
+  function h(v, m) {
+    const b = P(v), V = b.$.subTree && b.$.subTree.children;
+    return V == null || !Array.isArray(V) ? !1 : V.some((L) => L.el === m.target || m.composedPath().includes(L.el));
   }
-  const E = (f) => {
-    const m = Z(e);
-    if (f.target != null && !(!(m instanceof Element) && v(e) && p(e, f)) && !(!m || m === f.target || f.composedPath().includes(m))) {
-      if ("detail" in f && f.detail === 0 && (a = !d(f)), !a) {
-        a = !0;
+  const $ = (v) => {
+    const m = se(e);
+    if (v.target != null && !(!(m instanceof Element) && u(e) && h(e, v)) && !(!m || m === v.target || v.composedPath().includes(m))) {
+      if ("detail" in v && v.detail === 0 && (l = !s(v)), !l) {
+        l = !0;
         return;
       }
-      t(f);
+      t(v);
     }
   };
-  let h = !1;
-  const b = [
-    te(c, "click", (f) => {
-      h || (h = !0, setTimeout(() => {
-        h = !1;
-      }, 0), E(f));
+  let g = !1;
+  const I = [
+    me(d, "click", (v) => {
+      g || (g = !0, setTimeout(() => {
+        g = !1;
+      }, 0), $(v));
     }, {
       passive: !0,
-      capture: r
+      capture: i
     }),
-    te(c, "pointerdown", (f) => {
-      const m = Z(e);
-      a = !d(f) && !!(m && !f.composedPath().includes(m));
+    me(d, "pointerdown", (v) => {
+      const m = se(e);
+      l = !s(v) && !!(m && !v.composedPath().includes(m));
     }, { passive: !0 }),
-    l && te(c, "blur", (f) => {
+    o && me(d, "blur", (v) => {
       setTimeout(() => {
         var m;
-        const y = Z(e);
-        ((m = c.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !y?.contains(c.document.activeElement) && t(f);
+        const b = se(e);
+        ((m = d.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !b?.contains(d.document.activeElement) && t(v);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), w = () => b.forEach((f) => f());
+  ].filter(Boolean), x = () => I.forEach((v) => v());
   return n ? {
-    stop: w,
+    stop: x,
     cancel: () => {
-      a = !1;
+      l = !1;
     },
-    trigger: (f) => {
-      a = !0, E(f), a = !1;
+    trigger: (v) => {
+      l = !0, $(v), l = !1;
     }
-  } : w;
+  } : x;
 }
 // @__NO_SIDE_EFFECTS__
-function cn() {
-  const e = V(!1), t = Ne();
-  return t && de(() => {
+function In() {
+  const e = Z(!1), t = et();
+  return t && pe(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function wt(e) {
-  const t = /* @__PURE__ */ cn();
-  return D(() => (t.value, !!e()));
+function Rt(e) {
+  const t = /* @__PURE__ */ In();
+  return A(() => (t.value, !!e()));
 }
-function xt(e, t, s = {}) {
-  const { window: c = he, ...u } = s;
-  let r;
-  const l = /* @__PURE__ */ wt(() => c && "MutationObserver" in c), n = () => {
-    r && (r.disconnect(), r = void 0);
-  }, a = j(D(() => {
-    const p = ke(T(e)).map(Z).filter(Qt);
-    return new Set(p);
-  }), (p) => {
-    n(), l.value && p.size && (r = new MutationObserver(t), p.forEach((E) => r.observe(E, u)));
+function Dt(e, t, a = {}) {
+  const { window: d = Se, ...c } = a;
+  let i;
+  const o = /* @__PURE__ */ Rt(() => d && "MutationObserver" in d), n = () => {
+    i && (i.disconnect(), i = void 0);
+  }, l = ne(A(() => {
+    const h = Ne(P(e)).map(se).filter(fn);
+    return new Set(h);
+  }), (h) => {
+    n(), o.value && h.size && (i = new MutationObserver(t), h.forEach(($) => i.observe($, c)));
   }, {
     immediate: !0,
     flush: "post"
-  }), d = () => r?.takeRecords(), v = () => {
-    a(), n();
+  }), s = () => i?.takeRecords(), u = () => {
+    l(), n();
   };
-  return Me(v), {
-    isSupported: l,
-    stop: v,
-    takeRecords: d
+  return Fe(u), {
+    isSupported: o,
+    stop: u,
+    takeRecords: s
   };
 }
-function Pe(e, t = {}) {
-  var s;
-  const { pointerTypes: c, preventDefault: u, stopPropagation: r, exact: l, onMove: n, onEnd: a, onStart: d, initialValue: v, axis: p = "both", draggingElement: E = he, containerElement: h, handle: b = e, buttons: w = [0] } = t, f = W((s = T(v)) !== null && s !== void 0 ? s : {
+function Je(e, t = {}) {
+  var a;
+  const { pointerTypes: d, preventDefault: c, stopPropagation: i, exact: o, onMove: n, onEnd: l, onStart: s, initialValue: u, axis: h = "both", draggingElement: $ = Se, containerElement: g, handle: I = e, buttons: x = [0] } = t, v = B((a = P(u)) !== null && a !== void 0 ? a : {
     x: 0,
     y: 0
-  }), m = W(), y = (x) => c ? c.includes(x.pointerType) : !0, L = (x) => {
-    T(u) && x.preventDefault(), T(r) && x.stopPropagation();
-  }, B = (x) => {
-    var R;
-    if (!T(w).includes(x.button) || T(t.disabled) || !y(x) || T(l) && x.target !== T(e)) return;
-    const G = T(h), z = G == null || (R = G.getBoundingClientRect) === null || R === void 0 ? void 0 : R.call(G), O = T(e).getBoundingClientRect(), F = {
-      x: x.clientX - (G ? O.left - z.left + G.scrollLeft : O.left),
-      y: x.clientY - (G ? O.top - z.top + G.scrollTop : O.top)
+  }), m = B(), b = (y) => d ? d.includes(y.pointerType) : !0, V = (y) => {
+    P(c) && y.preventDefault(), P(i) && y.stopPropagation();
+  }, L = (y) => {
+    var D;
+    if (!P(x).includes(y.button) || P(t.disabled) || !b(y) || P(o) && y.target !== P(e)) return;
+    const G = P(g), W = G == null || (D = G.getBoundingClientRect) === null || D === void 0 ? void 0 : D.call(G), H = P(e).getBoundingClientRect(), _ = {
+      x: y.clientX - (G ? H.left - W.left + G.scrollLeft : H.left),
+      y: y.clientY - (G ? H.top - W.top + G.scrollTop : H.top)
     };
-    d?.(F, x) !== !1 && (m.value = F, L(x));
-  }, X = (x) => {
-    if (T(t.disabled) || !y(x) || !m.value) return;
-    const R = T(h), G = T(e).getBoundingClientRect();
-    let { x: z, y: O } = f.value;
-    (p === "x" || p === "both") && (z = x.clientX - m.value.x, R && (z = Math.min(Math.max(0, z), R.scrollWidth - G.width))), (p === "y" || p === "both") && (O = x.clientY - m.value.y, R && (O = Math.min(Math.max(0, O), R.scrollHeight - G.height))), f.value = {
-      x: z,
-      y: O
-    }, n?.(f.value, x), L(x);
-  }, A = (x) => {
-    T(t.disabled) || !y(x) || m.value && (m.value = void 0, a?.(f.value, x), L(x));
+    s?.(_, y) !== !1 && (m.value = _, V(y));
+  }, J = (y) => {
+    if (P(t.disabled) || !b(y) || !m.value) return;
+    const D = P(g), G = P(e).getBoundingClientRect();
+    let { x: W, y: H } = v.value;
+    (h === "x" || h === "both") && (W = y.clientX - m.value.x, D && (W = Math.min(Math.max(0, W), D.scrollWidth - G.width))), (h === "y" || h === "both") && (H = y.clientY - m.value.y, D && (H = Math.min(Math.max(0, H), D.scrollHeight - G.height))), v.value = {
+      x: W,
+      y: H
+    }, n?.(v.value, y), V(y);
+  }, O = (y) => {
+    P(t.disabled) || !b(y) || m.value && (m.value = void 0, l?.(v.value, y), V(y));
   };
-  if (ht) {
-    const x = () => {
-      var R;
+  if (St) {
+    const y = () => {
+      var D;
       return {
-        capture: (R = t.capture) !== null && R !== void 0 ? R : !0,
-        passive: !T(u)
+        capture: (D = t.capture) !== null && D !== void 0 ? D : !0,
+        passive: !P(c)
       };
     };
-    te(b, "pointerdown", B, x), te(E, "pointermove", X, x), te(E, "pointerup", A, x);
+    me(I, "pointerdown", L, y), me($, "pointermove", J, y), me($, "pointerup", O, y);
   }
   return {
-    ...an(f),
-    position: f,
-    isDragging: D(() => !!m.value),
-    style: D(() => `left:${f.value.x}px;top:${f.value.y}px;`)
+    ...bn(v),
+    position: v,
+    isDragging: A(() => !!m.value),
+    style: A(() => `left:${v.value.x}px;top:${v.value.y}px;`)
   };
 }
-function We(e, t, s = {}) {
-  const { window: c = he, ...u } = s;
-  let r;
-  const l = /* @__PURE__ */ wt(() => c && "ResizeObserver" in c), n = () => {
-    r && (r.disconnect(), r = void 0);
-  }, a = j(D(() => {
-    const v = T(e);
-    return Array.isArray(v) ? v.map((p) => Z(p)) : [Z(v)];
-  }), (v) => {
-    if (n(), l.value && c) {
-      r = new ResizeObserver(t);
-      for (const p of v) p && r.observe(p, u);
+function _e(e, t, a = {}) {
+  const { window: d = Se, ...c } = a;
+  let i;
+  const o = /* @__PURE__ */ Rt(() => d && "ResizeObserver" in d), n = () => {
+    i && (i.disconnect(), i = void 0);
+  }, l = ne(A(() => {
+    const u = P(e);
+    return Array.isArray(u) ? u.map((h) => se(h)) : [se(u)];
+  }), (u) => {
+    if (n(), o.value && d) {
+      i = new ResizeObserver(t);
+      for (const h of u) h && i.observe(h, c);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), d = () => {
-    n(), a();
+  }), s = () => {
+    n(), l();
   };
-  return Me(d), {
-    isSupported: l,
-    stop: d
+  return Fe(s), {
+    isSupported: o,
+    stop: s
   };
 }
-function le(e, t = {}) {
-  const { reset: s = !0, windowResize: c = !0, windowScroll: u = !0, immediate: r = !0, updateTiming: l = "sync" } = t, n = V(0), a = V(0), d = V(0), v = V(0), p = V(0), E = V(0), h = V(0), b = V(0);
-  function w() {
-    const m = Z(e);
+function xe(e, t = {}) {
+  const { reset: a = !0, windowResize: d = !0, windowScroll: c = !0, immediate: i = !0, updateTiming: o = "sync" } = t, n = Z(0), l = Z(0), s = Z(0), u = Z(0), h = Z(0), $ = Z(0), g = Z(0), I = Z(0);
+  function x() {
+    const m = se(e);
     if (!m) {
-      s && (n.value = 0, a.value = 0, d.value = 0, v.value = 0, p.value = 0, E.value = 0, h.value = 0, b.value = 0);
+      a && (n.value = 0, l.value = 0, s.value = 0, u.value = 0, h.value = 0, $.value = 0, g.value = 0, I.value = 0);
       return;
     }
-    const y = m.getBoundingClientRect();
-    n.value = y.height, a.value = y.bottom, d.value = y.left, v.value = y.right, p.value = y.top, E.value = y.width, h.value = y.x, b.value = y.y;
+    const b = m.getBoundingClientRect();
+    n.value = b.height, l.value = b.bottom, s.value = b.left, u.value = b.right, h.value = b.top, $.value = b.width, g.value = b.x, I.value = b.y;
   }
-  function f() {
-    l === "sync" ? w() : l === "next-frame" && requestAnimationFrame(() => w());
+  function v() {
+    o === "sync" ? x() : o === "next-frame" && requestAnimationFrame(() => x());
   }
-  return We(e, f), j(() => Z(e), (m) => !m && f()), xt(e, f, { attributeFilter: ["style", "class"] }), u && te("scroll", f, {
+  return _e(e, v), ne(() => se(e), (m) => !m && v()), Dt(e, v, { attributeFilter: ["style", "class"] }), c && me("scroll", v, {
     capture: !0,
     passive: !0
-  }), c && te("resize", f, { passive: !0 }), sn(() => {
-    r && f();
+  }), d && me("resize", v, { passive: !0 }), pn(() => {
+    i && v();
   }), {
     height: n,
-    bottom: a,
-    left: d,
-    right: v,
-    top: p,
-    width: E,
-    x: h,
-    y: b,
-    update: f
+    bottom: l,
+    left: s,
+    right: u,
+    top: h,
+    width: $,
+    x: g,
+    y: I,
+    update: v
   };
 }
-function Le(e) {
+function Ze(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-const Be = /* @__PURE__ */ new WeakMap();
-function un(e, t = !1) {
-  const s = V(t);
-  let c = "";
-  j(en(e), (l) => {
-    const n = Le(T(l));
+const Qe = /* @__PURE__ */ new WeakMap();
+function kn(e, t = !1) {
+  const a = Z(t);
+  let d = "";
+  ne(gn(e), (o) => {
+    const n = Ze(P(o));
     if (n) {
-      const a = n;
-      if (Be.get(a) || Be.set(a, a.style.overflow), a.style.overflow !== "hidden" && (c = a.style.overflow), a.style.overflow === "hidden") return s.value = !0;
-      if (s.value) return a.style.overflow = "hidden";
+      const l = n;
+      if (Qe.get(l) || Qe.set(l, l.style.overflow), l.style.overflow !== "hidden" && (d = l.style.overflow), l.style.overflow === "hidden") return a.value = !0;
+      if (a.value) return l.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const u = () => {
-    const l = Le(T(e));
-    !l || s.value || (l.style.overflow = "hidden", s.value = !0);
-  }, r = () => {
-    const l = Le(T(e));
-    !l || !s.value || (l.style.overflow = c, Be.delete(l), s.value = !1);
+  const c = () => {
+    const o = Ze(P(e));
+    !o || a.value || (o.style.overflow = "hidden", a.value = !0);
+  }, i = () => {
+    const o = Ze(P(e));
+    !o || !a.value || (o.style.overflow = d, Qe.delete(o), a.value = !1);
   };
-  return Me(r), D({
+  return Fe(i), A({
     get() {
-      return s.value;
+      return a.value;
     },
-    set(l) {
-      l ? u() : r();
+    set(o) {
+      o ? c() : i();
     }
   });
 }
-const dn = (e) => {
+const En = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(t.body.childNodes).some((s) => s.nodeType === 1);
-}, fn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), vn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], mn = ["innerHTML"], gn = { key: 2 }, hn = /* @__PURE__ */ ne({
+  return Array.from(t.body.childNodes).some((a) => a.nodeType === 1);
+}, $n = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Sn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Rn = ["innerHTML"], Dn = { key: 2 }, Mn = /* @__PURE__ */ ue({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -733,185 +733,185 @@ const dn = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const s = U("cell"), c = e.store.getCellData(e.colIndex, e.rowIndex), u = W(""), r = W(!1), l = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], a = l.align || "center", d = l.width || "40ch", v = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = D(() => typeof v.value == "string" ? dn(v.value) : !1), E = D(() => ({
-      textAlign: a,
-      width: d,
-      fontWeight: r.value ? "bold" : "inherit",
+    const a = le("cell"), d = e.store.getCellData(e.colIndex, e.rowIndex), c = B(""), i = B(!1), o = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], l = o.align || "center", s = o.width || "40ch", u = A(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), h = A(() => typeof u.value == "string" ? En(u.value) : !1), $ = A(() => ({
+      textAlign: l,
+      width: s,
+      fontWeight: i.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), h = D(() => ({
+    })), g = A(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": r.value
-    })), b = () => {
-      f(), w();
-    }, w = () => {
-      const { left: A, bottom: x, width: R, height: G } = le(s);
-      l.mask, l.modalComponent && e.store.$patch((z) => {
-        z.modal.visible = !0, z.modal.colIndex = e.colIndex, z.modal.rowIndex = e.rowIndex, z.modal.left = A, z.modal.bottom = x, z.modal.width = R, z.modal.height = G, z.modal.cell = s.value, typeof l.modalComponent == "function" ? z.modal.component = l.modalComponent({ table: z.table, row: n, column: l }) : z.modal.component = l.modalComponent, z.modal.componentProps = l.modalComponentExtraProps;
+      "cell-modified": i.value
+    })), I = () => {
+      v(), x();
+    }, x = () => {
+      const { left: O, bottom: y, width: D, height: G } = xe(a);
+      o.mask, o.modalComponent && e.store.$patch((W) => {
+        W.modal.visible = !0, W.modal.colIndex = e.colIndex, W.modal.rowIndex = e.rowIndex, W.modal.left = O, W.modal.bottom = y, W.modal.width = D, W.modal.height = G, W.modal.cell = a.value, typeof o.modalComponent == "function" ? W.modal.component = o.modalComponent({ table: W.table, row: n, column: o }) : W.modal.component = o.modalComponent, W.modal.componentProps = o.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let A = {
-        ...Se,
-        "keydown.f2": w,
-        "keydown.alt.up": w,
-        "keydown.alt.down": w,
-        "keydown.alt.left": w,
-        "keydown.alt.right": w
+      let O = {
+        ...ze,
+        "keydown.f2": x,
+        "keydown.alt.up": x,
+        "keydown.alt.down": x,
+        "keydown.alt.left": x,
+        "keydown.alt.right": x
       };
-      typeof e.addNavigation == "object" && (A = {
-        ...A,
+      typeof e.addNavigation == "object" && (O = {
+        ...O,
         ...e.addNavigation
-      }), qe([
+      }), it([
         {
-          selectors: s,
-          handlers: A
+          selectors: a,
+          handlers: O
         }
       ]);
     }
-    const f = () => {
-      if (s.value && l.edit) {
-        const A = window.getSelection();
-        if (A)
+    const v = () => {
+      if (a.value && o.edit) {
+        const O = window.getSelection();
+        if (O)
           try {
-            const x = document.createRange();
-            x.selectNodeContents && (x.selectNodeContents(s.value), A.removeAllRanges(), A.addRange(x));
+            const y = document.createRange();
+            y.selectNodeContents && (y.selectNodeContents(a.value), O.removeAllRanges(), O.addRange(y));
           } catch {
           }
       }
     }, m = () => {
-      s.value && (u.value = s.value.textContent, f());
-    }, y = () => {
+      a.value && (c.value = a.value.textContent, v());
+    }, b = () => {
       try {
-        const A = window.getSelection();
-        if (A && A.rangeCount > 0 && s.value) {
-          const x = A.getRangeAt(0), R = x.cloneRange();
-          if (R.selectNodeContents && R.setEnd)
-            return R.selectNodeContents(s.value), R.setEnd(x.endContainer, x.endOffset), R.toString().length;
+        const O = window.getSelection();
+        if (O && O.rangeCount > 0 && a.value) {
+          const y = O.getRangeAt(0), D = y.cloneRange();
+          if (D.selectNodeContents && D.setEnd)
+            return D.selectNodeContents(a.value), D.setEnd(y.endContainer, y.endOffset), D.toString().length;
         }
       } catch {
       }
       return 0;
-    }, L = (A) => {
-      if (s.value)
+    }, V = (O) => {
+      if (a.value)
         try {
-          const x = window.getSelection();
-          if (!x) return;
-          let R = 0;
-          const G = document.createTreeWalker ? document.createTreeWalker(s.value, NodeFilter.SHOW_TEXT, null) : null;
+          const y = window.getSelection();
+          if (!y) return;
+          let D = 0;
+          const G = document.createTreeWalker ? document.createTreeWalker(a.value, NodeFilter.SHOW_TEXT, null) : null;
           if (!G) return;
-          let z, O = null;
-          for (; z = G.nextNode(); ) {
-            const F = z, _ = R + F.textContent.length;
-            if (A <= _ && (O = document.createRange(), O.setStart && O.setEnd)) {
-              O.setStart(F, A - R), O.setEnd(F, A - R);
+          let W, H = null;
+          for (; W = G.nextNode(); ) {
+            const _ = W, fe = D + _.textContent.length;
+            if (O <= fe && (H = document.createRange(), H.setStart && H.setEnd)) {
+              H.setStart(_, O - D), H.setEnd(_, O - D);
               break;
             }
-            R = _;
+            D = fe;
           }
-          O && x.removeAllRanges && x.addRange && (x.removeAllRanges(), x.addRange(O));
+          H && y.removeAllRanges && y.addRange && (y.removeAllRanges(), y.addRange(H));
         } catch {
         }
-    }, B = (A) => {
-      if (!l.edit) return;
-      const x = A.target;
-      if (x.textContent === u.value)
+    }, L = (O) => {
+      if (!o.edit) return;
+      const y = O.target;
+      if (y.textContent === c.value)
         return;
-      const R = y();
-      u.value = x.textContent, l.format ? (r.value = x.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, c), e.store.setCellText(e.colIndex, e.rowIndex, x.textContent)) : (r.value = x.textContent !== c, e.store.setCellData(e.colIndex, e.rowIndex, x.textContent)), Ge().then(() => {
-        L(R);
+      const D = b();
+      c.value = y.textContent, o.format ? (i.value = y.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, d), e.store.setCellText(e.colIndex, e.rowIndex, y.textContent)) : (i.value = y.textContent !== d, e.store.setCellData(e.colIndex, e.rowIndex, y.textContent)), tt().then(() => {
+        V(D);
       });
-    }, X = /* @__PURE__ */ ln(B, e.debounce);
+    }, J = /* @__PURE__ */ yn(L, e.debounce);
     return t({
-      currentData: u
-    }), (A, x) => (M(), P("td", {
+      currentData: c
+    }), (O, y) => (C(), k("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": $(l).edit,
-      contenteditable: $(l).edit,
+      "data-editable": R(o).edit,
+      contenteditable: R(o).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: ee(E.value),
-      class: q(["atable-cell", h.value]),
+      style: re($.value),
+      class: ee(["atable-cell", g.value]),
       onFocus: m,
-      onPaste: B,
-      onInput: x[0] || (x[0] = //@ts-ignore
-      (...R) => $(X) && $(X)(...R)),
-      onClick: b
+      onPaste: L,
+      onInput: y[0] || (y[0] = //@ts-ignore
+      (...D) => R(J) && R(J)(...D)),
+      onClick: I
     }, [
-      $(l).cellComponent ? (M(), ie(Ee($(l).cellComponent), Xe({
+      R(o).cellComponent ? (C(), ve(Ee(R(o).cellComponent), nt({
         key: 0,
-        value: v.value
-      }, $(l).cellComponentProps), null, 16, ["value"])) : p.value ? (M(), P("span", {
+        value: u.value
+      }, R(o).cellComponentProps), null, 16, ["value"])) : h.value ? (C(), k("span", {
         key: 1,
-        innerHTML: v.value
-      }, null, 8, mn)) : (M(), P("span", gn, ce(v.value), 1))
-    ], 46, vn));
+        innerHTML: u.value
+      }, null, 8, Rn)) : (C(), k("span", Dn, ge(u.value), 1))
+    ], 46, Sn));
   }
-}), wn = ["tabindex"], xn = ["tabindex"], pn = ["colspan"], yn = /* @__PURE__ */ ne({
+}), Tn = ["tabindex"], An = ["tabindex"], On = ["colspan"], Pn = /* @__PURE__ */ ue({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
     store: {},
     tabIndex: { default: () => -1 },
-    addNavigation: { type: [Boolean, Object], default: () => Se }
+    addNavigation: { type: [Boolean, Object], default: () => ze }
   },
   setup(e) {
-    const t = U("rowEl"), s = D(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = le("rowEl"), a = A(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const c = {
-        "keydown.control.g": (u) => {
-          u.stopPropagation(), u.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      const d = {
+        "keydown.control.g": (c) => {
+          c.stopPropagation(), c.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(c, e.addNavigation), qe([
+      typeof e.addNavigation == "object" && Object.assign(d, e.addNavigation), it([
         {
           selectors: t,
-          handlers: c
+          handlers: d
         }
       ]);
     }
-    return (c, u) => (M(), P(se, null, [
-      N("tr", Xe(c.$attrs, {
+    return (d, c) => (C(), k(ie, null, [
+      z("tr", nt(d.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: "expandable-row"
       }), [
-        N("td", {
+        z("td", {
           tabIndex: -1,
           class: "row-index",
-          onClick: u[0] || (u[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
-        }, ce(s.value), 1),
-        Y(c.$slots, "row", {}, void 0, !0)
-      ], 16, wn),
-      e.store.display[e.rowIndex].expanded ? (M(), P("tr", {
+          onClick: c[0] || (c[0] = (i) => e.store.toggleRowExpand(e.rowIndex))
+        }, ge(a.value), 1),
+        te(d.$slots, "row", {}, void 0, !0)
+      ], 16, Tn),
+      e.store.display[e.rowIndex].expanded ? (C(), k("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: e.tabIndex,
         class: "expanded-row"
       }, [
-        N("td", {
+        z("td", {
           tabIndex: -1,
           colspan: e.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          Y(c.$slots, "content", {}, void 0, !0)
-        ], 8, pn)
-      ], 8, xn)) : J("", !0)
+          te(d.$slots, "content", {}, void 0, !0)
+        ], 8, On)
+      ], 8, An)) : q("", !0)
     ], 64));
   }
-}), re = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [c, u] of t)
-    s[c] = u;
-  return s;
-}, bn = /* @__PURE__ */ re(yn, [["__scopeId", "data-v-a42297c7"]]), Cn = ["colspan"], En = {
+}), he = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [d, c] of t)
+    a[d] = c;
+  return a;
+}, Hn = /* @__PURE__ */ he(Pn, [["__scopeId", "data-v-a42297c7"]]), Ln = ["colspan"], Vn = {
   ref: "container",
   class: "gantt-container"
-}, In = ["data-rowindex", "data-colindex"], kn = {
+}, Nn = ["data-rowindex", "data-colindex"], Bn = {
   key: 2,
   class: "gantt-label"
-}, $n = ["x1", "y1", "x2", "y2"], Rn = /* @__PURE__ */ ne({
+}, zn = ["x1", "y1", "x2", "y2"], Fn = /* @__PURE__ */ ue({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -925,19 +925,19 @@ const dn = (e) => {
     color: { default: "#cccccc" }
   },
   emits: ["connection:create"],
-  setup(e, { expose: t, emit: s }) {
-    St((I) => ({
-      v6d722296: u.value,
-      v260b36f8: I.colspan
+  setup(e, { expose: t, emit: a }) {
+    Bt((E) => ({
+      v6d722296: c.value,
+      v260b36f8: E.colspan
     }));
-    const c = s, u = W(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = U("container"), n = U("bar"), a = U("leftResizeHandle"), d = U("rightResizeHandle"), v = U("leftConnectionHandle"), p = U("rightConnectionHandle"), { width: E } = le(l), { left: h, right: b } = le(n), w = W(e.start), f = W(e.end || w.value + e.colspan), m = W(!1), y = W(!1), L = W(!1), B = W(!1), X = W(!1), A = W({ startX: 0, startY: 0, endX: 0, endY: 0 }), x = D(() => we.value || F.value || _.value), R = D(() => e.colspan > 0 ? E.value / e.colspan : 0), G = D(() => {
-      const I = w.value / e.colspan * 100, o = f.value / e.colspan * 100;
+    const d = a, c = B(e.color.length >= 6 ? e.color : "#cccccc"), i = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = le("container"), n = le("bar"), l = le("leftResizeHandle"), s = le("rightResizeHandle"), u = le("leftConnectionHandle"), h = le("rightConnectionHandle"), { width: $ } = xe(o), { left: g, right: I } = xe(n), x = B(e.start), v = B(e.end || x.value + e.colspan), m = B(!1), b = B(!1), V = B(!1), L = B(!1), J = B(!1), O = B({ startX: 0, startY: 0, endX: 0, endY: 0 }), y = A(() => Re.value || _.value || fe.value), D = A(() => e.colspan > 0 ? $.value / e.colspan : 0), G = A(() => {
+      const E = x.value / e.colspan * 100, M = v.value / e.colspan * 100;
       return {
-        left: `${I}%`,
-        width: `${o - I}%`,
-        backgroundColor: u.value
+        left: `${E}%`,
+        width: `${M - E}%`,
+        backgroundColor: c.value
       };
-    }), z = D(
+    }), W = A(
       () => ({
         position: "fixed",
         top: 0,
@@ -947,236 +947,236 @@ const dn = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), O = W({ startX: 0, startPos: 0 }), { isDragging: F } = Pe(a, {
+    ), H = B({ startX: 0, startPos: 0 }), { isDragging: _ } = Je(l, {
       axis: "x",
-      onStart: () => ve(h.value, w.value),
-      onMove: ({ x: I }) => xe(I),
-      onEnd: ({ x: I }) => Ae(I)
-    }), { isDragging: _ } = Pe(d, {
+      onStart: () => Ie(g.value, x.value),
+      onMove: ({ x: E }) => We(E),
+      onEnd: ({ x: E }) => Xe(E)
+    }), { isDragging: fe } = Je(s, {
       axis: "x",
-      onStart: () => ve(b.value, f.value),
-      onMove: ({ x: I }) => pe(I),
-      onEnd: ({ x: I }) => Je(I)
-    }), { isDragging: we } = Pe(n, {
+      onStart: () => Ie(I.value, v.value),
+      onMove: ({ x: E }) => Ge(E),
+      onEnd: ({ x: E }) => De(E)
+    }), { isDragging: Re } = Je(n, {
       exact: !0,
       axis: "x",
-      onStart: () => ve(h.value, w.value),
-      onMove: ({ x: I }) => Ze(I),
-      onEnd: ({ x: I }) => Qe(I)
+      onStart: () => Ie(g.value, x.value),
+      onMove: ({ x: E }) => Ye(E),
+      onEnd: ({ x: E }) => Me(E)
     });
-    de(() => {
-      Ke();
-    }), Mt(() => {
-      _e();
+    pe(() => {
+      Ue();
+    }), zt(() => {
+      je();
     });
-    function ve(I, o) {
-      n.value && (n.value.style.transition = "none"), O.value = { startX: I, startPos: o };
+    function Ie(E, M) {
+      n.value && (n.value.style.transition = "none"), H.value = { startX: E, startPos: M };
     }
-    function xe(I) {
-      if (!F.value || !n.value) return;
-      const i = (I - O.value.startX) / R.value, g = Math.max(0, Math.min(f.value - 1, O.value.startPos + i));
-      n.value.style.left = `${g / e.colspan * 100}%`, n.value.style.width = `${(f.value - g) / e.colspan * 100}%`;
+    function We(E) {
+      if (!_.value || !n.value) return;
+      const X = (E - H.value.startX) / D.value, F = Math.max(0, Math.min(v.value - 1, H.value.startPos + X));
+      n.value.style.left = `${F / e.colspan * 100}%`, n.value.style.width = `${(v.value - F) / e.colspan * 100}%`;
     }
-    function Ae(I) {
+    function Xe(E) {
       if (!n.value) return;
-      const o = I - O.value.startX, i = Math.round(o / R.value), g = w.value, C = Math.max(0, Math.min(f.value - 1, O.value.startPos + i));
-      w.value = C, e.store.updateGanttBar({
+      const M = E - H.value.startX, X = Math.round(M / D.value), F = x.value, Y = Math.max(0, Math.min(v.value - 1, H.value.startPos + X));
+      x.value = Y, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: g,
-        newStart: C,
-        end: f.value,
-        delta: i,
-        oldColspan: f.value - g,
-        newColspan: f.value - C
+        oldStart: F,
+        newStart: Y,
+        end: v.value,
+        delta: X,
+        oldColspan: v.value - F,
+        newColspan: v.value - Y
       });
     }
-    function pe(I) {
-      if (!_.value || !n.value) return;
-      const i = (I - O.value.startX) / R.value, g = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + i));
-      n.value.style.width = `${(g - w.value) / e.colspan * 100}%`;
+    function Ge(E) {
+      if (!fe.value || !n.value) return;
+      const X = (E - H.value.startX) / D.value, F = Math.max(x.value + 1, Math.min(e.columnsCount, H.value.startPos + X));
+      n.value.style.width = `${(F - x.value) / e.colspan * 100}%`;
     }
-    function Je(I) {
+    function De(E) {
       if (!n.value) return;
-      const o = I - O.value.startX, i = Math.round(o / R.value), g = f.value, C = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + i));
-      f.value = C, e.store.updateGanttBar({
+      const M = E - H.value.startX, X = Math.round(M / D.value), F = v.value, Y = Math.max(x.value + 1, Math.min(e.columnsCount, H.value.startPos + X));
+      v.value = Y, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: g,
-        newEnd: C,
-        start: w.value,
-        delta: i,
-        oldColspan: g - w.value,
-        newColspan: C - w.value
+        oldEnd: F,
+        newEnd: Y,
+        start: x.value,
+        delta: X,
+        oldColspan: F - x.value,
+        newColspan: Y - x.value
       });
     }
-    function Ze(I) {
-      if (!we.value || !n.value) return;
-      const i = (I - O.value.startX) / R.value, g = f.value - w.value, C = Math.max(0, Math.min(O.value.startPos + i, e.columnsCount - g));
-      n.value.style.left = `${C / e.colspan * 100}%`;
+    function Ye(E) {
+      if (!Re.value || !n.value) return;
+      const X = (E - H.value.startX) / D.value, F = v.value - x.value, Y = Math.max(0, Math.min(H.value.startPos + X, e.columnsCount - F));
+      n.value.style.left = `${Y / e.colspan * 100}%`;
     }
-    function Qe(I) {
+    function Me(E) {
       if (!n.value) return;
-      const o = I - O.value.startX, i = Math.round(o / R.value), g = f.value - w.value, C = w.value, H = f.value;
-      let k = O.value.startPos + i, S = k + g;
-      k < 0 ? (k = 0, S = g) : S > e.columnsCount && (S = e.columnsCount, k = S - g), w.value = k, f.value = S, e.store.updateGanttBar({
+      const M = E - H.value.startX, X = Math.round(M / D.value), F = v.value - x.value, Y = x.value, j = v.value;
+      let Q = H.value.startPos + X, K = Q + F;
+      Q < 0 ? (Q = 0, K = F) : K > e.columnsCount && (K = e.columnsCount, Q = K - F), x.value = Q, v.value = K, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: C,
-        oldEnd: H,
-        newStart: k,
-        newEnd: S,
-        delta: i,
-        colspan: S - k
+        oldStart: Y,
+        oldEnd: j,
+        newStart: Q,
+        newEnd: K,
+        delta: X,
+        colspan: K - Q
       });
     }
-    function Ke() {
-      const { x: I, y: o } = le(n), { x: i, y: g } = le(v), { x: C, y: H } = le(p);
+    function Ue() {
+      const { x: E, y: M } = xe(n), { x: X, y: F } = xe(u), { x: Y, y: j } = xe(h);
       e.store.registerGanttBar({
-        id: r,
+        id: i,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
-        startIndex: w,
-        endIndex: f,
-        color: u,
+        startIndex: x,
+        endIndex: v,
+        color: c,
         label: e.label,
-        position: { x: I, y: o }
+        position: { x: E, y: M }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${r}-connection-left`,
+        id: `${i}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: i, y: g },
+        position: { x: X, y: F },
         visible: m,
-        barId: r
+        barId: i
       }), e.store.registerConnectionHandle({
-        id: `${r}-connection-right`,
+        id: `${i}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: C, y: H },
-        visible: y,
-        barId: r
+        position: { x: Y, y: j },
+        visible: b,
+        barId: i
       }));
     }
-    function _e() {
-      e.store.unregisterGanttBar(r), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${r}-connection-left`), e.store.unregisterConnectionHandle(`${r}-connection-right`));
+    function je() {
+      e.store.unregisterGanttBar(i), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${i}-connection-left`), e.store.unregisterConnectionHandle(`${i}-connection-right`));
     }
-    function et() {
-      e.store.isDependencyGraphEnabled && (m.value = !0, y.value = !0);
+    function qe() {
+      e.store.isDependencyGraphEnabled && (m.value = !0, b.value = !0);
     }
     function Te() {
-      !L.value && !B.value && (m.value = !1, y.value = !1);
+      !V.value && !L.value && (m.value = !1, b.value = !1);
     }
-    function De(I, o) {
-      o.preventDefault(), o.stopPropagation(), X.value = !0, I === "left" ? L.value = !0 : B.value = !0;
-      const i = I === "left" ? v.value : p.value;
-      if (i) {
-        const H = i.getBoundingClientRect(), k = H.left + H.width / 2, S = H.top + H.height / 2;
-        A.value = { startX: k, startY: S, endX: k, endY: S };
+    function Ae(E, M) {
+      M.preventDefault(), M.stopPropagation(), J.value = !0, E === "left" ? V.value = !0 : L.value = !0;
+      const X = E === "left" ? u.value : h.value;
+      if (X) {
+        const j = X.getBoundingClientRect(), Q = j.left + j.width / 2, K = j.top + j.height / 2;
+        O.value = { startX: Q, startY: K, endX: Q, endY: K };
       }
-      const g = (H) => {
-        A.value.endX = H.clientX, A.value.endY = H.clientY;
-      }, C = (H) => {
-        Oe(H, I), He(g, C);
+      const F = (j) => {
+        O.value.endX = j.clientX, O.value.endY = j.clientY;
+      }, Y = (j) => {
+        Oe(j, E), Pe(F, Y);
       };
-      document.addEventListener("mousemove", g), document.addEventListener("mouseup", C);
+      document.addEventListener("mousemove", F), document.addEventListener("mouseup", Y);
     }
-    function Oe(I, o) {
-      const g = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
-      if (g && g !== (o === "left" ? v.value : p.value)) {
-        const C = g.closest(".gantt-bar");
-        if (C) {
-          const H = parseInt(C.getAttribute("data-rowindex") || "0"), k = parseInt(C.getAttribute("data-colindex") || "0"), S = g.classList.contains("left-connection-handle") ? "left" : "right", oe = `gantt-bar-row-${H}-col-${k}`, ye = e.store.createConnection(
-            `${r}-connection-${o}`,
-            `${oe}-connection-${S}`
+    function Oe(E, M) {
+      const F = document.elementFromPoint(E.clientX, E.clientY)?.closest(".connection-handle");
+      if (F && F !== (M === "left" ? u.value : h.value)) {
+        const Y = F.closest(".gantt-bar");
+        if (Y) {
+          const j = parseInt(Y.getAttribute("data-rowindex") || "0"), Q = parseInt(Y.getAttribute("data-colindex") || "0"), K = F.classList.contains("left-connection-handle") ? "left" : "right", r = `gantt-bar-row-${j}-col-${Q}`, f = e.store.createConnection(
+            `${i}-connection-${M}`,
+            `${r}-connection-${K}`
           );
-          ye && c("connection:create", ye);
+          f && d("connection:create", f);
         }
       }
     }
-    function He(I, o) {
-      X.value = !1, L.value = !1, B.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", o), n.value?.matches(":hover") || Te();
+    function Pe(E, M) {
+      J.value = !1, V.value = !1, L.value = !1, document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", M), n.value?.matches(":hover") || Te();
     }
     return t({
       barStyle: G,
-      cleanupConnectionDrag: He,
-      currentEnd: f,
+      cleanupConnectionDrag: Pe,
+      currentEnd: v,
       handleConnectionDrop: Oe,
-      isLeftConnectionDragging: L,
+      isLeftConnectionDragging: V,
       isLeftConnectionVisible: m,
-      isRightConnectionDragging: B,
-      isRightConnectionVisible: y,
-      showDragPreview: X
-    }), (I, o) => (M(), P("td", {
+      isRightConnectionDragging: L,
+      isRightConnectionVisible: b,
+      showDragPreview: J
+    }), (E, M) => (C(), k("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      N("div", En, [
-        N("div", {
+      z("div", Vn, [
+        z("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: q(["gantt-bar", { "is-dragging": x.value }]),
-          style: ee(G.value),
-          onMouseenter: et,
+          class: ee(["gantt-bar", { "is-dragging": y.value }]),
+          style: re(G.value),
+          onMouseenter: qe,
           onMouseleave: Te
         }, [
-          e.store.isDependencyGraphEnabled ? (M(), P("div", {
+          e.store.isDependencyGraphEnabled ? (C(), k("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: q(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": L.value }]),
-            onMousedown: o[0] || (o[0] = $e((i) => De("left", i), ["stop"]))
-          }, [...o[2] || (o[2] = [
-            N("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : J("", !0),
-          e.store.isDependencyGraphEnabled ? (M(), P("div", {
+            class: ee(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": V.value }]),
+            onMousedown: M[0] || (M[0] = Be((X) => Ae("left", X), ["stop"]))
+          }, [...M[2] || (M[2] = [
+            z("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : q("", !0),
+          e.store.isDependencyGraphEnabled ? (C(), k("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: q(["connection-handle right-connection-handle", { visible: y.value, "is-dragging": B.value }]),
-            onMousedown: o[1] || (o[1] = $e((i) => De("right", i), ["stop"]))
-          }, [...o[3] || (o[3] = [
-            N("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : J("", !0),
-          N("div", {
+            class: ee(["connection-handle right-connection-handle", { visible: b.value, "is-dragging": L.value }]),
+            onMousedown: M[1] || (M[1] = Be((X) => Ae("right", X), ["stop"]))
+          }, [...M[3] || (M[3] = [
+            z("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : q("", !0),
+          z("div", {
             ref: "leftResizeHandle",
-            class: q(["resize-handle left-resize-handle", { "is-dragging": $(F) }])
-          }, [...o[4] || (o[4] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: ee(["resize-handle left-resize-handle", { "is-dragging": R(_) }])
+          }, [...M[4] || (M[4] = [
+            z("div", { class: "handle-grip" }, null, -1),
+            z("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (M(), P("label", kn, ce(e.label), 1)) : J("", !0),
-          N("div", {
+          e.label ? (C(), k("label", Bn, ge(e.label), 1)) : q("", !0),
+          z("div", {
             ref: "rightResizeHandle",
-            class: q(["resize-handle right-resize-handle", { "is-dragging": $(_) }])
-          }, [...o[5] || (o[5] = [
-            N("div", { class: "handle-grip" }, null, -1),
-            N("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: ee(["resize-handle right-resize-handle", { "is-dragging": R(fe) }])
+          }, [...M[5] || (M[5] = [
+            z("div", { class: "handle-grip" }, null, -1),
+            z("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, In)
+        ], 46, Nn)
       ], 512),
-      e.store.isDependencyGraphEnabled && X.value ? (M(), P("svg", {
+      e.store.isDependencyGraphEnabled && J.value ? (C(), k("svg", {
         key: 0,
-        style: ee(z.value)
+        style: re(W.value)
       }, [
-        N("line", {
-          x1: A.value.startX,
-          y1: A.value.startY,
-          x2: A.value.endX,
-          y2: A.value.endY,
+        z("line", {
+          x1: O.value.startX,
+          y1: O.value.startY,
+          x2: O.value.endX,
+          y2: O.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, $n)
-      ], 4)) : J("", !0)
-    ], 8, Cn));
+        }, null, 8, zn)
+      ], 4)) : q("", !0)
+    ], 8, Ln));
   }
-}), Sn = /* @__PURE__ */ re(Rn, [["__scopeId", "data-v-8917a8a3"]]), Mn = ["tabindex"], An = /* @__PURE__ */ ne({
+}), Wn = /* @__PURE__ */ he(Fn, [["__scopeId", "data-v-8917a8a3"]]), Xn = ["tabindex"], Gn = /* @__PURE__ */ ue({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1185,71 +1185,71 @@ const dn = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = U("rowEl"), s = D(() => e.store.isRowVisible(e.rowIndex)), c = D(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = le("rowEl"), a = A(() => e.store.isRowVisible(e.rowIndex)), d = A(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let u = Se;
-      typeof e.addNavigation == "object" && (u = {
-        ...u,
+      let c = ze;
+      typeof e.addNavigation == "object" && (c = {
+        ...c,
         ...e.addNavigation
-      }), qe([
+      }), it([
         {
           selectors: t,
-          handlers: u
+          handlers: c
         }
       ]);
     }
-    return (u, r) => Re((M(), P("tr", {
+    return (c, i) => oe((C(), k("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      e.store.config.view !== "uncounted" ? Y(u.$slots, "index", { key: 0 }, () => [
-        e.store.config.view === "list" ? (M(), P("td", {
+      e.store.config.view !== "uncounted" ? te(c.$slots, "index", { key: 0 }, () => [
+        e.store.config.view === "list" ? (C(), k("td", {
           key: 0,
           tabIndex: -1,
-          class: q(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, ce(e.rowIndex + 1), 3)) : e.store.isTreeView ? (M(), P("td", {
+          class: ee(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, ge(e.rowIndex + 1), 3)) : e.store.isTreeView ? (C(), k("td", {
           key: 1,
           tabIndex: -1,
-          class: q(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: r[0] || (r[0] = (l) => e.store.toggleRowExpand(e.rowIndex))
-        }, ce(c.value), 3)) : J("", !0)
-      ], !0) : J("", !0),
-      Y(u.$slots, "default", {}, void 0, !0)
-    ], 8, Mn)), [
-      [gt, s.value]
+          class: ee(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: i[0] || (i[0] = (o) => e.store.toggleRowExpand(e.rowIndex))
+        }, ge(d.value), 3)) : q("", !0)
+      ], !0) : q("", !0),
+      te(c.$slots, "default", {}, void 0, !0)
+    ], 8, Xn)), [
+      [$t, a.value]
     ]);
   }
-}), pt = /* @__PURE__ */ re(An, [["__scopeId", "data-v-0fa91f83"]]), ze = /* @__PURE__ */ new WeakMap(), Tn = {
+}), Mt = /* @__PURE__ */ he(Gn, [["__scopeId", "data-v-0fa91f83"]]), Ke = /* @__PURE__ */ new WeakMap(), Yn = {
   mounted(e, t) {
-    const s = !t.modifiers.bubble;
-    let c;
-    if (typeof t.value == "function") c = dt(e, t.value, { capture: s });
+    const a = !t.modifiers.bubble;
+    let d;
+    if (typeof t.value == "function") d = Ct(e, t.value, { capture: a });
     else {
-      const [u, r] = t.value;
-      c = dt(e, u, Object.assign({ capture: s }, r));
+      const [c, i] = t.value;
+      d = Ct(e, c, Object.assign({ capture: a }, i));
     }
-    ze.set(e, c);
+    Ke.set(e, d);
   },
   unmounted(e) {
-    const t = ze.get(e);
-    t && typeof t == "function" ? t() : t?.stop(), ze.delete(e);
+    const t = Ke.get(e);
+    t && typeof t == "function" ? t() : t?.stop(), Ke.delete(e);
   }
-}, Dn = { mounted(e, t) {
-  typeof t.value == "function" ? We(e, t.value) : We(e, ...t.value);
+}, Un = { mounted(e, t) {
+  typeof t.value == "function" ? _e(e, t.value) : _e(e, ...t.value);
 } };
-function On() {
+function jn() {
   let e = !1;
-  const t = V(!1);
-  return (s, c) => {
-    if (t.value = c.value, e) return;
+  const t = Z(!1);
+  return (a, d) => {
+    if (t.value = d.value, e) return;
     e = !0;
-    const u = un(s, c.value);
-    j(t, (r) => u.value = r);
+    const c = kn(a, d.value);
+    ne(t, (i) => c.value = i);
   };
 }
-On();
-const Hn = { class: "gantt-connection-overlay" }, Pn = {
+jn();
+const qn = { class: "gantt-connection-overlay" }, Jn = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1260,39 +1260,39 @@ const Hn = { class: "gantt-connection-overlay" }, Pn = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, Ln = ["d", "stroke-width", "onDblclick"], Bn = ["id", "d", "stroke", "stroke-width", "onDblclick"], zn = 0.25, Ce = 16, Wn = /* @__PURE__ */ ne({
+}, Zn = ["d", "stroke-width", "onDblclick"], Qn = ["id", "d", "stroke", "stroke-width", "onDblclick"], Kn = 0.25, Le = 16, _n = /* @__PURE__ */ ue({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const s = t, c = D(() => e.store.connectionPaths.filter((l) => {
-      const n = e.store.ganttBars.find((d) => d.id === l.from.barId), a = e.store.ganttBars.find((d) => d.id === l.to.barId);
-      return n && a;
-    })), u = (l) => {
+    const a = t, d = A(() => e.store.connectionPaths.filter((o) => {
+      const n = e.store.ganttBars.find((s) => s.id === o.from.barId), l = e.store.ganttBars.find((s) => s.id === o.to.barId);
+      return n && l;
+    })), c = (o) => {
       const n = e.store.connectionHandles.find(
-        (x) => x.barId === l.from.barId && x.side === l.from.side
-      ), a = e.store.connectionHandles.find(
-        (x) => x.barId === l.to.barId && x.side === l.to.side
+        (y) => y.barId === o.from.barId && y.side === o.from.side
+      ), l = e.store.connectionHandles.find(
+        (y) => y.barId === o.to.barId && y.side === o.to.side
       );
-      if (!n || !a) return "";
-      const d = n.position.x + Ce / 2, v = n.position.y + Ce / 2, p = a.position.x + Ce / 2, E = a.position.y + Ce / 2, h = Math.abs(p - d), b = Math.max(h * zn, 50), w = d + (l.from.side === "left" ? -b : b), f = p + (l.to.side === "left" ? -b : b), m = { x: 0.5 * d + 0.5 * w, y: 0.5 * v + 0.5 * v }, y = { x: 0.5 * w + 0.5 * f, y: 0.5 * v + 0.5 * E }, L = { x: 0.5 * f + 0.5 * p, y: 0.5 * E + 0.5 * E }, B = { x: 0.5 * m.x + 0.5 * y.x, y: 0.5 * m.y + 0.5 * y.y }, X = { x: 0.5 * y.x + 0.5 * L.x, y: 0.5 * y.y + 0.5 * L.y }, A = { x: 0.5 * B.x + 0.5 * X.x, y: 0.5 * B.y + 0.5 * X.y };
-      return `M ${d} ${v} Q ${w} ${v}, ${A.x} ${A.y} Q ${f} ${E}, ${p} ${E}`;
-    }, r = (l) => {
-      e.store.deleteConnection(l.id) && s("connection:delete", l);
+      if (!n || !l) return "";
+      const s = n.position.x + Le / 2, u = n.position.y + Le / 2, h = l.position.x + Le / 2, $ = l.position.y + Le / 2, g = Math.abs(h - s), I = Math.max(g * Kn, 50), x = s + (o.from.side === "left" ? -I : I), v = h + (o.to.side === "left" ? -I : I), m = { x: 0.5 * s + 0.5 * x, y: 0.5 * u + 0.5 * u }, b = { x: 0.5 * x + 0.5 * v, y: 0.5 * u + 0.5 * $ }, V = { x: 0.5 * v + 0.5 * h, y: 0.5 * $ + 0.5 * $ }, L = { x: 0.5 * m.x + 0.5 * b.x, y: 0.5 * m.y + 0.5 * b.y }, J = { x: 0.5 * b.x + 0.5 * V.x, y: 0.5 * b.y + 0.5 * V.y }, O = { x: 0.5 * L.x + 0.5 * J.x, y: 0.5 * L.y + 0.5 * J.y };
+      return `M ${s} ${u} Q ${x} ${u}, ${O.x} ${O.y} Q ${v} ${$}, ${h} ${$}`;
+    }, i = (o) => {
+      e.store.deleteConnection(o.id) && a("connection:delete", o);
     };
-    return (l, n) => (M(), P("div", Hn, [
-      (M(), P("svg", Pn, [
-        n[0] || (n[0] = N("defs", null, [
-          N("path", {
+    return (o, n) => (C(), k("div", qn, [
+      (C(), k("svg", Jn, [
+        n[0] || (n[0] = z("defs", null, [
+          z("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          N("marker", {
+          z("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1301,135 +1301,281 @@ const Hn = { class: "gantt-connection-overlay" }, Pn = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            N("polygon", {
+            z("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (M(!0), P(se, null, me(c.value, (a) => (M(), P("path", {
-          key: `${a.id}-hitbox`,
-          d: u(a),
+        (C(!0), k(ie, null, ye(d.value, (l) => (C(), k("path", {
+          key: `${l.id}-hitbox`,
+          d: c(l),
           stroke: "transparent",
-          "stroke-width": (a.style?.width || 2) + 10,
+          "stroke-width": (l.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (d) => r(a)
-        }, null, 40, Ln))), 128)),
-        (M(!0), P(se, null, me(c.value, (a) => (M(), P("path", {
-          id: a.id,
-          key: a.id,
-          d: u(a),
-          stroke: a.style?.color || "#666",
-          "stroke-width": a.style?.width || 2,
+          onDblclick: (s) => i(l)
+        }, null, 40, Zn))), 128)),
+        (C(!0), k(ie, null, ye(d.value, (l) => (C(), k("path", {
+          id: l.id,
+          key: l.id,
+          d: c(l),
+          stroke: l.style?.color || "#666",
+          "stroke-width": l.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (d) => r(a)
-        }, null, 40, Bn))), 128))
+          onDblclick: (s) => i(l)
+        }, null, 40, Qn))), 128))
       ]))
     ]));
   }
-}), Nn = /* @__PURE__ */ re(Wn, [["__scopeId", "data-v-71911260"]]), Gn = { key: 0 }, Xn = {
+}), eo = /* @__PURE__ */ he(_n, [["__scopeId", "data-v-71911260"]]), to = { class: "column-filter" }, no = {
+  key: 2,
+  class: "checkbox-filter"
+}, oo = ["value"], lo = {
+  key: 5,
+  class: "date-range-filter"
+}, ao = /* @__PURE__ */ ue({
+  __name: "ATableColumnFilter",
+  props: {
+    column: {},
+    colIndex: {},
+    store: {}
+  },
+  setup(e) {
+    const t = B(""), a = Ft({
+      startValue: "",
+      endValue: ""
+    }), d = (l) => {
+      if (l.filterOptions) return l.filterOptions;
+      const s = /* @__PURE__ */ new Set();
+      return e.store.rows.forEach((u) => {
+        const h = u[l.name];
+        h != null && h !== "" && s.add(h);
+      }), Array.from(s).map((u) => ({
+        value: u,
+        label: String(u)
+      }));
+    }, c = A(() => !!(t.value || a.startValue || a.endValue)), i = (l) => {
+      !l && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = l, e.store.setFilter(e.colIndex, { value: l }));
+    }, o = (l, s) => {
+      l === "start" ? a.startValue = s : a.endValue = s, !a.startValue && !a.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
+        value: null,
+        startValue: a.startValue,
+        endValue: a.endValue
+      });
+    }, n = () => {
+      t.value = "", a.startValue = "", a.endValue = "", e.store.clearFilter(e.colIndex);
+    };
+    return (l, s) => (C(), k("div", to, [
+      (e.column.filterType || "text") === "text" ? oe((C(), k("input", {
+        key: 0,
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
+        type: "text",
+        class: "filter-input",
+        onInput: s[1] || (s[1] = (u) => i(t.value))
+      }, null, 544)), [
+        [ke, t.value]
+      ]) : e.column.filterType === "number" ? oe((C(), k("input", {
+        key: 1,
+        "onUpdate:modelValue": s[2] || (s[2] = (u) => t.value = u),
+        type: "number",
+        class: "filter-input",
+        onInput: s[3] || (s[3] = (u) => i(t.value))
+      }, null, 544)), [
+        [ke, t.value]
+      ]) : e.column.filterType === "checkbox" ? (C(), k("label", no, [
+        oe(z("input", {
+          "onUpdate:modelValue": s[4] || (s[4] = (u) => t.value = u),
+          type: "checkbox",
+          class: "filter-checkbox",
+          onChange: s[5] || (s[5] = (u) => i(t.value))
+        }, null, 544), [
+          [Wt, t.value]
+        ]),
+        z("span", null, ge(e.column.label), 1)
+      ])) : e.column.filterType === "select" ? oe((C(), k("select", {
+        key: 3,
+        "onUpdate:modelValue": s[6] || (s[6] = (u) => t.value = u),
+        class: "filter-select",
+        onChange: s[7] || (s[7] = (u) => i(t.value))
+      }, [
+        s[15] || (s[15] = z("option", { value: "" }, "All", -1)),
+        (C(!0), k(ie, null, ye(d(e.column), (u) => (C(), k("option", {
+          key: u.value || u,
+          value: u.value || u
+        }, ge(u.label || u), 9, oo))), 128))
+      ], 544)), [
+        [Xt, t.value]
+      ]) : e.column.filterType === "date" ? oe((C(), k("input", {
+        key: 4,
+        "onUpdate:modelValue": s[8] || (s[8] = (u) => t.value = u),
+        type: "date",
+        class: "filter-input",
+        onChange: s[9] || (s[9] = (u) => i(t.value))
+      }, null, 544)), [
+        [ke, t.value]
+      ]) : e.column.filterType === "dateRange" ? (C(), k("div", lo, [
+        oe(z("input", {
+          "onUpdate:modelValue": s[10] || (s[10] = (u) => a.startValue = u),
+          type: "date",
+          class: "filter-input",
+          onChange: s[11] || (s[11] = (u) => o("start", a.startValue))
+        }, null, 544), [
+          [ke, a.startValue]
+        ]),
+        s[16] || (s[16] = z("span", { class: "date-separator" }, "-", -1)),
+        oe(z("input", {
+          "onUpdate:modelValue": s[12] || (s[12] = (u) => a.endValue = u),
+          type: "date",
+          class: "filter-input",
+          onChange: s[13] || (s[13] = (u) => o("end", a.endValue))
+        }, null, 544), [
+          [ke, a.endValue]
+        ])
+      ])) : e.column.filterType === "component" && e.column.filterComponent ? (C(), ve(Ee(e.column.filterComponent), {
+        key: 6,
+        value: t.value,
+        column: e.column,
+        colIndex: e.colIndex,
+        store: e.store,
+        "onUpdate:value": s[14] || (s[14] = (u) => i(u))
+      }, null, 40, ["value", "column", "colIndex", "store"])) : q("", !0),
+      c.value ? (C(), k("button", {
+        key: 7,
+        onClick: n,
+        class: "clear-btn",
+        title: "Clear"
+      }, "×")) : q("", !0)
+    ]));
+  }
+}), so = /* @__PURE__ */ he(ao, [["__scopeId", "data-v-8487462d"]]), ro = { key: 0 }, io = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Vn = ["data-colindex"], yt = /* @__PURE__ */ ne({
+}, uo = ["data-colindex", "onClick"], co = {
+  key: 0,
+  class: "atable-filters-row"
+}, Tt = /* @__PURE__ */ ue({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = (s) => {
-      for (const c of s) {
-        if (c.borderBoxSize.length === 0) continue;
-        const r = c.borderBoxSize[0].inlineSize, l = Number(c.target.dataset.colindex), n = e.store.columns[l]?.width;
-        typeof n == "number" && n !== r && e.store.resizeColumn(l, r);
+    const t = A(() => e.columns.filter((c) => c.filterable)), a = (c) => e.store.sortByColumn(c), d = (c) => {
+      for (const i of c) {
+        if (i.borderBoxSize.length === 0) continue;
+        const n = i.borderBoxSize[0].inlineSize, l = Number(i.target.dataset.colindex), s = e.store.columns[l]?.width;
+        typeof s == "number" && s !== n && e.store.resizeColumn(l, n);
       }
     };
-    return (s, c) => e.columns.length ? (M(), P("thead", Gn, [
-      N("tr", Xn, [
-        e.store.zeroColumn ? (M(), P("th", {
+    return (c, i) => e.columns.length ? (C(), k("thead", ro, [
+      z("tr", io, [
+        e.store.zeroColumn ? (C(), k("th", {
           key: 0,
           id: "header-index",
-          class: q([[
+          class: ee([[
             e.store.hasPinnedColumns ? "sticky-index" : "",
             e.store.isTreeView ? "tree-index" : "",
             e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : J("", !0),
-        (M(!0), P(se, null, me(e.columns, (u, r) => Re((M(), P("th", {
-          key: u.name,
-          "data-colindex": r,
+        }, null, 2)) : q("", !0),
+        (C(!0), k(ie, null, ye(e.columns, (o, n) => oe((C(), k("th", {
+          key: o.name,
+          "data-colindex": n,
           tabindex: "-1",
-          style: ee(e.store.getHeaderCellStyle(u)),
-          class: q(u.pinned ? "sticky-column" : "")
+          style: re(e.store.getHeaderCellStyle(o)),
+          class: ee(`${o.pinned ? "sticky-column" : ""} ${o.sortable === !1 ? "" : "cursor-pointer"}`),
+          onClick: (l) => o.sortable !== !1 ? a(n) : void 0
         }, [
-          Y(s.$slots, "default", {}, () => [
-            At(ce(u.label || String.fromCharCode(r + 97).toUpperCase()), 1)
+          te(c.$slots, "default", {}, () => [
+            Gt(ge(o.label || String.fromCharCode(n + 97).toUpperCase()), 1)
           ])
-        ], 14, Vn)), [
-          [$(Dn), t]
+        ], 14, uo)), [
+          [R(Un), d]
         ])), 128))
-      ])
-    ])) : J("", !0);
+      ]),
+      t.value.length > 0 ? (C(), k("tr", co, [
+        e.store.zeroColumn ? (C(), k("th", {
+          key: 0,
+          class: ee([[
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+          ], "list-index"])
+        }, null, 2)) : q("", !0),
+        (C(!0), k(ie, null, ye(e.columns, (o, n) => (C(), k("th", {
+          key: `filter-${o.name}`,
+          class: ee(`${o.pinned ? "sticky-column" : ""}`),
+          style: re(e.store.getHeaderCellStyle(o))
+        }, [
+          o.filterable ? (C(), ve(so, {
+            key: 0,
+            column: o,
+            "col-index": n,
+            store: e.store
+          }, null, 8, ["column", "col-index", "store"])) : q("", !0)
+        ], 6))), 128))
+      ])) : q("", !0)
+    ])) : q("", !0);
   }
-}), bt = /* @__PURE__ */ ne({
+}), At = /* @__PURE__ */ ue({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = U("amodal"), { width: s, height: c } = le(t), u = D(() => {
+    const t = le("amodal"), { width: a, height: d } = xe(t), c = A(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const r = e.store.modal.cell?.closest("table");
-      if (!r) return {};
-      const l = r.offsetHeight || 0, n = r.offsetWidth || 0;
-      let a = e.store.modal.cell?.offsetTop || 0;
-      const d = r.querySelector("thead")?.offsetHeight || 0;
-      a += d, a = a + c.value < l ? a : a - (c.value + e.store.modal.height);
-      let v = e.store.modal.cell?.offsetLeft || 0;
-      return v = v + s.value <= n ? v : v - (s.value - e.store.modal.width), {
-        left: `${v}px`,
-        top: `${a}px`
+      const i = e.store.modal.cell?.closest("table");
+      if (!i) return {};
+      const o = i.offsetHeight || 0, n = i.offsetWidth || 0;
+      let l = e.store.modal.cell?.offsetTop || 0;
+      const s = i.querySelector("thead")?.offsetHeight || 0;
+      l += s, l = l + d.value < o ? l : l - (d.value + e.store.modal.height);
+      let u = e.store.modal.cell?.offsetLeft || 0;
+      return u = u + a.value <= n ? u : u - (a.value - e.store.modal.width), {
+        left: `${u}px`,
+        top: `${l}px`
       };
     });
-    return (r, l) => (M(), P("div", {
+    return (i, o) => (C(), k("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: ee(u.value),
-      onClick: l[0] || (l[0] = $e(() => {
+      style: re(c.value),
+      onClick: o[0] || (o[0] = Be(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = $e(() => {
+      onInput: o[1] || (o[1] = Be(() => {
       }, ["stop"]))
     }, [
-      Y(r.$slots, "default")
+      te(i.$slots, "default")
     ], 36));
   }
-}), Fn = (e) => {
-  const t = e.id || fn();
-  return Tt(`table-${t}`, () => {
-    const c = () => {
-      const o = [Object.assign({}, { rowModified: !1 })], i = /* @__PURE__ */ new Set();
-      for (let k = 0; k < r.value.length; k++) {
-        const S = r.value[k];
-        S.parent !== null && S.parent !== void 0 && i.add(S.parent);
+}), fo = (e) => {
+  const t = e.id || $n();
+  return Yt(`table-${t}`, () => {
+    const d = () => {
+      const r = [Object.assign({}, { rowModified: !1 })], f = /* @__PURE__ */ new Set();
+      for (let p = 0; p < i.value.length; p++) {
+        const S = i.value[p];
+        S.parent !== null && S.parent !== void 0 && f.add(S.parent);
       }
-      const g = (k) => r.value[k]?.gantt !== void 0, C = (k) => {
-        for (let S = 0; S < r.value.length; S++)
-          if (r.value[S].parent === k && (g(S) || C(S)))
+      const w = (p) => i.value[p]?.gantt !== void 0, T = (p) => {
+        for (let S = 0; S < i.value.length; S++)
+          if (i.value[S].parent === p && (w(S) || T(S)))
             return !0;
         return !1;
-      }, H = (k) => {
-        const S = l.value, oe = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
-        if (!oe) return !0;
-        switch (oe) {
+      }, N = (p) => {
+        const S = o.value, U = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
+        if (!U) return !0;
+        switch (U) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return C(k);
+            return T(p);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1437,204 +1583,287 @@ const Hn = { class: "gantt-connection-overlay" }, Pn = {
             return !0;
         }
       };
-      for (let k = 0; k < r.value.length; k++) {
-        const S = r.value[k], oe = S.parent === null || S.parent === void 0, ye = i.has(k);
-        o[k] = {
-          childrenOpen: H(k),
+      for (let p = 0; p < i.value.length; p++) {
+        const S = i.value[p], U = S.parent === null || S.parent === void 0, ae = f.has(p);
+        r[p] = {
+          childrenOpen: N(p),
           expanded: !1,
           indent: S.indent || 0,
-          isParent: ye,
-          isRoot: oe,
+          isParent: ae,
+          isRoot: U,
           rowModified: !1,
-          open: oe,
+          open: U,
           // This will be recalculated later for non-root nodes
           parent: S.parent
         };
       }
-      return o;
-    }, u = W(e.columns), r = W(e.rows), l = W(e.config || {}), n = W({}), a = W({}), d = D(() => {
-      const o = {};
-      for (const [i, g] of u.value.entries())
-        for (const [C, H] of r.value.entries())
-          o[`${i}:${C}`] = H[g.name];
-      return o;
-    }), v = D({
+      return r;
+    }, c = B(e.columns), i = B(e.rows), o = B(e.config || {}), n = B({}), l = B({}), s = A(() => {
+      const r = {};
+      for (const [f, w] of c.value.entries())
+        for (const [T, N] of i.value.entries())
+          r[`${f}:${T}`] = N[w.name];
+      return r;
+    }), u = A({
       get: () => {
-        const o = c();
-        for (let i = 0; i < o.length; i++)
-          n.value[i] && (o[i].rowModified = n.value[i]), a.value[i] && (a.value[i].childrenOpen !== void 0 && (o[i].childrenOpen = a.value[i].childrenOpen), a.value[i].expanded !== void 0 && (o[i].expanded = a.value[i].expanded));
-        if (y.value) {
-          const i = (g, C) => {
-            const H = C[g];
-            if (H.isRoot || H.parent === null || H.parent === void 0)
+        const r = d();
+        for (let f = 0; f < r.length; f++)
+          n.value[f] && (r[f].rowModified = n.value[f]), l.value[f] && (l.value[f].childrenOpen !== void 0 && (r[f].childrenOpen = l.value[f].childrenOpen), l.value[f].expanded !== void 0 && (r[f].expanded = l.value[f].expanded));
+        if (L.value) {
+          const f = (w, T) => {
+            const N = T[w];
+            if (N.isRoot || N.parent === null || N.parent === void 0)
               return !0;
-            const k = H.parent;
-            return k < 0 || k >= C.length ? !1 : (C[k].childrenOpen || !1) && i(k, C);
+            const p = N.parent;
+            return p < 0 || p >= T.length ? !1 : (T[p].childrenOpen || !1) && f(p, T);
           };
-          for (let g = 0; g < o.length; g++)
-            o[g].isRoot || (o[g].open = i(g, o));
+          for (let w = 0; w < r.length; w++)
+            r[w].isRoot || (r[w].open = f(w, r));
         }
-        return o;
+        return r;
       },
-      set: (o) => {
-        JSON.stringify(o) !== JSON.stringify(v.value) && (v.value = o);
+      set: (r) => {
+        JSON.stringify(r) !== JSON.stringify(u.value) && (u.value = r);
+      }
+    }), h = B(e.modal || { visible: !1 }), $ = B({}), g = B([]), I = B([]), x = B([]), v = B({
+      column: null,
+      direction: null
+    }), m = B({}), b = A(() => c.value.some((r) => r.pinned)), V = A(() => o.value.view === "gantt" || o.value.view === "tree-gantt"), L = A(() => o.value.view === "tree" || o.value.view === "tree-gantt"), J = A(() => {
+      const r = o.value;
+      return r.view === "gantt" || r.view === "tree-gantt" ? r.dependencyGraph !== !1 : !0;
+    }), O = A(() => `${Math.ceil(i.value.length / 100 + 1)}ch`), y = A(
+      () => o.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(o.value.view) : !1
+    ), D = A(() => {
+      let r = i.value.map((f, w) => ({
+        ...f,
+        originalIndex: w
+      }));
+      if (Object.entries(m.value).forEach(([f, w]) => {
+        const T = parseInt(f), N = c.value[T];
+        !N || !(w.value || w.startValue || w.endValue || N.filterType === "checkbox" && w.value !== void 0) || (r = r.filter((S) => {
+          const U = S[N.name];
+          return j(U, w, N);
+        }));
+      }), v.value.column !== null && v.value.direction) {
+        const f = c.value[v.value.column], w = v.value.direction;
+        r.sort((T, N) => {
+          let p = T[f.name], S = N[f.name];
+          p == null && (p = ""), S == null && (S = "");
+          const U = Number(p), ae = Number(S);
+          if (!isNaN(U) && !isNaN(ae) && p !== "" && S !== "")
+            return w === "asc" ? U - ae : ae - U;
+          {
+            const ct = String(p).toLowerCase(), dt = String(S).toLowerCase();
+            return w === "asc" ? ct.localeCompare(dt) : dt.localeCompare(ct);
+          }
+        });
       }
-    }), p = W(e.modal || { visible: !1 }), E = W({}), h = W([]), b = W([]), w = W([]), f = D(() => u.value.some((o) => o.pinned)), m = D(() => l.value.view === "gantt" || l.value.view === "tree-gantt"), y = D(() => l.value.view === "tree" || l.value.view === "tree-gantt"), L = D(() => {
-      const o = l.value;
-      return o.view === "gantt" || o.view === "tree-gantt" ? o.dependencyGraph !== !1 : !0;
-    }), B = D(() => `${Math.ceil(r.value.length / 100 + 1)}ch`), X = D(
-      () => l.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(l.value.view) : !1
-    ), A = (o, i) => d.value[`${o}:${i}`], x = (o, i, g) => {
-      const C = `${o}:${i}`, H = u.value[o];
-      d.value[C] !== g && (n.value[i] = !0), d.value[C] = g, r.value[i] = {
-        ...r.value[i],
-        [H.name]: g
+      return r;
+    }), G = (r, f) => s.value[`${r}:${f}`], W = (r, f, w) => {
+      const T = `${r}:${f}`, N = c.value[r];
+      s.value[T] !== w && (n.value[f] = !0), s.value[T] = w, i.value[f] = {
+        ...i.value[f],
+        [N.name]: w
       };
-    }, R = (o) => {
-      r.value = o;
-    }, G = (o, i, g) => {
-      const C = `${o}:${i}`;
-      d.value[C] !== g && (n.value[i] = !0, E.value[C] = g);
-    }, z = (o) => {
-      const i = u.value.indexOf(o) === u.value.length - 1, g = l.value.fullWidth ? o.resizable && !i : o.resizable;
+    }, H = (r) => {
+      i.value = r;
+    }, _ = (r, f, w) => {
+      const T = `${r}:${f}`;
+      s.value[T] !== w && (n.value[f] = !0, $.value[T] = w);
+    }, fe = (r) => {
+      const f = c.value.indexOf(r) === c.value.length - 1, w = o.value.fullWidth ? r.resizable && !f : r.resizable;
       return {
-        width: o.width || "40ch",
-        textAlign: o.align || "center",
-        ...g && {
+        width: r.width || "40ch",
+        textAlign: r.align || "center",
+        ...w && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, O = (o, i) => {
-      if (o < 0 || o >= u.value.length) return;
-      const C = Math.max(i, 40);
-      u.value[o] = {
-        ...u.value[o],
-        width: `${C}px`
+    }, Re = (r, f) => {
+      if (r < 0 || r >= c.value.length) return;
+      const T = Math.max(f, 40);
+      c.value[r] = {
+        ...c.value[r],
+        width: `${T}px`
       };
-    }, F = (o) => {
-      const i = r.value[o];
-      return m.value && i.gantt !== void 0;
-    }, _ = (o) => !y.value || v.value[o].isRoot || v.value[o].open, we = (o) => !y.value && l.value.view !== "list-expansion" ? "" : y.value && (v.value[o].isRoot || v.value[o].isParent) ? v.value[o].childrenOpen ? "▼" : "►" : l.value.view === "list-expansion" ? v.value[o].expanded ? "▼" : "►" : "", ve = (o) => {
-      if (y.value) {
-        const i = a.value[o] || {}, C = !(i.childrenOpen ?? v.value[o].childrenOpen);
-        a.value[o] = {
-          ...i,
-          childrenOpen: C
-        }, C || xe(o);
-      } else if (l.value.view === "list-expansion") {
-        const i = a.value[o] || {}, g = i.expanded ?? v.value[o].expanded;
-        a.value[o] = {
-          ...i,
-          expanded: !g
+    }, Ie = (r) => {
+      const f = i.value[r];
+      return V.value && f.gantt !== void 0;
+    }, We = (r) => !L.value || u.value[r].isRoot || u.value[r].open, Xe = (r) => !L.value && o.value.view !== "list-expansion" ? "" : L.value && (u.value[r].isRoot || u.value[r].isParent) ? u.value[r].childrenOpen ? "▼" : "►" : o.value.view === "list-expansion" ? u.value[r].expanded ? "▼" : "►" : "", Ge = (r) => {
+      if (L.value) {
+        const f = l.value[r] || {}, T = !(f.childrenOpen ?? u.value[r].childrenOpen);
+        l.value[r] = {
+          ...f,
+          childrenOpen: T
+        }, T || De(r);
+      } else if (o.value.view === "list-expansion") {
+        const f = l.value[r] || {}, w = f.expanded ?? u.value[r].expanded;
+        l.value[r] = {
+          ...f,
+          expanded: !w
         };
       }
-    }, xe = (o) => {
-      for (let i = 0; i < r.value.length; i++)
-        if (v.value[i].parent === o) {
-          const g = a.value[i] || {};
-          a.value[i] = {
-            ...g,
+    }, De = (r) => {
+      for (let f = 0; f < i.value.length; f++)
+        if (u.value[f].parent === r) {
+          const w = l.value[f] || {};
+          l.value[f] = {
+            ...w,
             childrenOpen: !1
-          }, xe(i);
+          }, De(f);
         }
-    }, Ae = (o, i) => {
-      const g = A(o, i);
-      return pe(o, i, g);
-    }, pe = (o, i, g) => {
-      const C = u.value[o], H = r.value[i], k = C.format;
-      return k ? typeof k == "function" ? k(g, { table: d.value, row: H, column: C }) : typeof k == "string" ? Function(`"use strict";return (${k})`)()(g, { table: d.value, row: H, column: C }) : g : g;
+    }, Ye = (r, f) => {
+      const w = G(r, f);
+      return Me(r, f, w);
+    }, Me = (r, f, w) => {
+      const T = c.value[r], N = i.value[f], p = T.format;
+      return p ? typeof p == "function" ? p(w, { table: s.value, row: N, column: T }) : typeof p == "string" ? Function(`"use strict";return (${p})`)()(w, { table: s.value, row: N, column: T }) : w : w;
+    }, Ue = (r) => {
+      r.target instanceof Node && h.value.parent?.contains(r.target) || h.value.visible && (h.value.visible = !1);
+    }, je = (r, f) => f && r === 0 && f > 0 ? `${f}ch` : "inherit", qe = (r) => {
+      const f = i.value[r.rowIndex]?.gantt;
+      f && (r.type === "resize" ? r.edge === "start" ? (f.startIndex = r.newStart, f.endIndex = r.end, f.colspan = f.endIndex - f.startIndex) : r.edge === "end" && (f.startIndex = r.start, f.endIndex = r.newEnd, f.colspan = f.endIndex - f.startIndex) : r.type === "bar" && (f.startIndex = r.newStart, f.endIndex = r.newEnd, f.colspan = f.endIndex - f.startIndex));
+    }, Te = (r) => {
+      const f = g.value.findIndex((w) => w.id === r.id);
+      f >= 0 ? g.value[f] = r : g.value.push(r);
+    }, Ae = (r) => {
+      const f = g.value.findIndex((w) => w.id === r);
+      f >= 0 && g.value.splice(f, 1);
+    }, Oe = (r) => {
+      const f = I.value.findIndex((w) => w.id === r.id);
+      f >= 0 ? I.value[f] = r : I.value.push(r);
+    }, Pe = (r) => {
+      const f = I.value.findIndex((w) => w.id === r);
+      f >= 0 && I.value.splice(f, 1);
+    }, E = (r, f, w) => {
+      const T = I.value.find((S) => S.id === r), N = I.value.find((S) => S.id === f);
+      if (!T || !N)
+        return console.warn("Cannot create connection: handle not found"), null;
+      const p = {
+        id: `connection-${r}-${f}`,
+        from: {
+          barId: T.barId,
+          side: T.side
+        },
+        to: {
+          barId: N.barId,
+          side: N.side
+        },
+        style: w?.style,
+        label: w?.label
+      };
+      return x.value.push(p), p;
+    }, M = (r) => {
+      const f = x.value.findIndex((w) => w.id === r);
+      return f >= 0 ? (x.value.splice(f, 1), !0) : !1;
+    }, X = (r) => x.value.filter((f) => f.from.barId === r || f.to.barId === r), F = (r) => I.value.filter((f) => f.barId === r), Y = (r) => {
+      if (c.value[r].sortable === !1) return;
+      let w;
+      v.value.column === r && v.value.direction === "asc" ? w = "desc" : w = "asc", v.value.column = r, v.value.direction = w;
+    }, j = (r, f, w) => {
+      const T = w.filterType || "text", N = f.value;
+      if (!N && T !== "dateRange" && T !== "checkbox") return !0;
+      switch (T) {
+        case "text": {
+          let p = "";
+          return typeof r == "object" && r !== null ? p = Object.values(r).join(" ") : p = String(r || ""), p.toLowerCase().includes(String(N).toLowerCase());
+        }
+        case "number": {
+          const p = Number(r), S = Number(N);
+          return !isNaN(p) && !isNaN(S) && p === S;
+        }
+        case "select":
+          return r === N;
+        case "checkbox":
+          return N === !0 ? !!r : !0;
+        case "date": {
+          let p;
+          if (typeof r == "number") {
+            const U = new Date(r), ae = (/* @__PURE__ */ new Date()).getFullYear();
+            p = new Date(ae, U.getMonth(), U.getDate());
+          } else
+            p = new Date(String(r));
+          const S = new Date(String(N));
+          return p.toDateString() === S.toDateString();
+        }
+        case "dateRange": {
+          const p = f.startValue, S = f.endValue;
+          if (!p && !S) return !0;
+          let U;
+          if (typeof r == "number") {
+            const ae = new Date(r), ut = (/* @__PURE__ */ new Date()).getFullYear();
+            U = new Date(ut, ae.getMonth(), ae.getDate());
+          } else
+            U = new Date(String(r));
+          return !(p && U < new Date(String(p)) || S && U > new Date(String(S)));
+        }
+        default:
+          return !0;
+      }
     };
     return {
       // state
-      columns: u,
-      config: l,
-      connectionHandles: b,
-      connectionPaths: w,
-      display: v,
-      ganttBars: h,
-      modal: p,
-      rows: r,
-      table: d,
-      updates: E,
+      columns: c,
+      config: o,
+      connectionHandles: I,
+      connectionPaths: x,
+      display: u,
+      filterState: m,
+      ganttBars: g,
+      modal: h,
+      rows: i,
+      sortState: v,
+      table: s,
+      updates: $,
       // getters
-      hasPinnedColumns: f,
-      isGanttView: m,
-      isTreeView: y,
-      isDependencyGraphEnabled: L,
-      numberedRowWidth: B,
-      zeroColumn: X,
+      filteredRows: D,
+      hasPinnedColumns: b,
+      isGanttView: V,
+      isTreeView: L,
+      isDependencyGraphEnabled: J,
+      numberedRowWidth: O,
+      zeroColumn: y,
       // actions
-      closeModal: (o) => {
-        o.target instanceof Node && p.value.parent?.contains(o.target) || p.value.visible && (p.value.visible = !1);
-      },
-      createConnection: (o, i, g) => {
-        const C = b.value.find((S) => S.id === o), H = b.value.find((S) => S.id === i);
-        if (!C || !H)
-          return console.warn("Cannot create connection: handle not found"), null;
-        const k = {
-          id: `connection-${o}-${i}`,
-          from: {
-            barId: C.barId,
-            side: C.side
-          },
-          to: {
-            barId: H.barId,
-            side: H.side
-          },
-          style: g?.style,
-          label: g?.label
-        };
-        return w.value.push(k), k;
-      },
-      deleteConnection: (o) => {
-        const i = w.value.findIndex((g) => g.id === o);
-        return i >= 0 ? (w.value.splice(i, 1), !0) : !1;
-      },
-      getCellData: A,
-      getCellDisplayValue: Ae,
-      getConnectionsForBar: (o) => w.value.filter((i) => i.from.barId === o || i.to.barId === o),
-      getFormattedValue: pe,
-      getHandlesForBar: (o) => b.value.filter((i) => i.barId === o),
-      getHeaderCellStyle: z,
-      getIndent: (o, i) => i && o === 0 && i > 0 ? `${i}ch` : "inherit",
-      getRowExpandSymbol: we,
-      isRowGantt: F,
-      isRowVisible: _,
-      registerConnectionHandle: (o) => {
-        const i = b.value.findIndex((g) => g.id === o.id);
-        i >= 0 ? b.value[i] = o : b.value.push(o);
-      },
-      registerGanttBar: (o) => {
-        const i = h.value.findIndex((g) => g.id === o.id);
-        i >= 0 ? h.value[i] = o : h.value.push(o);
-      },
-      resizeColumn: O,
-      setCellData: x,
-      setCellText: G,
-      toggleRowExpand: ve,
-      unregisterConnectionHandle: (o) => {
-        const i = b.value.findIndex((g) => g.id === o);
-        i >= 0 && b.value.splice(i, 1);
-      },
-      unregisterGanttBar: (o) => {
-        const i = h.value.findIndex((g) => g.id === o);
-        i >= 0 && h.value.splice(i, 1);
+      clearFilter: (r) => {
+        delete m.value[r];
       },
-      updateGanttBar: (o) => {
-        const i = r.value[o.rowIndex]?.gantt;
-        i && (o.type === "resize" ? o.edge === "start" ? (i.startIndex = o.newStart, i.endIndex = o.end, i.colspan = i.endIndex - i.startIndex) : o.edge === "end" && (i.startIndex = o.start, i.endIndex = o.newEnd, i.colspan = i.endIndex - i.startIndex) : o.type === "bar" && (i.startIndex = o.newStart, i.endIndex = o.newEnd, i.colspan = i.endIndex - i.startIndex));
+      closeModal: Ue,
+      createConnection: E,
+      deleteConnection: M,
+      getCellData: G,
+      getCellDisplayValue: Ye,
+      getConnectionsForBar: X,
+      getFormattedValue: Me,
+      getHandlesForBar: F,
+      getHeaderCellStyle: fe,
+      getIndent: je,
+      getRowExpandSymbol: Xe,
+      isRowGantt: Ie,
+      isRowVisible: We,
+      registerConnectionHandle: Oe,
+      registerGanttBar: Te,
+      resizeColumn: Re,
+      setCellData: W,
+      setCellText: _,
+      setFilter: (r, f) => {
+        !f.value && !f.startValue && !f.endValue ? delete m.value[r] : m.value[r] = f;
       },
-      updateRows: R
+      sortByColumn: Y,
+      toggleRowExpand: Ge,
+      unregisterConnectionHandle: Pe,
+      unregisterGanttBar: Ae,
+      updateGanttBar: qe,
+      updateRows: H
     };
   })();
-}, Yn = {
+}, vo = {
   class: "atable-container",
   style: { position: "relative" }
-}, jn = /* @__PURE__ */ ne({
+}, mo = /* @__PURE__ */ ue({
   __name: "ATable",
-  props: /* @__PURE__ */ tt({
+  props: /* @__PURE__ */ ft({
     id: { default: "" },
     config: { default: () => new Object() }
   }, {
@@ -1643,82 +1872,82 @@ const Hn = { class: "gantt-connection-overlay" }, Pn = {
     columns: { required: !0 },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ tt(["cellUpdate", "gantt:drag", "connection:event", "columns:update"], ["update:rows", "update:columns"]),
-  setup(e, { expose: t, emit: s }) {
-    const c = nt(e, "rows"), u = nt(e, "columns"), r = s, l = U("table"), n = Fn({ columns: u.value, rows: c.value, id: e.id, config: e.config });
-    n.$onAction(({ name: h, store: b, args: w, after: f }) => {
-      if (h === "setCellData" || h === "setCellText") {
-        const [m, y, L] = w, B = b.getCellData(m, y);
-        f(() => {
-          c.value = [...b.rows], r("cellUpdate", { colIndex: m, rowIndex: y, newValue: L, oldValue: B });
+  emits: /* @__PURE__ */ ft(["cellUpdate", "gantt:drag", "connection:event", "columns:update"], ["update:rows", "update:columns"]),
+  setup(e, { expose: t, emit: a }) {
+    const d = vt(e, "rows"), c = vt(e, "columns"), i = a, o = le("table"), n = fo({ columns: c.value, rows: d.value, id: e.id, config: e.config });
+    n.$onAction(({ name: g, store: I, args: x, after: v }) => {
+      if (g === "setCellData" || g === "setCellText") {
+        const [m, b, V] = x, L = I.getCellData(m, b);
+        v(() => {
+          d.value = [...I.rows], i("cellUpdate", { colIndex: m, rowIndex: b, newValue: V, oldValue: L });
         });
-      } else if (h === "updateGanttBar") {
-        const [m] = w;
-        let y = !1;
-        m.type === "resize" ? y = m.oldColspan !== m.newColspan : m.type === "bar" && (y = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), y && f(() => {
-          r("gantt:drag", m);
+      } else if (g === "updateGanttBar") {
+        const [m] = x;
+        let b = !1;
+        m.type === "resize" ? b = m.oldColspan !== m.newColspan : m.type === "bar" && (b = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), b && v(() => {
+          i("gantt:drag", m);
         });
-      } else h === "resizeColumn" && f(() => {
-        u.value = [...b.columns], r("columns:update", [...b.columns]);
+      } else g === "resizeColumn" && v(() => {
+        c.value = [...I.columns], i("columns:update", [...I.columns]);
       });
-    }), j(
-      () => c.value,
-      (h) => {
-        JSON.stringify(h) !== JSON.stringify(n.rows) && (n.rows = [...h]);
+    }), ne(
+      () => d.value,
+      (g) => {
+        JSON.stringify(g) !== JSON.stringify(n.rows) && (n.rows = [...g]);
       },
       { deep: !0 }
-    ), j(
-      u,
-      (h) => {
-        JSON.stringify(h) !== JSON.stringify(n.columns) && (n.columns = [...h], r("columns:update", [...h]));
+    ), ne(
+      c,
+      (g) => {
+        JSON.stringify(g) !== JSON.stringify(n.columns) && (n.columns = [...g], i("columns:update", [...g]));
       },
       { deep: !0 }
-    ), de(() => {
-      u.value.some((h) => h.pinned) && (d(), n.isTreeView && xt(l, d, { childList: !0, subtree: !0 }));
+    ), pe(() => {
+      c.value.some((g) => g.pinned) && (s(), n.isTreeView && Dt(o, s, { childList: !0, subtree: !0 }));
     });
-    const a = D(() => n.columns.filter((h) => h.pinned).length), d = () => {
-      const h = l.value, b = h?.rows[0], w = h?.rows[1], f = b ? Array.from(b.cells) : [];
-      for (const [m, y] of f.entries()) {
-        const L = w?.cells[m];
-        L && (y.style.width = `${L.offsetWidth}px`);
+    const l = A(() => n.columns.filter((g) => g.pinned).length), s = () => {
+      const g = o.value, I = g?.rows[0], x = g?.rows[1], v = I ? Array.from(I.cells) : [];
+      for (const [m, b] of v.entries()) {
+        const V = x?.cells[m];
+        V && (b.style.width = `${V.offsetWidth}px`);
       }
-      for (const m of h?.rows || []) {
-        let y = 0;
-        const L = [];
-        for (const B of m.cells)
-          (B.classList.contains("sticky-column") || B.classList.contains("sticky-index")) && (B.style.left = `${y}px`, y += B.offsetWidth, L.push(B));
-        L.length > 0 && L[L.length - 1].classList.add("sticky-column-edge");
+      for (const m of g?.rows || []) {
+        let b = 0;
+        const V = [];
+        for (const L of m.cells)
+          (L.classList.contains("sticky-column") || L.classList.contains("sticky-index")) && (L.style.left = `${b}px`, b += L.offsetWidth, V.push(L));
+        V.length > 0 && V[V.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (h) => {
-      if (h.key === "Escape" && n.modal.visible) {
+    window.addEventListener("keydown", (g) => {
+      if (g.key === "Escape" && n.modal.visible) {
         n.modal.visible = !1;
-        const b = n.modal.parent;
-        b && Ge().then(() => {
-          b.focus();
+        const I = n.modal.parent;
+        I && tt().then(() => {
+          I.focus();
         });
       }
     });
-    const v = (h) => {
-      if (!h.gantt || a.value === 0)
+    const u = (g) => {
+      if (!g.gantt || l.value === 0)
         return n.columns;
-      const b = [];
-      for (let w = 0; w < a.value; w++) {
-        const f = { ...n.columns[w] };
-        f.originalIndex = w, b.push(f);
+      const I = [];
+      for (let x = 0; x < l.value; x++) {
+        const v = { ...n.columns[x] };
+        v.originalIndex = x, I.push(v);
       }
-      return b.push({
-        ...n.columns[a.value],
+      return I.push({
+        ...n.columns[l.value],
         isGantt: !0,
-        colspan: h.gantt?.colspan || n.columns.length - a.value,
-        originalIndex: a.value,
+        colspan: g.gantt?.colspan || n.columns.length - l.value,
+        originalIndex: l.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), b;
-    }, p = (h) => {
-      r("connection:event", { type: "create", connection: h });
-    }, E = (h) => {
-      r("connection:event", { type: "delete", connection: h });
+      }), I;
+    }, h = (g) => {
+      i("connection:event", { type: "create", connection: g });
+    }, $ = (g) => {
+      i("connection:event", { type: "delete", connection: g });
     };
     return t({
       store: n,
@@ -1726,126 +1955,126 @@ const Hn = { class: "gantt-connection-overlay" }, Pn = {
       deleteConnection: n.deleteConnection,
       getConnectionsForBar: n.getConnectionsForBar,
       getHandlesForBar: n.getHandlesForBar
-    }), (h, b) => (M(), P("div", Yn, [
-      Re((M(), P("table", {
+    }), (g, I) => (C(), k("div", vo, [
+      oe((C(), k("table", {
         ref: "table",
         class: "atable",
-        style: ee({
-          width: $(n).config.fullWidth ? "100%" : "auto"
+        style: re({
+          width: R(n).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        Y(h.$slots, "header", { data: $(n) }, () => [
-          ot(yt, {
-            columns: $(n).columns,
-            store: $(n)
+        te(g.$slots, "header", { data: R(n) }, () => [
+          mt(Tt, {
+            columns: R(n).columns,
+            store: R(n)
           }, null, 8, ["columns", "store"])
         ], !0),
-        N("tbody", null, [
-          Y(h.$slots, "body", { data: $(n) }, () => [
-            (M(!0), P(se, null, me($(n).rows, (w, f) => (M(), ie(pt, {
-              key: w.id,
-              row: w,
-              "row-index": f,
-              store: $(n)
+        z("tbody", null, [
+          te(g.$slots, "body", { data: R(n) }, () => [
+            (C(!0), k(ie, null, ye(R(n).filteredRows, (x, v) => (C(), ve(Mt, {
+              key: `${x.originalIndex}-${v}`,
+              row: x,
+              rowIndex: x.originalIndex,
+              store: R(n)
             }, {
-              default: lt(() => [
-                (M(!0), P(se, null, me(v(w), (m, y) => (M(), P(se, {
+              default: gt(() => [
+                (C(!0), k(ie, null, ye(u(x), (m, b) => (C(), k(ie, {
                   key: m.name
                 }, [
-                  m.isGantt ? (M(), ie(Ee(m.ganttComponent || "AGanttCell"), {
+                  m.isGantt ? (C(), ve(Ee(m.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: $(n),
-                    "columns-count": $(n).columns.length - a.value,
-                    color: w.gantt?.color,
-                    start: w.gantt?.startIndex,
-                    end: w.gantt?.endIndex,
+                    store: R(n),
+                    "columns-count": R(n).columns.length - l.value,
+                    color: x.gantt?.color,
+                    start: x.gantt?.startIndex,
+                    end: x.gantt?.endIndex,
                     colspan: m.colspan,
                     pinned: m.pinned,
-                    "row-index": f,
-                    "col-index": m.originalIndex ?? y,
-                    style: ee({
+                    rowIndex: x.originalIndex,
+                    colIndex: m.originalIndex ?? b,
+                    style: re({
                       textAlign: m?.align || "center",
                       minWidth: m?.width || "40ch",
-                      width: $(n).config.fullWidth ? "auto" : null
+                      width: R(n).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": p
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (M(), ie(Ee(m.cellComponent || "ACell"), {
+                    "onConnection:create": h
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (C(), ve(Ee(m.cellComponent || "ACell"), {
                     key: 1,
-                    store: $(n),
+                    store: R(n),
                     pinned: m.pinned,
-                    "row-index": f,
-                    "col-index": y,
-                    style: ee({
+                    rowIndex: x.originalIndex,
+                    colIndex: b,
+                    style: re({
                       textAlign: m?.align || "center",
-                      width: $(n).config.fullWidth ? "auto" : null
+                      width: R(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
-                  }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
+                  }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
                 ], 64))), 128))
               ]),
               _: 2
-            }, 1032, ["row", "row-index", "store"]))), 128))
+            }, 1032, ["row", "rowIndex", "store"]))), 128))
           ], !0)
         ]),
-        Y(h.$slots, "footer", { data: $(n) }, void 0, !0),
-        Y(h.$slots, "modal", { data: $(n) }, () => [
-          Re(ot(bt, { store: $(n) }, {
-            default: lt(() => [
-              (M(), ie(Ee($(n).modal.component), Xe({
-                key: `${$(n).modal.rowIndex}:${$(n).modal.colIndex}`,
-                "col-index": $(n).modal.colIndex,
-                "row-index": $(n).modal.rowIndex,
-                store: $(n)
-              }, $(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+        te(g.$slots, "footer", { data: R(n) }, void 0, !0),
+        te(g.$slots, "modal", { data: R(n) }, () => [
+          oe(mt(At, { store: R(n) }, {
+            default: gt(() => [
+              (C(), ve(Ee(R(n).modal.component), nt({
+                key: `${R(n).modal.rowIndex}:${R(n).modal.colIndex}`,
+                "col-index": R(n).modal.colIndex,
+                "row-index": R(n).modal.rowIndex,
+                store: R(n)
+              }, R(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [gt, $(n).modal.visible]
+            [$t, R(n).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [$(Tn), $(n).closeModal]
+        [R(Yn), R(n).closeModal]
       ]),
-      $(n).isGanttView && $(n).isDependencyGraphEnabled ? (M(), ie(Nn, {
+      R(n).isGanttView && R(n).isDependencyGraphEnabled ? (C(), ve(eo, {
         key: 0,
-        store: $(n),
-        "onConnection:delete": E
-      }, null, 8, ["store"])) : J("", !0)
+        store: R(n),
+        "onConnection:delete": $
+      }, null, 8, ["store"])) : q("", !0)
     ]));
   }
-}), Un = /* @__PURE__ */ re(jn, [["__scopeId", "data-v-50e8e2bf"]]), qn = {}, Jn = { class: "aloading" }, Zn = { class: "aloading-header" };
-function Qn(e, t) {
-  return M(), P("div", Jn, [
-    N("h2", Zn, [
-      Y(e.$slots, "default", {}, void 0, !0)
+}), go = /* @__PURE__ */ he(mo, [["__scopeId", "data-v-c0a0032f"]]), ho = {}, xo = { class: "aloading" }, wo = { class: "aloading-header" };
+function yo(e, t) {
+  return C(), k("div", xo, [
+    z("h2", wo, [
+      te(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Kn = /* @__PURE__ */ re(qn, [["render", Qn], ["__scopeId", "data-v-a930a25b"]]), _n = {}, eo = { class: "aloading" }, to = { class: "aloading-header" };
-function no(e, t) {
-  return M(), P("div", eo, [
-    N("h2", to, [
-      Y(e.$slots, "default", {}, void 0, !0)
+const bo = /* @__PURE__ */ he(ho, [["render", yo], ["__scopeId", "data-v-a930a25b"]]), po = {}, Co = { class: "aloading" }, Io = { class: "aloading-header" };
+function ko(e, t) {
+  return C(), k("div", Co, [
+    z("h2", Io, [
+      te(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = z("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const oo = /* @__PURE__ */ re(_n, [["render", no], ["__scopeId", "data-v-e1165876"]]);
-function so(e) {
-  e.component("ACell", hn), e.component("AExpansionRow", bn), e.component("AGanttCell", Sn), e.component("ARow", pt), e.component("ATable", Un), e.component("ATableHeader", yt), e.component("ATableLoading", Kn), e.component("ATableLoadingBar", oo), e.component("ATableModal", bt);
+const Eo = /* @__PURE__ */ he(po, [["render", ko], ["__scopeId", "data-v-e1165876"]]);
+function Ro(e) {
+  e.component("ACell", Mn), e.component("AExpansionRow", Hn), e.component("AGanttCell", Wn), e.component("ARow", Mt), e.component("ATable", go), e.component("ATableHeader", Tt), e.component("ATableLoading", bo), e.component("ATableLoadingBar", Eo), e.component("ATableModal", At);
 }
 export {
-  hn as ACell,
-  bn as AExpansionRow,
-  Sn as AGanttCell,
-  pt as ARow,
-  Un as ATable,
-  yt as ATableHeader,
-  Kn as ATableLoading,
-  oo as ATableLoadingBar,
-  bt as ATableModal,
-  Fn as createTableStore,
-  so as install
+  Mn as ACell,
+  Hn as AExpansionRow,
+  Wn as AGanttCell,
+  Mt as ARow,
+  go as ATable,
+  Tt as ATableHeader,
+  bo as ATableLoading,
+  Eo as ATableLoadingBar,
+  At as ATableModal,
+  fo as createTableStore,
+  Ro as install
 };
 //# sourceMappingURL=atable.js.map