vlite3 1.4.31 → 1.4.33

package/components/Chart/GanttChart.vue2.js

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