@affino/datagrid-vue-app 0.1.2 → 0.1.3

package/dist/chunks/DataGridGanttStage.vue_vue_type_script_setup_true_lang-CYwB5Dpa.js

@@ -0,0 +1,916 @@
+import { defineComponent as yn, computed as u, ref as y, watch as de, nextTick as Mt, onMounted as wn, onBeforeUnmount as pn, openBlock as De, createElementBlock as We, createElementVNode as V, normalizeStyle as ne, createVNode as bn, mergeProps as Sn, unref as Mn, createCommentVNode as Tn } from "vue";
+import { o as Pn, q as Dn, _ as Wn } from "./DataGridTableStage.vue_vue_type_script_setup_true_lang-BJJoBCsA.js";
+import { resolveDataGridGanttAnalysis as _n, buildDataGridGanttVisibleBars as kn, buildDataGridGanttDependencyPaths as Rn, resolveDataGridGanttRangeFrame as Xe, buildDataGridTimelineRenderModels as Tt, resolveDataGridTimelineDateToPixel as Pt, resolveDataGridTimelineScrollLeftForDate as En, applyDataGridGanttDragDelta as In, hitTestDataGridGanttBar as Dt, clampDataGridTimelineScrollLeft as xn, buildDataGridGanttRowEditPatch as Cn } from "@affino/datagrid-gantt";
+const be = 0.5, Ln = 1.25;
+function Hn(s) {
+  const d = Math.abs(s.deltaX), o = Math.abs(s.deltaY);
+  if (s.shiftKey) {
+    const v = d > be ? s.deltaX : s.deltaY;
+    return Math.abs(v) > be ? { horizontalDelta: v, verticalDelta: 0 } : { horizontalDelta: 0, verticalDelta: 0 };
+  }
+  return d <= be && o <= be ? {
+    horizontalDelta: 0,
+    verticalDelta: 0
+  } : d > be && d > o * Ln ? {
+    horizontalDelta: s.deltaX,
+    verticalDelta: 0
+  } : {
+    horizontalDelta: 0,
+    verticalDelta: s.deltaY
+  };
+}
+const Bn = 12, Oe = 280, Ke = 240;
+function $e(s, d) {
+  return Number.isFinite(s) ? Math.max(1, Math.round(Number(s))) : d;
+}
+function Et(s) {
+  const d = $e(
+    s.minTableWidth,
+    Oe
+  ), o = $e(
+    s.minTimelineWidth,
+    Ke
+  ), v = $e(s.requestedWidth, d), S = Number.isFinite(s.stageWidth) ? Math.max(0, Number(s.stageWidth)) : 0, R = Number.isFinite(s.maxTableWidth) ? Math.max(d, Math.round(Number(s.maxTableWidth))) : Number.POSITIVE_INFINITY, w = S > 0 ? Math.max(d, S - o) : Number.POSITIVE_INFINITY;
+  return Math.min(
+    Math.max(v, d),
+    Math.min(R, w)
+  );
+}
+function Gn(s) {
+  return Et({
+    requestedWidth: s.originWidth + s.deltaX,
+    stageWidth: s.stageWidth,
+    minTableWidth: s.minTableWidth,
+    minTimelineWidth: s.minTimelineWidth,
+    maxTableWidth: s.maxTableWidth
+  });
+}
+const An = 44;
+function Nn(s, d, o) {
+  const v = s.trim();
+  if (v.length === 0 || d < An)
+    return null;
+  if (o(v) <= d)
+    return v;
+  const S = "...";
+  if (o(S) > d)
+    return null;
+  let w = 0, I = v.length, E = "";
+  for (; w <= I; ) {
+    const M = Math.floor((w + I) / 2), T = `${v.slice(0, M).trimEnd()}${S}`;
+    o(T) <= d ? (E = T, w = M + 1) : I = M - 1;
+  }
+  return E.length > 0 ? E : null;
+}
+const Vn = 6;
+function Se(s) {
+  return [
+    s.dependencyTaskId,
+    s.dependencyType,
+    s.sourceBar.rowId,
+    s.targetBar.rowId
+  ].join("::");
+}
+function zn(s, d, o) {
+  const v = o.x - d.x, S = o.y - d.y;
+  if (v === 0 && S === 0) {
+    const W = s.x - d.x, ue = s.y - d.y;
+    return W * W + ue * ue;
+  }
+  const R = ((s.x - d.x) * v + (s.y - d.y) * S) / (v * v + S * S), w = Math.max(0, Math.min(1, R)), I = d.x + v * w, E = d.y + S * w, M = s.x - I, T = s.y - E;
+  return M * M + T * T;
+}
+function Wt(s, d, o = Vn) {
+  const v = Math.max(1, o) ** 2;
+  let S = null, R = Number.POSITIVE_INFINITY;
+  for (const w of s)
+    for (let I = 1; I < w.points.length; I += 1) {
+      const E = w.points[I - 1], M = w.points[I];
+      if (!E || !M)
+        continue;
+      const T = zn(d, E, M);
+      T > v || T >= R || (R = T, S = w);
+    }
+  return S;
+}
+const Fn = { class: "datagrid-gantt-stage__timeline" }, Xn = { class: "datagrid-gantt-stage__timeline-body" }, $n = {
+  key: 0,
+  class: "datagrid-gantt-stage__empty"
+}, _t = 48, kt = 240, _e = 40, Rt = 24, Yn = /* @__PURE__ */ yn({
+  __name: "DataGridGanttStage",
+  props: {
+    stageContext: {},
+    runtime: {},
+    gantt: {},
+    baseRowHeight: {},
+    rowVersion: {}
+  },
+  setup(s) {
+    Pn();
+    const d = /* @__PURE__ */ new Set(), o = s, v = o.stageContext, S = u(() => Dn(v)), R = u(() => v.rows.value), w = u(() => v.viewport.value), I = u(() => v.rowHeightMode.value), E = y(null), M = y(null), T = y(null), W = y(null), ue = y(null), ae = y(null), K = y(null), U = y(_t), ce = y(0), Y = y(0), ke = y(0), D = y(0), A = y(0), g = y(null), ie = y(null), j = y(null), z = y(null), L = y(null), Ue = y(!1), le = y(null);
+    let he = !1, ve = !1, Re = null, N = null, Ee = !1;
+    function Ie(e) {
+      const n = new Date(e);
+      return Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate());
+    }
+    function It(e) {
+      if (!e)
+        return null;
+      try {
+        return e.getContext("2d");
+      } catch {
+        return null;
+      }
+    }
+    function P(e, n) {
+      const a = M.value?.getStageRootElement() ?? W.value;
+      if (!a || typeof window > "u")
+        return n;
+      const l = window.getComputedStyle(a).getPropertyValue(e).trim();
+      return l.length > 0 ? l : n;
+    }
+    function Ye(e, n, a) {
+      const l = It(e);
+      if (!e || !l)
+        return null;
+      const r = typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1), t = Math.max(1, Math.round(n)), h = Math.max(1, Math.round(a));
+      return (e.width !== Math.round(t * r) || e.height !== Math.round(h * r)) && (e.width = Math.round(t * r), e.height = Math.round(h * r)), l.setTransform(r, 0, 0, r, 0, 0), l.clearRect(0, 0, t, h), l;
+    }
+    function je(e) {
+      return e ? Math.max(
+        e.clientWidth,
+        Math.round(e.getBoundingClientRect().width)
+      ) : 0;
+    }
+    function q(e, n, a, l, r, t) {
+      const h = Math.max(0, Math.min(t, l / 2, r / 2));
+      e.beginPath(), e.moveTo(n + h, a), e.lineTo(n + l - h, a), e.quadraticCurveTo(n + l, a, n + l, a + h), e.lineTo(n + l, a + r - h), e.quadraticCurveTo(n + l, a + r, n + l - h, a + r), e.lineTo(n + h, a + r), e.quadraticCurveTo(n, a + r, n, a + r - h), e.lineTo(n, a + h), e.quadraticCurveTo(n, a, n + h, a), e.closePath();
+    }
+    function oe(e, n, a, l) {
+      const r = Math.max(1, l / 2);
+      e.beginPath(), e.moveTo(n, a - r), e.lineTo(n + r, a), e.lineTo(n, a + r), e.lineTo(n - r, a), e.closePath();
+    }
+    function qe(e, n, a, l, r) {
+      Math.abs(a - n) < 2 || (e.save(), e.strokeStyle = r, e.lineWidth = 1.5, e.lineCap = "round", e.beginPath(), e.moveTo(n, l), e.lineTo(a, l), e.moveTo(n, l - 3), e.lineTo(n, l + 3), e.moveTo(a, l - 3), e.lineTo(a, l + 3), e.stroke(), e.restore());
+    }
+    function xt(e, n, a, l, r) {
+      const t = n[0];
+      if (!t || n.length < 2)
+        return;
+      e.save();
+      const h = a === "FS" ? [] : a === "SS" ? [5, 3] : a === "FF" ? [8, 3] : [2, 3];
+      e.setLineDash(h), e.strokeStyle = r, e.lineWidth = 4, e.lineJoin = "round", e.lineCap = "round", e.beginPath(), e.moveTo(t.x, t.y);
+      for (let _ = 1; _ < n.length; _ += 1) {
+        const x = n[_];
+        x && e.lineTo(x.x, x.y);
+      }
+      e.stroke(), e.strokeStyle = l, e.fillStyle = l, e.lineWidth = 1.5, e.lineJoin = "round", e.lineCap = "round", e.beginPath(), e.moveTo(t.x, t.y);
+      for (let _ = 1; _ < n.length; _ += 1) {
+        const x = n[_];
+        x && e.lineTo(x.x, x.y);
+      }
+      e.stroke();
+      const f = n[n.length - 1], H = n[n.length - 2];
+      if (f && H) {
+        e.fillStyle = "rgba(255, 255, 255, 0.85)", e.beginPath(), e.arc(t.x, t.y, 1.75 + 1.25, 0, Math.PI * 2), e.arc(f.x, f.y, 2.5 + 1.5, 0, Math.PI * 2), e.fill(), e.fillStyle = l, e.beginPath(), e.arc(t.x, t.y, 1.75, 0, Math.PI * 2), e.arc(f.x, f.y, 2.5, 0, Math.PI * 2), e.fill();
+        const X = Math.atan2(f.y - H.y, f.x - H.x), $ = 6, B = Math.PI / 8;
+        e.beginPath(), e.moveTo(f.x, f.y), e.lineTo(
+          f.x - $ * Math.cos(X - B),
+          f.y - $ * Math.sin(X - B)
+        ), e.lineTo(
+          f.x - $ * Math.cos(X + B),
+          f.y - $ * Math.sin(X + B)
+        ), e.closePath(), e.fill();
+      }
+      e.restore();
+    }
+    function Ct(e, n, a, l, r, t) {
+      const f = Math.max(0, r - 16), H = Nn(
+        n,
+        f,
+        (_) => e.measureText(_).width
+      );
+      H && (e.save(), e.beginPath(), e.rect(a, l, r, t), e.clip(), e.fillText(H, a + 8, l + t / 2), e.restore());
+    }
+    function J() {
+      const e = K.value;
+      if (!e) {
+        ce.value = 0, Y.value = 0;
+        return;
+      }
+      ce.value = e.scrollTop, Y.value = e.clientHeight;
+    }
+    function fe() {
+      const e = M.value?.getHeaderElement() ?? null, n = Math.max(
+        1,
+        Math.round(
+          e?.offsetHeight || e?.clientHeight || e?.getBoundingClientRect().height || _t
+        )
+      );
+      U.value !== n && (U.value = n);
+    }
+    function Z() {
+      ke.value = E.value?.clientWidth ?? 0;
+    }
+    function ge() {
+      A.value = Math.max(
+        je(W.value),
+        je(T.value)
+      );
+    }
+    function Je(e) {
+      if (!e)
+        return;
+      const n = Math.max(0, e.clientWidth);
+      n > 0 && A.value !== n && (A.value = n);
+    }
+    function m(e = "both") {
+      he = he || e !== "body", ve = ve || e !== "header", !(le.value != null || typeof window > "u") && (le.value = window.requestAnimationFrame(() => {
+        const n = he, a = ve;
+        le.value = null, he = !1, ve = !1, n && jt(), a && qt();
+      }));
+    }
+    function Lt() {
+      le.value == null || typeof window > "u" || (window.cancelAnimationFrame(le.value), le.value = null, he = !1, ve = !1);
+    }
+    function Ze(e) {
+      return o.runtime.api.view.getRowHeightOverride(e) ?? o.baseRowHeight;
+    }
+    const Me = u(() => o.runtime.api.view.getRowHeightVersion()), Qe = u(() => {
+      if (nt.value, Me.value, I.value !== "auto") {
+        const e = [];
+        let n = w.value.topSpacerHeight;
+        for (let a = 0; a < R.value.displayRows.length; a += 1) {
+          const l = w.value.viewportRowStart + a, r = Math.max(1, Ze(l));
+          e.push({
+            top: n,
+            height: r
+          }), n += r;
+        }
+        return e;
+      }
+      return M.value?.getVisibleRowMetrics() ?? [];
+    }), et = u(() => o.gantt ? (o.rowVersion, _n({
+      getCount: () => o.runtime.api.rows.getCount(),
+      get: (e) => o.runtime.api.rows.get(e)
+    }, o.gantt)) : null), c = u(() => et.value?.timeline ?? null), Ht = u(() => et.value?.criticalTaskIds ?? d), re = u(() => !o.gantt || !c.value ? [] : (o.rowVersion, Me.value, kn({
+      rows: R.value.displayRows,
+      rowMetrics: Qe.value,
+      viewportRowStart: w.value.viewportRowStart,
+      scrollTop: ce.value,
+      topSpacerHeight: w.value.topSpacerHeight,
+      viewportHeight: Math.max(
+        Y.value,
+        R.value.displayRows.length * o.baseRowHeight
+      ),
+      baseRowHeight: o.baseRowHeight,
+      resolveRowHeight: Ze,
+      timeline: c.value,
+      options: o.gantt,
+      criticalTaskIds: Ht.value
+    }))), tt = u(() => {
+      o.rowVersion, Me.value;
+      const e = [], n = Math.max(Y.value, 0);
+      return Qe.value.forEach((a) => {
+        const l = Math.round(a.top - ce.value + a.height) + 0.5;
+        l >= -1 && l <= n + 1 && e.push(l);
+      }), e;
+    }), me = u(() => {
+      const e = c.value;
+      return !e || !o.gantt ? [] : Rn({
+        bars: re.value,
+        resolveFrame: (n) => {
+          const a = it(n), l = Xe(
+            a,
+            e,
+            o.gantt?.minBarWidth ?? 6,
+            n.milestone ? n.height : void 0
+          );
+          return {
+            x: l.x - D.value,
+            width: l.width,
+            y: n.y,
+            height: n.height
+          };
+        }
+      });
+    }), Bt = u(() => L.value ? me.value.find((e) => Se(e) === L.value) ?? null : null), Gt = u(() => {
+      const e = Bt.value;
+      return e ? /* @__PURE__ */ new Set([
+        e.sourceBar.rowId,
+        e.targetBar.rowId
+      ]) : /* @__PURE__ */ new Set();
+    }), nt = u(() => R.value.displayRows.map((e, n) => `${e.rowId == null ? n : String(e.rowId)}`).join("|")), At = u(() => {
+      if (!o.gantt)
+        return "off";
+      const e = [
+        o.gantt.workingCalendar.workingWeekdays.join(","),
+        o.gantt.workingCalendar.holidayDayStarts.join(",")
+      ].join("@");
+      return [
+        o.gantt.startKey,
+        o.gantt.endKey,
+        o.gantt.baselineStartKey ?? "",
+        o.gantt.baselineEndKey ?? "",
+        o.gantt.progressKey ?? "",
+        o.gantt.dependencyKey ?? "",
+        o.gantt.labelKey ?? "",
+        o.gantt.idKey ?? "",
+        o.gantt.criticalKey ?? "",
+        o.gantt.computedCriticalPath ? "computed-critical" : "",
+        o.gantt.zoomLevel,
+        o.gantt.pixelsPerDay,
+        o.gantt.timelineStart == null ? "" : String(o.gantt.timelineStart),
+        o.gantt.timelineEnd == null ? "" : String(o.gantt.timelineEnd),
+        o.gantt.rangePaddingDays,
+        e,
+        o.gantt.rowBarHeight,
+        o.gantt.minBarWidth,
+        o.gantt.resizeHandleWidth,
+        o.gantt.paneWidth
+      ].join("|");
+    }), Nt = u(() => c.value ? [
+      c.value.startMs,
+      c.value.endMs,
+      c.value.totalWidth,
+      c.value.pixelsPerDay,
+      c.value.zoomLevel
+    ].join("|") : "none"), Vt = u(() => re.value.map((e) => [
+      String(e.rowUpdateId),
+      e.startMs,
+      e.endMs,
+      e.x,
+      e.width,
+      e.y,
+      e.height,
+      e.progress,
+      e.critical ? 1 : 0,
+      e.criticalSource ?? "",
+      e.milestone ? 1 : 0,
+      e.summary ? 1 : 0,
+      e.baselineStartMs ?? "",
+      e.baselineEndMs ?? "",
+      e.dependencyRefs.map((n) => `${n.taskId}:${n.type}`).join(",")
+    ].join(":")).join("|")), zt = u(() => tt.value.join("|")), xe = y(o.gantt?.paneWidth ?? 520), ye = u(() => Et({
+      requestedWidth: xe.value,
+      stageWidth: ke.value,
+      minTableWidth: Oe,
+      minTimelineWidth: Ke
+    })), Ft = u(() => ({
+      width: `${ye.value}px`,
+      minWidth: `${ye.value}px`,
+      maxWidth: `${ye.value}px`
+    })), Xt = u(() => ({
+      left: `${ye.value}px`,
+      width: `${Bn}px`
+    })), $t = u(() => ({
+      height: `${U.value}px`
+    })), Ot = u(() => ({
+      height: `${U.value}px`
+    })), Kt = u(() => ({
+      width: `${c.value?.totalWidth ?? 1}px`,
+      minWidth: `${c.value?.totalWidth ?? 1}px`,
+      height: `${U.value}px`
+    })), Ut = u(() => ({
+      width: `${c.value?.totalWidth ?? 1}px`,
+      minWidth: `${c.value?.totalWidth ?? 1}px`,
+      height: `${Math.max(Y.value, 1)}px`
+    })), Yt = u(() => ie.value ? "col-resize" : g.value ? g.value.mode === "move" ? "grabbing" : "col-resize" : j.value ? j.value.mode === "move" ? "grab" : "col-resize" : z.value ? "pointer" : "default");
+    function at() {
+      L.value == null && z.value == null || (L.value = null, z.value = null, m("body"));
+    }
+    function it(e) {
+      const n = g.value;
+      return !n || n.rowId !== e.rowId ? {
+        startMs: e.startMs,
+        endMs: e.endMs
+      } : {
+        startMs: n.draftStartMs,
+        endMs: n.draftEndMs
+      };
+    }
+    function Ce(e) {
+      typeof document > "u" || (document.body.style.cursor = e ? "col-resize" : "", document.body.style.userSelect = e ? "none" : "");
+    }
+    function lt(e, n, a, l, r) {
+      for (const t of n) {
+        if (t.width < 18)
+          continue;
+        const h = Math.max(0, t.x), f = Math.min(r, t.x + t.width);
+        f <= h || (e.save(), e.beginPath(), e.rect(h, a, f - h, l), e.clip(), e.fillText(
+          t.label,
+          Math.max(h + 8, t.x + 8),
+          a + l / 2
+        ), e.restore());
+      }
+    }
+    function jt() {
+      const e = c.value, n = T.value;
+      if (!e || !n)
+        return;
+      const a = Math.max(1, U.value), l = Math.max(1, A.value || n.clientWidth || 1), r = Tt({
+        timeline: e,
+        scrollLeft: D.value,
+        viewportWidth: l,
+        workingCalendar: o.gantt?.workingCalendar ?? null,
+        headerBufferPx: 0,
+        bodyBufferPx: kt
+      }).header, t = Ye(
+        ue.value,
+        l,
+        a
+      );
+      if (!t)
+        return;
+      const h = P("--datagrid-column-divider-color", "rgba(148, 163, 184, 0.24)"), f = P("--datagrid-header-divider-color", "rgba(148, 163, 184, 0.42)"), H = P("--datagrid-header-row-bg", "#f8fafc"), _ = P("--datagrid-weekend-bg", "rgba(148, 163, 184, 0.12)"), x = P("--datagrid-text-primary", "#0f172a"), X = P("--datagrid-font-family", "ui-sans-serif, system-ui, sans-serif"), $ = P("--datagrid-accent-strong", "#2563eb"), B = Math.max(16, Math.round(a * 0.46)), ee = B, we = Math.max(1, a - B);
+      t.fillStyle = H, t.fillRect(0, 0, l, a), t.fillStyle = _;
+      for (const G of r.nonWorkingSpans) {
+        const C = Math.max(0, G.x), Te = Math.min(l, G.x + G.width);
+        Te <= C || t.fillRect(C, ee, Te - C, we);
+      }
+      t.strokeStyle = h, t.lineWidth = 1;
+      for (const G of r.secondaryLines) {
+        const C = Math.round(G.x) + 0.5;
+        t.beginPath(), t.moveTo(C, ee), t.lineTo(C, a), t.stroke();
+      }
+      t.strokeStyle = f;
+      for (const G of r.primaryLines) {
+        const C = Math.round(G.x) + 0.5;
+        t.beginPath(), t.moveTo(C, 0), t.lineTo(C, a), t.stroke();
+      }
+      t.beginPath(), t.moveTo(0, ee - 0.5), t.lineTo(l, ee - 0.5), t.stroke(), t.strokeStyle = f, t.beginPath(), t.moveTo(0, a - 0.5), t.lineTo(l, a - 0.5), t.stroke(), t.fillStyle = x, t.font = `12px ${X}`, t.textBaseline = "middle", lt(t, r.primarySegments, 0, B, l), lt(t, r.secondarySegments, ee, we, l);
+      const te = Pt(Ie(Date.now()), e) - D.value;
+      te >= -1 && te <= l + 1 && (t.strokeStyle = $, t.lineWidth = 2, t.beginPath(), t.moveTo(Math.round(te) + 0.5, 0), t.lineTo(Math.round(te) + 0.5, a), t.stroke());
+    }
+    function qt() {
+      const e = c.value, n = W.value;
+      if (!e || !n)
+        return;
+      const a = Math.max(1, Y.value || n.clientHeight || re.value.length * o.baseRowHeight), l = Math.max(1, A.value || n.clientWidth || 1), r = Tt({
+        timeline: e,
+        scrollLeft: D.value,
+        viewportWidth: l,
+        workingCalendar: o.gantt?.workingCalendar ?? null,
+        headerBufferPx: 0,
+        bodyBufferPx: kt
+      }).body, t = Ye(ae.value, l, a);
+      if (!t)
+        return;
+      const h = P("--datagrid-viewport-bg", "#ffffff"), f = P("--datagrid-column-divider-color", "rgba(148, 163, 184, 0.16)"), H = P("--datagrid-row-divider-color", "rgba(148, 163, 184, 0.18)"), _ = P("--datagrid-weekend-bg", "rgba(148, 163, 184, 0.08)"), x = P("--datagrid-accent-strong", "#2563eb"), X = P("--datagrid-selection-range-bg", "rgba(37, 99, 235, 0.16)"), $ = "rgba(30, 64, 175, 0.24)", B = "rgba(30, 64, 175, 0.96)", ee = "rgba(59, 130, 246, 0.92)", we = "rgba(100, 116, 139, 0.28)", te = "rgba(71, 85, 105, 0.44)", G = "rgba(220, 38, 38, 0.62)", C = "rgba(5, 150, 105, 0.56)", Te = "rgba(255, 255, 255, 0.28)", ct = "#dc2626", ht = "rgba(220, 38, 38, 0.76)", sn = "rgba(15, 23, 42, 0.32)", dn = "rgba(255, 255, 255, 0.72)", un = "rgba(15, 23, 42, 0.84)", cn = "rgba(255, 255, 255, 0.94)", hn = P("--datagrid-header-divider-color", "rgba(148, 163, 184, 0.3)"), vn = "#ffffff", fn = P("--datagrid-font-family", "ui-sans-serif, system-ui, sans-serif"), gn = P("--datagrid-accent-strong", "#2563eb"), vt = "rgba(15, 23, 42, 0.85)", ft = "rgba(255, 255, 255, 0.96)";
+      t.fillStyle = h, t.fillRect(0, 0, l, a), t.fillStyle = _;
+      for (const i of r.nonWorkingSpans) {
+        const k = Math.max(0, i.x), pe = Math.min(l, i.x + i.width);
+        pe <= k || t.fillRect(k, 0, pe - k, a);
+      }
+      t.strokeStyle = f, t.lineWidth = 1;
+      for (const i of r.secondaryLines) {
+        const k = Math.round(i.x) + 0.5;
+        t.beginPath(), t.moveTo(k, 0), t.lineTo(k, a), t.stroke();
+      }
+      t.strokeStyle = hn;
+      for (const i of r.primaryLines) {
+        const k = Math.round(i.x) + 0.5;
+        t.beginPath(), t.moveTo(k, 0), t.lineTo(k, a), t.stroke();
+      }
+      t.strokeStyle = H;
+      for (const i of tt.value)
+        t.beginPath(), t.moveTo(0, i), t.lineTo(l, i), t.stroke();
+      const Pe = Pt(Ie(Date.now()), e) - D.value;
+      Pe >= -1 && Pe <= l + 1 && (t.strokeStyle = gn, t.lineWidth = 2, t.beginPath(), t.moveTo(Math.round(Pe) + 0.5, 0), t.lineTo(Math.round(Pe) + 0.5, a), t.stroke());
+      for (const i of me.value) {
+        const k = Se(i) === L.value;
+        xt(
+          t,
+          i.points,
+          i.dependencyType,
+          k ? un : sn,
+          k ? cn : dn
+        );
+      }
+      t.font = `12px ${fn}`, t.textBaseline = "middle";
+      for (const i of re.value) {
+        const k = it(i), pe = Xe(
+          k,
+          e,
+          o.gantt?.minBarWidth ?? 6,
+          i.milestone ? i.height : void 0
+        ), b = pe.x - D.value, p = pe.width, gt = Gt.value.has(i.rowId), mn = i.baselineStartMs != null && i.baselineEndMs != null && (i.baselineStartMs !== i.startMs || i.baselineEndMs !== i.endMs), mt = i.summary ? $ : g.value?.rowId === i.rowId ? X : x;
+        if (mn) {
+          const O = Xe(
+            {
+              startMs: i.baselineStartMs,
+              endMs: i.baselineEndMs
+            },
+            e,
+            o.gantt?.minBarWidth ?? 6,
+            i.milestone ? i.height : void 0
+          ), se = O.x - D.value, yt = b, wt = b + p, pt = se, bt = se + O.width;
+          if (i.milestone)
+            oe(
+              t,
+              se + O.width / 2,
+              i.y + i.height / 2,
+              Math.max(Math.max(8, O.width - 2), i.height - 2)
+            ), t.fillStyle = we, t.fill(), oe(
+              t,
+              se + O.width / 2,
+              i.y + i.height / 2,
+              Math.max(Math.max(8, O.width - 2), i.height - 2)
+            ), t.strokeStyle = te, t.lineWidth = 1, t.stroke();
+          else {
+            const Fe = Math.max(4, Math.min(6, Math.round(i.height * 0.34))), St = i.y + i.height - Fe;
+            q(t, se, St, O.width, Fe, 3), t.fillStyle = we, t.fill(), q(t, se, St, O.width, Fe, 3), t.strokeStyle = te, t.lineWidth = 1, t.stroke();
+          }
+          qe(
+            t,
+            pt,
+            yt,
+            i.y + 2.5,
+            yt >= pt ? G : C
+          ), qe(
+            t,
+            bt,
+            wt,
+            i.y + i.height - 2.5,
+            wt >= bt ? G : C
+          );
+        }
+        if (i.milestone) {
+          oe(t, b + p / 2, i.y + i.height / 2, Math.max(p, i.height)), t.fillStyle = mt, t.fill(), gt && (oe(t, b + p / 2, i.y + i.height / 2, Math.max(p, i.height)), t.strokeStyle = ft, t.lineWidth = 4, t.stroke(), oe(t, b + p / 2, i.y + i.height / 2, Math.max(p, i.height)), t.strokeStyle = vt, t.lineWidth = 2, t.stroke()), i.critical && (oe(t, b + p / 2, i.y + i.height / 2, Math.max(p, i.height)), t.strokeStyle = i.criticalSource === "computed" ? ht : ct, t.lineWidth = 2, t.stroke());
+          continue;
+        }
+        q(t, b, i.y, p, i.height, i.summary ? 4 : 6), t.fillStyle = mt, t.fill(), i.summary && (t.fillStyle = ee, t.fillRect(b + 4, i.y + 3, Math.max(8, p - 8), 2), t.strokeStyle = B, t.lineWidth = 2.5, t.beginPath(), t.moveTo(b, i.y + i.height), t.lineTo(b + 6, i.y), t.lineTo(b + p - 6, i.y), t.lineTo(b + p, i.y + i.height), t.stroke()), !i.summary && i.progress > 0 && (q(t, b, i.y, Math.max(0, p * i.progress), i.height, 6), t.fillStyle = Te, t.fill()), gt && (q(t, b, i.y, p, i.height, 6), t.strokeStyle = ft, t.lineWidth = 4, t.stroke(), q(t, b, i.y, p, i.height, 6), t.strokeStyle = vt, t.lineWidth = 2, t.stroke()), i.critical && (q(t, b, i.y, p, i.height, 6), t.strokeStyle = i.criticalSource === "computed" ? ht : ct, t.lineWidth = 2, t.stroke()), t.fillStyle = vn, Ct(t, i.label, b, i.y, p, i.height);
+      }
+    }
+    function Jt(e) {
+      const n = W.value;
+      if (!n)
+        return 0;
+      const a = n.getBoundingClientRect();
+      if (e <= a.left + _e) {
+        const r = 1 - Math.max(0, e - a.left) / _e;
+        return -Math.max(1, Math.round(Rt * r));
+      }
+      if (e >= a.right - _e) {
+        const r = 1 - Math.max(0, a.right - e) / _e;
+        return Math.max(1, Math.round(Rt * r));
+      }
+      return 0;
+    }
+    function Q(e, n) {
+      if (D.value = xn(
+        e,
+        c.value?.totalWidth ?? 0,
+        A.value
+      ), Ee) {
+        m();
+        return;
+      }
+      Ee = !0, n !== "header" && T.value && T.value.scrollLeft !== D.value && (T.value.scrollLeft = D.value), n !== "body" && W.value && W.value.scrollLeft !== D.value && (W.value.scrollLeft = D.value), Ee = !1, m();
+    }
+    function F() {
+      if (!c.value) {
+        Q(0, "body");
+        return;
+      }
+      Q(D.value, "body");
+    }
+    function Le() {
+      if (Ue.value || !c.value || A.value <= 0)
+        return;
+      const e = Ie(Date.now()), n = e >= c.value.startMs && e <= c.value.endMs ? En({
+        dateMs: e,
+        timeline: c.value,
+        viewportWidth: A.value,
+        align: "center"
+      }) : 0;
+      Q(n, "body"), Ue.value = !0;
+    }
+    function Zt(e) {
+      const n = e.target;
+      n && (Je(n), Q(n.scrollLeft, "body"));
+    }
+    function Qt(e) {
+      const n = e.target;
+      n && (Je(n), Q(n.scrollLeft, "header"));
+    }
+    function He(e) {
+      const n = K.value, a = W.value;
+      if (!n || !a)
+        return;
+      const { horizontalDelta: l, verticalDelta: r } = Hn({
+        deltaX: e.deltaX,
+        deltaY: e.deltaY,
+        shiftKey: e.shiftKey
+      });
+      if (!(l === 0 && r === 0) && (e.preventDefault(), l !== 0 && (a.scrollLeft += l, Q(a.scrollLeft, "body")), r !== 0)) {
+        const t = n.scrollTop;
+        n.scrollTop = t + r, n.scrollTop !== t && (J(), m("body"));
+      }
+    }
+    function en(e) {
+      e != null && ie.value && ie.value.pointerId !== e || (ie.value = null, Ce(!1), typeof window < "u" && (window.removeEventListener("pointermove", Be), window.removeEventListener("pointerup", Ge)));
+    }
+    function Be(e) {
+      const n = ie.value;
+      n && (xe.value = Gn({
+        originWidth: n.originWidth,
+        deltaX: e.clientX - n.originClientX,
+        stageWidth: ke.value,
+        minTableWidth: Oe,
+        minTimelineWidth: Ke
+      }), ge(), m());
+    }
+    function Ge(e) {
+      en(e.pointerId);
+    }
+    function tn(e) {
+      e.button === 0 && (e.preventDefault(), Z(), ie.value = {
+        pointerId: e.pointerId,
+        originClientX: e.clientX,
+        originWidth: ye.value
+      }, Ce(!0), typeof window < "u" && (window.addEventListener("pointermove", Be), window.addEventListener("pointerup", Ge)));
+    }
+    function Ae(e) {
+      const n = ae.value;
+      if (!n)
+        return null;
+      const a = n.getBoundingClientRect();
+      return {
+        x: e.clientX - a.left,
+        y: e.clientY - a.top
+      };
+    }
+    function Ne(e) {
+      const n = Ae(e);
+      return n ? {
+        x: n.x + D.value,
+        y: n.y
+      } : null;
+    }
+    function nn(e) {
+      if (!o.gantt) {
+        j.value = null;
+        return;
+      }
+      const n = Ae(e), a = Ne(e);
+      if (!n || !a) {
+        j.value = null, z.value = null;
+        return;
+      }
+      const l = Wt(me.value, n);
+      z.value = l ? Se(l) : null, j.value = Dt(
+        re.value,
+        a,
+        o.gantt.resizeHandleWidth
+      ), j.value && (z.value = null);
+    }
+    function an() {
+      if (!o.gantt || !g.value) {
+        g.value = null;
+        return;
+      }
+      const e = g.value;
+      if (g.value = null, e.initialStartMs === e.draftStartMs && e.initialEndMs === e.draftEndMs) {
+        m("body");
+        return;
+      }
+      o.runtime.api.rows.applyEdits([Cn(
+        e.rowUpdateId,
+        {
+          startMs: e.draftStartMs,
+          endMs: e.draftEndMs
+        },
+        o.gantt
+      )], {
+        reapply: !0
+      }), m("body");
+    }
+    function Ve(e) {
+      if (!g.value || !c.value)
+        return;
+      const n = Jt(e.clientX);
+      n !== 0 && Q(D.value + n, "body");
+      const a = Ne(e);
+      if (!a)
+        return;
+      const l = (a.x - g.value.originX) / c.value.pixelsPerDay, r = In({
+        startMs: g.value.initialStartMs,
+        endMs: g.value.initialEndMs
+      }, g.value.mode, l, c.value.zoomLevel, o.gantt?.workingCalendar);
+      g.value = {
+        ...g.value,
+        draftStartMs: r.startMs,
+        draftEndMs: r.endMs
+      }, m("body");
+    }
+    function ze(e) {
+      !g.value || e.pointerId !== g.value.pointerId || (ae.value?.hasPointerCapture?.(e.pointerId) && ae.value.releasePointerCapture(e.pointerId), an(), typeof window < "u" && (window.removeEventListener("pointermove", Ve), window.removeEventListener("pointerup", ze)));
+    }
+    function ln(e) {
+      if (!o.gantt || !c.value)
+        return;
+      const n = Ae(e), a = Ne(e);
+      if (!n || !a)
+        return;
+      const l = Dt(
+        re.value,
+        a,
+        o.gantt.resizeHandleWidth
+      );
+      if (l && (L.value = null, z.value = null), !l) {
+        const r = Wt(me.value, n);
+        if (r) {
+          e.preventDefault(), L.value = Se(r), m("body");
+          return;
+        }
+        at();
+        return;
+      }
+      e.preventDefault(), ae.value?.setPointerCapture?.(e.pointerId), g.value = {
+        pointerId: e.pointerId,
+        rowId: l.bar.rowId,
+        rowUpdateId: l.bar.rowUpdateId,
+        mode: l.mode,
+        originX: a.x,
+        initialStartMs: l.bar.startMs,
+        initialEndMs: l.bar.endMs,
+        draftStartMs: l.bar.startMs,
+        draftEndMs: l.bar.endMs
+      }, typeof window < "u" && (window.addEventListener("pointermove", Ve), window.addEventListener("pointerup", ze)), m("body");
+    }
+    function on(e) {
+      g.value || nn(e);
+    }
+    function rn() {
+      g.value || (j.value = null, z.value = null);
+    }
+    function ot(e) {
+      e.key !== "Escape" || g.value || at();
+    }
+    function rt() {
+      Re?.(), Re = null, K.value = null;
+    }
+    function st() {
+      if (N?.disconnect(), N = null, typeof window > "u" || typeof window.ResizeObserver != "function")
+        return;
+      N = new window.ResizeObserver(() => {
+        Z(), fe(), J(), ge(), F(), m();
+      });
+      const e = M.value?.getHeaderElement() ?? null;
+      e && N.observe(e), K.value && N.observe(K.value), E.value && N.observe(E.value), W.value && N.observe(W.value);
+    }
+    function dt() {
+      const e = M.value?.getBodyViewportElement() ?? null;
+      if (e === K.value) {
+        Z(), fe(), J(), st(), F(), m();
+        return;
+      }
+      if (rt(), K.value = e, !e) {
+        Z(), fe(), F(), m();
+        return;
+      }
+      const n = () => {
+        J(), m("body");
+      };
+      e.addEventListener("scroll", n, { passive: !0 }), Z(), fe(), J(), Re = () => {
+        e.removeEventListener("scroll", n);
+      }, st(), F(), m();
+    }
+    function ut() {
+      Z(), fe(), J(), ge(), F(), m();
+    }
+    return de(
+      () => o.gantt?.paneWidth,
+      (e) => {
+        xe.value = e ?? 520;
+      },
+      { immediate: !0 }
+    ), de(
+      () => [
+        nt.value,
+        R.value.displayRows.length,
+        w.value.topSpacerHeight,
+        w.value.viewportRowStart,
+        At.value,
+        o.rowVersion,
+        Me.value
+      ],
+      () => {
+        Mt(() => {
+          dt(), J(), ge(), F(), Le(), m();
+        });
+      }
+    ), de(
+      () => [c.value?.totalWidth ?? 0, A.value],
+      () => {
+        F(), Le();
+      }
+    ), de(
+      () => [
+        Vt.value,
+        zt.value,
+        ce.value,
+        Y.value
+      ],
+      () => {
+        m("body");
+      }
+    ), de(
+      () => [
+        Nt.value,
+        U.value
+      ],
+      () => {
+        m();
+      }
+    ), de(
+      () => me.value.map((e) => Se(e)).join("|"),
+      (e) => {
+        L.value && !e.split("|").includes(L.value) && (L.value = null, m("body"));
+      }
+    ), wn(() => {
+      Mt(() => {
+        Z(), dt(), ge(), F(), Le(), m();
+      }), typeof window < "u" && (window.addEventListener("resize", ut), window.addEventListener("keydown", ot));
+    }), pn(() => {
+      Lt(), rt(), N?.disconnect(), N = null, typeof window < "u" && (window.removeEventListener("resize", ut), window.removeEventListener("keydown", ot), window.removeEventListener("pointermove", Ve), window.removeEventListener("pointerup", ze), window.removeEventListener("pointermove", Be), window.removeEventListener("pointerup", Ge)), Ce(!1);
+    }), (e, n) => (De(), We("section", {
+      ref_key: "stageRootRef",
+      ref: E,
+      class: "datagrid-gantt-stage"
+    }, [
+      V("div", {
+        class: "datagrid-gantt-stage__table",
+        style: ne(Ft.value)
+      }, [
+        bn(Wn, Sn({
+          ref_key: "tableStageRef",
+          ref: M
+        }, S.value, { "stage-context": Mn(v) }), null, 16, ["stage-context"])
+      ], 4),
+      e.gantt ? (De(), We("button", {
+        key: 0,
+        type: "button",
+        class: "datagrid-gantt-stage__splitter",
+        style: ne(Xt.value),
+        "aria-label": "Resize gantt split",
+        onPointerdown: tn
+      }, null, 36)) : Tn("", !0),
+      V("div", Fn, [
+        V("div", {
+          class: "datagrid-gantt-stage__timeline-header",
+          style: ne($t.value)
+        }, [
+          V("div", {
+            ref_key: "timelineHeaderViewportRef",
+            ref: T,
+            class: "datagrid-gantt-timeline__viewport datagrid-gantt-timeline__viewport--header",
+            style: ne(Ot.value),
+            onScroll: Qt,
+            onWheel: He
+          }, [
+            V("div", {
+              class: "datagrid-gantt-timeline__track-spacer",
+              style: ne(Kt.value)
+            }, null, 4)
+          ], 36),
+          V("canvas", {
+            ref_key: "headerCanvasRef",
+            ref: ue,
+            class: "datagrid-gantt-timeline__canvas datagrid-gantt-timeline__canvas--header",
+            "aria-hidden": "true"
+          }, null, 512)
+        ], 4),
+        V("div", Xn, [
+          e.gantt ? (De(), We("div", {
+            key: 1,
+            ref_key: "timelineBodyViewportRef",
+            ref: W,
+            class: "datagrid-gantt-timeline__viewport datagrid-gantt-timeline__viewport--body",
+            onScroll: Zt,
+            onWheel: He
+          }, [
+            V("div", {
+              class: "datagrid-gantt-timeline__track-spacer",
+              style: ne(Ut.value)
+            }, null, 4)
+          ], 544)) : (De(), We("div", $n, " Configure `gantt.startKey` and `gantt.endKey` to enable the timeline renderer. ")),
+          V("canvas", {
+            ref_key: "bodyCanvasRef",
+            ref: ae,
+            class: "datagrid-gantt-timeline__canvas datagrid-gantt-timeline__canvas--body",
+            style: ne({ cursor: Yt.value }),
+            onPointerdown: ln,
+            onPointermove: on,
+            onPointerleave: rn,
+            onWheel: He
+          }, null, 36)
+        ])
+      ])
+    ], 512));
+  }
+});
+export {
+  Yn as _
+};