vlite3 1.4.24 → 1.4.25

package/components/Chart/GanttChart.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as Ye, ref as k, computed as p, onMounted as et, watch as He, onUnmounted as tt, openBlock as r, createElementBlock as i, createElementVNode as s, createStaticVNode as ot, createCommentVNode as h, normalizeStyle as D, Fragment as $, renderList as L, normalizeClass as xe, toDisplayString as b, unref as E, withDirectives as nt, vShow as lt, createBlock as at, Teleport as st, createTextVNode as ze, nextTick as ke } from "vue";
-import { CHART_COLORS as rt, getColor as it, animateProgress as ut } from "./utils.js";
+import { defineComponent as et, ref as x, computed as p, onMounted as tt, watch as ze, onUnmounted as ot, openBlock as u, createElementBlock as d, createElementVNode as r, createStaticVNode as nt, createCommentVNode as h, normalizeStyle as D, Fragment as $, renderList as C, normalizeClass as me, toDisplayString as b, unref as z, withDirectives as lt, vShow as at, createBlock as st, Teleport as rt, createTextVNode as We, nextTick as ke } from "vue";
+import { CHART_COLORS as it, getColor as ut, animateProgress as dt } from "./utils.js";
 const ct = {
   key: 0,
   class: "vlite-gantt-toolbar"
-}, dt = {
+}, vt = {
   key: 0,
   class: "vlite-gantt-zoom-controls"
-}, vt = ["disabled"], ft = ["disabled"], gt = { class: "vlite-gantt-wrapper" }, ht = ["onClick"], yt = { class: "text-xs font-bold text-foreground uppercase tracking-wide" }, mt = { class: "vlite-gantt-group-count" }, xt = ["onClick"], kt = { class: "truncate text-xs font-medium text-foreground" }, pt = {
+}, ft = ["disabled"], gt = ["disabled"], ht = { class: "vlite-gantt-wrapper" }, yt = ["onClick"], mt = { class: "text-xs font-bold text-foreground uppercase tracking-wide" }, kt = { class: "vlite-gantt-group-count" }, xt = ["onClick"], pt = { class: "truncate text-xs font-medium text-foreground" }, wt = {
   key: 0,
   class: "vlite-gantt-progress-badge"
-}, wt = ["width", "height"], bt = ["x1", "x2", "y2"], $t = ["x", "y"], Dt = ["x", "y"], Mt = ["width", "height"], St = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], _t = ["id"], Ht = ["stop-color"], zt = ["stop-color"], Et = ["x1", "x2", "y2"], Tt = ["y1", "x2", "y2"], Wt = ["y", "width", "height"], It = ["d"], Bt = ["d"], Rt = ["d", "fill", "stroke", "opacity", "onMouseenter", "onMousemove", "onClick"], At = ["d", "fill"], Pt = ["d", "fill"], Zt = ["d", "fill"], Ot = ["x", "y", "width", "height", "onMouseenter", "onMousemove", "onMousedown", "onClick"], Ft = ["x", "y", "width", "height", "rx", "ry"], Gt = ["x", "y", "height"], qt = ["x", "y", "height"], Xt = ["x", "y", "fill", "opacity"], jt = { key: 1 }, Nt = ["x1", "x2", "y2", "stroke"], Vt = ["cx", "fill"], Kt = ["x", "fill"], Ut = { class: "font-semibold text-xs mb-1.5" }, Qt = { class: "flex items-center gap-1.5 text-[11px] text-muted-foreground mb-1" }, Jt = { class: "text-[10px] text-muted-foreground" }, Yt = {
+}, bt = ["width", "height"], $t = ["x1", "x2", "y2"], Mt = ["x", "y"], Dt = ["x", "y"], St = ["width", "height"], Ct = ["id"], Lt = ["stop-color"], _t = ["stop-color"], Ht = ["id"], zt = ["stop-color"], Wt = ["stop-color"], Tt = ["x1", "x2", "y2"], Et = ["y1", "x2", "y2"], It = ["y", "width", "height"], Bt = ["d"], Rt = ["d"], At = ["d", "fill", "stroke", "opacity", "onMouseenter", "onMousemove", "onClick"], Pt = ["d", "fill"], Ft = ["d", "fill"], Zt = ["d", "fill"], Ot = ["x", "y", "width", "height", "onMouseenter", "onMousemove", "onMousedown", "onClick"], Gt = ["x", "y", "width", "height", "rx", "ry"], qt = ["x", "y", "height"], Xt = ["x", "y", "height"], jt = ["x", "y", "fill", "opacity"], Nt = { key: 1 }, Vt = ["x1", "x2", "y2", "stroke"], Ut = ["cx", "fill"], Kt = ["x", "fill"], Qt = { class: "font-semibold text-xs mb-1.5" }, Jt = { class: "flex items-center gap-1.5 text-[11px] text-muted-foreground mb-1" }, Yt = { class: "text-[10px] text-muted-foreground" }, eo = {
   key: 0,
   class: "mt-1.5 flex items-center gap-2"
-}, eo = { class: "vlite-gantt-tooltip-progress-track" }, to = { class: "text-[10px] font-semibold" }, oo = {
+}, to = { class: "vlite-gantt-tooltip-progress-track" }, oo = { class: "text-[10px] font-semibold" }, no = {
   key: 1,
   class: "text-[10px] text-muted-foreground mt-1 opacity-60"
-}, no = {
+}, lo = {
   key: 2,
   class: "text-[9px] text-muted-foreground mt-1.5 opacity-40"
-}, lo = 16, Y = 5, ao = 4, Ee = 8, io = /* @__PURE__ */ Ye({
+}, ao = 16, Y = 5, so = 4, Te = 8, uo = /* @__PURE__ */ et({
   __name: "GanttChart",
   props: {
     tasks: {},
@@ -36,7 +36,7 @@ const ct = {
     showTodayLine: { type: Boolean, default: !0 },
     showHeader: { type: Boolean, default: !0 },
     animate: { type: Boolean, default: !0 },
-    colors: { default: () => rt },
+    colors: { default: () => it },
     todayColor: { default: "var(--color-danger)" },
     locale: { default: "en-US" },
     draggable: { type: Boolean, default: !0 },
@@ -44,85 +44,88 @@ const ct = {
     zoom: { type: Boolean, default: !0 }
   },
   emits: ["task-click", "task-hover", "task-update"],
-  setup(u, { emit: Te }) {
-    const c = u, P = Te;
-    function pe(t) {
+  setup(c, { emit: Ee }) {
+    const s = c, A = Ee;
+    function xe(t) {
       return t instanceof Date ? new Date(t.getTime()) : new Date(t);
     }
-    function q(t, o) {
-      return (o.getTime() - t.getTime()) / 864e5;
+    function X(t, o) {
+      const e = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds());
+      return (Date.UTC(o.getFullYear(), o.getMonth(), o.getDate(), o.getHours(), o.getMinutes(), o.getSeconds()) - e) / 864e5;
     }
     function y(t, o) {
       const e = new Date(t);
       return e.setDate(e.getDate() + o), e;
     }
-    function We(t) {
+    function Ie(t) {
       const o = new Date(t), e = o.getDay();
       return o.setDate(o.getDate() - (e === 0 ? 6 : e - 1)), o.setHours(0, 0, 0, 0), o;
     }
-    function Ie(t) {
+    function Be(t) {
       return new Date(t.getFullYear(), t.getMonth(), 1);
     }
-    const X = k(), C = k(), ee = k(800);
-    let te = null;
-    function Be() {
-      X.value && (te = new ResizeObserver((t) => {
-        ee.value = t[0].contentRect.width || 800;
-      }), te.observe(X.value), ee.value = X.value.clientWidth || 800);
+    const j = x(), L = x(), P = x(800);
+    let ee = null;
+    function Re() {
+      j.value && (ee = new ResizeObserver((t) => {
+        const o = Math.round(t[0].contentRect.width || 800);
+        Math.abs(P.value - o) > 0.5 && (P.value = o);
+      }), ee.observe(j.value), P.value = Math.round(j.value.clientWidth || 800));
     }
     const _ = p(
-      () => c.tasks.map((t, o) => ({
+      () => s.tasks.map((t, o) => ({
         ...t,
-        _start: pe(t.start),
-        _end: pe(t.end),
-        _color: t.color ?? it(c.colors, o),
+        _start: xe(t.start),
+        _end: xe(t.end),
+        _color: t.color ?? ut(s.colors, o),
         _index: o
       }))
-    ), j = k(/* @__PURE__ */ new Set());
-    function Re(t) {
-      const o = new Set(j.value);
-      o.has(t) ? o.delete(t) : o.add(t), j.value = o;
+    ), N = x(/* @__PURE__ */ new Set());
+    function Ae(t) {
+      const o = new Set(N.value);
+      o.has(t) ? o.delete(t) : o.add(t), N.value = o;
     }
-    const oe = p(() => {
+    const te = p(() => {
       const t = /* @__PURE__ */ new Map(), o = [];
       for (const e of _.value)
         e.group ? (t.has(e.group) || t.set(e.group, []), t.get(e.group).push(e)) : o.push(e);
       return { grouped: t, ungrouped: o };
-    }), Z = p(() => {
+    }), F = p(() => {
       const t = [];
-      for (const [o, e] of oe.value.grouped)
-        if (t.push({ type: "group-header", group: o }), !j.value.has(o)) for (const n of e) t.push({ type: "task", group: o, task: n });
-      for (const o of oe.value.ungrouped) t.push({ type: "task", task: o });
+      for (const [o, e] of te.value.grouped)
+        if (t.push({ type: "group-header", group: o }), !N.value.has(o)) for (const n of e) t.push({ type: "task", group: o, task: n });
+      for (const o of te.value.ungrouped) t.push({ type: "task", task: o });
       return t;
-    }), T = p(() => {
+    }), W = p(() => {
       if (!_.value.length) {
-        const n = /* @__PURE__ */ new Date();
-        return { start: y(n, -7), end: y(n, 30) };
+        const i = /* @__PURE__ */ new Date();
+        return { start: y(i, -7), end: y(i, 30) };
       }
       let t = _.value[0]._start, o = _.value[0]._end;
-      for (const n of _.value)
-        n._start < t && (t = n._start), n._end > o && (o = n._end);
-      const e = c.viewMode === "day" ? 2 : c.viewMode === "week" ? 5 : 15;
-      return { start: y(t, -e), end: y(o, e) };
-    }), N = p(() => Math.max(1, q(T.value.start, T.value.end))), m = k(1);
-    let W = null;
-    function Ae(t) {
-      if (c.zoom && (t.ctrlKey || t.metaKey)) {
+      for (const i of _.value)
+        i._start < t && (t = i._start), i._end > o && (o = i._end);
+      const e = s.viewMode === "day" ? 2 : s.viewMode === "week" ? 5 : 15;
+      let n = y(t, -e), a = y(o, e);
+      return s.viewMode === "week" ? n = Ie(n) : s.viewMode === "month" ? n = Be(n) : n.setHours(0, 0, 0, 0), { start: n, end: a };
+    }), m = x(1);
+    let T = null;
+    function Pe(t) {
+      if (s.zoom && (t.ctrlKey || t.metaKey)) {
         t.preventDefault();
-        const o = C.value;
+        const o = L.value;
         if (!o) return;
-        const e = o.getBoundingClientRect(), n = t.clientX - e.left, d = (W !== null ? W : o.scrollLeft) + n, f = m.value;
+        const e = o.getBoundingClientRect(), n = t.clientX - e.left, i = (T !== null ? T : o.scrollLeft) + n, f = m.value;
         let v = f * Math.exp(-t.deltaY * 5e-3);
         if (v = Math.max(0.2, Math.min(v, 5)), v === f) return;
         m.value = v;
-        const x = v / f;
-        W = d * x - n, ke(() => {
-          C.value && W !== null && (C.value.scrollLeft = W, W = null);
+        const k = v / f;
+        T = i * k - n, ke(() => {
+          L.value && T !== null && (L.value.scrollLeft = T, T = null);
         });
       }
     }
-    function Pe() {
-      const t = C.value;
+    function Fe() {
+      const t = L.value;
       if (!t) {
         m.value = Math.min(m.value + 0.2, 5);
         return;
@@ -133,7 +136,7 @@ const ct = {
       ke(() => t.scrollLeft = e * a - o);
     }
     function Ze() {
-      const t = C.value;
+      const t = L.value;
       if (!t) {
         m.value = Math.max(m.value - 0.2, 0.2);
         return;
@@ -143,39 +146,29 @@ const ct = {
       const a = m.value / n;
       ke(() => t.scrollLeft = e * a - o);
     }
-    const H = p(() => ({ day: 40, week: 120, month: 180 })[c.viewMode] * m.value), ne = p(() => {
-      const t = [], { start: o, end: e } = T.value;
-      if (c.viewMode === "day") {
-        let n = new Date(o);
-        n.setHours(0, 0, 0, 0);
-        let a = 0;
+    const oe = p(() => {
+      const t = [], { start: o, end: e } = W.value;
+      let n = new Date(o);
+      if (s.viewMode === "day")
         for (; n <= e; )
-          t.push({
-            label: n.toLocaleDateString(c.locale, { day: "numeric" }),
-            sublabel: n.toLocaleDateString(c.locale, { weekday: "short" }),
-            x: a * H.value,
-            width: H.value
-          }), n = y(n, 1), a++;
-      } else if (c.viewMode === "week") {
-        let n = We(o), a = 0;
+          t.push(n), n = y(n, 1);
+      else if (s.viewMode === "week")
         for (; n <= e; )
-          t.push({
-            label: n.toLocaleDateString(c.locale, { month: "short", day: "numeric" }),
-            sublabel: `W${Oe(n)}`,
-            x: a * H.value,
-            width: H.value
-          }), n = y(n, 7), a++;
-      } else {
-        let n = Ie(o), a = 0;
+          t.push(n), n = y(n, 7);
+      else
         for (; n <= e; )
-          t.push({
-            label: n.toLocaleDateString(c.locale, { month: "long" }),
-            sublabel: String(n.getFullYear()),
-            x: a * H.value,
-            width: H.value
-          }), n = new Date(n.getFullYear(), n.getMonth() + 1, 1), a++;
-      }
+          t.push(n), n = new Date(n.getFullYear(), n.getMonth() + 1, 1);
       return t;
+    }), M = p(() => {
+      let o = { day: 40, week: 120, month: 180 }[s.viewMode] * m.value;
+      const e = Math.max(0, P.value - s.sidebarWidth), n = oe.value.length;
+      return n > 0 && o * n < e && (o = e / n), o;
+    }), pe = p(() => {
+      const t = M.value;
+      return oe.value.map((o, e) => {
+        let n = "", a = "";
+        return s.viewMode === "day" ? (n = o.toLocaleDateString(s.locale, { day: "numeric" }), a = o.toLocaleDateString(s.locale, { weekday: "short" })) : s.viewMode === "week" ? (n = o.toLocaleDateString(s.locale, { month: "short", day: "numeric" }), a = `W${Oe(o)}`) : (n = o.toLocaleDateString(s.locale, { month: "long" }), a = String(o.getFullYear())), { label: n, sublabel: a, x: e * t, width: t };
+      });
     });
     function Oe(t) {
       const o = new Date(t.getTime());
@@ -183,25 +176,35 @@ const ct = {
       const e = new Date(o.getFullYear(), 0, 4);
       return 1 + Math.round(((o.getTime() - e.getTime()) / 864e5 - 3 + (e.getDay() + 6) % 7) / 7);
     }
-    const M = p(() => ne.value.length * H.value), I = p(() => c.showHeader ? 56 : 0), O = p(() => {
-      const t = Z.value.length * c.rowHeight;
-      return Math.max(c.height || t, t);
+    const Z = p(() => oe.value.length * M.value), E = p(() => s.showHeader ? 56 : 0), O = p(() => {
+      const t = F.value.length * s.rowHeight;
+      return Math.max(s.height || t, t);
     });
+    function ne(t) {
+      if (s.viewMode === "day")
+        return X(W.value.start, t) * M.value;
+      if (s.viewMode === "week")
+        return X(W.value.start, t) / 7 * M.value;
+      {
+        const o = W.value.start, e = (t.getFullYear() - o.getFullYear()) * 12 + (t.getMonth() - o.getMonth()), n = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), a = (t.getDate() - 1 + t.getHours() / 24 + t.getMinutes() / 1440) / n;
+        return (e + a) * M.value;
+      }
+    }
     function le(t) {
-      return q(T.value.start, t) / N.value * M.value;
+      return s.viewMode === "day" ? t / M.value : s.viewMode === "week" ? t / M.value * 7 : t / M.value * 30.44;
     }
-    function ae(t) {
-      return t / M.value * N.value;
+    function we(t) {
+      return s.viewMode === "day" ? t * M.value : s.viewMode === "week" ? t / 7 * M.value : t / 30.44 * M.value;
     }
     const w = p(() => {
       const t = Q.value;
-      return Z.value.reduce((o, e, n) => {
+      return F.value.reduce((o, e, n) => {
         if (e.type !== "task" || !e.task) return o;
-        const a = e.task, d = le(a._start), f = le(a._end), v = Math.max(8, f - d), x = v * t, S = n * c.rowHeight + (c.rowHeight - c.barHeight) / 2, he = a.progress != null ? v * Math.min(100, a.progress) / 100 * t : 0;
-        return o.push({ task: a, x: d, y: S, fullW: v, w: x, progressW: he, rowIndex: n }), o;
+        const a = e.task, i = ne(a._start), f = ne(a._end), v = Math.max(8, f - i), k = v * t, S = n * s.rowHeight + (s.rowHeight - s.barHeight) / 2, ge = a.progress != null ? v * Math.min(100, a.progress) / 100 * t : 0;
+        return o.push({ task: a, x: i, y: S, fullW: v, w: k, progressW: ge, rowIndex: n }), o;
       }, []);
-    }), Fe = p(() => {
-      if (!c.showDependencies) return [];
+    }), Ge = p(() => {
+      if (!s.showDependencies) return [];
       const t = /* @__PURE__ */ new Map();
       for (const e of w.value) t.set(e.task.id, e);
       const o = [];
@@ -210,48 +213,48 @@ const ct = {
           for (const n of e.task.dependencies) {
             const a = t.get(n);
             if (!a) continue;
-            const d = a.x + a.fullW, f = a.y + c.barHeight / 2, v = e.x, x = e.y + c.barHeight / 2;
-            o.push({ d: Ge(d, f, v, x), ad: qe(v, x) });
+            const i = a.x + a.fullW, f = a.y + s.barHeight / 2, v = e.x, k = e.y + s.barHeight / 2;
+            o.push({ d: qe(i, f, v, k), ad: Xe(v, k) });
           }
       return o;
     });
-    function Ge(t, o, e, n) {
-      const a = lo, d = ao;
+    function qe(t, o, e, n) {
+      const a = ao, i = so;
       if (e > t + a * 2) {
         if (Math.abs(o - n) < 2) return `M ${t} ${o} L ${e} ${n}`;
         const v = t + (e - t) / 2;
-        return se([[t, o], [v, o], [v, n], [e, n]], d);
+        return ae([[t, o], [v, o], [v, n], [e, n]], i);
       }
       const f = t + a;
-      if (Math.abs(o - n) < c.rowHeight * 0.5) {
-        const v = Math.max(o, n) + c.barHeight / 2 + a;
-        return se([[t, o], [f, o], [f, v], [e - a, v], [e - a, n], [e, n]], d);
+      if (Math.abs(o - n) < s.rowHeight * 0.5) {
+        const v = Math.max(o, n) + s.barHeight / 2 + a;
+        return ae([[t, o], [f, o], [f, v], [e - a, v], [e - a, n], [e, n]], i);
       }
-      return se([[t, o], [f, o], [f, n], [e, n]], d);
+      return ae([[t, o], [f, o], [f, n], [e, n]], i);
     }
-    function se(t, o) {
+    function ae(t, o) {
       if (t.length < 2) return "";
       if (t.length === 2) return `M ${t[0][0]} ${t[0][1]} L ${t[1][0]} ${t[1][1]}`;
       const e = [`M ${t[0][0]} ${t[0][1]}`];
       for (let a = 1; a < t.length - 1; a++) {
-        const [d, f] = t[a - 1], [v, x] = t[a], [S, he] = t[a + 1], Se = v - d, Le = x - f, Ce = S - v, _e = he - x, ye = Math.hypot(Se, Le), me = Math.hypot(Ce, _e), J = Math.min(o, ye / 2, me / 2);
-        e.push(`L ${v - Se / ye * J} ${x - Le / ye * J}`), e.push(`Q ${v} ${x} ${v + Ce / me * J} ${x + _e / me * J}`);
+        const [i, f] = t[a - 1], [v, k] = t[a], [S, ge] = t[a + 1], Ce = v - i, Le = k - f, _e = S - v, He = ge - k, he = Math.hypot(Ce, Le), ye = Math.hypot(_e, He), J = Math.min(o, he / 2, ye / 2);
+        e.push(`L ${v - Ce / he * J} ${k - Le / he * J}`), e.push(`Q ${v} ${k} ${v + _e / ye * J} ${k + He / ye * J}`);
       }
       const n = t[t.length - 1];
       return e.push(`L ${n[0]} ${n[1]}`), e.join(" ");
     }
-    function qe(t, o) {
+    function Xe(t, o) {
       return `M ${t} ${o} L ${t - Y} ${o - Y * 0.6} L ${t - Y} ${o + Y * 0.6} Z`;
     }
-    const F = p(() => {
+    const G = p(() => {
       const t = /* @__PURE__ */ new Date();
-      return t.setHours(12, 0, 0, 0), le(t);
+      return t.setHours(12, 0, 0, 0), ne(t);
     }), V = p(() => {
       const t = /* @__PURE__ */ new Date();
-      return t >= T.value.start && t <= T.value.end;
+      return t >= W.value.start && t <= W.value.end;
     });
-    function Xe() {
-      !C.value || !V.value || C.value.scrollTo({ left: Math.max(0, F.value - (ee.value - c.sidebarWidth) / 2), behavior: "smooth" });
+    function je() {
+      !L.value || !V.value || L.value.scrollTo({ left: Math.max(0, G.value - (P.value - s.sidebarWidth) / 2), behavior: "smooth" });
     }
     let l = {
       active: !1,
@@ -266,13 +269,13 @@ const ct = {
       // cascade set
       rafId: 0
     };
-    const B = k(!1), G = k(""), re = k(null), K = k("default"), U = k([]), z = k(null);
-    function je(t, o) {
-      U.value[o] = t;
+    const I = x(!1), q = x(""), se = x(null), U = x("default"), K = x([]), H = x(null);
+    function Ne(t, o) {
+      K.value[o] = t;
     }
-    function Ne(t) {
+    function Ve(t) {
       const o = /* @__PURE__ */ new Set();
-      if (!c.cascadeDependencies) return o;
+      if (!s.cascadeDependencies) return o;
       const e = [t];
       for (; e.length; ) {
         const n = e.shift();
@@ -281,159 +284,159 @@ const ct = {
       }
       return o;
     }
-    function we(t, o) {
-      if (!c.draggable || o.task.milestone) return "move";
+    function be(t, o) {
+      if (!s.draggable || o.task.milestone) return "move";
       const e = t.currentTarget.closest("svg");
       if (!e) return "move";
       const n = t.clientX - e.getBoundingClientRect().left;
-      return n < o.x + Ee ? "resize-left" : n > o.x + o.fullW - Ee ? "resize-right" : "move";
+      return n < o.x + Te ? "resize-left" : n > o.x + o.fullW - Te ? "resize-right" : "move";
     }
-    function Ve(t, o) {
-      if (!c.draggable) return;
+    function Ue(t, o) {
+      if (!s.draggable) return;
       const e = w.value[o];
       if (!e || e.task.milestone) return;
       t.preventDefault(), t.stopPropagation();
-      const n = we(t, e);
-      l.active = !0, l.barIndex = o, l.taskId = e.task.id, l.mode = n, l.startMouseX = t.clientX, l.pxDelta = 0, l.origStart = new Date(e.task._start), l.origEnd = new Date(e.task._end), l.affectedIds = n === "move" ? Ne(e.task.id) : /* @__PURE__ */ new Set(), B.value = !0, G.value = e.task.id, g.value = null, R.value = o, document.addEventListener("mousemove", ie), document.addEventListener("mouseup", ue), document.body.style.cursor = n === "move" ? "grabbing" : "ew-resize", document.body.style.userSelect = "none";
+      const n = be(t, e);
+      l.active = !0, l.barIndex = o, l.taskId = e.task.id, l.mode = n, l.startMouseX = t.clientX, l.pxDelta = 0, l.origStart = new Date(e.task._start), l.origEnd = new Date(e.task._end), l.affectedIds = n === "move" ? Ve(e.task.id) : /* @__PURE__ */ new Set(), I.value = !0, q.value = e.task.id, g.value = null, B.value = o, document.addEventListener("mousemove", re), document.addEventListener("mouseup", ie), document.body.style.cursor = n === "move" ? "grabbing" : "ew-resize", document.body.style.userSelect = "none";
     }
-    function ie(t) {
+    function re(t) {
       if (l.active) {
         if (l.pxDelta = t.clientX - l.startMouseX, l.mode !== "move" && l.origStart && l.origEnd) {
-          const o = q(l.origStart, l.origEnd), e = ae(l.pxDelta);
-          l.mode === "resize-left" && e >= o - 0.5 && (l.pxDelta = (o - 0.5) / N.value * M.value), l.mode === "resize-right" && -e >= o - 0.5 && (l.pxDelta = -(o - 0.5) / N.value * M.value);
+          const o = X(l.origStart, l.origEnd), e = le(l.pxDelta);
+          l.mode === "resize-left" && e >= o - 0.5 && (l.pxDelta = we(o - 0.5)), l.mode === "resize-right" && -e >= o - 0.5 && (l.pxDelta = -we(o - 0.5));
         }
         cancelAnimationFrame(l.rafId), l.rafId = requestAnimationFrame(Ke);
       }
     }
     function Ke() {
-      const t = l.pxDelta, o = U.value[l.barIndex];
+      const t = l.pxDelta, o = K.value[l.barIndex];
       if (o) {
         if (l.mode === "move") {
           if (o.style.transform = `translateX(${t}px)`, l.affectedIds.size > 0) {
             for (let e = 0; e < w.value.length; e++)
               if (l.affectedIds.has(w.value[e].task.id)) {
-                const n = U.value[e];
+                const n = K.value[e];
                 n && (n.style.transform = `translateX(${t}px)`);
               }
           }
         } else l.mode === "resize-right" ? (o.style.transform = "translateX(0px)", w.value[l.barIndex] && o.setAttribute("data-resize-px", String(t))) : l.mode === "resize-left" && (o.style.transform = `translateX(${t}px)`, w.value[l.barIndex] && o.setAttribute("data-resize-px", String(-t)));
-        if (z.value && l.origStart && l.origEnd) {
-          const e = ae(t), n = { month: "short", day: "numeric" };
-          let a, d;
-          l.mode === "move" ? (a = y(l.origStart, e), d = y(l.origEnd, e)) : l.mode === "resize-left" ? (a = y(l.origStart, e), d = l.origEnd) : (a = l.origStart, d = y(l.origEnd, e));
+        if (H.value && l.origStart && l.origEnd) {
+          const e = le(t), n = { month: "short", day: "numeric" };
+          let a, i;
+          l.mode === "move" ? (a = y(l.origStart, e), i = y(l.origEnd, e)) : l.mode === "resize-left" ? (a = y(l.origStart, e), i = l.origEnd) : (a = l.origStart, i = y(l.origEnd, e));
           const f = w.value[l.barIndex];
           if (f) {
             const v = l.mode === "move" ? f.x + f.fullW / 2 + t : f.x + f.fullW / 2;
-            z.value.style.display = "";
-            const x = z.value.querySelector("rect"), S = z.value.querySelector("text");
-            x && (x.setAttribute("x", String(v - 62)), x.setAttribute("y", String(f.y - 20))), S && (S.setAttribute("x", String(v)), S.setAttribute("y", String(f.y - 10)), S.textContent = `${a.toLocaleDateString(c.locale, n)} — ${d.toLocaleDateString(c.locale, n)}`);
+            H.value.style.display = "";
+            const k = H.value.querySelector("rect"), S = H.value.querySelector("text");
+            k && (k.setAttribute("x", String(v - 62)), k.setAttribute("y", String(f.y - 20))), S && (S.setAttribute("x", String(v)), S.setAttribute("y", String(f.y - 10)), S.textContent = `${a.toLocaleDateString(s.locale, n)} — ${i.toLocaleDateString(s.locale, n)}`);
           }
         }
       }
     }
-    function ue() {
+    function ie() {
       if (!l.active) return;
-      document.removeEventListener("mousemove", ie), document.removeEventListener("mouseup", ue), document.body.style.cursor = "", document.body.style.userSelect = "", cancelAnimationFrame(l.rafId);
-      const t = ae(l.pxDelta), o = Math.round(t * 2) / 2;
+      document.removeEventListener("mousemove", re), document.removeEventListener("mouseup", ie), document.body.style.cursor = "", document.body.style.userSelect = "", cancelAnimationFrame(l.rafId);
+      const t = le(l.pxDelta), o = Math.round(t * 2) / 2;
       if (Math.abs(o) > 0.1 && l.origStart && l.origEnd) {
         const e = _.value.find((n) => n.id === l.taskId);
         if (e) {
           let n, a;
-          if (l.mode === "move" ? (n = y(l.origStart, o), a = y(l.origEnd, o)) : l.mode === "resize-left" ? (n = y(l.origStart, o), a = new Date(l.origEnd)) : (n = new Date(l.origStart), a = y(l.origEnd, o)), P("task-update", e, { start: n, end: a }), l.mode === "move" && l.affectedIds.size > 0)
-            for (const d of l.affectedIds) {
-              const f = _.value.find((v) => v.id === d);
-              f && P("task-update", f, {
+          if (l.mode === "move" ? (n = y(l.origStart, o), a = y(l.origEnd, o)) : l.mode === "resize-left" ? (n = y(l.origStart, o), a = new Date(l.origEnd)) : (n = new Date(l.origStart), a = y(l.origEnd, o)), A("task-update", e, { start: n, end: a }), l.mode === "move" && l.affectedIds.size > 0)
+            for (const i of l.affectedIds) {
+              const f = _.value.find((v) => v.id === i);
+              f && A("task-update", f, {
                 start: y(f._start, o),
                 end: y(f._end, o)
               });
             }
         }
       }
-      for (const e of U.value)
+      for (const e of K.value)
         e && (e.style.transform = "", e.removeAttribute("data-resize-px"));
-      z.value && (z.value.style.display = "none"), l.active = !1, l.barIndex = -1, l.taskId = "", l.pxDelta = 0, l.origStart = null, l.origEnd = null, l.affectedIds.clear(), B.value = !1, G.value = "", R.value = null;
+      H.value && (H.value.style.display = "none"), l.active = !1, l.barIndex = -1, l.taskId = "", l.pxDelta = 0, l.origStart = null, l.origEnd = null, l.affectedIds.clear(), I.value = !1, q.value = "", B.value = null;
     }
-    function be(t, o) {
-      if (l.active || !c.draggable || o.task.milestone) {
-        K.value = l.active ? "grabbing" : "pointer";
+    function $e(t, o) {
+      if (l.active || !s.draggable || o.task.milestone) {
+        U.value = l.active ? "grabbing" : "pointer";
         return;
       }
-      K.value = we(t, o) === "move" ? "grab" : "ew-resize";
+      U.value = be(t, o) === "move" ? "grab" : "ew-resize";
     }
-    const Q = k(c.animate ? 0 : 1);
-    let ce = null;
+    const Q = x(s.animate ? 0 : 1);
+    let ue = null;
     function de() {
-      ce?.(), Q.value = 0, ce = ut(900, (t) => Q.value = t);
-    }
-    et(() => {
-      Be(), c.animate && de();
-    }), He(() => c.viewMode, () => {
-      m.value = 1, c.animate && de();
-    }), He(() => c.tasks.length, () => {
-      c.animate && de();
-    }), tt(() => {
-      ce?.(), te?.disconnect(), document.removeEventListener("mousemove", ie), document.removeEventListener("mouseup", ue), cancelAnimationFrame(l.rafId);
+      ue?.(), Q.value = 0, ue = dt(900, (t) => Q.value = t);
+    }
+    tt(() => {
+      Re(), s.animate && de();
+    }), ze(() => s.viewMode, () => {
+      m.value = 1, s.animate && de();
+    }), ze(() => s.tasks.length, () => {
+      s.animate && de();
+    }), ot(() => {
+      ue?.(), ee?.disconnect(), document.removeEventListener("mousemove", re), document.removeEventListener("mouseup", ie), cancelAnimationFrame(l.rafId);
     });
-    function ve(t, o, e, n, a) {
-      const d = Math.min(a, e / 2, n / 2);
-      return d <= 0 || e <= 0 ? `M${t},${o}h${e}v${n}h${-e}Z` : `M${t + d},${o}h${e - 2 * d}q${d},0 ${d},${d}v${n - 2 * d}q0,${d} ${-d},${d}h${-(e - 2 * d)}q${-d},0 ${-d},${-d}v${-(n - 2 * d)}q0,${-d} ${d},${-d}Z`;
+    function ce(t, o, e, n, a) {
+      const i = Math.min(a, e / 2, n / 2);
+      return i <= 0 || e <= 0 ? `M${t},${o}h${e}v${n}h${-e}Z` : `M${t + i},${o}h${e - 2 * i}q${i},0 ${i},${i}v${n - 2 * i}q0,${i} ${-i},${i}h${-(e - 2 * i)}q${-i},0 ${-i},${-i}v${-(n - 2 * i)}q0,${-i} ${i},${-i}Z`;
     }
-    function Ue(t, o, e) {
+    function Qe(t, o, e) {
       return `M${t},${o - e}L${t + e},${o}L${t},${o + e}L${t - e},${o}Z`;
     }
-    const g = k(null), R = k(null);
-    function $e(t, o) {
-      if (!c.showTooltip || l.active) return;
-      re.value = o, R.value = o;
+    const g = x(null), B = x(null);
+    function Me(t, o) {
+      if (!s.showTooltip || l.active) return;
+      se.value = o, B.value = o;
       const e = w.value[o];
       if (!e) return;
-      P("task-hover", e.task);
+      A("task-hover", e.task);
       const n = e.task;
       g.value = {
         x: t.clientX,
         y: t.clientY,
         task: n,
-        startStr: n._start.toLocaleDateString(c.locale, { month: "short", day: "numeric", year: "numeric" }),
-        endStr: n._end.toLocaleDateString(c.locale, { month: "short", day: "numeric", year: "numeric" })
-      }, be(t, e);
+        startStr: n._start.toLocaleDateString(s.locale, { month: "short", day: "numeric", year: "numeric" }),
+        endStr: n._end.toLocaleDateString(s.locale, { month: "short", day: "numeric", year: "numeric" })
+      }, $e(t, e);
     }
     function De(t, o) {
       if (l.active) return;
       g.value && (g.value = { ...g.value, x: t.clientX, y: t.clientY });
       const e = w.value[o];
-      e && be(t, e);
+      e && $e(t, e);
     }
-    function Me() {
-      l.active || (g.value = null, R.value = null, re.value = null, K.value = "default", P("task-hover", null));
+    function Se() {
+      l.active || (g.value = null, B.value = null, se.value = null, U.value = "default", A("task-hover", null));
     }
-    function fe(t) {
-      l.active || P("task-click", t);
+    function ve(t) {
+      l.active || A("task-click", t);
     }
-    const ge = k();
-    function Qe(t) {
-      ge.value && (ge.value.scrollTop = t.target.scrollTop);
+    const fe = x();
+    function Je(t) {
+      fe.value && (fe.value.scrollTop = t.target.scrollTop);
     }
-    const A = Math.random().toString(36).slice(2, 7);
-    function Je(t, o) {
-      const e = Math.ceil(q(t, o));
+    const R = Math.random().toString(36).slice(2, 7);
+    function Ye(t, o) {
+      const e = Math.ceil(X(t, o));
       if (e <= 1) return "1 day";
       if (e < 7) return `${e} days`;
       const n = Math.floor(e / 7), a = e % 7;
       return a === 0 ? `${n} week${n > 1 ? "s" : ""}` : `${n}w ${a}d`;
     }
-    return (t, o) => (r(), i("div", {
+    return (t, o) => (u(), d("div", {
       ref_key: "containerRef",
-      ref: X,
+      ref: j,
       class: "vlite-gantt-chart w-full select-none"
     }, [
-      u.showTodayLine && V.value || u.zoom ? (r(), i("div", ct, [
-        u.zoom ? (r(), i("div", dt, [
-          s("button", {
+      c.showTodayLine && V.value || c.zoom ? (u(), d("div", ct, [
+        c.zoom ? (u(), d("div", vt, [
+          r("button", {
             class: "vlite-gantt-btn",
             onClick: Ze,
             disabled: m.value <= 0.4
           }, [...o[0] || (o[0] = [
-            s("svg", {
+            r("svg", {
               width: "12",
               height: "12",
               viewBox: "0 0 24 24",
@@ -443,40 +446,40 @@ const ct = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, [
-              s("circle", {
+              r("circle", {
                 cx: "11",
                 cy: "11",
                 r: "8"
               }),
-              s("line", {
+              r("line", {
                 x1: "21",
                 y1: "21",
                 x2: "16.65",
                 y2: "16.65"
               }),
-              s("line", {
+              r("line", {
                 x1: "8",
                 y1: "11",
                 x2: "14",
                 y2: "11"
               })
             ], -1),
-            s("span", null, "Zoom Out", -1)
-          ])], 8, vt),
-          s("button", {
+            r("span", null, "Zoom Out", -1)
+          ])], 8, ft),
+          r("button", {
             class: "vlite-gantt-btn",
-            onClick: Pe,
+            onClick: Fe,
             disabled: m.value >= 3
           }, [...o[1] || (o[1] = [
-            ot('<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-v-91cc2885><circle cx="11" cy="11" r="8" data-v-91cc2885></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-91cc2885></line><line x1="11" y1="8" x2="11" y2="14" data-v-91cc2885></line><line x1="8" y1="11" x2="14" y2="11" data-v-91cc2885></line></svg><span data-v-91cc2885>Zoom In</span>', 2)
-          ])], 8, ft)
+            nt('<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-v-ebb84e3d><circle cx="11" cy="11" r="8" data-v-ebb84e3d></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-ebb84e3d></line><line x1="11" y1="8" x2="11" y2="14" data-v-ebb84e3d></line><line x1="8" y1="11" x2="14" y2="11" data-v-ebb84e3d></line></svg><span data-v-ebb84e3d>Zoom In</span>', 2)
+          ])], 8, gt)
         ])) : h("", !0),
-        u.showTodayLine && V.value ? (r(), i("button", {
+        c.showTodayLine && V.value ? (u(), d("button", {
           key: 1,
           class: "vlite-gantt-btn",
-          onClick: Xe
+          onClick: je
         }, [...o[2] || (o[2] = [
-          s("svg", {
+          r("svg", {
             width: "12",
             height: "12",
             viewBox: "0 0 24 24",
@@ -486,57 +489,57 @@ const ct = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            s("circle", {
+            r("circle", {
               cx: "12",
               cy: "12",
               r: "10"
             }),
-            s("line", {
+            r("line", {
               x1: "12",
               y1: "8",
               x2: "12",
               y2: "12"
             }),
-            s("line", {
+            r("line", {
               x1: "12",
               y1: "16",
               x2: "12.01",
               y2: "16"
             })
           ], -1),
-          s("span", null, "Today", -1)
+          r("span", null, "Today", -1)
         ])])) : h("", !0)
       ])) : h("", !0),
-      s("div", gt, [
-        s("div", {
+      r("div", ht, [
+        r("div", {
           class: "vlite-gantt-sidebar",
-          style: D({ width: `${u.sidebarWidth}px`, minWidth: `${u.sidebarWidth}px` })
+          style: D({ width: `${c.sidebarWidth}px`, minWidth: `${c.sidebarWidth}px` })
         }, [
-          u.showHeader ? (r(), i("div", {
+          c.showHeader ? (u(), d("div", {
             key: 0,
             class: "vlite-gantt-sidebar-header",
-            style: D({ height: `${I.value}px` })
+            style: D({ height: `${E.value}px` })
           }, [...o[3] || (o[3] = [
-            s("span", { class: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Tasks", -1)
+            r("span", { class: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Tasks", -1)
           ])], 4)) : h("", !0),
-          s("div", {
+          r("div", {
             ref_key: "sidebarRef",
-            ref: ge,
+            ref: fe,
             class: "vlite-gantt-sidebar-body",
             style: D({ height: `${O.value}px` })
           }, [
-            (r(!0), i($, null, L(Z.value, (e, n) => (r(), i("div", {
+            (u(!0), d($, null, C(F.value, (e, n) => (u(), d("div", {
               key: `s-${n}`,
               class: "vlite-gantt-sidebar-row",
-              style: D({ height: `${u.rowHeight}px` })
+              style: D({ height: `${c.rowHeight}px` })
             }, [
-              e.type === "group-header" ? (r(), i("button", {
+              e.type === "group-header" ? (u(), d("button", {
                 key: 0,
                 class: "vlite-gantt-group-toggle",
-                onClick: (a) => Re(e.group)
+                onClick: (a) => Ae(e.group)
               }, [
-                (r(), i("svg", {
-                  class: xe(["vlite-gantt-chevron", { "vlite-gantt-chevron-collapsed": j.value.has(e.group) }]),
+                (u(), d("svg", {
+                  class: me(["vlite-gantt-chevron", { "vlite-gantt-chevron-collapsed": N.value.has(e.group) }]),
                   width: "14",
                   height: "14",
                   viewBox: "0 0 24 24",
@@ -546,127 +549,127 @@ const ct = {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, [...o[4] || (o[4] = [
-                  s("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+                  r("polyline", { points: "6 9 12 15 18 9" }, null, -1)
                 ])], 2)),
-                s("span", yt, b(e.group), 1),
-                s("span", mt, b(oe.value.grouped.get(e.group)?.length ?? 0), 1)
-              ], 8, ht)) : (r(), i("div", {
+                r("span", mt, b(e.group), 1),
+                r("span", kt, b(te.value.grouped.get(e.group)?.length ?? 0), 1)
+              ], 8, yt)) : (u(), d("div", {
                 key: 1,
-                class: xe(["vlite-gantt-task-name", {
+                class: me(["vlite-gantt-task-name", {
                   "vlite-gantt-task-name-grouped": !!e.group,
-                  "vlite-gantt-task-name-dragging": B.value && G.value === e.task?.id
+                  "vlite-gantt-task-name-dragging": I.value && q.value === e.task?.id
                 }]),
-                onClick: (a) => e.task && fe(e.task)
+                onClick: (a) => e.task && ve(e.task)
               }, [
-                s("span", {
+                r("span", {
                   class: "vlite-gantt-task-dot",
                   style: D({ backgroundColor: e.task?._color })
                 }, null, 4),
-                s("span", kt, b(e.task?.name), 1),
-                u.showProgress && e.task?.progress != null ? (r(), i("span", pt, b(e.task.progress) + "%", 1)) : h("", !0)
+                r("span", pt, b(e.task?.name), 1),
+                c.showProgress && e.task?.progress != null ? (u(), d("span", wt, b(e.task.progress) + "%", 1)) : h("", !0)
               ], 10, xt))
             ], 4))), 128))
           ], 4)
         ], 4),
-        s("div", {
+        r("div", {
           ref_key: "timelineRef",
-          ref: C,
+          ref: L,
           class: "vlite-gantt-timeline",
-          onScroll: Qe,
-          onWheel: Ae
+          onScroll: Je,
+          onWheel: Pe
         }, [
-          u.showHeader ? (r(), i("div", {
+          c.showHeader ? (u(), d("div", {
             key: 0,
             class: "vlite-gantt-timeline-header",
-            style: D({ height: `${I.value}px`, width: `${M.value}px` })
+            style: D({ height: `${E.value}px`, width: `${Z.value}px` })
           }, [
-            (r(), i("svg", {
-              width: M.value,
-              height: I.value,
+            (u(), d("svg", {
+              width: Z.value,
+              height: E.value,
               class: "overflow-visible"
             }, [
-              (r(!0), i($, null, L(ne.value, (e, n) => (r(), i("g", { key: n }, [
-                s("line", {
+              (u(!0), d($, null, C(pe.value, (e, n) => (u(), d("g", { key: n }, [
+                r("line", {
                   x1: e.x,
                   y1: 0,
                   x2: e.x,
-                  y2: I.value,
+                  y2: E.value,
                   stroke: "currentColor",
                   "stroke-opacity": "0.06"
-                }, null, 8, bt),
-                s("text", {
+                }, null, 8, $t),
+                r("text", {
                   x: e.x + e.width / 2,
-                  y: I.value / 2 - 5,
+                  y: E.value / 2 - 5,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle",
                   "font-size": "11",
                   "font-weight": "600",
                   class: "fill-foreground"
-                }, b(e.label), 9, $t),
-                e.sublabel ? (r(), i("text", {
+                }, b(e.label), 9, Mt),
+                e.sublabel ? (u(), d("text", {
                   key: 0,
                   x: e.x + e.width / 2,
-                  y: I.value / 2 + 11,
+                  y: E.value / 2 + 11,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle",
                   "font-size": "10",
                   class: "fill-muted-foreground"
                 }, b(e.sublabel), 9, Dt)) : h("", !0)
               ]))), 128))
-            ], 8, wt))
+            ], 8, bt))
           ], 4)) : h("", !0),
-          s("div", {
+          r("div", {
             class: "vlite-gantt-timeline-body",
             style: D({ height: `${O.value}px` })
           }, [
-            (r(), i("svg", {
-              width: M.value,
+            (u(), d("svg", {
+              width: Z.value,
               height: O.value,
               role: "img",
               "aria-label": "Gantt chart",
               class: "overflow-visible"
             }, [
-              s("defs", null, [
-                (r(!0), i($, null, L(w.value, (e, n) => (r(), i("linearGradient", {
+              r("defs", null, [
+                (u(!0), d($, null, C(w.value, (e, n) => (u(), d("linearGradient", {
                   key: `g${n}`,
-                  id: `gg-${E(A)}-${n}`,
+                  id: `gg-${z(R)}-${n}`,
                   x1: "0",
                   y1: "0",
                   x2: "1",
                   y2: "0"
                 }, [
-                  s("stop", {
+                  r("stop", {
                     offset: "0%",
                     "stop-color": e.task._color,
                     "stop-opacity": "1"
                   }, null, 8, Lt),
-                  s("stop", {
+                  r("stop", {
                     offset: "100%",
                     "stop-color": e.task._color,
                     "stop-opacity": "0.75"
-                  }, null, 8, Ct)
-                ], 8, St))), 128)),
-                (r(!0), i($, null, L(w.value, (e, n) => (r(), i("linearGradient", {
+                  }, null, 8, _t)
+                ], 8, Ct))), 128)),
+                (u(!0), d($, null, C(w.value, (e, n) => (u(), d("linearGradient", {
                   key: `p${n}`,
-                  id: `gp-${E(A)}-${n}`,
+                  id: `gp-${z(R)}-${n}`,
                   x1: "0",
                   y1: "0",
                   x2: "1",
                   y2: "0"
                 }, [
-                  s("stop", {
+                  r("stop", {
                     offset: "0%",
                     "stop-color": e.task._color,
                     "stop-opacity": "0.35"
-                  }, null, 8, Ht),
-                  s("stop", {
+                  }, null, 8, zt),
+                  r("stop", {
                     offset: "100%",
                     "stop-color": e.task._color,
                     "stop-opacity": "0.15"
-                  }, null, 8, zt)
-                ], 8, _t))), 128))
+                  }, null, 8, Wt)
+                ], 8, Ht))), 128))
               ]),
-              u.showGrid ? (r(!0), i($, { key: 0 }, L(ne.value, (e, n) => (r(), i("line", {
+              c.showGrid ? (u(!0), d($, { key: 0 }, C(pe.value, (e, n) => (u(), d("line", {
                 key: n,
                 x1: e.x,
                 y1: 0,
@@ -675,148 +678,148 @@ const ct = {
                 stroke: "currentColor",
                 "stroke-opacity": "0.06",
                 "stroke-dasharray": "4 4"
-              }, null, 8, Et))), 128)) : h("", !0),
-              (r(!0), i($, null, L(Z.value, (e, n) => (r(), i("line", {
+              }, null, 8, Tt))), 128)) : h("", !0),
+              (u(!0), d($, null, C(F.value, (e, n) => (u(), d("line", {
                 key: n,
                 x1: 0,
-                y1: (n + 1) * u.rowHeight,
-                x2: M.value,
-                y2: (n + 1) * u.rowHeight,
+                y1: (n + 1) * c.rowHeight,
+                x2: Z.value,
+                y2: (n + 1) * c.rowHeight,
                 stroke: "currentColor",
                 "stroke-opacity": "0.04"
-              }, null, 8, Tt))), 128)),
-              (r(!0), i($, null, L(Z.value, (e, n) => nt((r(), i("rect", {
+              }, null, 8, Et))), 128)),
+              (u(!0), d($, null, C(F.value, (e, n) => lt((u(), d("rect", {
                 key: `bg${n}`,
                 x: 0,
-                y: n * u.rowHeight,
-                width: M.value,
-                height: u.rowHeight,
+                y: n * c.rowHeight,
+                width: Z.value,
+                height: c.rowHeight,
                 fill: "currentColor",
                 "fill-opacity": "0.02"
-              }, null, 8, Wt)), [
-                [lt, e.type === "group-header"]
+              }, null, 8, It)), [
+                [at, e.type === "group-header"]
               ])), 128)),
-              (r(!0), i($, null, L(Fe.value, (e, n) => (r(), i("g", {
+              (u(!0), d($, null, C(Ge.value, (e, n) => (u(), d("g", {
                 key: n,
                 class: "vlite-gantt-dep-group"
               }, [
-                s("path", {
+                r("path", {
                   d: e.d,
                   stroke: "var(--color-muted-foreground)",
                   "stroke-width": "1.5",
                   "stroke-opacity": "0.35",
                   fill: "none",
                   "stroke-linejoin": "round"
-                }, null, 8, It),
-                s("path", {
+                }, null, 8, Bt),
+                r("path", {
                   d: e.ad,
                   fill: "var(--color-muted-foreground)",
                   "fill-opacity": "0.5"
-                }, null, 8, Bt)
+                }, null, 8, Rt)
               ]))), 128)),
-              (r(!0), i($, null, L(w.value, (e, n) => (r(), i("g", {
+              (u(!0), d($, null, C(w.value, (e, n) => (u(), d("g", {
                 key: e.task.id,
                 ref_for: !0,
-                ref: (a) => je(a, n),
-                class: xe({ "vlite-gantt-bar-dragging": B.value && (G.value === e.task.id || E(l).affectedIds.has(e.task.id)) })
+                ref: (a) => Ne(a, n),
+                class: me({ "vlite-gantt-bar-dragging": I.value && (q.value === e.task.id || z(l).affectedIds.has(e.task.id)) })
               }, [
-                e.task.milestone ? (r(), i("path", {
+                e.task.milestone ? (u(), d("path", {
                   key: 0,
-                  d: Ue(e.x + e.fullW / 2, e.y + u.barHeight / 2, u.barHeight * 0.4),
-                  fill: `url(#gg-${E(A)}-${n})`,
+                  d: Qe(e.x + e.fullW / 2, e.y + c.barHeight / 2, c.barHeight * 0.4),
+                  fill: `url(#gg-${z(R)}-${n})`,
                   stroke: e.task._color,
                   "stroke-width": "1.5",
                   "stroke-opacity": "0.6",
                   class: "cursor-pointer",
-                  opacity: R.value === n ? 0.9 : 1,
-                  onMouseenter: (a) => $e(a, n),
+                  opacity: B.value === n ? 0.9 : 1,
+                  onMouseenter: (a) => Me(a, n),
                   onMousemove: (a) => De(a, n),
-                  onMouseleave: Me,
-                  onClick: (a) => fe(e.task)
-                }, null, 40, Rt)) : (r(), i($, { key: 1 }, [
-                  s("path", {
-                    d: ve(e.x, e.y, e.fullW, u.barHeight, u.barRadius),
-                    fill: `url(#gp-${E(A)}-${n})`,
+                  onMouseleave: Se,
+                  onClick: (a) => ve(e.task)
+                }, null, 40, At)) : (u(), d($, { key: 1 }, [
+                  r("path", {
+                    d: ce(e.x, e.y, e.fullW, c.barHeight, c.barRadius),
+                    fill: `url(#gp-${z(R)}-${n})`,
                     class: "pointer-events-none"
-                  }, null, 8, At),
-                  u.showProgress && e.progressW > 0 ? (r(), i("path", {
+                  }, null, 8, Pt),
+                  c.showProgress && e.progressW > 0 ? (u(), d("path", {
                     key: 0,
-                    d: ve(e.x, e.y, Math.min(e.progressW, e.fullW), u.barHeight, u.barRadius),
-                    fill: `url(#gg-${E(A)}-${n})`,
+                    d: ce(e.x, e.y, Math.min(e.progressW, e.fullW), c.barHeight, c.barRadius),
+                    fill: `url(#gg-${z(R)}-${n})`,
                     class: "pointer-events-none"
-                  }, null, 8, Pt)) : h("", !0),
-                  u.showProgress ? h("", !0) : (r(), i("path", {
+                  }, null, 8, Ft)) : h("", !0),
+                  c.showProgress ? h("", !0) : (u(), d("path", {
                     key: 1,
-                    d: ve(e.x, e.y, e.w, u.barHeight, u.barRadius),
-                    fill: `url(#gg-${E(A)}-${n})`,
+                    d: ce(e.x, e.y, e.w, c.barHeight, c.barRadius),
+                    fill: `url(#gg-${z(R)}-${n})`,
                     class: "pointer-events-none"
                   }, null, 8, Zt)),
-                  s("rect", {
+                  r("rect", {
                     x: e.x,
                     y: e.y,
                     width: e.fullW,
-                    height: u.barHeight,
+                    height: c.barHeight,
                     fill: "transparent",
-                    style: D({ cursor: K.value }),
-                    onMouseenter: (a) => $e(a, n),
+                    style: D({ cursor: U.value }),
+                    onMouseenter: (a) => Me(a, n),
                     onMousemove: (a) => De(a, n),
-                    onMouseleave: Me,
-                    onMousedown: (a) => Ve(a, n),
-                    onClick: (a) => fe(e.task)
+                    onMouseleave: Se,
+                    onMousedown: (a) => Ue(a, n),
+                    onClick: (a) => ve(e.task)
                   }, null, 44, Ot),
-                  R.value === n ? (r(), i("rect", {
+                  B.value === n ? (u(), d("rect", {
                     key: 2,
                     x: e.x,
                     y: e.y,
                     width: e.fullW,
-                    height: u.barHeight,
-                    rx: u.barRadius,
-                    ry: u.barRadius,
+                    height: c.barHeight,
+                    rx: c.barRadius,
+                    ry: c.barRadius,
                     fill: "currentColor",
                     "fill-opacity": "0.06",
                     class: "pointer-events-none"
-                  }, null, 8, Ft)) : h("", !0),
-                  u.draggable && !e.task.milestone && (re.value === n || B.value && G.value === e.task.id) ? (r(), i($, { key: 3 }, [
-                    s("rect", {
+                  }, null, 8, Gt)) : h("", !0),
+                  c.draggable && !e.task.milestone && (se.value === n || I.value && q.value === e.task.id) ? (u(), d($, { key: 3 }, [
+                    r("rect", {
                       x: e.x,
                       y: e.y + 4,
                       width: "4",
-                      height: u.barHeight - 8,
+                      height: c.barHeight - 8,
                       rx: "2",
                       fill: "currentColor",
                       "fill-opacity": "0.4",
                       class: "pointer-events-none"
-                    }, null, 8, Gt),
-                    s("rect", {
+                    }, null, 8, qt),
+                    r("rect", {
                       x: e.x + e.fullW - 4,
                       y: e.y + 4,
                       width: "4",
-                      height: u.barHeight - 8,
+                      height: c.barHeight - 8,
                       rx: "2",
                       fill: "currentColor",
                       "fill-opacity": "0.4",
                       class: "pointer-events-none"
-                    }, null, 8, qt)
+                    }, null, 8, Xt)
                   ], 64)) : h("", !0),
-                  u.showLabels && e.fullW > 60 ? (r(), i("text", {
+                  c.showLabels && e.fullW > 60 ? (u(), d("text", {
                     key: 4,
                     x: e.x + 12,
-                    y: e.y + u.barHeight / 2,
+                    y: e.y + c.barHeight / 2,
                     "dominant-baseline": "middle",
                     "font-size": "11",
                     "font-weight": "600",
-                    fill: u.showProgress ? "currentColor" : "white",
+                    fill: c.showProgress ? "currentColor" : "white",
                     opacity: Q.value > 0.3 ? 0.85 : 0,
                     class: "pointer-events-none"
-                  }, b(e.task.name), 9, Xt)) : h("", !0)
+                  }, b(e.task.name), 9, jt)) : h("", !0)
                 ], 64))
               ], 2))), 128)),
-              s("g", {
+              r("g", {
                 ref_key: "dragLabelRef",
-                ref: z,
+                ref: H,
                 style: { display: "none" }
               }, [...o[5] || (o[5] = [
-                s("rect", {
+                r("rect", {
                   x: "0",
                   y: "0",
                   width: "124",
@@ -825,7 +828,7 @@ const ct = {
                   fill: "var(--color-foreground)",
                   "fill-opacity": "0.85"
                 }, null, -1),
-                s("text", {
+                r("text", {
                   x: "0",
                   y: "0",
                   "text-anchor": "middle",
@@ -835,56 +838,56 @@ const ct = {
                   fill: "var(--color-background)"
                 }, null, -1)
               ])], 512),
-              u.showTodayLine && V.value ? (r(), i("g", jt, [
-                s("line", {
-                  x1: F.value,
+              c.showTodayLine && V.value ? (u(), d("g", Nt, [
+                r("line", {
+                  x1: G.value,
                   y1: 0,
-                  x2: F.value,
+                  x2: G.value,
                   y2: O.value,
-                  stroke: u.todayColor,
+                  stroke: c.todayColor,
                   "stroke-width": "2",
                   "stroke-opacity": "0.7",
                   "stroke-dasharray": "6 3"
-                }, null, 8, Nt),
-                s("circle", {
-                  cx: F.value,
+                }, null, 8, Vt),
+                r("circle", {
+                  cx: G.value,
                   cy: 0,
                   r: "4",
-                  fill: u.todayColor,
+                  fill: c.todayColor,
                   "fill-opacity": "0.9"
-                }, null, 8, Vt),
-                s("text", {
-                  x: F.value,
+                }, null, 8, Ut),
+                r("text", {
+                  x: G.value,
                   y: -8,
                   "text-anchor": "middle",
                   "font-size": "9",
                   "font-weight": "700",
-                  fill: u.todayColor,
+                  fill: c.todayColor,
                   "fill-opacity": "0.9"
                 }, "TODAY", 8, Kt)
               ])) : h("", !0)
-            ], 8, Mt))
+            ], 8, St))
           ], 4)
         ], 544)
       ]),
-      (r(), at(st, { to: "body" }, [
-        g.value && !B.value ? (r(), i("div", {
+      (u(), st(rt, { to: "body" }, [
+        g.value && !I.value ? (u(), d("div", {
           key: 0,
           class: "vlite-chart-tooltip",
           style: D({ left: `${g.value.x + 14}px`, top: `${g.value.y - 12}px` })
         }, [
-          s("div", Ut, b(g.value.task.name), 1),
-          s("div", Qt, [
-            s("span", {
+          r("div", Qt, b(g.value.task.name), 1),
+          r("div", Jt, [
+            r("span", {
               class: "w-2 h-2 rounded-sm shrink-0",
               style: D({ backgroundColor: g.value.task._color ?? g.value.task.color })
             }, null, 4),
-            s("span", null, b(g.value.startStr) + " — " + b(g.value.endStr), 1)
+            r("span", null, b(g.value.startStr) + " — " + b(g.value.endStr), 1)
           ]),
-          s("div", Jt, b(Je(g.value.task._start, g.value.task._end)), 1),
-          u.showProgress && g.value.task.progress != null ? (r(), i("div", Yt, [
-            s("div", eo, [
-              s("div", {
+          r("div", Yt, b(Ye(g.value.task._start, g.value.task._end)), 1),
+          c.showProgress && g.value.task.progress != null ? (u(), d("div", eo, [
+            r("div", to, [
+              r("div", {
                 class: "vlite-gantt-tooltip-progress-fill",
                 style: D({
                   width: `${g.value.task.progress}%`,
@@ -892,13 +895,13 @@ const ct = {
                 })
               }, null, 4)
             ]),
-            s("span", to, b(g.value.task.progress) + "%", 1)
+            r("span", oo, b(g.value.task.progress) + "%", 1)
           ])) : h("", !0),
-          g.value.task.group ? (r(), i("div", oo, b(g.value.task.group), 1)) : h("", !0),
-          u.draggable && !g.value.task.milestone ? (r(), i("div", no, [
-            o[6] || (o[6] = ze(" Drag to move · Edges to resize ", -1)),
-            u.cascadeDependencies ? (r(), i($, { key: 0 }, [
-              ze(" · Dependents follow")
+          g.value.task.group ? (u(), d("div", no, b(g.value.task.group), 1)) : h("", !0),
+          c.draggable && !g.value.task.milestone ? (u(), d("div", lo, [
+            o[6] || (o[6] = We(" Drag to move · Edges to resize ", -1)),
+            c.cascadeDependencies ? (u(), d($, { key: 0 }, [
+              We(" · Dependents follow")
             ], 64)) : h("", !0)
           ])) : h("", !0)
         ], 4)) : h("", !0)
@@ -907,5 +910,5 @@ const ct = {
   }
 });
 export {
-  io as default
+  uo as default
 };