@affino/datagrid-vue-app 0.1.37 → 0.1.39

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

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