vlite3 1.4.30 → 1.4.32

package/components/Chart/GanttChart.vue2.js

@@ -1,24 +1,42 @@
-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 = {
+import { defineComponent as mn, ref as k, computed as $, watch as he, onMounted as xn, onUnmounted as wn, openBlock as v, createElementBlock as g, createElementVNode as u, createStaticVNode as bn, createCommentVNode as m, normalizeStyle as R, Fragment as C, renderList as z, normalizeClass as ke, toDisplayString as M, unref as N, withDirectives as Dn, vShow as $n, withKeys as It, withModifiers as Mt, createBlock as In, Teleport as Mn, createTextVNode as Lt, nextTick as Ye } from "vue";
+import { CHART_COLORS as Ln, getColor as Sn, animateProgress as Cn } from "./utils.js";
+import { resolveGanttScheduleDependencyEdges as St, ganttDependencyEdgeKey as Tn, getGanttDependencyEdgeMidpoint as En, ganttDependencyTypeLabel as Ct, getGanttDependencyEdgeScrollDelta as Tt, getGanttDependencyConnectorPosition as Wn, validateGanttDependencyLink as Qe, describeGanttDependencyLinkValidation as Je, findGanttDependencyBarAtPoint as Rn } from "./GanttChartDependencyUtils.js";
+import { parseGanttDate as me, ganttAddDays as An, ganttStartOfWeek as Pn, ganttStartOfMonth as _n, ganttDateToX as Bn, ganttCalendarDaysBetween as Hn, ganttDaysToPx as zn, ganttPxToDays as Gn } from "./GanttChartDateUtils.js";
+import { ganttPreviewBarGeometry as Fn, computeGanttInteractionPreview as Xn } from "./GanttChartResizePreviewUtils.js";
+import { placeGanttTaskTooltip as qn, isGanttPointerNearConnector as On } from "./GanttChartTooltipUtils.js";
+const Vn = {
   key: 0,
   class: "vlite-gantt-toolbar"
-}, vt = {
+}, Kn = {
   key: 0,
   class: "vlite-gantt-zoom-controls"
-}, 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 = {
+}, Zn = ["disabled"], Nn = ["disabled"], jn = { class: "vlite-gantt-wrapper" }, Un = ["onClick"], Yn = { class: "text-xs font-bold text-foreground uppercase tracking-wide" }, Qn = { class: "vlite-gantt-group-count" }, Jn = ["onClick"], eo = { class: "truncate text-xs font-medium text-foreground" }, to = {
   key: 0,
   class: "vlite-gantt-progress-badge"
-}, 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 = {
+}, no = ["width", "height"], oo = ["x1", "x2", "y2"], ao = ["x", "y"], lo = ["x", "y"], ro = ["width", "height"], so = ["id"], io = ["stop-color"], uo = ["stop-color"], co = ["id"], vo = ["stop-color"], fo = ["stop-color"], go = ["x1", "x2", "y2"], yo = ["y1", "x2", "y2"], po = ["y", "width", "height"], ho = ["d", "onClick"], ko = ["d", "stroke", "stroke-width", "stroke-opacity"], mo = ["d", "fill", "fill-opacity"], xo = ["transform", "aria-label", "onKeydown"], wo = ["onMouseenter"], bo = ["d", "fill", "stroke", "opacity", "onMouseenter", "onMousemove", "onClick"], Do = ["d", "fill"], $o = ["d", "fill"], Io = ["d", "fill"], Mo = ["x", "y", "width", "height", "onMouseenter", "onMousemove", "onMousedown", "onClick"], Lo = ["x", "y", "width", "height", "rx", "ry"], So = ["x", "y", "height"], Co = ["x", "y", "height"], To = ["x", "y", "fill", "opacity"], Eo = ["transform", "aria-label", "onPointerdown", "onKeydown", "onFocus", "onMouseenter"], Wo = {
+  key: 3,
+  class: "pointer-events-none"
+}, Ro = ["x", "y", "width", "height", "rx", "stroke", "stroke-dasharray"], Ao = ["x", "y", "fill"], Po = {
+  key: 2,
+  class: "vlite-gantt-link-preview pointer-events-none"
+}, _o = ["x1", "y1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-opacity"], Bo = ["cx", "cy", "fill", "fill-opacity"], Ho = { key: 3 }, zo = ["x1", "x2", "y2", "stroke"], Go = ["cx", "fill"], Fo = ["x", "fill"], Xo = {
+  class: "sr-only",
+  role: "status",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+}, qo = { class: "font-semibold text-xs mb-1.5" }, Oo = { class: "flex items-center gap-1.5 text-[11px] text-muted-foreground mb-1" }, Vo = { class: "text-[10px] text-muted-foreground" }, Ko = {
   key: 0,
   class: "mt-1.5 flex items-center gap-2"
-}, to = { class: "vlite-gantt-tooltip-progress-track" }, oo = { class: "text-[10px] font-semibold" }, no = {
+}, Zo = { class: "vlite-gantt-tooltip-progress-track" }, No = { class: "text-[10px] font-semibold" }, jo = {
   key: 1,
   class: "text-[10px] text-muted-foreground mt-1 opacity-60"
-}, lo = {
+}, Uo = {
   key: 2,
   class: "text-[9px] text-muted-foreground mt-1.5 opacity-40"
-}, ao = 16, Y = 5, so = 4, Te = 8, uo = /* @__PURE__ */ et({
+}, Yo = {
+  key: 3,
+  class: "text-[9px] text-muted-foreground mt-1 opacity-40"
+}, Qo = 16, Ae = 5, Jo = 4, et = "#eab308", Et = 8, ea = 7, sa = /* @__PURE__ */ mn({
   __name: "GanttChart",
   props: {
     tasks: {},
@@ -36,227 +54,283 @@ const ct = {
     showTodayLine: { type: Boolean, default: !0 },
     showHeader: { type: Boolean, default: !0 },
     animate: { type: Boolean, default: !0 },
-    colors: { default: () => it },
+    colors: { default: () => Ln },
     todayColor: { default: "var(--color-danger)" },
     locale: { default: "en-US" },
     draggable: { type: Boolean, default: !0 },
+    editableDependencies: { type: Boolean, default: !1 },
     cascadeDependencies: { type: Boolean, default: !1 },
     zoom: { type: Boolean, default: !0 }
   },
-  emits: ["task-click", "task-hover", "task-update"],
-  setup(c, { emit: Ee }) {
-    const s = c, A = Ee;
-    function xe(t) {
-      return t instanceof Date ? new Date(t.getTime()) : new Date(t);
-    }
-    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 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 Be(t) {
-      return new Date(t.getFullYear(), t.getMonth(), 1);
-    }
-    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(
-      () => s.tasks.map((t, o) => ({
-        ...t,
-        _start: xe(t.start),
-        _end: xe(t.end),
-        _color: t.color ?? ut(s.colors, o),
-        _index: o
+  emits: ["task-click", "task-hover", "task-update", "dependency-create", "dependency-delete"],
+  setup(d, { emit: Wt }) {
+    const i = d, X = Wt;
+    function tt(e) {
+      return me(e);
+    }
+    function nt(e, n) {
+      return Hn(e, n);
+    }
+    function B(e, n) {
+      return An(e, n);
+    }
+    function Rt(e) {
+      return Pn(e);
+    }
+    function At(e) {
+      return _n(e);
+    }
+    const xe = k(), A = k(), le = k(800);
+    let Pe = null;
+    function Pt() {
+      xe.value && (Pe = new ResizeObserver((e) => {
+        const n = Math.round(e[0].contentRect.width || 800);
+        Math.abs(le.value - n) > 0.5 && (le.value = n);
+      }), Pe.observe(xe.value), le.value = Math.round(xe.value.clientWidth || 800));
+    }
+    const w = $(
+      () => i.tasks.map((e, n) => ({
+        ...e,
+        _start: tt(e.start),
+        _end: tt(e.end),
+        _color: e.color ?? Sn(i.colors, n),
+        _index: n
       }))
-    ), 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 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 };
-    }), F = p(() => {
-      const t = [];
-      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;
-    }), W = p(() => {
-      if (!_.value.length) {
-        const i = /* @__PURE__ */ new Date();
-        return { start: y(i, -7), end: y(i, 30) };
+    ), we = k(/* @__PURE__ */ new Set());
+    function _t(e) {
+      const n = new Set(we.value);
+      n.has(e) ? n.delete(e) : n.add(e), we.value = n;
+    }
+    const _e = $(() => {
+      const e = /* @__PURE__ */ new Map(), n = [];
+      for (const t of w.value)
+        t.group ? (e.has(t.group) || e.set(t.group, []), e.get(t.group).push(t)) : n.push(t);
+      return { grouped: e, ungrouped: n };
+    }), re = $(() => {
+      const e = [];
+      for (const [n, t] of _e.value.grouped)
+        if (e.push({ type: "group-header", group: n }), !we.value.has(n)) for (const o of t) e.push({ type: "task", group: n, task: o });
+      for (const n of _e.value.ungrouped) e.push({ type: "task", task: n });
+      return e;
+    }), be = $(() => {
+      if (!w.value.length) {
+        const s = me(/* @__PURE__ */ new Date());
+        return { start: B(s, -7), end: B(s, 30) };
       }
-      let t = _.value[0]._start, o = _.value[0]._end;
-      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 = L.value;
-        if (!o) return;
-        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 k = v / f;
-        T = i * k - n, ke(() => {
-          L.value && T !== null && (L.value.scrollLeft = T, T = null);
+      let e = w.value[0]._start, n = w.value[0]._end;
+      for (const s of w.value)
+        s._start < e && (e = s._start), s._end > n && (n = s._end);
+      const t = i.viewMode === "day" ? 2 : i.viewMode === "week" ? 5 : 15;
+      let o = B(e, -t), a = B(n, t);
+      return i.viewMode === "week" ? o = Rt(o) : i.viewMode === "month" ? o = At(o) : o = me(o), { start: o, end: a };
+    }), D = k(1);
+    let j = null;
+    function Bt(e) {
+      if (i.zoom && (e.ctrlKey || e.metaKey)) {
+        e.preventDefault();
+        const n = A.value;
+        if (!n) return;
+        const t = n.getBoundingClientRect(), o = e.clientX - t.left, s = (j !== null ? j : n.scrollLeft) + o, c = D.value;
+        let f = c * Math.exp(-e.deltaY * 5e-3);
+        if (f = Math.max(0.2, Math.min(f, 5)), f === c) return;
+        D.value = f;
+        const y = f / c;
+        j = s * y - o, Ye(() => {
+          A.value && j !== null && (A.value.scrollLeft = j, j = null);
         });
       }
     }
-    function Fe() {
-      const t = L.value;
-      if (!t) {
-        m.value = Math.min(m.value + 0.2, 5);
+    function Ht() {
+      const e = A.value;
+      if (!e) {
+        D.value = Math.min(D.value + 0.2, 5);
         return;
       }
-      const o = t.clientWidth / 2, e = t.scrollLeft + o, n = m.value;
-      m.value = Math.min(n + 0.2, 5);
-      const a = m.value / n;
-      ke(() => t.scrollLeft = e * a - o);
+      const n = e.clientWidth / 2, t = e.scrollLeft + n, o = D.value;
+      D.value = Math.min(o + 0.2, 5);
+      const a = D.value / o;
+      Ye(() => e.scrollLeft = t * a - n);
     }
-    function Ze() {
-      const t = L.value;
-      if (!t) {
-        m.value = Math.max(m.value - 0.2, 0.2);
+    function zt() {
+      const e = A.value;
+      if (!e) {
+        D.value = Math.max(D.value - 0.2, 0.2);
         return;
       }
-      const o = t.clientWidth / 2, e = t.scrollLeft + o, n = m.value;
-      m.value = Math.max(n - 0.2, 0.2);
-      const a = m.value / n;
-      ke(() => t.scrollLeft = e * a - o);
-    }
-    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(n), n = y(n, 1);
-      else if (s.viewMode === "week")
-        for (; n <= e; )
-          t.push(n), n = y(n, 7);
+      const n = e.clientWidth / 2, t = e.scrollLeft + n, o = D.value;
+      D.value = Math.max(o - 0.2, 0.2);
+      const a = D.value / o;
+      Ye(() => e.scrollLeft = t * a - n);
+    }
+    const Be = $(() => {
+      const e = [], { start: n, end: t } = be.value;
+      let o = new Date(n);
+      if (i.viewMode === "day")
+        for (; o <= t; )
+          e.push(o), o = B(o, 1);
+      else if (i.viewMode === "week")
+        for (; o <= t; )
+          e.push(o), o = B(o, 7);
       else
-        for (; n <= e; )
-          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 };
+        for (; o <= t; )
+          e.push(o), o = new Date(o.getFullYear(), o.getMonth() + 1, 1);
+      return e;
+    }), se = $(() => {
+      let n = { day: 40, week: 120, month: 180 }[i.viewMode] * D.value;
+      const t = Math.max(0, le.value - i.sidebarWidth), o = Be.value.length;
+      return o > 0 && n * o < t && (n = t / o), n;
+    }), ot = $(() => {
+      const e = se.value;
+      return Be.value.map((n, t) => {
+        let o = "", a = "";
+        return i.viewMode === "day" ? (o = n.toLocaleDateString(i.locale, { day: "numeric" }), a = n.toLocaleDateString(i.locale, { weekday: "short" })) : i.viewMode === "week" ? (o = n.toLocaleDateString(i.locale, { month: "short", day: "numeric" }), a = `W${Gt(n)}`) : (o = n.toLocaleDateString(i.locale, { month: "long" }), a = String(n.getFullYear())), { label: o, sublabel: a, x: t * e, width: e };
       });
     });
-    function Oe(t) {
-      const o = new Date(t.getTime());
-      o.setHours(0, 0, 0, 0), o.setDate(o.getDate() + 3 - (o.getDay() + 6) % 7);
-      const e = new Date(o.getFullYear(), 0, 4);
-      return 1 + Math.round(((o.getTime() - e.getTime()) / 864e5 - 3 + (e.getDay() + 6) % 7) / 7);
-    }
-    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 Gt(e) {
+      const n = new Date(e.getTime());
+      n.setHours(0, 0, 0, 0), n.setDate(n.getDate() + 3 - (n.getDay() + 6) % 7);
+      const t = new Date(n.getFullYear(), 0, 4);
+      return 1 + Math.round(((n.getTime() - t.getTime()) / 864e5 - 3 + (t.getDay() + 6) % 7) / 7);
+    }
+    const ie = $(() => Be.value.length * se.value), U = $(() => i.showHeader ? 56 : 0), ue = $(() => {
+      const e = re.value.length * i.rowHeight;
+      return Math.max(i.height || e, e);
     });
-    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 De(e) {
+      return Bn(e, be.value.start, i.viewMode, se.value);
     }
-    function le(t) {
-      return s.viewMode === "day" ? t / M.value : s.viewMode === "week" ? t / M.value * 7 : t / M.value * 30.44;
+    function Ft(e) {
+      return Gn(e, i.viewMode, se.value);
     }
-    function we(t) {
-      return s.viewMode === "day" ? t * M.value : s.viewMode === "week" ? t / 7 * M.value : t / 30.44 * M.value;
+    function Xt(e) {
+      return zn(e, i.viewMode, se.value);
     }
-    const w = p(() => {
-      const t = Q.value;
-      return F.value.reduce((o, e, n) => {
-        if (e.type !== "task" || !e.task) return 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;
+    const b = $(() => {
+      const e = We.value;
+      return re.value.reduce((n, t, o) => {
+        if (t.type !== "task" || !t.task) return n;
+        const a = t.task, s = De(a._start), c = De(a._end), f = Math.max(8, c - s), y = f * e, x = o * i.rowHeight + (i.rowHeight - i.barHeight) / 2, W = a.progress != null ? f * Math.min(100, a.progress) / 100 * e : 0;
+        return n.push({ task: a, x: s, y: x, fullW: f, w: y, progressW: W, rowIndex: o }), n;
       }, []);
-    }), 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 = [];
-      for (const e of w.value)
-        if (e.task.dependencies?.length)
-          for (const n of e.task.dependencies) {
-            const a = t.get(n);
-            if (!a) continue;
-            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;
+    }), He = $(() => {
+      if (!i.showDependencies) return [];
+      const e = /* @__PURE__ */ new Map();
+      for (const t of b.value) e.set(t.task.id, t);
+      const n = [];
+      for (const t of St(w.value)) {
+        const o = e.get(t.predecessorId), a = e.get(t.successorId);
+        if (!o || !a) continue;
+        const s = o.x + o.fullW, c = o.y + i.barHeight / 2, f = a.x, y = a.y + i.barHeight / 2, x = En(s, c, f, y);
+        n.push({
+          key: Tn(t.predecessorId, t.successorId),
+          predecessorId: t.predecessorId,
+          successorId: t.successorId,
+          d: Zt(s, c, f, y),
+          ad: Nt(f, y),
+          midX: x.x,
+          midY: x.y
+        });
+      }
+      return n;
+    }), S = k(null), ce = $(() => S.value ? He.value.find((e) => e.key === S.value) ?? null : null), qt = $(() => {
+      const e = ce.value;
+      if (!e) return "Delete dependency";
+      const n = w.value.find((o) => o.id === e.predecessorId)?.name ?? e.predecessorId, t = w.value.find((o) => o.id === e.successorId)?.name ?? e.successorId;
+      return `Delete dependency from ${n} to ${t}`;
+    });
+    function Y(e) {
+      return S.value === e;
+    }
+    function de(e = !1) {
+      S.value && (S.value = null, e && E("Dependency deselected"));
+    }
+    function Ot(e, n) {
+      if (!i.editableDependencies || l.active || r.active) return;
+      e.preventDefault(), e.stopPropagation(), S.value = n.key;
+      const t = w.value.find((a) => a.id === n.predecessorId), o = w.value.find((a) => a.id === n.successorId);
+      E(
+        `Dependency selected from ${t?.name ?? n.predecessorId} to ${o?.name ?? n.successorId}. Press Delete to remove, or Escape to deselect.`
+      );
+    }
+    function Vt(e) {
+      e.preventDefault(), e.stopPropagation(), $e();
+    }
+    function $e() {
+      const e = ce.value;
+      if (!e || !i.editableDependencies) return;
+      const n = w.value.find((a) => a.id === e.predecessorId), t = w.value.find((a) => a.id === e.successorId);
+      if (!n || !t) {
+        de();
+        return;
+      }
+      const o = {
+        predecessorId: e.predecessorId,
+        successorId: e.successorId,
+        predecessor: Te(n),
+        successor: Te(t),
+        type: "waiting-on",
+        typeLabel: Ct("waiting-on")
+      };
+      S.value = null, E(`Dependency removed from ${n.name} to ${t.name}`), X("dependency-delete", o);
+    }
+    function Kt(e) {
+      !S.value || e.target?.closest?.(".vlite-gantt-dep-group, .vlite-gantt-dep-delete, .vlite-gantt-dep-connector") || de();
+    }
+    function ze(e) {
+      if (!(!S.value || l.active || h.value)) {
+        if (e.key === "Escape") {
+          e.preventDefault(), de(!0);
+          return;
+        }
+        if (e.key === "Delete" || e.key === "Backspace") {
+          const n = e.target?.tagName;
+          if (n === "INPUT" || n === "TEXTAREA" || e.target?.isContentEditable) return;
+          e.preventDefault(), $e();
+        }
+      }
+    }
+    he(S, (e, n) => {
+      e && !n && document.addEventListener("keydown", ze), !e && n && document.removeEventListener("keydown", ze);
     });
-    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 ae([[t, o], [v, o], [v, n], [e, n]], i);
+    function Zt(e, n, t, o) {
+      const a = Qo, s = Jo;
+      if (t > e + a * 2) {
+        if (Math.abs(n - o) < 2) return `M ${e} ${n} L ${t} ${o}`;
+        const f = e + (t - e) / 2;
+        return Ge([[e, n], [f, n], [f, o], [t, o]], s);
       }
-      const f = t + a;
-      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);
+      const c = e + a;
+      if (Math.abs(n - o) < i.rowHeight * 0.5) {
+        const f = Math.max(n, o) + i.barHeight / 2 + a;
+        return Ge([[e, n], [c, n], [c, f], [t - a, f], [t - a, o], [t, o]], s);
       }
-      return ae([[t, o], [f, o], [f, n], [e, n]], i);
-    }
-    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 [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}`);
+      return Ge([[e, n], [c, n], [c, o], [t, o]], s);
+    }
+    function Ge(e, n) {
+      if (e.length < 2) return "";
+      if (e.length === 2) return `M ${e[0][0]} ${e[0][1]} L ${e[1][0]} ${e[1][1]}`;
+      const t = [`M ${e[0][0]} ${e[0][1]}`];
+      for (let a = 1; a < e.length - 1; a++) {
+        const [s, c] = e[a - 1], [f, y] = e[a], [x, W] = e[a + 1], te = f - s, ne = y - c, oe = x - f, ae = W - y, Z = Math.hypot(te, ne), Ue = Math.hypot(oe, ae), Re = Math.min(n, Z / 2, Ue / 2);
+        t.push(`L ${f - te / Z * Re} ${y - ne / Z * Re}`), t.push(`Q ${f} ${y} ${f + oe / Ue * Re} ${y + ae / Ue * Re}`);
       }
-      const n = t[t.length - 1];
-      return e.push(`L ${n[0]} ${n[1]}`), e.join(" ");
-    }
-    function Xe(t, o) {
-      return `M ${t} ${o} L ${t - Y} ${o - Y * 0.6} L ${t - Y} ${o + Y * 0.6} Z`;
-    }
-    const G = p(() => {
-      const t = /* @__PURE__ */ new Date();
-      return t.setHours(12, 0, 0, 0), ne(t);
-    }), V = p(() => {
-      const t = /* @__PURE__ */ new Date();
-      return t >= W.value.start && t <= W.value.end;
+      const o = e[e.length - 1];
+      return t.push(`L ${o[0]} ${o[1]}`), t.join(" ");
+    }
+    function Nt(e, n) {
+      return `M ${e} ${n} L ${e - Ae} ${n - Ae * 0.6} L ${e - Ae} ${n + Ae * 0.6} Z`;
+    }
+    const ve = $(() => {
+      const e = me(/* @__PURE__ */ new Date());
+      return De(e);
+    }), Ie = $(() => {
+      const e = me(/* @__PURE__ */ new Date());
+      return e >= be.value.start && e <= be.value.end;
     });
-    function je() {
-      !L.value || !V.value || L.value.scrollTo({ left: Math.max(0, G.value - (P.value - s.sidebarWidth) / 2), behavior: "smooth" });
+    function jt() {
+      !A.value || !Ie.value || A.value.scrollTo({ left: Math.max(0, ve.value - (le.value - i.sidebarWidth) / 2), behavior: "smooth" });
     }
-    let l = {
+    let r = {
       active: !1,
       barIndex: -1,
       taskId: "",
@@ -268,175 +342,536 @@ const ct = {
       affectedIds: /* @__PURE__ */ new Set(),
       // cascade set
       rafId: 0
+    }, l = {
+      active: !1,
+      sourceId: "",
+      sourceIndex: -1,
+      pointerX: 0,
+      pointerY: 0,
+      targetId: null,
+      targetValid: !1,
+      rafId: 0,
+      scrollRafId: 0,
+      keyboard: !1,
+      keyboardTargetIndex: -1
     };
-    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 Ve(t) {
-      const o = /* @__PURE__ */ new Set();
-      if (!s.cascadeDependencies) return o;
-      const e = [t];
-      for (; e.length; ) {
-        const n = e.shift();
-        for (const a of _.value)
-          a.dependencies?.includes(n) && !o.has(a.id) && (o.add(a.id), e.push(a.id));
+    const P = k(!1), q = k(""), G = k(null), Me = k(null), fe = k("default"), h = k(!1), Q = k(""), ge = k(null), L = k("none"), T = k(null), Fe = k(""), Le = k(null), I = k(!1), O = k([]), H = k(null);
+    function Ut(e, n) {
+      O.value[n] = e;
+    }
+    function Yt(e) {
+      const n = /* @__PURE__ */ new Set();
+      if (!i.cascadeDependencies) return n;
+      const t = St(w.value), o = [e];
+      for (; o.length; ) {
+        const a = o.shift();
+        for (const s of t)
+          s.predecessorId === a && !n.has(s.successorId) && (n.add(s.successorId), o.push(s.successorId));
       }
-      return o;
-    }
-    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 + Te ? "resize-left" : n > o.x + o.fullW - Te ? "resize-right" : "move";
-    }
-    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 = 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 re(t) {
-      if (l.active) {
-        if (l.pxDelta = t.clientX - l.startMouseX, l.mode !== "move" && l.origStart && l.origEnd) {
-          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));
+      return n;
+    }
+    function at(e, n) {
+      if (!i.draggable || n.task.milestone) return "move";
+      const t = e.currentTarget.closest("svg");
+      if (!t) return "move";
+      const o = e.clientX - t.getBoundingClientRect().left;
+      return o < n.x + Et ? "resize-left" : o > n.x + n.fullW - Et ? "resize-right" : "move";
+    }
+    function Qt(e, n) {
+      if (!i.draggable || l.active || h.value) return;
+      const t = b.value[n];
+      if (!t || t.task.milestone) return;
+      e.preventDefault(), e.stopPropagation();
+      const o = at(e, t);
+      r.active = !0, r.barIndex = n, r.taskId = t.task.id, r.mode = o, r.startMouseX = e.clientX, r.pxDelta = 0, r.origStart = new Date(t.task._start), r.origEnd = new Date(t.task._end), r.affectedIds = o === "move" ? Yt(t.task.id) : /* @__PURE__ */ new Set(), P.value = !0, q.value = t.task.id, p.value = null, I.value = !1, _.value = n, ye = "", document.addEventListener("mousemove", rt), document.addEventListener("mouseup", yt), document.addEventListener("pointercancel", it), document.addEventListener("keydown", st), document.body.style.cursor = o === "move" ? "grabbing" : "ew-resize", document.body.style.userSelect = "none", E(
+        o === "move" ? `Moving ${t.task.name}` : `Resizing ${t.task.name}. Preview dates update as you drag.`
+      );
+    }
+    function lt() {
+      if (!r.origStart || !r.origEnd) return null;
+      const e = nt(r.origStart, r.origEnd);
+      return Xn({
+        mode: r.mode,
+        pxDelta: r.pxDelta,
+        origStart: r.origStart,
+        origEnd: r.origEnd,
+        origDurationDays: e,
+        pxToDays: Ft,
+        daysToPx: Xt,
+        addDays: B
+      });
+    }
+    function rt(e) {
+      if (!r.active) return;
+      r.pxDelta = e.clientX - r.startMouseX;
+      const n = A.value;
+      if (n) {
+        const t = n.getBoundingClientRect(), { dx: o, dy: a } = Tt(e.clientX, e.clientY, {
+          left: t.left,
+          top: t.top,
+          right: t.right,
+          bottom: t.bottom
+        });
+        (o || a) && (n.scrollLeft += o, n.scrollTop += a, K.value && (K.value.scrollTop = n.scrollTop));
+      }
+      cancelAnimationFrame(r.rafId), r.rafId = requestAnimationFrame(Jt);
+    }
+    function st(e) {
+      r.active && e.key === "Escape" && (e.preventDefault(), Ce(r.mode === "move" ? "Move cancelled" : "Resize cancelled"));
+    }
+    function it() {
+      Ce(r.mode === "move" ? "Move cancelled" : "Resize cancelled");
+    }
+    function ut(e, n) {
+      const { x: t, y: o, fullW: a, progressW: s } = n, c = i.barHeight, f = i.barRadius, y = e.querySelector('[data-gantt-part="bg"]');
+      y && y.setAttribute("d", J(t, o, a, c, f));
+      const x = e.querySelector('[data-gantt-part="progress"]');
+      x && (s > 0 ? (x.setAttribute("d", J(t, o, Math.min(s, a), c, f)), x.style.display = "") : x.style.display = "none");
+      const W = e.querySelector('[data-gantt-part="fill"]');
+      W && W.setAttribute("d", J(t, o, a, c, f));
+      const te = e.querySelector('[data-gantt-part="hitbox"]');
+      te && (te.setAttribute("x", String(t)), te.setAttribute("width", String(a)));
+      const ne = e.querySelector('[data-gantt-part="highlight"]');
+      ne && (ne.setAttribute("x", String(t)), ne.setAttribute("width", String(a)));
+      const oe = e.querySelector('[data-gantt-part="handle-left"]');
+      oe && (oe.setAttribute("x", String(t)), oe.style.display = "");
+      const ae = e.querySelector('[data-gantt-part="handle-right"]');
+      ae && (ae.setAttribute("x", String(t + a - 4)), ae.style.display = "");
+      const Z = e.querySelector('[data-gantt-part="label"]');
+      Z && (Z.setAttribute("x", String(t + 12)), Z.style.display = a > 60 ? "" : "none");
+    }
+    function ct(e) {
+      const n = b.value[e], t = O.value[e];
+      if (!n || !t || n.task.milestone) return;
+      t.style.transform = "", t.removeAttribute("data-resize-px");
+      const o = n.task.progress != null ? n.fullW * Math.min(100, n.task.progress) / 100 : 0;
+      ut(t, {
+        x: n.x,
+        y: n.y,
+        fullW: n.fullW,
+        progressW: o
+      });
+    }
+    const dt = { month: "short", day: "numeric", year: "numeric" };
+    function Se(e, n) {
+      return `${e.toLocaleDateString(i.locale, dt)} — ${n.toLocaleDateString(i.locale, dt)}`;
+    }
+    function vt(e, n, t, o, a) {
+      if (!H.value) return;
+      const s = Se(e, n), c = t + a / 2, f = o - 22, y = Math.max(148, s.length * 6.2);
+      H.value.style.display = "";
+      const x = H.value.querySelector("rect"), W = H.value.querySelector("text");
+      x && (x.setAttribute("x", String(c - y / 2)), x.setAttribute("y", String(f - 8)), x.setAttribute("width", String(y))), W && (W.setAttribute("x", String(c)), W.setAttribute("y", String(f + 2)), W.textContent = s);
+    }
+    let ye = "";
+    function ft(e) {
+      e !== ye && (ye = e, E(e));
+    }
+    function Jt() {
+      const e = b.value[r.barIndex], n = O.value[r.barIndex];
+      if (!e || !n || !r.origStart || !r.origEnd) return;
+      const t = lt();
+      if (!t) return;
+      if (r.mode === "move") {
+        const s = t.clampedPxDelta;
+        if (n.style.transform = `translateX(${s}px)`, r.affectedIds.size > 0) {
+          for (let c = 0; c < b.value.length; c++)
+            if (r.affectedIds.has(b.value[c].task.id)) {
+              const f = O.value[c];
+              f && (f.style.transform = `translateX(${s}px)`);
+            }
         }
-        cancelAnimationFrame(l.rafId), l.rafId = requestAnimationFrame(Ke);
+        vt(
+          t.start,
+          t.end,
+          e.x + s,
+          e.y,
+          e.fullW
+        ), ft(`${e.task.name}: ${Se(t.start, t.end)}`);
+        return;
       }
+      n.style.transform = "";
+      const o = Fn({
+        start: t.start,
+        end: t.end,
+        dateToX: De
+      }), a = e.fullW > 0 ? e.progressW / e.fullW : 0;
+      ut(n, {
+        x: o.x,
+        y: e.y,
+        fullW: o.fullW,
+        progressW: o.fullW * a
+      }), vt(t.start, t.end, o.x, e.y, o.fullW), ft(`${e.task.name}: ${Se(t.start, t.end)}`);
     }
-    function Ke() {
-      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 = 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 (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;
-            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 gt() {
+      document.removeEventListener("mousemove", rt), document.removeEventListener("mouseup", yt), document.removeEventListener("pointercancel", it), document.removeEventListener("keydown", st), document.body.style.cursor = "", document.body.style.userSelect = "", cancelAnimationFrame(r.rafId);
+    }
+    function Ce(e) {
+      if (!r.active) return;
+      gt();
+      const n = r.barIndex;
+      if (r.mode === "move")
+        for (const t of O.value)
+          t && (t.style.transform = "", t.removeAttribute("data-resize-px"));
+      else n >= 0 && ct(n);
+      H.value && (H.value.style.display = "none"), r.active = !1, r.barIndex = -1, r.taskId = "", r.pxDelta = 0, r.origStart = null, r.origEnd = null, r.affectedIds.clear(), P.value = !1, q.value = "", _.value = null, ye = "", e && E(e);
+    }
+    function yt() {
+      if (!r.active) return;
+      const e = lt(), n = r.mode, t = r.taskId, o = new Set(r.affectedIds), a = r.barIndex;
+      if (gt(), !!e && Math.abs(e.snappedDays) > 0.1 && e) {
+        const c = w.value.find((f) => f.id === t);
+        if (c && (X("task-update", c, { start: e.start, end: e.end }), E(`Updated ${c.name} to ${Se(e.start, e.end)}`), n === "move" && o.size > 0))
+          for (const f of o) {
+            const y = w.value.find((x) => x.id === f);
+            y && X("task-update", y, {
+              start: B(y._start, e.snappedDays),
+              end: B(y._end, e.snappedDays)
+            });
           }
-        }
+        if (n === "move")
+          for (const f of O.value)
+            f && (f.style.transform = "", f.removeAttribute("data-resize-px"));
+      } else if (n === "move")
+        for (const c of O.value)
+          c && (c.style.transform = "", c.removeAttribute("data-resize-px"));
+      else a >= 0 && ct(a);
+      H.value && (H.value.style.display = "none"), r.active = !1, r.barIndex = -1, r.taskId = "", r.pxDelta = 0, r.origStart = null, r.origEnd = null, r.affectedIds.clear(), P.value = !1, q.value = "", _.value = null, ye = "";
+    }
+    function Xe(e, n) {
+      if (l.active || h.value) {
+        fe.value = "crosshair";
+        return;
+      }
+      if (r.active || !i.draggable || n.task.milestone) {
+        fe.value = r.active ? "grabbing" : "pointer";
+        return;
+      }
+      fe.value = at(e, n) === "move" ? "grab" : "ew-resize";
+    }
+    function Te(e) {
+      const { _start: n, _end: t, _color: o, _index: a, ...s } = e;
+      return s;
+    }
+    function qe(e, n) {
+      const t = Le.value;
+      if (!t) return { x: 0, y: 0 };
+      const o = t.getBoundingClientRect();
+      return { x: e - o.left, y: n - o.top };
+    }
+    function F(e) {
+      return Wn(
+        { id: e.task.id, x: e.x, y: e.y, fullW: e.fullW, milestone: e.task.milestone },
+        i.barHeight
+      );
+    }
+    function en(e) {
+      return !i.editableDependencies || r.active || P.value ? !1 : h.value && Q.value === b.value[e]?.task.id ? !0 : G.value === e || Me.value === e;
+    }
+    function tn() {
+      return b.value.map((e) => ({
+        id: e.task.id,
+        x: e.x,
+        y: e.y,
+        fullW: e.fullW,
+        milestone: e.task.milestone
+      }));
+    }
+    function E(e) {
+      Fe.value = "", requestAnimationFrame(() => {
+        Fe.value = e;
+      });
+    }
+    function pe() {
+      const e = b.value.find((t) => t.task.id === l.sourceId);
+      if (!e) {
+        T.value = null;
+        return;
+      }
+      const n = F(e);
+      T.value = {
+        x1: n.cx,
+        y1: n.cy,
+        x2: l.pointerX,
+        y2: l.pointerY
+      };
+    }
+    function Ee(e) {
+      if (l.targetId = e, ge.value = e, !e || e === l.sourceId) {
+        l.targetValid = !1, L.value = e ? "invalid" : "none";
+        return;
+      }
+      const n = Qe(w.value, l.sourceId, e);
+      l.targetValid = n.valid, L.value = n.valid ? "valid" : "invalid";
+    }
+    function Oe(e, n) {
+      const t = qe(e, n);
+      l.pointerX = t.x, l.pointerY = t.y;
+      const o = Rn(tn(), t.x, t.y, i.barHeight), a = o && o.id !== l.sourceId ? o.id : o?.id === l.sourceId ? l.sourceId : null;
+      Ee(a), pe();
+      const s = A.value;
+      if (s) {
+        const c = s.getBoundingClientRect(), { dx: f, dy: y } = Tt(e, n, {
+          left: c.left,
+          top: c.top,
+          right: c.right,
+          bottom: c.bottom
+        });
+        (f || y) && (cancelAnimationFrame(l.scrollRafId), l.scrollRafId = requestAnimationFrame(() => {
+          s.scrollLeft += f, s.scrollTop += y, K.value && (K.value.scrollTop = s.scrollTop);
+          const x = qe(e, n);
+          l.pointerX = x.x, l.pointerY = x.y, pe();
+        }));
       }
     }
-    function ie() {
+    function pt() {
+      document.removeEventListener("pointermove", mt), document.removeEventListener("pointerup", xt), document.removeEventListener("pointercancel", wt), document.removeEventListener("keydown", bt);
+    }
+    function V(e) {
+      !l.active && !h.value || (pt(), cancelAnimationFrame(l.rafId), cancelAnimationFrame(l.scrollRafId), document.body.style.cursor = "", document.body.style.userSelect = "", l.active = !1, l.sourceId = "", l.sourceIndex = -1, l.targetId = null, l.targetValid = !1, l.keyboard = !1, l.keyboardTargetIndex = -1, h.value = !1, Q.value = "", ge.value = null, L.value = "none", T.value = null, I.value = !1, e && E(e));
+    }
+    function ht() {
       if (!l.active) return;
-      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)), 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)
-              });
-            }
-        }
+      const e = l.sourceId, n = l.targetId;
+      if (!(l.targetValid && !!n) || !n) {
+        V(
+          n ? Je(
+            Qe(w.value, e, n),
+            w.value.find((c) => c.id === e)?.name ?? e,
+            w.value.find((c) => c.id === n)?.name ?? n
+          ) : "Dependency linking cancelled"
+        );
+        return;
+      }
+      const o = w.value.find((c) => c.id === e), a = w.value.find((c) => c.id === n);
+      if (!o || !a) {
+        V("Dependency linking cancelled");
+        return;
       }
-      for (const e of K.value)
-        e && (e.style.transform = "", e.removeAttribute("data-resize-px"));
-      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;
+      const s = {
+        predecessorId: e,
+        successorId: n,
+        predecessor: Te(o),
+        successor: Te(a),
+        type: "waiting-on",
+        typeLabel: Ct("waiting-on")
+      };
+      E(
+        Je(
+          { valid: !0 },
+          o.name,
+          a.name
+        )
+      ), pt(), cancelAnimationFrame(l.rafId), cancelAnimationFrame(l.scrollRafId), document.body.style.cursor = "", document.body.style.userSelect = "", l.active = !1, l.sourceId = "", l.sourceIndex = -1, l.targetId = null, l.targetValid = !1, l.keyboard = !1, l.keyboardTargetIndex = -1, h.value = !1, Q.value = "", ge.value = null, L.value = "none", T.value = null, I.value = !1, X("dependency-create", s);
+    }
+    function kt(e, n, t, o = !1) {
+      if (!i.editableDependencies || r.active || P.value) return;
+      const a = b.value[e];
+      if (!a) return;
+      de(), l.active = !0, l.sourceId = a.task.id, l.sourceIndex = e, l.keyboard = o, l.keyboardTargetIndex = -1, h.value = !0, Q.value = a.task.id, p.value = null, I.value = !0, _.value = e;
+      const s = F(a);
+      o ? (l.pointerX = s.cx + 40, l.pointerY = s.cy, Ee(null)) : Oe(n, t), pe(), E(`Linking from ${a.task.name}. Drop on a target task, or press Escape to cancel.`), document.addEventListener("pointermove", mt), document.addEventListener("pointerup", xt), document.addEventListener("pointercancel", wt), document.addEventListener("keydown", bt), document.body.style.cursor = "crosshair", document.body.style.userSelect = "none";
+    }
+    function mt(e) {
+      !l.active || l.keyboard || (cancelAnimationFrame(l.rafId), l.rafId = requestAnimationFrame(() => Oe(e.clientX, e.clientY)));
     }
-    function $e(t, o) {
-      if (l.active || !s.draggable || o.task.milestone) {
-        U.value = l.active ? "grabbing" : "pointer";
+    function xt(e) {
+      !l.active || l.keyboard || (Oe(e.clientX, e.clientY), ht());
+    }
+    function wt() {
+      V("Dependency linking cancelled");
+    }
+    function Ve(e) {
+      const n = b.value;
+      if (!n.length) return;
+      const t = n.map((y, x) => ({ b: y, i: x })).filter(({ b: y }) => y.task.id !== l.sourceId);
+      if (!t.length) {
+        Ee(null), pe();
         return;
       }
-      U.value = be(t, o) === "move" ? "grab" : "ew-resize";
-    }
-    const Q = x(s.animate ? 0 : 1);
-    let ue = null;
-    function de() {
-      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);
+      let o = t.findIndex(({ b: y }) => y.task.id === l.targetId);
+      o < 0 && (o = e === 1 ? -1 : 0), o = (o + e + t.length) % t.length;
+      const a = t[o];
+      l.keyboardTargetIndex = a.i;
+      const s = F(a.b);
+      l.pointerX = a.b.task.milestone ? a.b.x + a.b.fullW / 2 : a.b.x, l.pointerY = s.cy, Ee(a.b.task.id), pe();
+      const c = Qe(w.value, l.sourceId, a.b.task.id), f = w.value.find((y) => y.id === l.sourceId)?.name ?? l.sourceId;
+      E(
+        c.valid ? `Target ${a.b.task.name}. Press Enter to create dependency.` : Je(c, f, a.b.task.name)
+      );
+    }
+    function bt(e) {
+      if (l.active) {
+        if (e.key === "Escape") {
+          e.preventDefault(), V("Dependency linking cancelled");
+          return;
+        }
+        l.keyboard && (e.key === "ArrowDown" || e.key === "ArrowRight" ? (e.preventDefault(), Ve(1)) : e.key === "ArrowUp" || e.key === "ArrowLeft" ? (e.preventDefault(), Ve(-1)) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ht()));
+      }
+    }
+    function nn(e, n) {
+      !i.editableDependencies || r.active || (e.preventDefault(), e.stopPropagation(), p.value = null, I.value = !0, kt(n, e.clientX, e.clientY, !1));
+    }
+    function on(e, n) {
+      if (!(!i.editableDependencies || r.active || h.value) && (e.key === "Enter" || e.key === " ")) {
+        e.preventDefault(), e.stopPropagation();
+        const t = b.value[n];
+        if (!t) return;
+        p.value = null;
+        const o = F(t), s = Le.value?.getBoundingClientRect(), c = (s?.left ?? 0) + o.cx, f = (s?.top ?? 0) + o.cy;
+        kt(n, c, f, !0), Ve(1);
+      }
+    }
+    function an(e) {
+      Me.value = e, G.value = e, p.value = null;
+    }
+    function ln() {
+      Me.value = null, I.value = !1, h.value || (G.value = null);
+    }
+    function rn(e) {
+      return !h.value || Q.value === e ? "" : ge.value !== e ? "vlite-gantt-link-candidate" : L.value === "valid" ? "vlite-gantt-link-target-valid" : "vlite-gantt-link-target-invalid";
+    }
+    const We = k(i.animate ? 0 : 1);
+    let Ke = null;
+    function Ze() {
+      Ke?.(), We.value = 0, Ke = Cn(900, (e) => We.value = e);
+    }
+    xn(() => {
+      Pt(), i.animate && Ze();
+    }), he(() => i.viewMode, () => {
+      D.value = 1, i.animate && Ze();
+    }), he(() => i.tasks.length, () => {
+      i.animate && Ze();
+    }), he(() => i.tasks, () => {
+      r.active && (i.tasks.some((n) => n.id === r.taskId) || Ce(r.mode === "move" ? "Move cancelled because task was removed" : "Resize cancelled because task was removed")), (l.active || h.value) && V("Dependency linking cancelled because tasks changed"), S.value && !He.value.some((e) => e.key === S.value) && (S.value = null);
+    }), he(() => i.editableDependencies, (e) => {
+      e || ((l.active || h.value) && V("Dependency linking cancelled"), de());
+    }), wn(() => {
+      Ke?.(), Pe?.disconnect(), Ce(), document.removeEventListener("keydown", ze), V();
     });
-    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 Qe(t, o, e) {
-      return `M${t},${o - e}L${t + e},${o}L${t},${o + e}L${t - e},${o}Z`;
-    }
-    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;
-      A("task-hover", e.task);
-      const n = e.task;
-      g.value = {
-        x: t.clientX,
-        y: t.clientY,
-        task: n,
-        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 && $e(t, e);
-    }
-    function Se() {
-      l.active || (g.value = null, B.value = null, se.value = null, U.value = "default", A("task-hover", null));
-    }
-    function ve(t) {
-      l.active || A("task-click", t);
-    }
-    const fe = x();
-    function Je(t) {
-      fe.value && (fe.value.scrollTop = t.target.scrollTop);
-    }
-    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) => (u(), d("div", {
+    function J(e, n, t, o, a) {
+      const s = Math.min(a, t / 2, o / 2);
+      return s <= 0 || t <= 0 ? `M${e},${n}h${t}v${o}h${-t}Z` : `M${e + s},${n}h${t - 2 * s}q${s},0 ${s},${s}v${o - 2 * s}q0,${s} ${-s},${s}h${-(t - 2 * s)}q${-s},0 ${-s},${-s}v${-(o - 2 * s)}q0,${-s} ${s},${-s}Z`;
+    }
+    function sn(e, n, t) {
+      return `M${e},${n - t}L${e + t},${n}L${e},${n + t}L${e - t},${n}Z`;
+    }
+    const p = k(null), _ = k(null);
+    function un(e) {
+      const n = e;
+      return !n || typeof n.closest != "function" ? !1 : !!n.closest(".vlite-gantt-bar-group");
+    }
+    function cn(e) {
+      if (!i.editableDependencies) return null;
+      const n = Le.value;
+      if (!n) return null;
+      const t = n.getBoundingClientRect(), o = F(e), a = 14;
+      return {
+        left: t.left + o.cx - a,
+        top: t.top + o.cy - a,
+        right: t.left + o.cx + a,
+        bottom: t.top + o.cy + a
+      };
+    }
+    function dn(e, n, t) {
+      if (!i.editableDependencies) return !1;
+      if (I.value) return !0;
+      const o = qe(e, n), a = F(t);
+      return On(o.x, o.y, a.cx, a.cy);
+    }
+    function Ne(e, n) {
+      if (!i.showTooltip || r.active || l.active || h.value) {
+        p.value = null;
+        return;
+      }
+      const t = b.value[n];
+      if (!t) return;
+      if (dn(e.clientX, e.clientY, t)) {
+        p.value = null;
+        return;
+      }
+      const o = t.task, a = qn({
+        pointerX: e.clientX,
+        pointerY: e.clientY,
+        viewportWidth: window.innerWidth,
+        viewportHeight: window.innerHeight,
+        avoid: cn(t)
+      });
+      p.value = {
+        left: a.left,
+        top: a.top,
+        task: o,
+        startStr: o._start.toLocaleDateString(i.locale, { month: "short", day: "numeric", year: "numeric" }),
+        endStr: o._end.toLocaleDateString(i.locale, { month: "short", day: "numeric", year: "numeric" })
+      };
+    }
+    function vn(e = !0) {
+      p.value = null, _.value = null, I.value = !1, Me.value == null && (G.value = null), fe.value = "default", e && X("task-hover", null);
+    }
+    function fn(e, n) {
+      if (r.active || l.active || h.value) return;
+      G.value = n, _.value = n;
+      const t = b.value[n];
+      if (!t) return;
+      X("task-hover", t.task), Xe(e, t);
+      const o = !!e.target?.closest?.(".vlite-gantt-dep-connector");
+      I.value = o, o ? p.value = null : Ne(e, n);
+    }
+    function gn() {
+      r.active || l.active || h.value || vn(!0);
+    }
+    function Dt(e, n) {
+      if (r.active || l.active || h.value) return;
+      I.value = !1, G.value = n, _.value = n;
+      const t = b.value[n];
+      t && (Xe(e, t), Ne(e, n));
+    }
+    function $t(e, n) {
+      if (r.active || l.active || h.value) return;
+      I.value = !1;
+      const t = b.value[n];
+      t && Xe(e, t), Ne(e, n);
+    }
+    function yn(e) {
+      r.active || l.active || h.value || (I.value = !0, G.value = e, _.value = e, p.value = null);
+    }
+    function pn(e) {
+      if (!(r.active || l.active || h.value)) {
+        if (un(e.relatedTarget) && !e.relatedTarget?.closest?.(".vlite-gantt-dep-connector")) {
+          I.value = !1;
+          return;
+        }
+        I.value = !1, p.value = null;
+      }
+    }
+    function je(e) {
+      !r.active && !l.active && X("task-click", e);
+    }
+    const K = k();
+    function hn(e) {
+      K.value && (K.value.scrollTop = e.target.scrollTop);
+    }
+    const ee = Math.random().toString(36).slice(2, 7);
+    function kn(e, n) {
+      const t = Math.ceil(nt(e, n));
+      if (t <= 1) return "1 day";
+      if (t < 7) return `${t} days`;
+      const o = Math.floor(t / 7), a = t % 7;
+      return a === 0 ? `${o} week${o > 1 ? "s" : ""}` : `${o}w ${a}d`;
+    }
+    return (e, n) => (v(), g("div", {
       ref_key: "containerRef",
-      ref: j,
+      ref: xe,
       class: "vlite-gantt-chart w-full select-none"
     }, [
-      c.showTodayLine && V.value || c.zoom ? (u(), d("div", ct, [
-        c.zoom ? (u(), d("div", vt, [
-          r("button", {
+      d.showTodayLine && Ie.value || d.zoom ? (v(), g("div", Vn, [
+        d.zoom ? (v(), g("div", Kn, [
+          u("button", {
             class: "vlite-gantt-btn",
-            onClick: Ze,
-            disabled: m.value <= 0.4
-          }, [...o[0] || (o[0] = [
-            r("svg", {
+            onClick: zt,
+            disabled: D.value <= 0.4
+          }, [...n[1] || (n[1] = [
+            u("svg", {
               width: "12",
               height: "12",
               viewBox: "0 0 24 24",
@@ -446,40 +881,40 @@ const ct = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, [
-              r("circle", {
+              u("circle", {
                 cx: "11",
                 cy: "11",
                 r: "8"
               }),
-              r("line", {
+              u("line", {
                 x1: "21",
                 y1: "21",
                 x2: "16.65",
                 y2: "16.65"
               }),
-              r("line", {
+              u("line", {
                 x1: "8",
                 y1: "11",
                 x2: "14",
                 y2: "11"
               })
             ], -1),
-            r("span", null, "Zoom Out", -1)
-          ])], 8, ft),
-          r("button", {
+            u("span", null, "Zoom Out", -1)
+          ])], 8, Zn),
+          u("button", {
             class: "vlite-gantt-btn",
-            onClick: Fe,
-            disabled: m.value >= 3
-          }, [...o[1] || (o[1] = [
-            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),
-        c.showTodayLine && V.value ? (u(), d("button", {
+            onClick: Ht,
+            disabled: D.value >= 3
+          }, [...n[2] || (n[2] = [
+            bn('<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-d83427d6><circle cx="11" cy="11" r="8" data-v-d83427d6></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-d83427d6></line><line x1="11" y1="8" x2="11" y2="14" data-v-d83427d6></line><line x1="8" y1="11" x2="14" y2="11" data-v-d83427d6></line></svg><span data-v-d83427d6>Zoom In</span>', 2)
+          ])], 8, Nn)
+        ])) : m("", !0),
+        d.showTodayLine && Ie.value ? (v(), g("button", {
           key: 1,
           class: "vlite-gantt-btn",
-          onClick: je
-        }, [...o[2] || (o[2] = [
-          r("svg", {
+          onClick: jt
+        }, [...n[3] || (n[3] = [
+          u("svg", {
             width: "12",
             height: "12",
             viewBox: "0 0 24 24",
@@ -489,57 +924,57 @@ const ct = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            r("circle", {
+            u("circle", {
               cx: "12",
               cy: "12",
               r: "10"
             }),
-            r("line", {
+            u("line", {
               x1: "12",
               y1: "8",
               x2: "12",
               y2: "12"
             }),
-            r("line", {
+            u("line", {
               x1: "12",
               y1: "16",
               x2: "12.01",
               y2: "16"
             })
           ], -1),
-          r("span", null, "Today", -1)
-        ])])) : h("", !0)
-      ])) : h("", !0),
-      r("div", ht, [
-        r("div", {
+          u("span", null, "Today", -1)
+        ])])) : m("", !0)
+      ])) : m("", !0),
+      u("div", jn, [
+        u("div", {
           class: "vlite-gantt-sidebar",
-          style: D({ width: `${c.sidebarWidth}px`, minWidth: `${c.sidebarWidth}px` })
+          style: R({ width: `${d.sidebarWidth}px`, minWidth: `${d.sidebarWidth}px` })
         }, [
-          c.showHeader ? (u(), d("div", {
+          d.showHeader ? (v(), g("div", {
             key: 0,
             class: "vlite-gantt-sidebar-header",
-            style: D({ height: `${E.value}px` })
-          }, [...o[3] || (o[3] = [
-            r("span", { class: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Tasks", -1)
-          ])], 4)) : h("", !0),
-          r("div", {
+            style: R({ height: `${U.value}px` })
+          }, [...n[4] || (n[4] = [
+            u("span", { class: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Tasks", -1)
+          ])], 4)) : m("", !0),
+          u("div", {
             ref_key: "sidebarRef",
-            ref: fe,
+            ref: K,
             class: "vlite-gantt-sidebar-body",
-            style: D({ height: `${O.value}px` })
+            style: R({ height: `${ue.value}px` })
           }, [
-            (u(!0), d($, null, C(F.value, (e, n) => (u(), d("div", {
-              key: `s-${n}`,
+            (v(!0), g(C, null, z(re.value, (t, o) => (v(), g("div", {
+              key: `s-${o}`,
               class: "vlite-gantt-sidebar-row",
-              style: D({ height: `${c.rowHeight}px` })
+              style: R({ height: `${d.rowHeight}px` })
             }, [
-              e.type === "group-header" ? (u(), d("button", {
+              t.type === "group-header" ? (v(), g("button", {
                 key: 0,
                 class: "vlite-gantt-group-toggle",
-                onClick: (a) => Ae(e.group)
+                onClick: (a) => _t(t.group)
               }, [
-                (u(), d("svg", {
-                  class: me(["vlite-gantt-chevron", { "vlite-gantt-chevron-collapsed": N.value.has(e.group) }]),
+                (v(), g("svg", {
+                  class: ke(["vlite-gantt-chevron", { "vlite-gantt-chevron-collapsed": we.value.has(t.group) }]),
                   width: "14",
                   height: "14",
                   viewBox: "0 0 24 24",
@@ -548,287 +983,428 @@ const ct = {
                   "stroke-width": "2.5",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, [...o[4] || (o[4] = [
-                  r("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+                }, [...n[5] || (n[5] = [
+                  u("polyline", { points: "6 9 12 15 18 9" }, null, -1)
                 ])], 2)),
-                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", {
+                u("span", Yn, M(t.group), 1),
+                u("span", Qn, M(_e.value.grouped.get(t.group)?.length ?? 0), 1)
+              ], 8, Un)) : (v(), g("div", {
                 key: 1,
-                class: me(["vlite-gantt-task-name", {
-                  "vlite-gantt-task-name-grouped": !!e.group,
-                  "vlite-gantt-task-name-dragging": I.value && q.value === e.task?.id
+                class: ke(["vlite-gantt-task-name", {
+                  "vlite-gantt-task-name-grouped": !!t.group,
+                  "vlite-gantt-task-name-dragging": P.value && q.value === t.task?.id
                 }]),
-                onClick: (a) => e.task && ve(e.task)
+                onClick: (a) => t.task && je(t.task)
               }, [
-                r("span", {
+                u("span", {
                   class: "vlite-gantt-task-dot",
-                  style: D({ backgroundColor: e.task?._color })
+                  style: R({ backgroundColor: t.task?._color })
                 }, null, 4),
-                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))
+                u("span", eo, M(t.task?.name), 1),
+                d.showProgress && t.task?.progress != null ? (v(), g("span", to, M(t.task.progress) + "%", 1)) : m("", !0)
+              ], 10, Jn))
             ], 4))), 128))
           ], 4)
         ], 4),
-        r("div", {
+        u("div", {
           ref_key: "timelineRef",
-          ref: L,
+          ref: A,
           class: "vlite-gantt-timeline",
-          onScroll: Je,
-          onWheel: Pe
+          onScroll: hn,
+          onWheel: Bt
         }, [
-          c.showHeader ? (u(), d("div", {
+          d.showHeader ? (v(), g("div", {
             key: 0,
             class: "vlite-gantt-timeline-header",
-            style: D({ height: `${E.value}px`, width: `${Z.value}px` })
+            style: R({ height: `${U.value}px`, width: `${ie.value}px` })
           }, [
-            (u(), d("svg", {
-              width: Z.value,
-              height: E.value,
+            (v(), g("svg", {
+              width: ie.value,
+              height: U.value,
               class: "overflow-visible"
             }, [
-              (u(!0), d($, null, C(pe.value, (e, n) => (u(), d("g", { key: n }, [
-                r("line", {
-                  x1: e.x,
+              (v(!0), g(C, null, z(ot.value, (t, o) => (v(), g("g", { key: o }, [
+                u("line", {
+                  x1: t.x,
                   y1: 0,
-                  x2: e.x,
-                  y2: E.value,
+                  x2: t.x,
+                  y2: U.value,
                   stroke: "currentColor",
                   "stroke-opacity": "0.06"
-                }, null, 8, $t),
-                r("text", {
-                  x: e.x + e.width / 2,
-                  y: E.value / 2 - 5,
+                }, null, 8, oo),
+                u("text", {
+                  x: t.x + t.width / 2,
+                  y: U.value / 2 - 5,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle",
                   "font-size": "11",
                   "font-weight": "600",
                   class: "fill-foreground"
-                }, b(e.label), 9, Mt),
-                e.sublabel ? (u(), d("text", {
+                }, M(t.label), 9, ao),
+                t.sublabel ? (v(), g("text", {
                   key: 0,
-                  x: e.x + e.width / 2,
-                  y: E.value / 2 + 11,
+                  x: t.x + t.width / 2,
+                  y: U.value / 2 + 11,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle",
                   "font-size": "10",
                   class: "fill-muted-foreground"
-                }, b(e.sublabel), 9, Dt)) : h("", !0)
+                }, M(t.sublabel), 9, lo)) : m("", !0)
               ]))), 128))
-            ], 8, bt))
-          ], 4)) : h("", !0),
-          r("div", {
+            ], 8, no))
+          ], 4)) : m("", !0),
+          u("div", {
             class: "vlite-gantt-timeline-body",
-            style: D({ height: `${O.value}px` })
+            style: R({ height: `${ue.value}px` })
           }, [
-            (u(), d("svg", {
-              width: Z.value,
-              height: O.value,
+            (v(), g("svg", {
+              ref_key: "timelineSvgRef",
+              ref: Le,
+              width: ie.value,
+              height: ue.value,
               role: "img",
               "aria-label": "Gantt chart",
-              class: "overflow-visible"
+              class: ke(["overflow-visible", { "vlite-gantt-linking": h.value }]),
+              onPointerdown: Kt
             }, [
-              r("defs", null, [
-                (u(!0), d($, null, C(w.value, (e, n) => (u(), d("linearGradient", {
-                  key: `g${n}`,
-                  id: `gg-${z(R)}-${n}`,
+              u("defs", null, [
+                (v(!0), g(C, null, z(b.value, (t, o) => (v(), g("linearGradient", {
+                  key: `g${o}`,
+                  id: `gg-${N(ee)}-${o}`,
                   x1: "0",
                   y1: "0",
                   x2: "1",
                   y2: "0"
                 }, [
-                  r("stop", {
+                  u("stop", {
                     offset: "0%",
-                    "stop-color": e.task._color,
+                    "stop-color": t.task._color,
                     "stop-opacity": "1"
-                  }, null, 8, Lt),
-                  r("stop", {
+                  }, null, 8, io),
+                  u("stop", {
                     offset: "100%",
-                    "stop-color": e.task._color,
+                    "stop-color": t.task._color,
                     "stop-opacity": "0.75"
-                  }, null, 8, _t)
-                ], 8, Ct))), 128)),
-                (u(!0), d($, null, C(w.value, (e, n) => (u(), d("linearGradient", {
-                  key: `p${n}`,
-                  id: `gp-${z(R)}-${n}`,
+                  }, null, 8, uo)
+                ], 8, so))), 128)),
+                (v(!0), g(C, null, z(b.value, (t, o) => (v(), g("linearGradient", {
+                  key: `p${o}`,
+                  id: `gp-${N(ee)}-${o}`,
                   x1: "0",
                   y1: "0",
                   x2: "1",
                   y2: "0"
                 }, [
-                  r("stop", {
+                  u("stop", {
                     offset: "0%",
-                    "stop-color": e.task._color,
+                    "stop-color": t.task._color,
                     "stop-opacity": "0.35"
-                  }, null, 8, zt),
-                  r("stop", {
+                  }, null, 8, vo),
+                  u("stop", {
                     offset: "100%",
-                    "stop-color": e.task._color,
+                    "stop-color": t.task._color,
                     "stop-opacity": "0.15"
-                  }, null, 8, Wt)
-                ], 8, Ht))), 128))
+                  }, null, 8, fo)
+                ], 8, co))), 128))
               ]),
-              c.showGrid ? (u(!0), d($, { key: 0 }, C(pe.value, (e, n) => (u(), d("line", {
-                key: n,
-                x1: e.x,
+              d.showGrid ? (v(!0), g(C, { key: 0 }, z(ot.value, (t, o) => (v(), g("line", {
+                key: o,
+                x1: t.x,
                 y1: 0,
-                x2: e.x,
-                y2: O.value,
+                x2: t.x,
+                y2: ue.value,
                 stroke: "currentColor",
                 "stroke-opacity": "0.06",
                 "stroke-dasharray": "4 4"
-              }, null, 8, Tt))), 128)) : h("", !0),
-              (u(!0), d($, null, C(F.value, (e, n) => (u(), d("line", {
-                key: n,
+              }, null, 8, go))), 128)) : m("", !0),
+              (v(!0), g(C, null, z(re.value, (t, o) => (v(), g("line", {
+                key: o,
                 x1: 0,
-                y1: (n + 1) * c.rowHeight,
-                x2: Z.value,
-                y2: (n + 1) * c.rowHeight,
+                y1: (o + 1) * d.rowHeight,
+                x2: ie.value,
+                y2: (o + 1) * d.rowHeight,
                 stroke: "currentColor",
                 "stroke-opacity": "0.04"
-              }, null, 8, Et))), 128)),
-              (u(!0), d($, null, C(F.value, (e, n) => lt((u(), d("rect", {
-                key: `bg${n}`,
+              }, null, 8, yo))), 128)),
+              (v(!0), g(C, null, z(re.value, (t, o) => Dn((v(), g("rect", {
+                key: `bg${o}`,
                 x: 0,
-                y: n * c.rowHeight,
-                width: Z.value,
-                height: c.rowHeight,
+                y: o * d.rowHeight,
+                width: ie.value,
+                height: d.rowHeight,
                 fill: "currentColor",
                 "fill-opacity": "0.02"
-              }, null, 8, It)), [
-                [at, e.type === "group-header"]
+              }, null, 8, po)), [
+                [$n, t.type === "group-header"]
               ])), 128)),
-              (u(!0), d($, null, C(Ge.value, (e, n) => (u(), d("g", {
-                key: n,
-                class: "vlite-gantt-dep-group"
+              (v(!0), g(C, null, z(He.value, (t) => (v(), g("g", {
+                key: t.key,
+                class: ke(["vlite-gantt-dep-group", {
+                  "vlite-gantt-dep-selectable": d.editableDependencies,
+                  "vlite-gantt-dep-active": Y(t.key)
+                }])
               }, [
-                r("path", {
-                  d: e.d,
-                  stroke: "var(--color-muted-foreground)",
-                  "stroke-width": "1.5",
-                  "stroke-opacity": "0.35",
+                d.editableDependencies ? (v(), g("path", {
+                  key: 0,
+                  d: t.d,
+                  stroke: "transparent",
+                  "stroke-width": "14",
                   fill: "none",
-                  "stroke-linejoin": "round"
-                }, null, 8, Bt),
-                r("path", {
-                  d: e.ad,
-                  fill: "var(--color-muted-foreground)",
-                  "fill-opacity": "0.5"
-                }, null, 8, Rt)
-              ]))), 128)),
-              (u(!0), d($, null, C(w.value, (e, n) => (u(), d("g", {
-                key: e.task.id,
+                  "stroke-linejoin": "round",
+                  "stroke-linecap": "round",
+                  class: "vlite-gantt-dep-hit",
+                  onClick: (o) => Ot(o, t)
+                }, null, 8, ho)) : m("", !0),
+                u("path", {
+                  d: t.d,
+                  stroke: Y(t.key) ? et : "var(--color-muted-foreground)",
+                  "stroke-width": Y(t.key) ? 2.5 : 1.5,
+                  "stroke-opacity": Y(t.key) ? 1 : 0.35,
+                  fill: "none",
+                  "stroke-linejoin": "round",
+                  class: "pointer-events-none"
+                }, null, 8, ko),
+                u("path", {
+                  d: t.ad,
+                  fill: Y(t.key) ? et : "var(--color-muted-foreground)",
+                  "fill-opacity": Y(t.key) ? 1 : 0.5,
+                  class: "pointer-events-none"
+                }, null, 8, mo)
+              ], 2))), 128)),
+              d.editableDependencies && ce.value ? (v(), g("g", {
+                key: 1,
+                class: "vlite-gantt-dep-delete",
+                transform: `translate(${ce.value.midX}, ${ce.value.midY})`,
+                role: "button",
+                tabindex: "0",
+                focusable: "true",
+                "aria-label": qt.value,
+                onClick: Vt,
+                onKeydown: [
+                  It(Mt($e, ["prevent"]), ["enter"]),
+                  It(Mt($e, ["prevent"]), ["space"])
+                ]
+              }, [
+                n[6] || (n[6] = u("circle", {
+                  r: "11",
+                  fill: "transparent"
+                }, null, -1)),
+                u("circle", {
+                  r: "8",
+                  fill: et,
+                  stroke: "var(--color-background)",
+                  "stroke-width": "1.5"
+                }),
+                n[7] || (n[7] = u("path", {
+                  d: "M -3 -3 L 3 3 M 3 -3 L -3 3",
+                  stroke: "var(--color-background)",
+                  "stroke-width": "1.75",
+                  "stroke-linecap": "round",
+                  class: "pointer-events-none"
+                }, null, -1))
+              ], 40, xo)) : m("", !0),
+              (v(!0), g(C, null, z(b.value, (t, o) => (v(), g("g", {
+                key: t.task.id,
                 ref_for: !0,
-                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)) })
+                ref: (a) => Ut(a, o),
+                class: ke(["vlite-gantt-bar-group", [
+                  { "vlite-gantt-bar-dragging": P.value && (q.value === t.task.id || N(r).affectedIds.has(t.task.id)) },
+                  rn(t.task.id),
+                  { "vlite-gantt-link-source": h.value && Q.value === t.task.id }
+                ]]),
+                onMouseenter: (a) => fn(a, o),
+                onMouseleave: gn
               }, [
-                e.task.milestone ? (u(), d("path", {
+                t.task.milestone ? (v(), g("path", {
                   key: 0,
-                  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,
+                  d: sn(t.x + t.fullW / 2, t.y + d.barHeight / 2, d.barHeight * 0.4),
+                  fill: `url(#gg-${N(ee)}-${o})`,
+                  stroke: t.task._color,
                   "stroke-width": "1.5",
                   "stroke-opacity": "0.6",
                   class: "cursor-pointer",
-                  opacity: B.value === n ? 0.9 : 1,
-                  onMouseenter: (a) => Me(a, n),
-                  onMousemove: (a) => De(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})`,
+                  opacity: _.value === o ? 0.9 : 1,
+                  onMouseenter: (a) => Dt(a, o),
+                  onMousemove: (a) => $t(a, o),
+                  onClick: (a) => je(t.task)
+                }, null, 40, bo)) : (v(), g(C, { key: 1 }, [
+                  u("path", {
+                    "data-gantt-part": "bg",
+                    d: J(t.x, t.y, t.fullW, d.barHeight, d.barRadius),
+                    fill: `url(#gp-${N(ee)}-${o})`,
                     class: "pointer-events-none"
-                  }, null, 8, Pt),
-                  c.showProgress && e.progressW > 0 ? (u(), d("path", {
+                  }, null, 8, Do),
+                  d.showProgress && t.progressW > 0 ? (v(), g("path", {
                     key: 0,
-                    d: ce(e.x, e.y, Math.min(e.progressW, e.fullW), c.barHeight, c.barRadius),
-                    fill: `url(#gg-${z(R)}-${n})`,
+                    "data-gantt-part": "progress",
+                    d: J(t.x, t.y, Math.min(t.progressW, t.fullW), d.barHeight, d.barRadius),
+                    fill: `url(#gg-${N(ee)}-${o})`,
                     class: "pointer-events-none"
-                  }, null, 8, Ft)) : h("", !0),
-                  c.showProgress ? h("", !0) : (u(), d("path", {
+                  }, null, 8, $o)) : m("", !0),
+                  d.showProgress ? m("", !0) : (v(), g("path", {
                     key: 1,
-                    d: ce(e.x, e.y, e.w, c.barHeight, c.barRadius),
-                    fill: `url(#gg-${z(R)}-${n})`,
+                    "data-gantt-part": "fill",
+                    d: J(t.x, t.y, t.w, d.barHeight, d.barRadius),
+                    fill: `url(#gg-${N(ee)}-${o})`,
                     class: "pointer-events-none"
-                  }, null, 8, Zt)),
-                  r("rect", {
-                    x: e.x,
-                    y: e.y,
-                    width: e.fullW,
-                    height: c.barHeight,
+                  }, null, 8, Io)),
+                  u("rect", {
+                    "data-gantt-part": "hitbox",
+                    x: t.x,
+                    y: t.y,
+                    width: t.fullW,
+                    height: d.barHeight,
                     fill: "transparent",
-                    style: D({ cursor: U.value }),
-                    onMouseenter: (a) => Me(a, n),
-                    onMousemove: (a) => De(a, n),
-                    onMouseleave: Se,
-                    onMousedown: (a) => Ue(a, n),
-                    onClick: (a) => ve(e.task)
-                  }, null, 44, Ot),
-                  B.value === n ? (u(), d("rect", {
+                    style: R({ cursor: fe.value }),
+                    onMouseenter: (a) => Dt(a, o),
+                    onMousemove: (a) => $t(a, o),
+                    onMousedown: (a) => Qt(a, o),
+                    onClick: (a) => je(t.task)
+                  }, null, 44, Mo),
+                  _.value === o || P.value && q.value === t.task.id ? (v(), g("rect", {
                     key: 2,
-                    x: e.x,
-                    y: e.y,
-                    width: e.fullW,
-                    height: c.barHeight,
-                    rx: c.barRadius,
-                    ry: c.barRadius,
+                    "data-gantt-part": "highlight",
+                    x: t.x,
+                    y: t.y,
+                    width: t.fullW,
+                    height: d.barHeight,
+                    rx: d.barRadius,
+                    ry: d.barRadius,
                     fill: "currentColor",
                     "fill-opacity": "0.06",
                     class: "pointer-events-none"
-                  }, 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,
+                  }, null, 8, Lo)) : m("", !0),
+                  d.draggable && !t.task.milestone && (G.value === o || P.value && q.value === t.task.id) ? (v(), g(C, { key: 3 }, [
+                    u("rect", {
+                      "data-gantt-part": "handle-left",
+                      x: t.x,
+                      y: t.y + 4,
                       width: "4",
-                      height: c.barHeight - 8,
+                      height: d.barHeight - 8,
                       rx: "2",
                       fill: "currentColor",
                       "fill-opacity": "0.4",
                       class: "pointer-events-none"
-                    }, null, 8, qt),
-                    r("rect", {
-                      x: e.x + e.fullW - 4,
-                      y: e.y + 4,
+                    }, null, 8, So),
+                    u("rect", {
+                      "data-gantt-part": "handle-right",
+                      x: t.x + t.fullW - 4,
+                      y: t.y + 4,
                       width: "4",
-                      height: c.barHeight - 8,
+                      height: d.barHeight - 8,
                       rx: "2",
                       fill: "currentColor",
                       "fill-opacity": "0.4",
                       class: "pointer-events-none"
-                    }, null, 8, Xt)
-                  ], 64)) : h("", !0),
-                  c.showLabels && e.fullW > 60 ? (u(), d("text", {
+                    }, null, 8, Co)
+                  ], 64)) : m("", !0),
+                  d.showLabels && t.fullW > 60 ? (v(), g("text", {
                     key: 4,
-                    x: e.x + 12,
-                    y: e.y + c.barHeight / 2,
+                    "data-gantt-part": "label",
+                    x: t.x + 12,
+                    y: t.y + d.barHeight / 2,
                     "dominant-baseline": "middle",
                     "font-size": "11",
                     "font-weight": "600",
-                    fill: c.showProgress ? "currentColor" : "white",
-                    opacity: Q.value > 0.3 ? 0.85 : 0,
+                    fill: d.showProgress ? "currentColor" : "white",
+                    opacity: We.value > 0.3 ? 0.85 : 0,
                     class: "pointer-events-none"
-                  }, b(e.task.name), 9, jt)) : h("", !0)
-                ], 64))
-              ], 2))), 128)),
-              r("g", {
+                  }, M(t.task.name), 9, To)) : m("", !0)
+                ], 64)),
+                d.editableDependencies && en(o) ? (v(), g("g", {
+                  key: 2,
+                  class: "vlite-gantt-dep-connector",
+                  transform: `translate(${F(t).cx}, ${F(t).cy})`,
+                  role: "button",
+                  tabindex: "0",
+                  focusable: "true",
+                  "aria-label": `Create dependency from ${t.task.name}`,
+                  onPointerdown: (a) => nn(a, o),
+                  onKeydown: (a) => on(a, o),
+                  onFocus: (a) => an(o),
+                  onBlur: ln,
+                  onMouseenter: (a) => yn(o),
+                  onMouseleave: n[0] || (n[0] = (a) => pn(a))
+                }, [
+                  n[8] || (n[8] = u("circle", {
+                    r: "11",
+                    fill: "transparent",
+                    class: "vlite-gantt-dep-connector-hit"
+                  }, null, -1)),
+                  u("circle", {
+                    r: ea,
+                    class: "vlite-gantt-dep-connector-disc",
+                    fill: "var(--color-background)",
+                    stroke: "var(--color-foreground)",
+                    "stroke-width": "1.5"
+                  }),
+                  n[9] || (n[9] = u("path", {
+                    d: "M -3.5 0 H 3.5 M 0 -3.5 V 3.5",
+                    stroke: "var(--color-foreground)",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    class: "pointer-events-none"
+                  }, null, -1))
+                ], 40, Eo)) : m("", !0),
+                h.value && ge.value === t.task.id ? (v(), g("g", Wo, [
+                  u("rect", {
+                    x: t.x - 3,
+                    y: t.y - 3,
+                    width: t.fullW + 6,
+                    height: d.barHeight + 6,
+                    rx: d.barRadius + 2,
+                    fill: "none",
+                    stroke: L.value === "valid" ? "var(--color-success)" : "var(--color-danger)",
+                    "stroke-width": "2",
+                    "stroke-dasharray": L.value === "valid" ? "0" : "5 3"
+                  }, null, 8, Ro),
+                  u("text", {
+                    x: t.x + t.fullW + 10,
+                    y: t.y + d.barHeight / 2,
+                    "dominant-baseline": "middle",
+                    "font-size": "11",
+                    "font-weight": "700",
+                    fill: L.value === "valid" ? "var(--color-success)" : "var(--color-danger)"
+                  }, M(L.value === "valid" ? "✓" : "✕"), 9, Ao)
+                ])) : m("", !0)
+              ], 42, wo))), 128)),
+              h.value && T.value ? (v(), g("g", Po, [
+                u("line", {
+                  x1: T.value.x1,
+                  y1: T.value.y1,
+                  x2: T.value.x2,
+                  y2: T.value.y2,
+                  stroke: L.value === "invalid" ? "var(--color-danger)" : "var(--color-primary)",
+                  "stroke-width": "2",
+                  "stroke-dasharray": L.value === "invalid" ? "2 4" : "6 4",
+                  "stroke-linecap": "round",
+                  "stroke-opacity": L.value === "none" ? 0.55 : 0.9
+                }, null, 8, _o),
+                u("circle", {
+                  cx: T.value.x2,
+                  cy: T.value.y2,
+                  r: "4",
+                  fill: L.value === "invalid" ? "var(--color-danger)" : "var(--color-primary)",
+                  "fill-opacity": L.value === "none" ? 0.55 : 0.9
+                }, null, 8, Bo)
+              ])) : m("", !0),
+              u("g", {
                 ref_key: "dragLabelRef",
                 ref: H,
-                style: { display: "none" }
-              }, [...o[5] || (o[5] = [
-                r("rect", {
+                style: { display: "none" },
+                "pointer-events": "none",
+                "aria-hidden": "true"
+              }, [...n[10] || (n[10] = [
+                u("rect", {
                   x: "0",
                   y: "0",
-                  width: "124",
+                  width: "148",
                   height: "18",
                   rx: "4",
                   fill: "var(--color-foreground)",
                   "fill-opacity": "0.85"
                 }, null, -1),
-                r("text", {
+                u("text", {
                   x: "0",
                   y: "0",
                   "text-anchor": "middle",
@@ -838,77 +1414,79 @@ const ct = {
                   fill: "var(--color-background)"
                 }, null, -1)
               ])], 512),
-              c.showTodayLine && V.value ? (u(), d("g", Nt, [
-                r("line", {
-                  x1: G.value,
+              d.showTodayLine && Ie.value ? (v(), g("g", Ho, [
+                u("line", {
+                  x1: ve.value,
                   y1: 0,
-                  x2: G.value,
-                  y2: O.value,
-                  stroke: c.todayColor,
+                  x2: ve.value,
+                  y2: ue.value,
+                  stroke: d.todayColor,
                   "stroke-width": "2",
                   "stroke-opacity": "0.7",
                   "stroke-dasharray": "6 3"
-                }, null, 8, Vt),
-                r("circle", {
-                  cx: G.value,
+                }, null, 8, zo),
+                u("circle", {
+                  cx: ve.value,
                   cy: 0,
                   r: "4",
-                  fill: c.todayColor,
+                  fill: d.todayColor,
                   "fill-opacity": "0.9"
-                }, null, 8, Ut),
-                r("text", {
-                  x: G.value,
+                }, null, 8, Go),
+                u("text", {
+                  x: ve.value,
                   y: -8,
                   "text-anchor": "middle",
                   "font-size": "9",
                   "font-weight": "700",
-                  fill: c.todayColor,
+                  fill: d.todayColor,
                   "fill-opacity": "0.9"
-                }, "TODAY", 8, Kt)
-              ])) : h("", !0)
-            ], 8, St))
+                }, "TODAY", 8, Fo)
+              ])) : m("", !0)
+            ], 42, ro))
           ], 4)
         ], 544)
       ]),
-      (u(), st(rt, { to: "body" }, [
-        g.value && !I.value ? (u(), d("div", {
+      u("div", Xo, M(Fe.value), 1),
+      (v(), In(Mn, { to: "body" }, [
+        p.value && !P.value && !h.value && !I.value ? (v(), g("div", {
           key: 0,
           class: "vlite-chart-tooltip",
-          style: D({ left: `${g.value.x + 14}px`, top: `${g.value.y - 12}px` })
+          style: R({ left: `${p.value.left}px`, top: `${p.value.top}px` })
         }, [
-          r("div", Qt, b(g.value.task.name), 1),
-          r("div", Jt, [
-            r("span", {
+          u("div", qo, M(p.value.task.name), 1),
+          u("div", Oo, [
+            u("span", {
               class: "w-2 h-2 rounded-sm shrink-0",
-              style: D({ backgroundColor: g.value.task._color ?? g.value.task.color })
+              style: R({ backgroundColor: p.value.task._color ?? p.value.task.color })
             }, null, 4),
-            r("span", null, b(g.value.startStr) + " — " + b(g.value.endStr), 1)
+            u("span", null, M(p.value.startStr) + " — " + M(p.value.endStr), 1)
           ]),
-          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", {
+          u("div", Vo, M(kn(p.value.task._start, p.value.task._end)), 1),
+          d.showProgress && p.value.task.progress != null ? (v(), g("div", Ko, [
+            u("div", Zo, [
+              u("div", {
                 class: "vlite-gantt-tooltip-progress-fill",
-                style: D({
-                  width: `${g.value.task.progress}%`,
-                  backgroundColor: g.value.task._color ?? g.value.task.color
+                style: R({
+                  width: `${p.value.task.progress}%`,
+                  backgroundColor: p.value.task._color ?? p.value.task.color
                 })
               }, null, 4)
             ]),
-            r("span", oo, b(g.value.task.progress) + "%", 1)
-          ])) : h("", !0),
-          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)
+            u("span", No, M(p.value.task.progress) + "%", 1)
+          ])) : m("", !0),
+          p.value.task.group ? (v(), g("div", jo, M(p.value.task.group), 1)) : m("", !0),
+          d.draggable && !p.value.task.milestone ? (v(), g("div", Uo, [
+            n[11] || (n[11] = Lt(" Drag to move · Edges to resize ", -1)),
+            d.cascadeDependencies ? (v(), g(C, { key: 0 }, [
+              Lt(" · Dependents follow")
+            ], 64)) : m("", !0)
+          ])) : m("", !0),
+          d.editableDependencies ? (v(), g("div", Yo, " Drag the + connector to link a dependency ")) : m("", !0)
+        ], 4)) : m("", !0)
       ]))
     ], 512));
   }
 });
 export {
-  uo as default
+  sa as default
 };