vlite3 1.5.0 → 1.5.2

package/components/Chart/GanttChart.vue2.js

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