vlite3 1.4.32 → 1.4.33

package/components/Chart/GanttChart.vue2.js

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