@stonecrop/aform 0.11.4 → 0.11.6

package/dist/aform.js

@@ -1,4 +1,4 @@
-import { defineComponent as oe, useTemplateRef as fe, ref as R, computed as T, openBlock as m, createElementBlock as k, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as ve, resolveDynamicComponent as Oe, mergeProps as dt, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as pe, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as an, nextTick as ft, toValue as E, shallowRef as ue, getCurrentScope as vt, onScopeDispose as pt, reactive as sn, vModelText as we, vModelCheckbox as rn, vModelSelect as In, getCurrentInstance as mt, watchEffect as ht, useCssVars as Mn, onUnmounted as Cn, useModel as Me, createVNode as At, withCtx as $t, mergeModels as xe, isRef as En, toRefs as An, customRef as St, toRef as un, readonly as Rt, resolveComponent as $n, withKeys as Ne } from "vue";
+import { defineComponent as oe, useTemplateRef as fe, ref as R, computed as T, openBlock as h, createElementBlock as x, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as ve, resolveDynamicComponent as Oe, mergeProps as dt, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as pe, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as an, nextTick as ft, toValue as E, shallowRef as ue, getCurrentScope as vt, onScopeDispose as pt, reactive as sn, vModelText as we, vModelCheckbox as rn, vModelSelect as In, getCurrentInstance as mt, watchEffect as ht, useCssVars as Mn, onUnmounted as Cn, useModel as Me, createVNode as At, withCtx as $t, mergeModels as xe, isRef as En, toRefs as An, customRef as St, toRef as un, readonly as Rt, resolveComponent as $n, withKeys as Ne } from "vue";
 import { defineStore as Tn } from "pinia";
 import './assets/index.css';function cn(e, t) {
   return vt() ? (pt(e, t), !0) : !1;
@@ -37,28 +37,28 @@ function Qe(...e) {
     ];
   }, ([n, a, r, s], l, u) => {
     if (!n?.length || !a?.length || !r?.length) return;
-    const i = Ln(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((g) => t(p, y, g, i))));
+    const i = Ln(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
     u(() => {
       d.forEach((p) => p());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function _n() {
+function Pn() {
   const e = ue(!1), t = mt();
   return t && Ee(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Pn(e) {
-  const t = /* @__PURE__ */ _n();
+function _n(e) {
+  const t = /* @__PURE__ */ Pn();
   return T(() => (t.value, !!e()));
 }
 function On(e, t, o = {}) {
   const { window: n = ze, ...a } = o;
   let r;
-  const s = /* @__PURE__ */ Pn(() => n && "MutationObserver" in n), l = () => {
+  const s = /* @__PURE__ */ _n(() => n && "MutationObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
   }, u = ne(T(() => {
     const p = st(E(e)).map(We).filter(Sn);
@@ -87,7 +87,7 @@ function Bn(e, t, o = {}) {
     const d = We(e);
     if (d) {
       const { stop: p } = On(a, (y) => {
-        y.map((g) => [...g.removedNodes]).flat().some((g) => g === d || g.contains(d)) && t(y);
+        y.map((m) => [...m.removedNodes]).flat().some((m) => m === d || m.contains(d)) && t(y);
       }, {
         window: n,
         childList: !0,
@@ -229,13 +229,13 @@ const Ae = (e) => {
   return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
 }, qt = (e) => {
   const t = e.target;
-  return _t(t);
-}, _t = (e) => {
+  return Pt(t);
+}, Pt = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!$e(t) || !Ae(t)) ? _t(t) : t;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!$e(t) || !Ae(t)) ? Pt(t) : t;
 }, Yt = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!$e(t) || !Ae(t)) ? _t(t) : t;
+  return t && (!$e(t) || !Ae(t)) ? Pt(t) : t;
 }, Xt = (e) => {
   const t = e.target.parentElement?.lastElementChild;
   return t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
@@ -308,7 +308,7 @@ const Ae = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function Pt(e) {
+function _t(e) {
   const t = (s) => {
     let l = null;
     return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
@@ -340,20 +340,20 @@ function Pt(e) {
     for (const d of Object.keys(i)) {
       const [p, ...y] = d.split(".");
       if (p === "keydown" && y.includes(u)) {
-        const g = i[d], x = y.filter((f) => nt.includes(f)), b = nt.some((f) => {
-          const h = f.charAt(0).toUpperCase() + f.slice(1);
-          return l.getModifierState(h);
+        const m = i[d], I = y.filter((f) => nt.includes(f)), b = nt.some((f) => {
+          const g = f.charAt(0).toUpperCase() + f.slice(1);
+          return l.getModifierState(g);
         });
-        if (x.length > 0) {
+        if (I.length > 0) {
           if (b) {
             for (const f of nt)
               if (y.includes(f)) {
-                const h = f.charAt(0).toUpperCase() + f.slice(1);
-                l.getModifierState(h) && g(l);
+                const g = f.charAt(0).toUpperCase() + f.slice(1);
+                l.getModifierState(g) && m(l);
               }
           }
         } else
-          b || g(l);
+          b || m(l);
       }
     }
   }, r = [];
@@ -361,10 +361,10 @@ function Pt(e) {
     for (const s of e) {
       const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
       for (const p of d) {
-        const { focused: y } = Wn(R(p)), g = ne(y, (x) => {
-          x ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+        const { focused: y } = Wn(R(p)), m = ne(y, (I) => {
+          I ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
         });
-        r.push(g);
+        r.push(m);
       }
     }
   }), an(() => {
@@ -377,14 +377,14 @@ function Ot(e, t) {
 }
 const dn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Xn = (e) => e != null, jn = Object.prototype.toString, Jn = (e) => jn.call(e) === "[object Object]", Pe = () => {
+const Xn = (e) => e != null, jn = Object.prototype.toString, Jn = (e) => jn.call(e) === "[object Object]", _e = () => {
 };
 function Qn(...e) {
   if (e.length !== 1) return un(...e);
   const t = e[0];
   return typeof t == "function" ? Rt(St(() => ({
     get: t,
-    set: Pe
+    set: _e
   }))) : R(t);
 }
 function Kn(e, t) {
@@ -400,9 +400,9 @@ function Kn(e, t) {
   return o;
 }
 function eo(e, t = {}) {
-  let o, n, a = Pe;
+  let o, n, a = _e;
   const r = (l) => {
-    clearTimeout(l), a(), a = Pe;
+    clearTimeout(l), a(), a = _e;
   };
   let s;
   return (l) => {
@@ -480,7 +480,7 @@ function He(...e) {
     ];
   }, ([n, a, r, s], l, u) => {
     if (!n?.length || !a?.length || !r?.length) return;
-    const i = Jn(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((g) => t(p, y, g, i))));
+    const i = Jn(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
     u(() => {
       d.forEach((p) => p());
     });
@@ -489,29 +489,29 @@ function He(...e) {
 function Tt(e, t, o = {}) {
   const { window: n = et, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = o;
   if (!n) return l ? {
-    stop: Pe,
-    cancel: Pe,
-    trigger: Pe
-  } : Pe;
+    stop: _e,
+    cancel: _e,
+    trigger: _e
+  } : _e;
   let u = !0;
-  const i = (f) => E(a).some((h) => {
-    if (typeof h == "string") return Array.from(n.document.querySelectorAll(h)).some((I) => I === f.target || f.composedPath().includes(I));
+  const i = (f) => E(a).some((g) => {
+    if (typeof g == "string") return Array.from(n.document.querySelectorAll(g)).some((k) => k === f.target || f.composedPath().includes(k));
     {
-      const I = ye(h);
-      return I && (f.target === I || f.composedPath().includes(I));
+      const k = ye(g);
+      return k && (f.target === k || f.composedPath().includes(k));
     }
   });
   function d(f) {
-    const h = E(f);
-    return h && h.$.subTree.shapeFlag === 16;
+    const g = E(f);
+    return g && g.$.subTree.shapeFlag === 16;
   }
-  function p(f, h) {
-    const I = E(f), C = I.$.subTree && I.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === h.target || h.composedPath().includes($.el));
+  function p(f, g) {
+    const k = E(f), C = k.$.subTree && k.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
   }
   const y = (f) => {
-    const h = ye(e);
-    if (f.target != null && !(!(h instanceof Element) && d(e) && p(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
+    const g = ye(e);
+    if (f.target != null && !(!(g instanceof Element) && d(e) && p(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
       if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
         u = !0;
         return;
@@ -519,28 +519,28 @@ function Tt(e, t, o = {}) {
       t(f);
     }
   };
-  let g = !1;
-  const x = [
+  let m = !1;
+  const I = [
     He(n, "click", (f) => {
-      g || (g = !0, setTimeout(() => {
-        g = !1;
+      m || (m = !0, setTimeout(() => {
+        m = !1;
       }, 0), y(f));
     }, {
       passive: !0,
       capture: r
     }),
     He(n, "pointerdown", (f) => {
-      const h = ye(e);
-      u = !i(f) && !!(h && !f.composedPath().includes(h));
+      const g = ye(e);
+      u = !i(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
     s && He(n, "blur", (f) => {
       setTimeout(() => {
-        var h;
-        const I = ye(e);
-        ((h = n.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !I?.contains(n.document.activeElement) && t(f);
+        var g;
+        const k = ye(e);
+        ((g = n.document.activeElement) === null || g === void 0 ? void 0 : g.tagName) === "IFRAME" && !k?.contains(n.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), b = () => x.forEach((f) => f());
+  ].filter(Boolean), b = () => I.forEach((f) => f());
   return l ? {
     stop: b,
     cancel: () => {
@@ -595,7 +595,7 @@ function ro(e) {
 }
 function wt(e, t = {}) {
   var o, n, a, r;
-  const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd: p, onStart: y, initialValue: g, axis: x = "both", draggingElement: b = et, containerElement: f, handle: h = e, buttons: I = [0], restrictInView: C, autoScroll: $ = !1 } = t, L = R((o = E(g)) !== null && o !== void 0 ? o : {
+  const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd: p, onStart: y, initialValue: m, axis: I = "both", draggingElement: b = et, containerElement: f, handle: g = e, buttons: k = [0], restrictInView: C, autoScroll: $ = !1 } = t, L = R((o = E(m)) !== null && o !== void 0 ? o : {
     x: 0,
     y: 0
   }), S = R(), O = (D) => s ? s.includes(D.pointerType) : !0, W = (D) => {
@@ -605,9 +605,9 @@ function wt(e, t = {}) {
     margin: (a = E(me.margin)) !== null && a !== void 0 ? a : ot.margin,
     direction: (r = me.direction) !== null && r !== void 0 ? r : ot.direction
   } : ot, J = (D) => typeof D == "number" ? [D, D] : [D.x, D.y], ge = (D, F, G) => {
-    const { clientWidth: Q, clientHeight: q, scrollLeft: re, scrollTop: ke, scrollWidth: Le, scrollHeight: P } = D, [B, z] = J(j.margin), [ee, le] = J(j.speed);
+    const { clientWidth: Q, clientHeight: q, scrollLeft: re, scrollTop: ke, scrollWidth: Le, scrollHeight: _ } = D, [B, z] = J(j.margin), [ee, le] = J(j.speed);
     let te = 0, ie = 0;
-    (j.direction === "x" || j.direction === "both") && (G.x < B && re > 0 ? te = -ee : G.x + F.width > Q - B && re < Le - Q && (te = ee)), (j.direction === "y" || j.direction === "both") && (G.y < z && ke > 0 ? ie = -le : G.y + F.height > q - z && ke < P - q && (ie = le)), (te || ie) && D.scrollBy({
+    (j.direction === "x" || j.direction === "both") && (G.x < B && re > 0 ? te = -ee : G.x + F.width > Q - B && re < Le - Q && (te = ee)), (j.direction === "y" || j.direction === "both") && (G.y < z && ke > 0 ? ie = -le : G.y + F.height > q - z && ke < _ - q && (ie = le)), (te || ie) && D.scrollBy({
       left: te,
       top: ie,
       behavior: "auto"
@@ -641,7 +641,7 @@ function wt(e, t = {}) {
   E($) && ne(L, Xe);
   const Fe = (D) => {
     var F;
-    if (!E(I).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
+    if (!E(k).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
     const G = E(f), Q = G == null || (F = G.getBoundingClientRect) === null || F === void 0 ? void 0 : F.call(G), q = E(e).getBoundingClientRect(), re = {
       x: D.clientX - (G ? q.left - Q.left + ($ ? 0 : G.scrollLeft) : q.left),
       y: D.clientY - (G ? q.top - Q.top + ($ ? 0 : G.scrollTop) : q.top)
@@ -653,15 +653,15 @@ function wt(e, t = {}) {
     F instanceof HTMLElement && ro(F);
     const G = E(e).getBoundingClientRect();
     let { x: Q, y: q } = L.value;
-    if ((x === "x" || x === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (x === "y" || x === "both") && (q = D.clientY - S.value.y, F && (q = Math.min(Math.max(0, q), F.scrollHeight - G.height))), E($) && F && (de === null && ge(F, G, {
+    if ((I === "x" || I === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (I === "y" || I === "both") && (q = D.clientY - S.value.y, F && (q = Math.min(Math.max(0, q), F.scrollHeight - G.height))), E($) && F && (de === null && ge(F, G, {
       x: Q,
       y: q
     }), Q += F.scrollLeft, q += F.scrollTop), F && (C || $)) {
-      if (x !== "y") {
+      if (I !== "y") {
         const re = Q - F.scrollLeft;
         re < 0 ? Q = F.scrollLeft : re > F.clientWidth - G.width && (Q = F.clientWidth - G.width + F.scrollLeft);
       }
-      if (x !== "x") {
+      if (I !== "x") {
         const re = q - F.scrollTop;
         re < 0 ? q = F.scrollTop : re > F.clientHeight - G.height && (q = F.clientHeight - G.height + F.scrollTop);
       }
@@ -681,7 +681,7 @@ function wt(e, t = {}) {
         passive: !E(l)
       };
     };
-    He(h, "pointerdown", Fe, D), He(b, "pointermove", je, D), He(b, "pointerup", Ze, D);
+    He(g, "pointerdown", Fe, D), He(b, "pointermove", je, D), He(b, "pointerup", Ze, D);
   }
   return {
     ...oo(L),
@@ -718,21 +718,21 @@ function ct(e, t, o = {}) {
     stop: i
   };
 }
-function _e(e, t = {}) {
-  const { reset: o = !0, windowResize: n = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ue(0), u = ue(0), i = ue(0), d = ue(0), p = ue(0), y = ue(0), g = ue(0), x = ue(0);
+function Pe(e, t = {}) {
+  const { reset: o = !0, windowResize: n = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ue(0), u = ue(0), i = ue(0), d = ue(0), p = ue(0), y = ue(0), m = ue(0), I = ue(0);
   function b() {
-    const h = ye(e);
-    if (!h) {
-      o && (l.value = 0, u.value = 0, i.value = 0, d.value = 0, p.value = 0, y.value = 0, g.value = 0, x.value = 0);
+    const g = ye(e);
+    if (!g) {
+      o && (l.value = 0, u.value = 0, i.value = 0, d.value = 0, p.value = 0, y.value = 0, m.value = 0, I.value = 0);
       return;
     }
-    const I = h.getBoundingClientRect();
-    l.value = I.height, u.value = I.bottom, i.value = I.left, d.value = I.right, p.value = I.top, y.value = I.width, g.value = I.x, x.value = I.y;
+    const k = g.getBoundingClientRect();
+    l.value = k.height, u.value = k.bottom, i.value = k.left, d.value = k.right, p.value = k.top, y.value = k.width, m.value = k.x, I.value = k.y;
   }
   function f() {
     s === "sync" ? b() : s === "next-frame" && requestAnimationFrame(() => b());
   }
-  return ct(e, f), ne(() => ye(e), (h) => !h && f()), vn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
+  return ct(e, f), ne(() => ye(e), (g) => !g && f()), vn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
     capture: !0,
     passive: !0
   }), n && He("resize", f, { passive: !0 }), lo(() => {
@@ -744,8 +744,8 @@ function _e(e, t = {}) {
     right: d,
     top: p,
     width: y,
-    x: g,
-    y: x,
+    x: m,
+    y: I,
     update: f
   };
 }
@@ -800,13 +800,13 @@ const uo = (e) => {
       width: i,
       fontWeight: r.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), g = T(() => ({
+    })), m = T(() => ({
       "sticky-column": e.pinned,
       "cell-modified": r.value
-    })), x = () => {
+    })), I = () => {
       f(), b();
     }, b = () => {
-      const { left: S, bottom: O, width: W, height: me } = _e(o);
+      const { left: S, bottom: O, width: W, height: me } = Pe(o);
       s.mask, s.modalComponent && e.store.$patch((j) => {
         j.modal.visible = !0, j.modal.colIndex = e.colIndex, j.modal.rowIndex = e.rowIndex, j.modal.left = S, j.modal.bottom = O, j.modal.width = W, j.modal.height = me, j.modal.cell = o.value, typeof s.modalComponent == "function" ? j.modal.component = s.modalComponent({ table: j.table, row: l, column: s }) : j.modal.component = s.modalComponent, j.modal.componentProps = s.modalComponentExtraProps;
       });
@@ -823,7 +823,7 @@ const uo = (e) => {
       typeof e.addNavigation == "object" && (S = {
         ...S,
         ...e.addNavigation
-      }), Pt([
+      }), _t([
         {
           selectors: o,
           handlers: S
@@ -840,9 +840,9 @@ const uo = (e) => {
           } catch {
           }
       }
-    }, h = () => {
+    }, g = () => {
       o.value && (a.value = o.value.textContent, f());
-    }, I = () => {
+    }, k = () => {
       try {
         const S = window.getSelection();
         if (S && S.rangeCount > 0 && o.value) {
@@ -878,14 +878,14 @@ const uo = (e) => {
       const O = S.target;
       if (O.textContent === a.value)
         return;
-      const W = I();
+      const W = k();
       a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, n), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== n, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), ft().then(() => {
         C(W);
       });
     }, L = /* @__PURE__ */ no($, e.debounce);
     return t({
       currentData: a
-    }), (S, O) => (m(), k("td", {
+    }), (S, O) => (h(), x("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
@@ -894,20 +894,20 @@ const uo = (e) => {
       tabindex: e.tabIndex,
       spellcheck: !1,
       style: be(y.value),
-      class: se(["atable-cell", g.value]),
-      onFocus: h,
+      class: se(["atable-cell", m.value]),
+      onFocus: g,
       onPaste: $,
       onInput: O[0] || (O[0] = //@ts-ignore
       (...W) => V(L) && V(L)(...W)),
-      onClick: x
+      onClick: I
     }, [
-      V(s).cellComponent ? (m(), ve(Oe(V(s).cellComponent), dt({
+      V(s).cellComponent ? (h(), ve(Oe(V(s).cellComponent), dt({
         key: 0,
         value: d.value
-      }, V(s).cellComponentProps), null, 16, ["value"])) : p.value ? (m(), k("span", {
+      }, V(s).cellComponentProps), null, 16, ["value"])) : p.value ? (h(), x("span", {
         key: 1,
         innerHTML: d.value
-      }, null, 8, vo)) : (m(), k("span", po, N(d.value), 1))
+      }, null, 8, vo)) : (h(), x("span", po, N(d.value), 1))
     ], 46, fo));
   }
 }), ho = ["tabindex"], go = ["tabindex"], wo = ["colspan"], yo = /* @__PURE__ */ oe({
@@ -926,14 +926,14 @@ const uo = (e) => {
           a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), Pt([
+      typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), _t([
         {
           selectors: t,
           handlers: n
         }
       ]);
     }
-    return (n, a) => (m(), k(X, null, [
+    return (n, a) => (h(), x(X, null, [
       w("tr", dt(n.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
@@ -946,7 +946,7 @@ const uo = (e) => {
         }, N(o.value), 1),
         he(n.$slots, "row", {}, void 0, !0)
       ], 16, ho),
-      e.store.display[e.rowIndex].expanded ? (m(), k("tr", {
+      e.store.display[e.rowIndex].expanded ? (h(), x("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: e.tabIndex,
@@ -988,15 +988,15 @@ const uo = (e) => {
   },
   emits: ["connection:create"],
   setup(e, { expose: t, emit: o }) {
-    Mn((P) => ({
+    Mn((_) => ({
       v737862e7: a.value,
-      v05f25613: P.colspan
+      v05f25613: _.colspan
     }));
-    const n = o, a = R(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = fe("container"), l = fe("bar"), u = fe("leftResizeHandle"), i = fe("rightResizeHandle"), d = fe("leftConnectionHandle"), p = fe("rightConnectionHandle"), { width: y } = _e(s), { left: g, right: x } = _e(l), b = R(e.start), f = R(e.end || b.value + e.colspan), h = R(!1), I = R(!1), C = R(!1), $ = R(!1), L = R(!1), S = R({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = T(() => Be.value || ge.value || de.value), W = T(() => e.colspan > 0 ? y.value / e.colspan : 0), me = T(() => {
-      const P = b.value / e.colspan * 100, B = f.value / e.colspan * 100;
+    const n = o, a = R(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = fe("container"), l = fe("bar"), u = fe("leftResizeHandle"), i = fe("rightResizeHandle"), d = fe("leftConnectionHandle"), p = fe("rightConnectionHandle"), { width: y } = Pe(s), { left: m, right: I } = Pe(l), b = R(e.start), f = R(e.end || b.value + e.colspan), g = R(!1), k = R(!1), C = R(!1), $ = R(!1), L = R(!1), S = R({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = T(() => Be.value || ge.value || de.value), W = T(() => e.colspan > 0 ? y.value / e.colspan : 0), me = T(() => {
+      const _ = b.value / e.colspan * 100, B = f.value / e.colspan * 100;
       return {
-        left: `${P}%`,
-        width: `${B - P}%`,
+        left: `${_}%`,
+        width: `${B - _}%`,
         backgroundColor: a.value
       };
     }), j = T(
@@ -1011,37 +1011,37 @@ const uo = (e) => {
       })
     ), J = R({ startX: 0, startPos: 0 }), { isDragging: ge } = wt(u, {
       axis: "x",
-      onStart: () => Re(g.value, b.value),
-      onMove: ({ x: P }) => Ye(P),
-      onEnd: ({ x: P }) => Xe(P)
+      onStart: () => Re(m.value, b.value),
+      onMove: ({ x: _ }) => Ye(_),
+      onEnd: ({ x: _ }) => Xe(_)
     }), { isDragging: de } = wt(i, {
       axis: "x",
-      onStart: () => Re(x.value, f.value),
-      onMove: ({ x: P }) => Fe(P),
-      onEnd: ({ x: P }) => je(P)
+      onStart: () => Re(I.value, f.value),
+      onMove: ({ x: _ }) => Fe(_),
+      onEnd: ({ x: _ }) => je(_)
     }), { isDragging: Be } = wt(l, {
       exact: !0,
       axis: "x",
-      onStart: () => Re(g.value, b.value),
-      onMove: ({ x: P }) => Ze(P),
-      onEnd: ({ x: P }) => D(P)
+      onStart: () => Re(m.value, b.value),
+      onMove: ({ x: _ }) => Ze(_),
+      onEnd: ({ x: _ }) => D(_)
     });
     Ee(() => {
       F();
     }), Cn(() => {
       G();
     });
-    function Re(P, B) {
-      l.value && (l.value.style.transition = "none"), J.value = { startX: P, startPos: B };
+    function Re(_, B) {
+      l.value && (l.value.style.transition = "none"), J.value = { startX: _, startPos: B };
     }
-    function Ye(P) {
+    function Ye(_) {
       if (!ge.value || !l.value) return;
-      const B = (P - J.value.startX) / W.value, z = Math.max(0, Math.min(f.value - 1, J.value.startPos + B));
+      const B = (_ - J.value.startX) / W.value, z = Math.max(0, Math.min(f.value - 1, J.value.startPos + B));
       l.value.style.left = `${z / e.colspan * 100}%`, l.value.style.width = `${(f.value - z) / e.colspan * 100}%`;
     }
-    function Xe(P) {
+    function Xe(_) {
       if (!l.value) return;
-      const B = P - J.value.startX, z = Math.round(B / W.value), ee = b.value, le = Math.max(0, Math.min(f.value - 1, J.value.startPos + z));
+      const B = _ - J.value.startX, z = Math.round(B / W.value), ee = b.value, le = Math.max(0, Math.min(f.value - 1, J.value.startPos + z));
       b.value = le, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
@@ -1055,14 +1055,14 @@ const uo = (e) => {
         newColspan: f.value - le
       });
     }
-    function Fe(P) {
+    function Fe(_) {
       if (!de.value || !l.value) return;
-      const B = (P - J.value.startX) / W.value, z = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + B));
+      const B = (_ - J.value.startX) / W.value, z = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + B));
       l.value.style.width = `${(z - b.value) / e.colspan * 100}%`;
     }
-    function je(P) {
+    function je(_) {
       if (!l.value) return;
-      const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value, le = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + z));
+      const B = _ - J.value.startX, z = Math.round(B / W.value), ee = f.value, le = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + z));
       f.value = le, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
@@ -1076,14 +1076,14 @@ const uo = (e) => {
         newColspan: le - b.value
       });
     }
-    function Ze(P) {
+    function Ze(_) {
       if (!Be.value || !l.value) return;
-      const B = (P - J.value.startX) / W.value, z = f.value - b.value, ee = Math.max(0, Math.min(J.value.startPos + B, e.columnsCount - z));
+      const B = (_ - J.value.startX) / W.value, z = f.value - b.value, ee = Math.max(0, Math.min(J.value.startPos + B, e.columnsCount - z));
       l.value.style.left = `${ee / e.colspan * 100}%`;
     }
-    function D(P) {
+    function D(_) {
       if (!l.value) return;
-      const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value - b.value, le = b.value, te = f.value;
+      const B = _ - J.value.startX, z = Math.round(B / W.value), ee = f.value - b.value, le = b.value, te = f.value;
       let ie = J.value.startPos + z, ce = ie + ee;
       ie < 0 ? (ie = 0, ce = ee) : ce > e.columnsCount && (ce = e.columnsCount, ie = ce - ee), b.value = ie, f.value = ce, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
@@ -1098,7 +1098,7 @@ const uo = (e) => {
       });
     }
     function F() {
-      const { x: P, y: B } = _e(l), { x: z, y: ee } = _e(d), { x: le, y: te } = _e(p);
+      const { x: _, y: B } = Pe(l), { x: z, y: ee } = Pe(d), { x: le, y: te } = Pe(p);
       e.store.registerGanttBar({
         id: r,
         rowIndex: e.rowIndex,
@@ -1107,14 +1107,14 @@ const uo = (e) => {
         endIndex: f,
         color: a,
         label: e.label,
-        position: { x: P, y: B }
+        position: { x: _, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
         id: `${r}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
         position: { x: z, y: ee },
-        visible: h,
+        visible: g,
         barId: r
       }), e.store.registerConnectionHandle({
         id: `${r}-connection-right`,
@@ -1122,7 +1122,7 @@ const uo = (e) => {
         colIndex: e.colIndex,
         side: "right",
         position: { x: le, y: te },
-        visible: I,
+        visible: k,
         barId: r
       }));
     }
@@ -1130,14 +1130,14 @@ const uo = (e) => {
       e.store.unregisterGanttBar(r), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${r}-connection-left`), e.store.unregisterConnectionHandle(`${r}-connection-right`));
     }
     function Q() {
-      e.store.isDependencyGraphEnabled && (h.value = !0, I.value = !0);
+      e.store.isDependencyGraphEnabled && (g.value = !0, k.value = !0);
     }
     function q() {
-      !C.value && !$.value && (h.value = !1, I.value = !1);
+      !C.value && !$.value && (g.value = !1, k.value = !1);
     }
-    function re(P, B) {
-      B.preventDefault(), B.stopPropagation(), L.value = !0, P === "left" ? C.value = !0 : $.value = !0;
-      const z = P === "left" ? d.value : p.value;
+    function re(_, B) {
+      B.preventDefault(), B.stopPropagation(), L.value = !0, _ === "left" ? C.value = !0 : $.value = !0;
+      const z = _ === "left" ? d.value : p.value;
       if (z) {
         const te = z.getBoundingClientRect(), ie = te.left + te.width / 2, ce = te.top + te.height / 2;
         S.value = { startX: ie, startY: ce, endX: ie, endY: ce };
@@ -1145,12 +1145,12 @@ const uo = (e) => {
       const ee = (te) => {
         S.value.endX = te.clientX, S.value.endY = te.clientY;
       }, le = (te) => {
-        ke(te, P), Le(ee, le);
+        ke(te, _), Le(ee, le);
       };
       document.addEventListener("mousemove", ee), document.addEventListener("mouseup", le);
     }
-    function ke(P, B) {
-      const z = document.elementFromPoint(P.clientX, P.clientY)?.closest(".connection-handle");
+    function ke(_, B) {
+      const z = document.elementFromPoint(_.clientX, _.clientY)?.closest(".connection-handle");
       if (z && z !== (B === "left" ? d.value : p.value)) {
         const ee = z.closest(".gantt-bar");
         if (ee) {
@@ -1162,8 +1162,8 @@ const uo = (e) => {
         }
       }
     }
-    function Le(P, B) {
-      L.value = !1, C.value = !1, $.value = !1, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
+    function Le(_, B) {
+      L.value = !1, C.value = !1, $.value = !1, document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
     }
     return t({
       barStyle: me,
@@ -1171,11 +1171,11 @@ const uo = (e) => {
       currentEnd: f,
       handleConnectionDrop: ke,
       isLeftConnectionDragging: C,
-      isLeftConnectionVisible: h,
+      isLeftConnectionVisible: g,
       isRightConnectionDragging: $,
-      isRightConnectionVisible: I,
+      isRightConnectionVisible: k,
       showDragPreview: L
-    }), (P, B) => (m(), k("td", {
+    }), (_, B) => (h(), x("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
@@ -1189,18 +1189,18 @@ const uo = (e) => {
           onMouseenter: Q,
           onMouseleave: q
         }, [
-          e.store.isDependencyGraphEnabled ? (m(), k("div", {
+          e.store.isDependencyGraphEnabled ? (h(), x("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: se(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": C.value }]),
+            class: se(["connection-handle left-connection-handle", { visible: g.value, "is-dragging": C.value }]),
             onMousedown: B[0] || (B[0] = Ie((z) => re("left", z), ["stop"]))
           }, [...B[2] || (B[2] = [
             w("div", { class: "connection-dot" }, null, -1)
           ])], 34)) : Y("", !0),
-          e.store.isDependencyGraphEnabled ? (m(), k("div", {
+          e.store.isDependencyGraphEnabled ? (h(), x("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: se(["connection-handle right-connection-handle", { visible: I.value, "is-dragging": $.value }]),
+            class: se(["connection-handle right-connection-handle", { visible: k.value, "is-dragging": $.value }]),
             onMousedown: B[1] || (B[1] = Ie((z) => re("right", z), ["stop"]))
           }, [...B[3] || (B[3] = [
             w("div", { class: "connection-dot" }, null, -1)
@@ -1212,7 +1212,7 @@ const uo = (e) => {
             w("div", { class: "handle-grip" }, null, -1),
             w("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (m(), k("label", Mo, N(e.label), 1)) : Y("", !0),
+          e.label ? (h(), x("label", Mo, N(e.label), 1)) : Y("", !0),
           w("div", {
             ref: "rightResizeHandle",
             class: se(["resize-handle right-resize-handle", { "is-dragging": V(de) }])
@@ -1222,7 +1222,7 @@ const uo = (e) => {
           ])], 2)
         ], 46, Io)
       ], 512),
-      e.store.isDependencyGraphEnabled && L.value ? (m(), k("svg", {
+      e.store.isDependencyGraphEnabled && L.value ? (h(), x("svg", {
         key: 0,
         style: be(j.value)
       }, [
@@ -1292,7 +1292,7 @@ const uo = (e) => {
 }, Vo = {
   key: 0,
   class: "row-actions-dropdown"
-}, _o = ["aria-expanded"], Po = ["onClick"], Oo = ["innerHTML"], Bo = { class: "action-label" }, Fo = {
+}, Po = ["aria-expanded"], _o = ["onClick"], Oo = ["innerHTML"], Bo = { class: "action-label" }, Fo = {
   key: 1,
   class: "row-actions-icons"
 }, Zo = ["title", "aria-label", "onClick"], No = ["innerHTML"], it = /* @__PURE__ */ oe({
@@ -1313,19 +1313,19 @@ const uo = (e) => {
       insertBelow: "Insert Below",
       move: "Move Row"
     }, p = T(() => {
-      const h = [], I = o.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
+      const g = [], k = o.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
       for (const $ of C) {
-        const L = I[$];
+        const L = k[$];
         if (L === !1 || L === void 0) continue;
         let S = !0, O = d[$], W = Ho[$];
-        typeof L == "object" && (S = L.enabled !== !1, O = L.label || O, W = L.icon || W), S && h.push({ type: $, label: O, icon: W });
+        typeof L == "object" && (S = L.enabled !== !1, O = L.label || O, W = L.icon || W), S && g.push({ type: $, label: O, icon: W });
       }
-      return h;
+      return g;
     }), y = T(() => {
       if (o.config.forceDropdown) return !0;
-      const h = o.config.dropdownThreshold ?? 150;
-      return h === 0 ? !1 : s.value > 0 && s.value < h;
-    }), g = T(() => l.value ? u.value ? {
+      const g = o.config.dropdownThreshold ?? 150;
+      return g === 0 ? !1 : s.value > 0 && s.value < g;
+    }), m = T(() => l.value ? u.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - i.value.top}px`,
       left: `${i.value.left}px`,
@@ -1335,52 +1335,52 @@ const uo = (e) => {
       top: `${i.value.top}px`,
       left: `${i.value.left}px`
     } : {});
-    ct(a, (h) => {
-      const I = h[0];
-      I && (s.value = I.contentRect.width);
+    ct(a, (g) => {
+      const k = g[0];
+      k && (s.value = k.contentRect.width);
     });
-    const x = () => {
+    const I = () => {
       l.value || b(), l.value = !l.value;
     }, b = () => {
       if (!r.value) return;
-      const h = r.value.getBoundingClientRect(), I = window.innerHeight, C = p.value.length * 40 + 16, $ = I - h.bottom, L = h.top;
+      const g = r.value.getBoundingClientRect(), k = window.innerHeight, C = p.value.length * 40 + 16, $ = k - g.bottom, L = g.top;
       u.value = $ < C && L > C, u.value ? i.value = {
-        top: h.top,
-        left: h.left
+        top: g.top,
+        left: g.left
       } : i.value = {
-        top: h.bottom,
-        left: h.left
+        top: g.bottom,
+        left: g.left
       };
     };
     Tt(a, () => {
       l.value = !1;
     });
-    const f = (h) => {
+    const f = (g) => {
       l.value = !1;
-      const I = o.config.actions?.[h];
-      typeof I == "object" && I.handler && I.handler(o.rowIndex, o.store) === !1 || n("action", h, o.rowIndex);
+      const k = o.config.actions?.[g];
+      typeof k == "object" && k.handler && k.handler(o.rowIndex, o.store) === !1 || n("action", g, o.rowIndex);
     };
-    return (h, I) => (m(), k("td", {
+    return (g, k) => (h(), x("td", {
       ref: "actionsCell",
       class: se(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": l.value }])
     }, [
-      y.value ? (m(), k("div", Vo, [
+      y.value ? (h(), x("div", Vo, [
         w("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
           "aria-expanded": l.value,
           "aria-haspopup": "true",
-          onClick: Ie(x, ["stop"])
-        }, [...I[0] || (I[0] = [
+          onClick: Ie(I, ["stop"])
+        }, [...k[0] || (k[0] = [
           w("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, _o),
+        ])], 8, Po),
         K(w("div", {
           class: se(["row-actions-menu", { "menu-flipped": u.value }]),
-          style: be(g.value),
+          style: be(m.value),
           role: "menu"
         }, [
-          (m(!0), k(X, null, pe(p.value, (C) => (m(), k("button", {
+          (h(!0), x(X, null, pe(p.value, (C) => (h(), x("button", {
             key: C.type,
             type: "button",
             class: "row-action-menu-item",
@@ -1392,12 +1392,12 @@ const uo = (e) => {
               innerHTML: C.icon
             }, null, 8, Oo),
             w("span", Bo, N(C.label), 1)
-          ], 8, Po))), 128))
+          ], 8, _o))), 128))
         ], 6), [
           [Ce, l.value]
         ])
-      ])) : (m(), k("div", Fo, [
-        (m(!0), k(X, null, pe(p.value, (C) => (m(), k("button", {
+      ])) : (h(), x("div", Fo, [
+        (h(!0), x(X, null, pe(p.value, (C) => (h(), x("button", {
           key: C.type,
           type: "button",
           class: "row-action-btn",
@@ -1431,19 +1431,19 @@ const uo = (e) => {
       typeof e.addNavigation == "object" && (d = {
         ...d,
         ...e.addNavigation
-      }), Pt([
+      }), _t([
         {
           selectors: n,
           handlers: d
         }
       ]);
     }
-    return (d, p) => K((m(), k("tr", {
+    return (d, p) => K((h(), x("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      l.value && u.value === "before-index" ? (m(), ve(it, {
+      l.value && u.value === "before-index" ? (h(), ve(it, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
@@ -1452,18 +1452,18 @@ const uo = (e) => {
         onAction: i
       }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
       e.store.config.view !== "uncounted" ? he(d.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (m(), k("td", {
+        e.store.config.view === "list" ? (h(), x("td", {
           key: 0,
           tabIndex: -1,
           class: se(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, N(e.rowIndex + 1), 3)) : e.store.isTreeView ? (m(), k("td", {
+        }, N(e.rowIndex + 1), 3)) : e.store.isTreeView ? (h(), x("td", {
           key: 1,
           tabIndex: -1,
           class: se(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: p[0] || (p[0] = (y) => e.store.toggleRowExpand(e.rowIndex))
         }, N(r.value), 3)) : Y("", !0)
       ], !0) : Y("", !0),
-      l.value && u.value === "after-index" ? (m(), ve(it, {
+      l.value && u.value === "after-index" ? (h(), ve(it, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
@@ -1472,7 +1472,7 @@ const uo = (e) => {
         onAction: i
       }, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
       he(d.$slots, "default", {}, void 0, !0),
-      l.value && u.value === "end" ? (m(), ve(it, {
+      l.value && u.value === "end" ? (h(), ve(it, {
         key: 3,
         "row-index": e.rowIndex,
         store: e.store,
@@ -1541,13 +1541,13 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         (O) => O.barId === s.to.barId && O.side === s.to.side
       );
       if (!l || !u) return "";
-      const i = l.position.x + lt / 2, d = l.position.y + lt / 2, p = u.position.x + lt / 2, y = u.position.y + lt / 2, g = Math.abs(p - i), x = Math.max(g * Qo, 50), b = i + (s.from.side === "left" ? -x : x), f = p + (s.to.side === "left" ? -x : x), h = { x: 0.5 * i + 0.5 * b, y: 0.5 * d + 0.5 * d }, I = { x: 0.5 * b + 0.5 * f, y: 0.5 * d + 0.5 * y }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * y + 0.5 * y }, $ = { x: 0.5 * h.x + 0.5 * I.x, y: 0.5 * h.y + 0.5 * I.y }, L = { x: 0.5 * I.x + 0.5 * C.x, y: 0.5 * I.y + 0.5 * C.y }, S = { x: 0.5 * $.x + 0.5 * L.x, y: 0.5 * $.y + 0.5 * L.y };
+      const i = l.position.x + lt / 2, d = l.position.y + lt / 2, p = u.position.x + lt / 2, y = u.position.y + lt / 2, m = Math.abs(p - i), I = Math.max(m * Qo, 50), b = i + (s.from.side === "left" ? -I : I), f = p + (s.to.side === "left" ? -I : I), g = { x: 0.5 * i + 0.5 * b, y: 0.5 * d + 0.5 * d }, k = { x: 0.5 * b + 0.5 * f, y: 0.5 * d + 0.5 * y }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * y + 0.5 * y }, $ = { x: 0.5 * g.x + 0.5 * k.x, y: 0.5 * g.y + 0.5 * k.y }, L = { x: 0.5 * k.x + 0.5 * C.x, y: 0.5 * k.y + 0.5 * C.y }, S = { x: 0.5 * $.x + 0.5 * L.x, y: 0.5 * $.y + 0.5 * L.y };
       return `M ${i} ${d} Q ${b} ${d}, ${S.x} ${S.y} Q ${f} ${y}, ${p} ${y}`;
     }, r = (s) => {
       e.store.deleteConnection(s.id) && o("connection:delete", s);
     };
-    return (s, l) => (m(), k("div", Yo, [
-      (m(), k("svg", Xo, [
+    return (s, l) => (h(), x("div", Yo, [
+      (h(), x("svg", Xo, [
         l[0] || (l[0] = w("defs", null, [
           w("path", {
             id: "arrowhead",
@@ -1571,7 +1571,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             })
           ])
         ], -1)),
-        (m(!0), k(X, null, pe(n.value, (u) => (m(), k("path", {
+        (h(!0), x(X, null, pe(n.value, (u) => (h(), x("path", {
           key: `${u.id}-hitbox`,
           d: a(u),
           stroke: "transparent",
@@ -1580,7 +1580,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
           class: "connection-hitbox",
           onDblclick: (i) => r(u)
         }, null, 40, jo))), 128)),
-        (m(!0), k(X, null, pe(n.value, (u) => (m(), k("path", {
+        (h(!0), x(X, null, pe(n.value, (u) => (h(), x("path", {
           id: u.id,
           key: u.id,
           d: a(u),
@@ -1632,8 +1632,8 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     }, l = () => {
       t.value = "", o.startValue = "", o.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (u, i) => (m(), k("div", tl, [
-      (e.column.filterType || "text") === "text" ? K((m(), k("input", {
+    return (u, i) => (h(), x("div", tl, [
+      (e.column.filterType || "text") === "text" ? K((h(), x("input", {
         key: 0,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
         type: "text",
@@ -1641,7 +1641,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         onInput: i[1] || (i[1] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "number" ? K((m(), k("input", {
+      ]) : e.column.filterType === "number" ? K((h(), x("input", {
         key: 1,
         "onUpdate:modelValue": i[2] || (i[2] = (d) => t.value = d),
         type: "number",
@@ -1649,7 +1649,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         onInput: i[3] || (i[3] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "checkbox" ? (m(), k("label", nl, [
+      ]) : e.column.filterType === "checkbox" ? (h(), x("label", nl, [
         K(w("input", {
           "onUpdate:modelValue": i[4] || (i[4] = (d) => t.value = d),
           type: "checkbox",
@@ -1659,20 +1659,20 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
           [rn, t.value]
         ]),
         w("span", null, N(e.column.label), 1)
-      ])) : e.column.filterType === "select" ? K((m(), k("select", {
+      ])) : e.column.filterType === "select" ? K((h(), x("select", {
         key: 3,
         "onUpdate:modelValue": i[6] || (i[6] = (d) => t.value = d),
         class: "filter-select",
         onChange: i[7] || (i[7] = (d) => r(t.value))
       }, [
         i[15] || (i[15] = w("option", { value: "" }, "All", -1)),
-        (m(!0), k(X, null, pe(n(e.column), (d) => (m(), k("option", {
+        (h(!0), x(X, null, pe(n(e.column), (d) => (h(), x("option", {
           key: d.value || d,
           value: d.value || d
         }, N(d.label || d), 9, ol))), 128))
       ], 544)), [
         [In, t.value]
-      ]) : e.column.filterType === "date" ? K((m(), k("input", {
+      ]) : e.column.filterType === "date" ? K((h(), x("input", {
         key: 4,
         "onUpdate:modelValue": i[8] || (i[8] = (d) => t.value = d),
         type: "date",
@@ -1680,7 +1680,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         onChange: i[9] || (i[9] = (d) => r(t.value))
       }, null, 544)), [
         [we, t.value]
-      ]) : e.column.filterType === "dateRange" ? (m(), k("div", ll, [
+      ]) : e.column.filterType === "dateRange" ? (h(), x("div", ll, [
         K(w("input", {
           "onUpdate:modelValue": i[10] || (i[10] = (d) => o.startValue = d),
           type: "date",
@@ -1698,7 +1698,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         }, null, 544), [
           [we, o.endValue]
         ])
-      ])) : e.column.filterType === "component" && e.column.filterComponent ? (m(), ve(Oe(e.column.filterComponent), {
+      ])) : e.column.filterType === "component" && e.column.filterComponent ? (h(), ve(Oe(e.column.filterComponent), {
         key: 6,
         value: t.value,
         column: e.column,
@@ -1706,7 +1706,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         store: e.store,
         "onUpdate:value": i[14] || (i[14] = (d) => r(d))
       }, null, 40, ["value", "column", "colIndex", "store"])) : Y("", !0),
-      a.value ? (m(), k("button", {
+      a.value ? (h(), x("button", {
         key: 7,
         onClick: l,
         class: "clear-btn",
@@ -1746,13 +1746,13 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         typeof p == "number" && p !== i && t.store.resizeColumn(d, i);
       }
     };
-    return (l, u) => t.columns.length ? (m(), k("thead", rl, [
+    return (l, u) => t.columns.length ? (h(), x("thead", rl, [
       w("tr", il, [
-        n.value && a.value === "before-index" ? (m(), k("th", {
+        n.value && a.value === "before-index" ? (h(), x("th", {
           key: 0,
           class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
         }, null, 2)) : Y("", !0),
-        t.store.zeroColumn ? (m(), k("th", {
+        t.store.zeroColumn ? (h(), x("th", {
           key: 1,
           id: "header-index",
           class: se([[
@@ -1761,8 +1761,8 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : Y("", !0),
-        n.value && a.value === "after-index" ? (m(), k("th", ul)) : Y("", !0),
-        (m(!0), k(X, null, pe(t.columns, (i, d) => K((m(), k("th", {
+        n.value && a.value === "after-index" ? (h(), x("th", ul)) : Y("", !0),
+        (h(!0), x(X, null, pe(t.columns, (i, d) => K((h(), x("th", {
           key: i.name,
           "data-colindex": d,
           tabindex: "-1",
@@ -1776,14 +1776,14 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         ], 14, cl)), [
           [V(zo), s]
         ])), 128)),
-        n.value && a.value === "end" ? (m(), k("th", dl)) : Y("", !0)
+        n.value && a.value === "end" ? (h(), x("th", dl)) : Y("", !0)
       ]),
-      o.value.length > 0 ? (m(), k("tr", fl, [
-        n.value && a.value === "before-index" ? (m(), k("th", {
+      o.value.length > 0 ? (h(), x("tr", fl, [
+        n.value && a.value === "before-index" ? (h(), x("th", {
           key: 0,
           class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
         }, null, 2)) : Y("", !0),
-        t.store.zeroColumn ? (m(), k("th", {
+        t.store.zeroColumn ? (h(), x("th", {
           key: 1,
           class: se([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
@@ -1791,20 +1791,20 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : Y("", !0),
-        n.value && a.value === "after-index" ? (m(), k("th", vl)) : Y("", !0),
-        (m(!0), k(X, null, pe(t.columns, (i, d) => (m(), k("th", {
+        n.value && a.value === "after-index" ? (h(), x("th", vl)) : Y("", !0),
+        (h(!0), x(X, null, pe(t.columns, (i, d) => (h(), x("th", {
           key: `filter-${i.name}`,
           class: se(`${i.pinned ? "sticky-column" : ""}`),
           style: be(t.store.getHeaderCellStyle(i))
         }, [
-          i.filterable ? (m(), ve(sl, {
+          i.filterable ? (h(), ve(sl, {
             key: 0,
             column: i,
             "col-index": d,
             store: t.store
           }, null, 8, ["column", "col-index", "store"])) : Y("", !0)
         ], 6))), 128)),
-        n.value && a.value === "end" ? (m(), k("th", pl)) : Y("", !0)
+        n.value && a.value === "end" ? (h(), x("th", pl)) : Y("", !0)
       ])) : Y("", !0)
     ])) : Y("", !0);
   }
@@ -1814,7 +1814,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     store: {}
   },
   setup(e) {
-    const t = fe("amodal"), { width: o, height: n } = _e(t), a = T(() => {
+    const t = fe("amodal"), { width: o, height: n } = Pe(t), a = T(() => {
       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 {};
@@ -1828,7 +1828,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         top: `${u}px`
       };
     });
-    return (r, s) => (m(), k("div", {
+    return (r, s) => (h(), x("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
@@ -1850,9 +1850,9 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         const H = a.value[A];
         H.parent !== null && H.parent !== void 0 && v.add(H.parent);
       }
-      const M = (A) => a.value[A]?.gantt !== void 0, _ = (A) => {
+      const M = (A) => a.value[A]?.gantt !== void 0, P = (A) => {
         for (let H = 0; H < a.value.length; H++)
-          if (a.value[H].parent === A && (M(H) || _(H)))
+          if (a.value[H].parent === A && (M(H) || P(H)))
             return !0;
         return !1;
       }, Z = (A) => {
@@ -1863,7 +1863,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return _(A);
+            return P(A);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1889,8 +1889,8 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
     }, n = R(e.columns), a = R(e.rows), r = R(e.config || {}), s = R({}), l = R({}), u = T(() => {
       const c = {};
       for (const [v, M] of n.value.entries())
-        for (const [_, Z] of a.value.entries())
-          c[`${v}:${_}`] = Z[M.name];
+        for (const [P, Z] of a.value.entries())
+          c[`${v}:${P}`] = Z[M.name];
       return c;
     }), i = T({
       get: () => {
@@ -1898,12 +1898,12 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         for (let v = 0; v < c.length; v++)
           s.value[v] && (c[v].rowModified = s.value[v]), l.value[v] && (l.value[v].childrenOpen !== void 0 && (c[v].childrenOpen = l.value[v].childrenOpen), l.value[v].expanded !== void 0 && (c[v].expanded = l.value[v].expanded));
         if (C.value) {
-          const v = (M, _) => {
-            const Z = _[M];
+          const v = (M, P) => {
+            const Z = P[M];
             if (Z.isRoot || Z.parent === null || Z.parent === void 0)
               return !0;
             const A = Z.parent;
-            return A < 0 || A >= _.length ? !1 : (_[A].childrenOpen || !1) && v(A, _);
+            return A < 0 || A >= P.length ? !1 : (P[A].childrenOpen || !1) && v(A, P);
           };
           for (let M = 0; M < c.length; M++)
             c[M].isRoot || (c[M].open = v(M, c));
@@ -1913,10 +1913,10 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       set: (c) => {
         JSON.stringify(c) !== JSON.stringify(i.value) && (i.value = c);
       }
-    }), d = R(e.modal || { visible: !1 }), p = R({}), y = R([]), g = R([]), x = R([]), b = R({
+    }), d = R(e.modal || { visible: !1 }), p = R({}), y = R([]), m = R([]), I = R([]), b = R({
       column: null,
       direction: null
-    }), f = R({}), h = T(() => n.value.some((c) => c.pinned)), I = T(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = T(() => r.value.view === "tree" || r.value.view === "tree-gantt"), $ = T(() => {
+    }), f = R({}), g = T(() => n.value.some((c) => c.pinned)), k = T(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = T(() => r.value.view === "tree" || r.value.view === "tree-gantt"), $ = T(() => {
       const c = r.value;
       return c.view === "gantt" || c.view === "tree-gantt" ? c.dependencyGraph !== !1 : !0;
     }), L = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), S = T(
@@ -1927,15 +1927,15 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         originalIndex: M
       }));
       if (Object.entries(f.value).forEach(([v, M]) => {
-        const _ = parseInt(v), Z = n.value[_];
+        const P = parseInt(v), Z = n.value[P];
         !Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (c = c.filter((A) => {
           const H = A[Z.name];
           return le(H, M, Z);
         }));
       }), b.value.column !== null && b.value.direction) {
         const v = n.value[b.value.column], M = b.value.direction;
-        c.sort((_, Z) => {
-          let A = _[v.name], H = Z[v.name];
+        c.sort((P, Z) => {
+          let A = P[v.name], H = Z[v.name];
           A == null && (A = ""), H == null && (H = "");
           const U = Number(A), ae = Number(H);
           if (!isNaN(U) && !isNaN(ae) && A !== "" && H !== "")
@@ -1948,16 +1948,16 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       }
       return c;
     }), W = (c, v) => u.value[`${c}:${v}`], me = (c, v, M) => {
-      const _ = `${c}:${v}`, Z = n.value[c];
-      u.value[_] !== M && (s.value[v] = !0), u.value[_] = M, a.value[v] = {
+      const P = `${c}:${v}`, Z = n.value[c];
+      u.value[P] !== M && (s.value[v] = !0), u.value[P] = M, a.value[v] = {
         ...a.value[v],
         [Z.name]: M
       };
     }, j = (c) => {
       a.value = c;
     }, J = (c, v, M) => {
-      const _ = `${c}:${v}`;
-      u.value[_] !== M && (s.value[v] = !0, p.value[_] = M);
+      const P = `${c}:${v}`;
+      u.value[P] !== M && (s.value[v] = !0, p.value[P] = M);
     }, ge = (c) => {
       const v = n.value.indexOf(c) === n.value.length - 1, M = r.value.fullWidth ? c.resizable && !v : c.resizable;
       return {
@@ -1978,7 +1978,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       };
     }, Be = (c) => {
       const v = a.value[c];
-      return I.value && v.gantt !== void 0;
+      return k.value && v.gantt !== void 0;
     }, Re = (c) => !C.value || i.value[c].isRoot || i.value[c].open, Ye = (c) => !C.value && r.value.view !== "list-expansion" ? "" : C.value && (i.value[c].isRoot || i.value[c].isParent) ? i.value[c].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? i.value[c].expanded ? "▼" : "►" : "", Xe = (c) => {
       if (C.value) {
         const v = l.value[c] || {}, M = !(v.childrenOpen ?? i.value[c].childrenOpen);
@@ -2006,8 +2006,8 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       const M = W(c, v);
       return Ze(c, v, M);
     }, Ze = (c, v, M) => {
-      const _ = n.value[c], Z = a.value[v], A = _.format;
-      return A ? typeof A == "function" ? A(M, { table: u.value, row: Z, column: _ }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(M, { table: u.value, row: Z, column: _ }) : M : M;
+      const P = n.value[c], Z = a.value[v], A = P.format;
+      return A ? typeof A == "function" ? A(M, { table: u.value, row: Z, column: P }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(M, { table: u.value, row: Z, column: P }) : M : M;
     }, D = (c) => {
       c.target instanceof Node && d.value.parent?.contains(c.target) || d.value.visible && (d.value.visible = !1);
     }, F = (c, v) => v && c === 0 && v > 0 ? `${v}ch` : "inherit", G = (c) => {
@@ -2020,20 +2020,20 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       const v = y.value.findIndex((M) => M.id === c);
       v >= 0 && y.value.splice(v, 1);
     }, re = (c) => {
-      const v = g.value.findIndex((M) => M.id === c.id);
-      v >= 0 ? g.value[v] = c : g.value.push(c);
+      const v = m.value.findIndex((M) => M.id === c.id);
+      v >= 0 ? m.value[v] = c : m.value.push(c);
     }, ke = (c) => {
-      const v = g.value.findIndex((M) => M.id === c);
-      v >= 0 && g.value.splice(v, 1);
+      const v = m.value.findIndex((M) => M.id === c);
+      v >= 0 && m.value.splice(v, 1);
     }, Le = (c, v, M) => {
-      const _ = g.value.find((H) => H.id === c), Z = g.value.find((H) => H.id === v);
-      if (!_ || !Z)
+      const P = m.value.find((H) => H.id === c), Z = m.value.find((H) => H.id === v);
+      if (!P || !Z)
         return console.warn("Cannot create connection: handle not found"), null;
       const A = {
         id: `connection-${c}-${v}`,
         from: {
-          barId: _.barId,
-          side: _.side
+          barId: P.barId,
+          side: P.side
         },
         to: {
           barId: Z.barId,
@@ -2042,18 +2042,18 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         style: M?.style,
         label: M?.label
       };
-      return x.value.push(A), A;
-    }, P = (c) => {
-      const v = x.value.findIndex((M) => M.id === c);
-      return v >= 0 ? (x.value.splice(v, 1), !0) : !1;
-    }, B = (c) => x.value.filter((v) => v.from.barId === c || v.to.barId === c), z = (c) => g.value.filter((v) => v.barId === c), ee = (c) => {
+      return I.value.push(A), A;
+    }, _ = (c) => {
+      const v = I.value.findIndex((M) => M.id === c);
+      return v >= 0 ? (I.value.splice(v, 1), !0) : !1;
+    }, B = (c) => I.value.filter((v) => v.from.barId === c || v.to.barId === c), z = (c) => m.value.filter((v) => v.barId === c), ee = (c) => {
       if (n.value[c].sortable === !1) return;
       let v;
       b.value.column === c && b.value.direction === "asc" ? v = "desc" : v = "asc", b.value.column = c, b.value.direction = v;
     }, le = (c, v, M) => {
-      const _ = M.filterType || "text", Z = v.value;
-      if (!Z && _ !== "dateRange" && _ !== "checkbox") return !0;
-      switch (_) {
+      const P = M.filterType || "text", Z = v.value;
+      if (!Z && P !== "dateRange" && P !== "checkbox") return !0;
+      switch (P) {
         case "text": {
           let A = "";
           return typeof c == "object" && c !== null ? A = Object.values(c).join(" ") : A = String(c || ""), A.toLowerCase().includes(String(Z).toLowerCase());
@@ -2099,15 +2099,15 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       for (const Z of n.value)
         M[Z.name] = "";
       c && Object.assign(M, c);
-      let _;
-      return v === "start" ? (_ = 0, a.value.unshift(M)) : v === "end" ? (_ = a.value.length, a.value.push(M)) : (_ = Math.max(0, Math.min(v, a.value.length)), a.value.splice(_, 0, M)), _;
+      let P;
+      return v === "start" ? (P = 0, a.value.unshift(M)) : v === "end" ? (P = a.value.length, a.value.push(M)) : (P = Math.max(0, Math.min(v, a.value.length)), a.value.splice(P, 0, M)), P;
     };
     return {
       // state
       columns: n,
       config: r,
-      connectionHandles: g,
-      connectionPaths: x,
+      connectionHandles: m,
+      connectionPaths: I,
       display: i,
       filterState: f,
       ganttBars: y,
@@ -2118,8 +2118,8 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       updates: p,
       // getters
       filteredRows: O,
-      hasPinnedColumns: h,
-      isGanttView: I,
+      hasPinnedColumns: g,
+      isGanttView: k,
       isTreeView: C,
       isDependencyGraphEnabled: $,
       numberedRowWidth: L,
@@ -2129,28 +2129,28 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       clearFilter: ie,
       closeModal: D,
       createConnection: Le,
-      deleteConnection: P,
+      deleteConnection: _,
       deleteRow: (c) => {
         if (c < 0 || c >= a.value.length)
           return null;
         const [v] = a.value.splice(c, 1);
         delete s.value[c], delete l.value[c];
-        const M = {}, _ = {};
+        const M = {}, P = {};
         for (const [Z, A] of Object.entries(s.value)) {
           const H = parseInt(Z);
           H > c ? M[H - 1] = A : M[H] = A;
         }
         for (const [Z, A] of Object.entries(l.value)) {
           const H = parseInt(Z);
-          H > c ? _[H - 1] = A : _[H] = A;
+          H > c ? P[H - 1] = A : P[H] = A;
         }
-        return s.value = M, l.value = _, v;
+        return s.value = M, l.value = P, v;
       },
       duplicateRow: (c) => {
         if (c < 0 || c >= a.value.length)
           return -1;
-        const v = a.value[c], M = JSON.parse(JSON.stringify(v)), _ = c + 1;
-        return a.value.splice(_, 0, M), _;
+        const v = a.value[c], M = JSON.parse(JSON.stringify(v)), P = c + 1;
+        return a.value.splice(P, 0, M), P;
       },
       getCellData: W,
       getCellDisplayValue: je,
@@ -2175,18 +2175,18 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
           return !1;
         const [M] = a.value.splice(c, 1);
         a.value.splice(v, 0, M);
-        const _ = {}, Z = {};
+        const P = {}, Z = {};
         for (const [A, H] of Object.entries(s.value)) {
           const U = parseInt(A);
           let ae = U;
-          U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), _[ae] = H;
+          U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), P[ae] = H;
         }
         for (const [A, H] of Object.entries(l.value)) {
           const U = parseInt(A);
           let ae = U;
           U === c ? ae = v : c < v ? U > c && U <= v && (ae = U - 1) : U >= v && U < c && (ae = U + 1), Z[ae] = H;
         }
-        return s.value = _, l.value = Z, !0;
+        return s.value = P, l.value = Z, !0;
       },
       registerConnectionHandle: re,
       registerGanttBar: Q,
@@ -2219,52 +2219,52 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
   emits: /* @__PURE__ */ xe(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: o }) {
     const n = Me(e, "rows"), a = Me(e, "columns"), r = o, s = fe("table"), l = ml({ columns: a.value, rows: n.value, id: e.id, config: e.config });
-    l.$onAction(({ name: x, store: b, args: f, after: h }) => {
-      if (x === "setCellData" || x === "setCellText") {
-        const [I, C, $] = f, L = b.getCellData(I, C);
-        h(() => {
-          n.value = [...b.rows], r("cellUpdate", { colIndex: I, rowIndex: C, newValue: $, oldValue: L });
+    l.$onAction(({ name: I, store: b, args: f, after: g }) => {
+      if (I === "setCellData" || I === "setCellText") {
+        const [k, C, $] = f, L = b.getCellData(k, C);
+        g(() => {
+          n.value = [...b.rows], r("cellUpdate", { colIndex: k, rowIndex: C, newValue: $, oldValue: L });
         });
-      } else if (x === "updateGanttBar") {
-        const [I] = f;
+      } else if (I === "updateGanttBar") {
+        const [k] = f;
         let C = !1;
-        I.type === "resize" ? C = I.oldColspan !== I.newColspan : I.type === "bar" && (C = I.oldStart !== I.newStart || I.oldEnd !== I.newEnd), C && h(() => {
-          r("gantt:drag", I);
+        k.type === "resize" ? C = k.oldColspan !== k.newColspan : k.type === "bar" && (C = k.oldStart !== k.newStart || k.oldEnd !== k.newEnd), C && g(() => {
+          r("gantt:drag", k);
         });
-      } else x === "resizeColumn" && h(() => {
+      } else I === "resizeColumn" && g(() => {
         a.value = [...b.columns], r("columns:update", [...b.columns]);
       });
     }), ne(
       () => n.value,
-      (x) => {
-        JSON.stringify(x) !== JSON.stringify(l.rows) && (l.rows = [...x]);
+      (I) => {
+        JSON.stringify(I) !== JSON.stringify(l.rows) && (l.rows = [...I]);
       },
       { deep: !0 }
     ), ne(
       a,
-      (x) => {
-        JSON.stringify(x) !== JSON.stringify(l.columns) && (l.columns = [...x], r("columns:update", [...x]));
+      (I) => {
+        JSON.stringify(I) !== JSON.stringify(l.columns) && (l.columns = [...I], r("columns:update", [...I]));
       },
       { deep: !0 }
     ), Ee(() => {
-      a.value.some((x) => x.pinned) && (i(), l.isTreeView && vn(s, i, { childList: !0, subtree: !0 }));
+      a.value.some((I) => I.pinned) && (i(), l.isTreeView && vn(s, i, { childList: !0, subtree: !0 }));
     });
-    const u = T(() => l.columns.filter((x) => x.pinned).length), i = () => {
-      const x = s.value, b = x?.rows[0], f = x?.rows[1], h = b ? Array.from(b.cells) : [];
-      for (const [I, C] of h.entries()) {
-        const $ = f?.cells[I];
+    const u = T(() => l.columns.filter((I) => I.pinned).length), i = () => {
+      const I = s.value, b = I?.rows[0], f = I?.rows[1], g = b ? Array.from(b.cells) : [];
+      for (const [k, C] of g.entries()) {
+        const $ = f?.cells[k];
         $ && (C.style.width = `${$.offsetWidth}px`);
       }
-      for (const I of x?.rows || []) {
+      for (const k of I?.rows || []) {
         let C = 0;
         const $ = [];
-        for (const L of I.cells)
+        for (const L of k.cells)
           (L.classList.contains("sticky-column") || L.classList.contains("sticky-index")) && (L.style.left = `${C}px`, C += L.offsetWidth, $.push(L));
         $.length > 0 && $[$.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (x) => {
-      if (x.key === "Escape" && l.modal.visible) {
+    window.addEventListener("keydown", (I) => {
+      if (I.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
         const b = l.modal.parent;
         b && ft().then(() => {
@@ -2272,31 +2272,31 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         });
       }
     });
-    const d = (x) => {
-      if (!x.gantt || u.value === 0)
+    const d = (I) => {
+      if (!I.gantt || u.value === 0)
         return l.columns;
       const b = [];
       for (let f = 0; f < u.value; f++) {
-        const h = { ...l.columns[f] };
-        h.originalIndex = f, b.push(h);
+        const g = { ...l.columns[f] };
+        g.originalIndex = f, b.push(g);
       }
       return b.push({
         ...l.columns[u.value],
         isGantt: !0,
-        colspan: x.gantt?.colspan || l.columns.length - u.value,
+        colspan: I.gantt?.colspan || l.columns.length - u.value,
         originalIndex: u.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 = (x) => {
-      r("connection:event", { type: "create", connection: x });
-    }, y = (x) => {
-      r("connection:event", { type: "delete", connection: x });
-    }, g = (x, b) => {
-      switch (x) {
+    }, p = (I) => {
+      r("connection:event", { type: "create", connection: I });
+    }, y = (I) => {
+      r("connection:event", { type: "delete", connection: I });
+    }, m = (I, b) => {
+      switch (I) {
         case "add": {
-          const f = l.addRow({}, b + 1), h = l.rows[f];
-          n.value = [...l.rows], r("row:add", { rowIndex: f, row: h });
+          const f = l.addRow({}, b + 1), g = l.rows[f];
+          n.value = [...l.rows], r("row:add", { rowIndex: f, row: g });
           break;
         }
         case "delete": {
@@ -2307,19 +2307,19 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
         case "duplicate": {
           const f = l.duplicateRow(b);
           if (f >= 0) {
-            const h = l.rows[f];
-            n.value = [...l.rows], r("row:duplicate", { sourceIndex: b, newIndex: f, row: h });
+            const g = l.rows[f];
+            n.value = [...l.rows], r("row:duplicate", { sourceIndex: b, newIndex: f, row: g });
           }
           break;
         }
         case "insertAbove": {
-          const f = l.insertRowAbove(b), h = l.rows[f];
-          n.value = [...l.rows], r("row:insert-above", { targetIndex: b, newIndex: f, row: h });
+          const f = l.insertRowAbove(b), g = l.rows[f];
+          n.value = [...l.rows], r("row:insert-above", { targetIndex: b, newIndex: f, row: g });
           break;
         }
         case "insertBelow": {
-          const f = l.insertRowBelow(b), h = l.rows[f];
-          n.value = [...l.rows], r("row:insert-below", { targetIndex: b, newIndex: f, row: h });
+          const f = l.insertRowBelow(b), g = l.rows[f];
+          n.value = [...l.rows], r("row:insert-below", { targetIndex: b, newIndex: f, row: g });
           break;
         }
         case "move": {
@@ -2341,58 +2341,58 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       insertRowAbove: l.insertRowAbove,
       insertRowBelow: l.insertRowBelow,
       moveRow: l.moveRow
-    }), (x, b) => (m(), k("div", hl, [
-      K((m(), k("table", {
+    }), (I, b) => (h(), x("div", hl, [
+      K((h(), x("table", {
         ref: "table",
         class: "atable",
         style: be({
           width: V(l).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        he(x.$slots, "header", { data: V(l) }, () => [
+        he(I.$slots, "header", { data: V(l) }, () => [
           At(mn, {
             columns: V(l).columns,
             store: V(l)
           }, null, 8, ["columns", "store"])
         ], !0),
         w("tbody", null, [
-          he(x.$slots, "body", { data: V(l) }, () => [
-            (m(!0), k(X, null, pe(V(l).filteredRows, (f, h) => (m(), ve(pn, {
-              key: `${f.originalIndex}-${h}`,
+          he(I.$slots, "body", { data: V(l) }, () => [
+            (h(!0), x(X, null, pe(V(l).filteredRows, (f, g) => (h(), ve(pn, {
+              key: `${f.originalIndex}-${g}`,
               row: f,
               rowIndex: f.originalIndex,
               store: V(l),
-              "onRow:action": g
+              "onRow:action": m
             }, {
               default: $t(() => [
-                (m(!0), k(X, null, pe(d(f), (I, C) => (m(), k(X, {
-                  key: I.name
+                (h(!0), x(X, null, pe(d(f), (k, C) => (h(), x(X, {
+                  key: k.name
                 }, [
-                  I.isGantt ? (m(), ve(Oe(I.ganttComponent || "AGanttCell"), {
+                  k.isGantt ? (h(), ve(Oe(k.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: V(l),
                     "columns-count": V(l).columns.length - u.value,
                     color: f.gantt?.color,
                     start: f.gantt?.startIndex,
                     end: f.gantt?.endIndex,
-                    colspan: I.colspan,
-                    pinned: I.pinned,
+                    colspan: k.colspan,
+                    pinned: k.pinned,
                     rowIndex: f.originalIndex,
-                    colIndex: I.originalIndex ?? C,
+                    colIndex: k.originalIndex ?? C,
                     style: be({
-                      textAlign: I?.align || "center",
-                      minWidth: I?.width || "40ch",
+                      textAlign: k?.align || "center",
+                      minWidth: k?.width || "40ch",
                       width: V(l).config.fullWidth ? "auto" : null
                     }),
                     "onConnection:create": p
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (m(), ve(Oe(I.cellComponent || "ACell"), {
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (h(), ve(Oe(k.cellComponent || "ACell"), {
                     key: 1,
                     store: V(l),
-                    pinned: I.pinned,
+                    pinned: k.pinned,
                     rowIndex: f.originalIndex,
                     colIndex: C,
                     style: be({
-                      textAlign: I?.align || "center",
+                      textAlign: k?.align || "center",
                       width: V(l).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
@@ -2403,11 +2403,11 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
             }, 1032, ["row", "rowIndex", "store"]))), 128))
           ], !0)
         ]),
-        he(x.$slots, "footer", { data: V(l) }, void 0, !0),
-        he(x.$slots, "modal", { data: V(l) }, () => [
+        he(I.$slots, "footer", { data: V(l) }, void 0, !0),
+        he(I.$slots, "modal", { data: V(l) }, () => [
           K(At(hn, { store: V(l) }, {
             default: $t(() => [
-              (m(), ve(Oe(V(l).modal.component), dt({
+              (h(), ve(Oe(V(l).modal.component), dt({
                 key: `${V(l).modal.rowIndex}:${V(l).modal.colIndex}`,
                 "col-index": V(l).modal.colIndex,
                 "row-index": V(l).modal.rowIndex,
@@ -2422,7 +2422,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
       ], 4)), [
         [V(Go), V(l).closeModal]
       ]),
-      V(l).isGanttView && V(l).isDependencyGraphEnabled ? (m(), ve(el, {
+      V(l).isGanttView && V(l).isDependencyGraphEnabled ? (h(), ve(el, {
         key: 0,
         store: V(l),
         "onConnection:delete": y
@@ -2431,7 +2431,7 @@ const Yo = { class: "gantt-connection-overlay" }, Xo = {
   }
 }), wl = /* @__PURE__ */ Ve(gl, [["__scopeId", "data-v-56d7171c"]]), yl = {}, bl = { class: "aloading" }, xl = { class: "aloading-header" };
 function kl(e, t) {
-  return m(), k("div", bl, [
+  return h(), x("div", bl, [
     w("h2", xl, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
@@ -2440,7 +2440,7 @@ function kl(e, t) {
 }
 const Il = /* @__PURE__ */ Ve(yl, [["render", kl], ["__scopeId", "data-v-a930a25b"]]), Ml = {}, Cl = { class: "aloading" }, El = { class: "aloading-header" };
 function Al(e, t) {
-  return m(), k("div", Cl, [
+  return h(), x("div", Cl, [
     w("h2", El, [
       he(e.$slots, "default", {}, void 0, !0)
     ]),
@@ -2451,7 +2451,7 @@ const $l = /* @__PURE__ */ Ve(Ml, [["render", Al], ["__scopeId", "data-v-e116587
 function Tl(e) {
   e.component("ACell", mo), e.component("AExpansionRow", bo), e.component("AGanttCell", Ao), e.component("ARow", pn), e.component("ARowActions", it), e.component("ATable", wl), e.component("ATableHeader", mn), e.component("ATableLoading", Il), e.component("ATableLoadingBar", $l), e.component("ATableModal", hn);
 }
-const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" }, Rl = { class: "aform_display-value" }, Ll = ["for"], Hl = { class: "aform_checkbox-container aform_input-field" }, Vl = ["id", "disabled", "required"], _l = ["innerHTML"], Pl = /* @__PURE__ */ oe({
+const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" }, Rl = { class: "aform_display-value" }, Ll = ["for"], Hl = { class: "aform_checkbox-container aform_input-field" }, Vl = ["id", "disabled", "required"], Pl = ["innerHTML"], _l = /* @__PURE__ */ oe({
   __name: "ACheckbox",
   props: /* @__PURE__ */ xe({
     schema: {},
@@ -2468,11 +2468,11 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
   emits: ["update:modelValue"],
   setup(e) {
     const t = Me(e, "modelValue");
-    return (o, n) => (m(), k("div", Dl, [
-      e.mode === "display" ? (m(), k(X, { key: 0 }, [
+    return (o, n) => (h(), x("div", Dl, [
+      e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("label", Sl, N(e.label), 1),
         w("span", Rl, N(t.value ? "✓" : "✗"), 1)
-      ], 64)) : (m(), k(X, { key: 1 }, [
+      ], 64)) : (h(), x(X, { key: 1 }, [
         w("label", {
           class: "aform_field-label",
           for: e.uuid
@@ -2492,7 +2492,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
         K(w("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, _l), [
+        }, null, 8, Pl), [
           [Ce, e.validation.errorMessage]
         ])
       ], 64))
@@ -2503,7 +2503,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
   for (const [n, a] of t)
     o[n] = a;
   return o;
-}, Ol = /* @__PURE__ */ Te(Pl, [["__scopeId", "data-v-cc185b72"]]), Bl = /* @__PURE__ */ oe({
+}, Ol = /* @__PURE__ */ Te(_l, [["__scopeId", "data-v-cc185b72"]]), Bl = /* @__PURE__ */ oe({
   __name: "AComboBox",
   props: {
     schema: {},
@@ -2520,7 +2520,7 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
   setup(e) {
     return (t, o) => {
       const n = $n("ATableModal");
-      return m(), ve(n, {
+      return h(), ve(n, {
         event: e.event,
         "cell-data": e.cellData,
         class: "amodal"
@@ -2560,11 +2560,11 @@ const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" },
     }), o = fe("date"), n = () => {
       o.value && "showPicker" in HTMLInputElement.prototype && o.value.showPicker();
     };
-    return (a, r) => (m(), k("div", null, [
-      e.mode === "display" ? (m(), k(X, { key: 0 }, [
+    return (a, r) => (h(), x("div", null, [
+      e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("span", Fl, N(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
         w("label", null, N(e.label), 1)
-      ], 64)) : (m(), k(X, { key: 1 }, [
+      ], 64)) : (h(), x(X, { key: 1 }, [
         K(w("input", {
           id: e.uuid,
           ref: "date",
@@ -2649,7 +2649,7 @@ function It(...e) {
     ];
   }, ([n, a, r, s], l, u) => {
     if (!n?.length || !a?.length || !r?.length) return;
-    const i = ql(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((g) => t(p, y, g, i))));
+    const i = ql(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
     u(() => {
       d.forEach((p) => p());
     });
@@ -2663,24 +2663,24 @@ function Jt(e, t, o = {}) {
     trigger: Je
   } : Je;
   let u = !0;
-  const i = (f) => E(a).some((h) => {
-    if (typeof h == "string") return Array.from(n.document.querySelectorAll(h)).some((I) => I === f.target || f.composedPath().includes(I));
+  const i = (f) => E(a).some((g) => {
+    if (typeof g == "string") return Array.from(n.document.querySelectorAll(g)).some((k) => k === f.target || f.composedPath().includes(k));
     {
-      const I = Ue(h);
-      return I && (f.target === I || f.composedPath().includes(I));
+      const k = Ue(g);
+      return k && (f.target === k || f.composedPath().includes(k));
     }
   });
   function d(f) {
-    const h = E(f);
-    return h && h.$.subTree.shapeFlag === 16;
+    const g = E(f);
+    return g && g.$.subTree.shapeFlag === 16;
   }
-  function p(f, h) {
-    const I = E(f), C = I.$.subTree && I.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === h.target || h.composedPath().includes($.el));
+  function p(f, g) {
+    const k = E(f), C = k.$.subTree && k.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === g.target || g.composedPath().includes($.el));
   }
   const y = (f) => {
-    const h = Ue(e);
-    if (f.target != null && !(!(h instanceof Element) && d(e) && p(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
+    const g = Ue(e);
+    if (f.target != null && !(!(g instanceof Element) && d(e) && p(e, f)) && !(!g || g === f.target || f.composedPath().includes(g))) {
       if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
         u = !0;
         return;
@@ -2688,28 +2688,28 @@ function Jt(e, t, o = {}) {
       t(f);
     }
   };
-  let g = !1;
-  const x = [
+  let m = !1;
+  const I = [
     It(n, "click", (f) => {
-      g || (g = !0, setTimeout(() => {
-        g = !1;
+      m || (m = !0, setTimeout(() => {
+        m = !1;
       }, 0), y(f));
     }, {
       passive: !0,
       capture: r
     }),
     It(n, "pointerdown", (f) => {
-      const h = Ue(e);
-      u = !i(f) && !!(h && !f.composedPath().includes(h));
+      const g = Ue(e);
+      u = !i(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
     s && It(n, "blur", (f) => {
       setTimeout(() => {
-        var h;
-        const I = Ue(e);
-        ((h = n.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !I?.contains(n.document.activeElement) && t(f);
+        var g;
+        const k = Ue(e);
+        ((g = n.document.activeElement) === null || g === void 0 ? void 0 : g.tagName) === "IFRAME" && !k?.contains(n.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), b = () => x.forEach((f) => f());
+  ].filter(Boolean), b = () => I.forEach((f) => f());
   return l ? {
     stop: b,
     cancel: () => {
@@ -2737,8 +2737,8 @@ function ea(e = {}) {
   const { document: t = Jl } = e, o = R(Kl(e.initialFiles)), { on: n, trigger: a } = /* @__PURE__ */ jt(), { on: r, trigger: s } = /* @__PURE__ */ jt(), l = T(() => {
     var p;
     const y = (p = Ue(e.input)) !== null && p !== void 0 ? p : t ? t.createElement("input") : void 0;
-    return y && (y.type = "file", y.onchange = (g) => {
-      o.value = g.target.files, a(o.value);
+    return y && (y.type = "file", y.onchange = (m) => {
+      o.value = m.target.files, a(o.value);
     }, y.oncancel = () => {
       s();
     }), y;
@@ -2750,12 +2750,12 @@ function ea(e = {}) {
   }, d = (p) => {
     const y = l.value;
     if (!y) return;
-    const g = {
+    const m = {
       ...Ql,
       ...e,
       ...p
     };
-    i(g), E(g.reset) && u(), y.click();
+    i(m), E(m.reset) && u(), y.click();
   };
   return ht(() => {
     i(e);
@@ -2862,8 +2862,8 @@ const la = {
       if (n.open = !0, n.activeItemIndex = null, e.filterFunction) {
         e.isAsync && (n.loading = !0);
         try {
-          const g = await e.filterFunction(t.value || "");
-          n.results = g || [];
+          const m = await e.filterFunction(t.value || "");
+          n.results = m || [];
         } catch {
           n.results = [];
         } finally {
@@ -2871,46 +2871,46 @@ const la = {
         }
       } else
         i();
-    }, s = (g) => {
-      t.value = g, o.value = g, u(g);
+    }, s = (m) => {
+      t.value = m, o.value = m, u(m);
     }, l = () => {
-      const g = e.options?.indexOf(t.value ?? "") ?? -1;
-      n.activeItemIndex = e.isAsync ? null : g >= 0 ? g : null, n.open = !0, n.results = e.isAsync ? [] : e.options;
-    }, u = (g) => {
-      n.activeItemIndex = null, n.open = !1, e.options?.includes(g || t.value || "") || (t.value = o.value);
+      const m = e.options?.indexOf(t.value ?? "") ?? -1;
+      n.activeItemIndex = e.isAsync ? null : m >= 0 ? m : null, n.open = !0, n.results = e.isAsync ? [] : e.options;
+    }, u = (m) => {
+      n.activeItemIndex = null, n.open = !1, e.options?.includes(m || t.value || "") || (t.value = o.value);
     }, i = () => {
-      t.value ? n.results = e.options?.filter((g) => g.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.options;
+      t.value ? n.results = e.options?.filter((m) => m.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.options;
     }, d = () => {
-      const g = n.results?.length || 0;
+      const m = n.results?.length || 0;
       if (n.activeItemIndex != null) {
-        const x = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
-        n.activeItemIndex = (x + 1) % g;
+        const I = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        n.activeItemIndex = (I + 1) % m;
       } else
         n.activeItemIndex = 0;
     }, p = () => {
-      const g = n.results?.length || 0;
+      const m = n.results?.length || 0;
       if (n.activeItemIndex != null) {
-        const x = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
-        x === 0 ? n.activeItemIndex = null : n.activeItemIndex = x - 1;
+        const I = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        I === 0 ? n.activeItemIndex = null : n.activeItemIndex = I - 1;
       } else
-        n.activeItemIndex = g - 1;
+        n.activeItemIndex = m - 1;
     }, y = () => {
       if (n.results) {
-        const g = n.activeItemIndex || 0, x = n.results[g];
-        s(x);
+        const m = n.activeItemIndex || 0, I = n.results[m];
+        s(I);
       }
       n.activeItemIndex = 0;
     };
-    return (g, x) => e.mode === "display" ? (m(), k("div", la, [
+    return (m, I) => e.mode === "display" ? (h(), x("div", la, [
       w("span", aa, N(t.value ?? ""), 1),
       w("label", null, N(e.label), 1)
-    ])) : K((m(), k("div", {
+    ])) : K((h(), x("div", {
       key: 1,
       class: se(["autocomplete", { isOpen: n.open }])
     }, [
       w("div", sa, [
         K(w("input", {
-          "onUpdate:modelValue": x[0] || (x[0] = (b) => t.value = b),
+          "onUpdate:modelValue": I[0] || (I[0] = (b) => t.value = b),
           type: "text",
           disabled: e.mode === "read",
           onInput: r,
@@ -2926,10 +2926,10 @@ const la = {
           [we, t.value]
         ]),
         K(w("ul", ia, [
-          n.loading ? (m(), k("li", ua, "Loading results...")) : (m(!0), k(X, { key: 1 }, pe(n.results, (b, f) => (m(), k("li", {
+          n.loading ? (h(), x("li", ua, "Loading results...")) : (h(!0), x(X, { key: 1 }, pe(n.results, (b, f) => (h(), x("li", {
             key: b,
             class: se(["autocomplete-result", { "is-active": f === n.activeItemIndex }]),
-            onClick: Ie((h) => s(b), ["stop"])
+            onClick: Ie((g) => s(b), ["stop"])
           }, N(b), 11, ca))), 128))
         ], 512), [
           [Ce, n.open]
@@ -2978,7 +2978,7 @@ function Ke(...e) {
     ];
   }, ([n, a, r, s], l, u) => {
     if (!n?.length || !a?.length || !r?.length) return;
-    const i = ha(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((g) => t(p, y, g, i))));
+    const i = ha(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((m) => t(p, y, m, i))));
     u(() => {
       d.forEach((p) => p());
     });
@@ -3028,7 +3028,7 @@ function ka(e, t, o = {}) {
     const d = Ge(e);
     if (d) {
       const { stop: p } = xa(a, (y) => {
-        y.map((g) => [...g.removedNodes]).flat().some((g) => g === d || g.contains(d)) && t(y);
+        y.map((m) => [...m.removedNodes]).flat().some((m) => m === d || m.contains(d)) && t(y);
       }, {
         window: n,
         childList: !0,
@@ -3281,20 +3281,20 @@ function Ra(e) {
     for (const d of Object.keys(i)) {
       const [p, ...y] = d.split(".");
       if (p === "keydown" && y.includes(u)) {
-        const g = i[d], x = y.filter((f) => at.includes(f)), b = at.some((f) => {
-          const h = f.charAt(0).toUpperCase() + f.slice(1);
-          return l.getModifierState(h);
+        const m = i[d], I = y.filter((f) => at.includes(f)), b = at.some((f) => {
+          const g = f.charAt(0).toUpperCase() + f.slice(1);
+          return l.getModifierState(g);
         });
-        if (x.length > 0) {
+        if (I.length > 0) {
           if (b) {
             for (const f of at)
               if (y.includes(f)) {
-                const h = f.charAt(0).toUpperCase() + f.slice(1);
-                l.getModifierState(h) && g(l);
+                const g = f.charAt(0).toUpperCase() + f.slice(1);
+                l.getModifierState(g) && m(l);
               }
           }
         } else
-          b || g(l);
+          b || m(l);
       }
     }
   }, r = [];
@@ -3302,10 +3302,10 @@ function Ra(e) {
     for (const s of e) {
       const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
       for (const p of d) {
-        const { focused: y } = Aa(R(p)), g = ne(y, (x) => {
-          x ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+        const { focused: y } = Aa(R(p)), m = ne(y, (I) => {
+          I ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
         });
-        r.push(g);
+        r.push(m);
       }
     }
   }), an(() => {
@@ -3318,10 +3318,10 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
   ref: "datepicker",
   class: "adatepicker",
   tabindex: "0"
-}, _a = {
+}, Pa = {
   colspan: "5",
   tabindex: -1
-}, Pa = ["onClick", "onKeydown"], Oa = 6, ln = 7, Ba = /* @__PURE__ */ oe({
+}, _a = ["onClick", "onKeydown"], Oa = 6, ln = 7, Ba = /* @__PURE__ */ oe({
   __name: "ADatePicker",
   props: /* @__PURE__ */ xe({
     schema: {},
@@ -3359,13 +3359,13 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       a.value == 0 ? (a.value = 11, i()) : a.value -= 1;
     }, y = () => {
       a.value == 11 ? (a.value = 0, d()) : a.value += 1;
-    }, g = (C) => {
+    }, m = (C) => {
       const $ = /* @__PURE__ */ new Date();
       if (a.value === $.getMonth())
         return $.toDateString() === new Date(C).toDateString();
-    }, x = (C) => new Date(C).toDateString() === new Date(n.value).toDateString(), b = (C, $) => (C - 1) * ln + $, f = (C, $) => s.value[b(C, $)], h = (C) => {
+    }, I = (C) => new Date(C).toDateString() === new Date(n.value).toDateString(), b = (C, $) => (C - 1) * ln + $, f = (C, $) => s.value[b(C, $)], g = (C) => {
       o.value = n.value = new Date(s.value[C]);
-    }, I = T(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
+    }, k = T(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
@@ -3385,10 +3385,10 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
           }
         }
       }
-    ]), t({ currentMonth: a, currentYear: r, selectedDate: n }), (C, $) => e.mode === "display" || e.mode === "read" ? (m(), k(X, { key: 0 }, [
+    ]), t({ currentMonth: a, currentYear: r, selectedDate: n }), (C, $) => e.mode === "display" || e.mode === "read" ? (h(), x(X, { key: 0 }, [
       w("span", La, N(o.value ? new Date(o.value).toLocaleDateString() : ""), 1),
-      e.label ? (m(), k("label", Ha, N(e.label), 1)) : Y("", !0)
-    ], 64)) : (m(), k("div", Va, [
+      e.label ? (h(), x("label", Ha, N(e.label), 1)) : Y("", !0)
+    ], 64)) : (h(), x("div", Va, [
       w("table", null, [
         w("tbody", null, [
           w("tr", null, [
@@ -3397,7 +3397,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
               tabindex: -1,
               onClick: p
             }, "<"),
-            w("th", _a, N(I.value), 1),
+            w("th", Pa, N(k.value), 1),
             w("td", {
               id: "next-month-btn",
               tabindex: -1,
@@ -3413,8 +3413,8 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
             w("td", null, "S"),
             w("td", null, "S")
           ], -1)),
-          (m(), k(X, null, pe(Oa, (L) => w("tr", { key: L }, [
-            (m(), k(X, null, pe(ln, (S) => w("td", {
+          (h(), x(X, null, pe(Oa, (L) => w("tr", { key: L }, [
+            (h(), x(X, null, pe(ln, (S) => w("td", {
               ref_for: !0,
               ref: "celldate",
               key: b(L, S),
@@ -3422,12 +3422,12 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
               spellcheck: !1,
               tabindex: 0,
               class: se({
-                todaysDate: g(f(L, S)),
-                selectedDate: x(f(L, S))
+                todaysDate: m(f(L, S)),
+                selectedDate: I(f(L, S))
               }),
-              onClick: Ie((O) => h(b(L, S)), ["prevent", "stop"]),
-              onKeydown: Ne((O) => h(b(L, S)), ["enter"])
-            }, N(new Date(f(L, S)).getDate()), 43, Pa)), 64))
+              onClick: Ie((O) => g(b(L, S)), ["prevent", "stop"]),
+              onKeydown: Ne((O) => g(b(L, S)), ["enter"])
+            }, N(new Date(f(L, S)).getDate()), 43, _a)), 64))
           ])), 64))
         ])
       ])
@@ -3439,7 +3439,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => (m(), k("button", {
+    return (t, o) => (h(), x("button", {
       class: se(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
@@ -3474,8 +3474,12 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       a.value[p] = y, n.value && (n.value[p] = y, o("update:data", { ...n.value }));
     }, s = (p) => {
       const y = {};
-      for (const [g, x] of Object.entries(p))
-        ["component", "fieldtype", "mode"].includes(g) || (y[g] = x), g === "rows" && (!x || Array.isArray(x) && x.length === 0) && (y.rows = n.value[p.fieldname] || []);
+      for (const [m, I] of Object.entries(p))
+        ["component", "fieldtype", "mode"].includes(m) || (y[m] = I);
+      if ("columns" in p) {
+        const m = p.rows;
+        (!m || Array.isArray(m) && m.length === 0) && (y.rows = n.value[p.fieldname] || []);
+      }
       return y;
     }, l = T(() => e.mode ?? "edit");
     function u(p) {
@@ -3488,39 +3492,42 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
         get() {
           return n.value?.[e.schema[y].fieldname];
         },
-        set: (g) => {
-          const x = e.schema[y].fieldname;
-          x && n.value && (n.value[x] = g, o("update:data", { ...n.value })), o("update:schema", e.schema);
+        set: (m) => {
+          const I = e.schema[y].fieldname;
+          I && n.value && (n.value[I] = m, o("update:data", { ...n.value })), o("update:schema", e.schema);
         }
       })));
     });
     const d = T(() => i.value);
-    return (p, y) => (m(), k("form", Ua, [
-      (m(!0), k(X, null, pe(e.schema, (g, x) => (m(), k(X, { key: x }, [
-        "schema" in g && Array.isArray(g.schema) && g.schema.length > 0 ? (m(), k("div", Wa, [
-          g.label ? (m(), k("h4", Ga, N(g.label), 1)) : Y("", !0),
-          (m(), ve(Oe(g.component ?? "AForm"), {
-            data: a.value[g.fieldname],
-            mode: u(g),
-            schema: g.schema,
-            "onUpdate:data": (b) => r(g.fieldname, b)
-          }, null, 40, ["data", "mode", "schema", "onUpdate:data"]))
-        ])) : (m(), ve(Oe(g.component), dt({
+    return (p, y) => (h(), x("form", Ua, [
+      (h(!0), x(X, null, pe(e.schema, (m, I) => (h(), x(X, { key: I }, [
+        "schema" in m && Array.isArray(m.schema) && m.schema.length > 0 ? (h(), x("div", Wa, [
+          m.label && !("collapsible" in m) ? (h(), x("h4", Ga, N(m.label), 1)) : Y("", !0),
+          (h(), ve(Oe(m.component ?? "AForm"), {
+            data: a.value[m.fieldname],
+            mode: u(m),
+            schema: m.schema,
+            label: m.label,
+            collapsible: m.collapsible,
+            "onUpdate:data": (b) => r(m.fieldname, b)
+          }, null, 40, ["data", "mode", "schema", "label", "collapsible", "onUpdate:data"]))
+        ])) : (h(), ve(Oe(m.component), dt({
           key: 1,
-          modelValue: d.value[x].value,
-          "onUpdate:modelValue": (b) => d.value[x].value = b,
-          schema: g,
-          data: n.value[g.fieldname],
-          mode: u(g)
-        }, { ref_for: !0 }, s(g)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
+          modelValue: d.value[I].value,
+          "onUpdate:modelValue": (b) => d.value[I].value = b,
+          schema: m,
+          data: n.value[m.fieldname],
+          mode: u(m)
+        }, { ref_for: !0 }, s(m)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
       ], 64))), 128))
     ]));
   }
-}), kn = /* @__PURE__ */ Te(za, [["__scopeId", "data-v-4d760d4f"]]), qa = /* @__PURE__ */ oe({
+}), kn = /* @__PURE__ */ Te(za, [["__scopeId", "data-v-976e189b"]]), qa = /* @__PURE__ */ oe({
   __name: "AFieldset",
   props: {
     schema: {},
-    label: {},
+    label: { default: () => {
+    } },
     collapsible: { type: Boolean },
     data: { default: () => ({}) },
     mode: { default: "edit" }
@@ -3529,17 +3536,18 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
     const o = R(!1), n = R(e.data || []), a = R(e.schema), r = (s) => {
       s.preventDefault(), e.collapsible && (o.value = !o.value);
     };
-    return t({ collapsed: o }), (s, l) => (m(), k("fieldset", null, [
-      w("legend", {
+    return t({ collapsed: o }), (s, l) => (h(), x("fieldset", null, [
+      e.label || e.collapsible ? (h(), x("legend", {
+        key: 0,
         onClick: r,
         onSubmit: r
       }, [
         Dt(N(e.label) + " ", 1),
-        e.collapsible ? (m(), ve(Na, {
+        e.collapsible ? (h(), ve(Na, {
           key: 0,
           collapsed: o.value
         }, null, 8, ["collapsed"])) : Y("", !0)
-      ], 32),
+      ], 32)) : Y("", !0),
       he(s.$slots, "default", { collapsed: o.value }, () => [
         K(At(kn, {
           data: n.value,
@@ -3552,7 +3560,7 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       ], !0)
     ]));
   }
-}), Ya = /* @__PURE__ */ Te(qa, [["__scopeId", "data-v-a3606386"]]), Xa = { class: "aform_form-element aform_file-attach aform__grid--full" }, ja = {
+}), Ya = /* @__PURE__ */ Te(qa, [["__scopeId", "data-v-3cefeba6"]]), Xa = { class: "aform_form-element aform_file-attach aform__grid--full" }, ja = {
   key: 0,
   class: "aform_file-attach-feedback"
 }, Ja = {
@@ -3577,23 +3585,23 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
       const s = t.value?.length ?? 0;
       return `${s} ${s === 1 ? "file" : "files"}`;
     });
-    return a((s) => s), (s, l) => (m(), k("div", Xa, [
-      e.mode === "display" ? (m(), k(X, { key: 0 }, [
-        V(t) ? (m(), k("div", ja, [
+    return a((s) => s), (s, l) => (h(), x("div", Xa, [
+      e.mode === "display" ? (h(), x(X, { key: 0 }, [
+        V(t) ? (h(), x("div", ja, [
           w("p", null, [
             w("b", null, N(r.value), 1)
           ]),
-          (m(!0), k(X, null, pe(V(t), (u) => (m(), k("li", {
+          (h(!0), x(X, null, pe(V(t), (u) => (h(), x("li", {
             key: u.name
           }, N(u.name), 1))), 128))
-        ])) : (m(), k("span", Ja, "No file selected"))
-      ], 64)) : (m(), k(X, { key: 1 }, [
-        V(t) ? (m(), k("div", Qa, [
+        ])) : (h(), x("span", Ja, "No file selected"))
+      ], 64)) : (h(), x(X, { key: 1 }, [
+        V(t) ? (h(), x("div", Qa, [
           w("p", null, [
             l[2] || (l[2] = Dt(" You have selected: ", -1)),
             w("b", null, N(r.value), 1)
           ]),
-          (m(!0), k(X, null, pe(V(t), (u) => (m(), k("li", {
+          (h(!0), x(X, null, pe(V(t), (u) => (h(), x("li", {
             key: u.name
           }, N(u.name), 1))), 128))
         ])) : Y("", !0),
@@ -3629,11 +3637,11 @@ const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = Me(e, "modelValue");
-    return (o, n) => (m(), k("div", os, [
-      e.mode === "display" ? (m(), k(X, { key: 0 }, [
+    return (o, n) => (h(), x("div", os, [
+      e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("span", ls, N(t.value ?? ""), 1),
         w("label", as, N(e.label), 1)
-      ], 64)) : (m(), k(X, { key: 1 }, [
+      ], 64)) : (h(), x(X, { key: 1 }, [
         K(w("input", {
           id: e.uuid,
           "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
@@ -3719,11 +3727,11 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
   emits: ["update:modelValue"],
   setup(e) {
     const t = R(!0), o = Me(e, "modelValue");
-    return (n, a) => (m(), k("div", ms, [
-      e.mode === "display" ? (m(), k(X, { key: 0 }, [
+    return (n, a) => (h(), x("div", ms, [
+      e.mode === "display" ? (h(), x(X, { key: 0 }, [
         w("span", hs, N(o.value ?? ""), 1),
         w("label", gs, N(e.label), 1)
-      ], 64)) : (m(), k(X, { key: 1 }, [
+      ], 64)) : (h(), x(X, { key: 1 }, [
         K(w("input", {
           id: e.uuid,
           "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
@@ -3767,7 +3775,7 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
       }
       r.value = !1, o("loginSuccess");
     }
-    return (u, i) => (m(), k("div", ks, [
+    return (u, i) => (h(), x("div", ks, [
       w("div", null, [
         w("div", Is, [
           w("div", Ms, [
@@ -3819,7 +3827,7 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
                 disabled: r.value || !n.value || !a.value,
                 onClick: l
               }, [
-                r.value ? (m(), k("span", Ls, "progress_activity")) : Y("", !0),
+                r.value ? (h(), x("span", Ls, "progress_activity")) : Y("", !0),
                 i[4] || (i[4] = w("span", { id: "login-form-button" }, "Login", -1))
               ], 8, Rs)
             ])
@@ -3831,7 +3839,7 @@ const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value"
       ])
     ]));
   }
-}), Ps = /* @__PURE__ */ Te(Hs, [["__scopeId", "data-v-d9ffd0a7"]]);
+}), _s = /* @__PURE__ */ Te(Hs, [["__scopeId", "data-v-d9ffd0a7"]]);
 function Os(e) {
   e.use(Tl), e.component("ACheckbox", Ol), e.component("AComboBox", Bl), e.component("ADate", Gl), e.component("ADropdown", fa), e.component("ADatePicker", Fa), e.component("AFieldset", Ya), e.component("AFileAttach", ns), e.component("AForm", kn), e.component("ANumericInput", us), e.component("ATextInput", xs);
 }
@@ -3846,7 +3854,7 @@ export {
   kn as AForm,
   us as ANumericInput,
   xs as ATextInput,
-  Ps as Login,
+  _s as Login,
   Os as install
 };
 //# sourceMappingURL=aform.js.map